@charset "UTF-8";
@import url("https://use.typekit.net/cej1fno.css");
:root {
  --font-bold: 600;
  --theme-color-1: #D3A170;
  --theme-color-2: #44695c;
  --theme-color-3: #f4f1ed;
  --theme-bg-color-1: #f4f1ed;
  --theme-bg-color-2: #44695C;
  --mobile-text-margin: 30px;
  --mobile-max-imagewidth: 600px;
  --mobile-in-image: -70px; }

* {
  text-align: left;
  letter-spacing: 0;
  opacity: 1;
  box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth; }

body {
  display: flex;
  justify-content: center; }

.no-scrolling {
  overflow: hidden !important; }

img {
  max-width: 100%; }

a[href^=tel] {
  text-decoration: inherit;
  color: inherit; }

.no-wrap {
  white-space: nowrap; }

.hide {
  display: none; }

.content-center-horizontal {
  display: flex;
  justify-content: center; }

/* common */
.a {
  cursor: pointer;
  text-decoration: none; }

/* theme */
.theme-background-1 {
  background: #E4DDD1; }
.theme-background-2 {
  background: #44695C; }
.theme-color-1 {
  color: #D3A170; }
.theme-color-2 {
  color: #44695C; }

/* text */
.font-bold {
  font-weight: bold; }
.font-1-regular {
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  font-style: normal; }
.font-1-medium {
  font-family: benton-sans, sans-serif;
  font-weight: 500;
  font-style: normal; }
.font-1-bold {
  font-family: benton-sans, sans-serif;
  font-weight: 600;
  font-style: normal; }
.font-2-regular {
  font-family: verveine,sans-serif;
  font-weight: 400;
  font-style: normal; }

.navigation {
  margin-left: -400px;
  position: fixed;
  z-index: 4;
  padding: 0 0 0 40px;
  max-width: 100%;
  width: 400px;
  color: var(--theme-color-3); }
  .navigation-bg {
    position: fixed;
    z-index: 4;
    background: rgba(68, 105, 92, 0.9);
    right: 0px;
    top: 0px;
    max-width: 100%;
    width: max(calc((100% - 1640px) / 2 + 400px), 400px);
    height: 940px; }
  .navigation-wrapper {
    position: relative;
    display: inline-block;
    margin: 170px 0 0 auto; }
    .navigation-wrapper > .menu-bars {
      background: rgba(255, 255, 255, 0.75);
      padding: 20px 10px;
      z-index: 4;
      cursor: pointer;
      width: 60px;
      margin-left: -60px;
      height: 60px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-between;
      position: fixed; }
      .navigation-wrapper > .menu-bars > div {
        height: 3px;
        background: #44695C;
        width: 40px; }
        .navigation-wrapper > .menu-bars > div:nth-child(3) {
          width: 24px;
          justify-self: flex-end; }
    .navigation-wrapper.hide-nav > .navigation {
      display: none; }
      .navigation-wrapper.hide-nav > .navigation-bg {
        display: none; }
    .navigation-wrapper:not(.hide-nav) > .menu-bars {
      display: none; }
  .navigation .close-btn {
    float: right;
    width: 30px;
    height: 30px;
    background: url("./img/close-btn.svg");
    cursor: pointer; }
  .navigation ul {
    margin: 0;
    padding: 0;
    font-size: 1.500em;
    text-transform: uppercase;
    font-weight: 600; }
    .navigation ul li {
      transition: 0.3s;
      cursor: pointer;
      margin-bottom: 20px;
      list-style: none; }
      .navigation ul li.highlight {
        color: var(--theme-color-1);
        cursor: default; }
      .navigation ul li:hover {
        color: var(--theme-color-1); }
  .navigation > .hr {
    background: url("./img/line3.svg") no-repeat right;
    width: 100%;
    height: 34px;
    margin: 25px 0 25px 0; }
  .navigation .contact {
    align-self: flex-end;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 24px;
    height: 209px; }
    .navigation .contact .headline {
      color: var(--theme-color-1);
      font-weight: var(--font-bold); }

.page-wrapper {
  width: 100%;
  max-width: 1640px;
  overflow: hidden; }
  .page-wrapper * {
    overflow: visible; }

@media only screen and (min-width: 1640px) {
  .header {
    display: flex;
    flex-direction: row;
    margin-top: 80px;
    z-index: 2; }
    .header > .logo {
      width: 262px; }
    .header > .headlines {
      margin: 158px 0 0 170px;
      font-family: Verveine;
      z-index: 1; }
      .header > .headlines > .h1 {
        font-size: 70px;
        color: var(--theme-color-1); }
      .header > .headlines > .h2 {
        font-size: 140px;
        color: var(--theme-color-2);
        text-transform: uppercase;
        line-height: 1; } }
@media only screen and (max-width: 1640px) {
  .logo {
    width: 150px; }

  .headlines {
    padding: 30px;
    max-width: 100%;
    margin: 0 !important; }

  .navigation {
    background: var(--theme-bg-color-2);
    padding: 20px;
    top: 0;
    max-width: 100%; }
    .navigation-wrapper {
      margin: 0 !important;
      right: 0px !important; }
    .navigation-bg {
      display: none; }

  .header {
    margin: 20px auto 0 auto;
    max-width: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    z-index: 2;
    width: var(--mobile-max-imagewidth); }
    .header > .logo {
      flex: auto; }
    .header > .headlines {
      font-family: Verveine;
      z-index: 1; }
      .header > .headlines > .h1 {
        font-size: 35px;
        color: var(--theme-color-1); }
      .header > .headlines > .h2 {
        font-size: 80px;
        color: var(--theme-color-2);
        text-transform: uppercase;
        line-height: 1; } }
@media only screen and (max-width: 600px) {
  .header .logo {
    align-items: center;
    justify-content: center;
    display: flex;
    max-width: 120px; }
  .header .headlines .h1 {
    font-size: 27px; }
  .header .headlines .h2 {
    font-size: 40px; }

  .navigation {
    right: 0px;
    font-size: 12px; }
    .navigation .contact {
      font-size: 1.5em;
      height: 167px; }
    .navigation ul li {
      margin-bottom: 10px; } }
div.content-card.even .textbox-bg {
  background: var(--theme-bg-color-1); }
div.content-card.odd .textbox-bg {
  background: var(--theme-bg-color-2);
  right: 0; }
div.content-card .textbox-bg {
  position: absolute;
  z-index: -1;
  max-width: 100%;
  display: inline-block; }

/* content 1: welcome text */
.content1 {
  display: flex; }
  .content1 > .textbox {
    flex: auto;
    color: var(--theme-color-2);
    font-size: 24px; }
    .content1 > .textbox > .hr {
      background: url("./img/line1.svg") no-repeat right;
      width: 100%;
      height: 34px;
      margin: 25px 0 25px 0; }
    .content1 > .textbox > .quote {
      hyphens: manual; }

@media only screen and (min-width: 1640px) {
  .hide-on-desktop {
    display: none; }

  .content1 {
    margin-top: -80px;
    flex-direction: row; }
    .content1 > .imagebox {
      flex: auto;
      margin-top: -115px;
      margin-left: -90px; }
    .content1 > .textbox-bg {
      height: 913px;
      width: 1220px; }
    .content1 > .textbox {
      padding: 0;
      margin: 377px 140px;
      min-width: 520px;
      max-width: 520px; }
    .content1 img {
      width: 940px;
      height: 731px; } }
@media only screen and (max-width: 1640px) {
  .hide-on-mobile {
    display: none; }

  .content-card {
    align-items: center;
    margin-top: 100px; }

  .imagebox {
    max-width: var(--mobile-max-imagewidth);
    width: 100%; }

  .textbox-wrapper, .textbox, .content7 .contact {
    max-width: calc(100% - var(--mobile-text-margin));
    width: calc(var(--mobile-max-imagewidth) - var(--mobile-text-margin));
    margin-top: var(--mobile-in-image);
    z-index: 3;
    padding: 20px; }

  .textbox {
    max-width: calc(100% - var(--mobile-text-margin));
    width: calc(var(--mobile-max-imagewidth) - var(--mobile-text-margin));
    margin-top: var(--mobile-in-image);
    z-index: 3;
    padding: 20px; }

  .content1 {
    margin-top: 20px;
    flex-direction: column-reverse; }
    .content1 > .textbox {
      background: var(--theme-bg-color-1); }

  .quote-author {
    font-size: 18px; } }
@media only screen and (max-width: 400px) {
  .content1 .hr {
    background-size: 400px 100px !important; } }
/* content 2: welcome text */
.content2 {
  display: flex;
  position: relative; }

@media only screen and (min-width: 1640px) {
  .content2 {
    flex-direction: column;
    margin-top: -80px; }
    .content2 > .textbox-bg {
      height: 779px;
      width: 1338px;
      margin: -100px 0 0 auto; }
    .content2 > .headlines {
      margin: -60px 0 0 600px; }
      .content2 > .headlines > .h1 {
        font-size: 50px;
        color: var(--theme-color-1); }
      .content2 > .headlines > .h2 {
        text-transform: uppercase;
        font-size: 100px;
        color: var(--theme-color-3); }
    .content2 > .box {
      display: flex;
      flex-direction: row; }
      .content2 > .box > .textbox {
        font-size: 20px;
        min-width: 560px;
        max-width: 560px;
        color: var(--theme-color-1);
        margin: 30px 50px 0 40px; }
      .content2 > .box > .imagebox {
        width: 940px;
        height: 660px; } }
@media only screen and (max-width: 1640px) {
  .content2 {
    flex-direction: column; }
    .content2 .headlines .h1 {
      font-size: 35px;
      color: var(--theme-color-1); }
    .content2 .headlines .h2 {
      text-transform: uppercase;
      font-size: 50px;
      color: var(--theme-color-3);
      line-height: 1.1; }
    .content2 > .box {
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 100%; }
      .content2 > .box > .imagebox {
        max-width: var(--mobile-max-imagewidth); }
      .content2 > .box > .textbox {
        font-size: 20px;
        color: var(--theme-color-1);
        background: var(--theme-bg-color-2); } }
/* content 3 */
.content3 {
  display: flex; }
  .content3 .text2 {
    font-size: 24px;
    margin-top: 25px; }
  .content3 .textbox {
    color: var(--theme-color-2); }
  .content3 .imagebox {
    position: relative; }
    .content3 .imagebox .asparagus {
      position: absolute;
      background-size: 100%;
      background-repeat: no-repeat;
      background-origin: content-box; }
      .content3 .imagebox .asparagus#asparagus1 {
        background-image: url("./img/asparagus1.svg");
        width: 8.87%;
        height: 48.57%;
        top: 32.17%;
        left: 10.71%; }
      .content3 .imagebox .asparagus#asparagus2 {
        background-image: url("./img/asparagus2.svg");
        width: 15.20%;
        height: 51.96%;
        top: -11.81%;
        left: 22.85%; }
      .content3 .imagebox .asparagus#asparagus3 {
        background-image: url("./img/asparagus3.svg");
        width: 6.93%;
        height: 40.91%;
        top: 21.66%;
        left: 51.93%; }
      .content3 .imagebox .asparagus#asparagus4 {
        background-image: url("./img/asparagus4.svg");
        width: 13.5%;
        height: 37.96%;
        top: 38.73%;
        left: 78.36%; }

@media only screen and (min-width: 1640px) {
  .content3 {
    margin-top: 300px;
    flex-direction: row;
    flex: auto; }
    .content3 > .textbox-bg {
      height: 914px;
      width: 1360px; }
    .content3 .textbox-wrapper {
      margin: 190px 0px 50px 140px; }
      .content3 .textbox-wrapper .text2 {
        font-size: 24px;
        margin-top: 30px; }
    .content3 .imagebox {
      position: relative;
      margin-top: -100px;
      width: 980px;
      height: 914px; }
      .content3 .imagebox img {
        max-width: 980px;
        width: 980px; }
    .content3 .headlines {
      width: 520px;
      line-height: 1.1; }
      .content3 .headlines > .h1 {
        font-size: 50px;
        color: var(--theme-color-2); }
      .content3 .headlines > .h2 {
        font-size: 100px;
        color: var(--theme-color-1);
        text-transform: uppercase; }
    .content3 .textbox {
      margin-top: 40px;
      width: 420px;
      font-size: 20px; } }
@media only screen and (max-width: 1640px) {
  .content3 {
    flex-direction: column-reverse; }
    .content3 > .textbox-wrapper {
      background: var(--theme-bg-color-1); }
    .content3 .headlines {
      line-height: 1.2; }
      .content3 .headlines > .h1 {
        font-size: 35px;
        color: var(--theme-color-2); }
      .content3 .headlines > .h2 {
        font-size: 50px;
        color: var(--theme-color-1);
        text-transform: uppercase;
        margin-bottom: 40px;
        line-height: 1.0; } }
/* content 4 */
.content4 {
  display: flex;
  position: relative; }

@media only screen and (min-width: 1640px) {
  .content4 {
    margin-top: 300px;
    flex-direction: row; }
    .content4 > .textbox-bg {
      width: 940px;
      height: 1033px; }
    .content4 .imagebox {
      margin-top: -145px;
      max-width: 840px !important;
      width: 840px;
      height: 1033px; }
    .content4 .textbox-wrapper {
      margin: 66px 100px 80px 130px;
      width: 580px; }
      .content4 .textbox-wrapper > .headlines {
        line-height: 1.2; }
        .content4 .textbox-wrapper > .headlines > .h1 {
          font-size: 50px;
          color: var(--theme-color-3); }
        .content4 .textbox-wrapper > .headlines > .h2 {
          font-size: 100px;
          color: var(--theme-color-1);
          text-transform: uppercase; }
      .content4 .textbox-wrapper > .textbox {
        margin-top: 50px;
        font-size: 20px;
        color: var(--theme-color-3); }
        .content4 .textbox-wrapper > .textbox .headline {
          text-transform: uppercase;
          color: var(--theme-color-1); }
        .content4 .textbox-wrapper > .textbox > .box {
          display: flex;
          flex-wrap: wrap; }
          .content4 .textbox-wrapper > .textbox > .box > div {
            margin-top: 40px; }
          .content4 .textbox-wrapper > .textbox > .box > .opening-hours {
            min-width: 200px;
            width: 250px; }
          .content4 .textbox-wrapper > .textbox > .box > .prices {
            min-width: 280px;
            width: 280px; }
        .content4 .textbox-wrapper > .textbox > .booking {
          margin-top: 40px;
          font-size: 24px; } }
@media only screen and (max-width: 1640px) {
  .content4 {
    flex-direction: column; }
    .content4 .textbox-wrapper {
      background: var(--theme-bg-color-2); }
      .content4 .textbox-wrapper > .headlines {
        line-height: 1.2; }
        .content4 .textbox-wrapper > .headlines > .h1 {
          line-height: 1.0;
          font-size: 35px;
          color: var(--theme-color-3); }
        .content4 .textbox-wrapper > .headlines > .h2 {
          font-size: 50px;
          color: var(--theme-color-1);
          text-transform: uppercase; }
      .content4 .textbox-wrapper > .textbox {
        margin-top: 0px;
        font-size: 20px;
        color: var(--theme-color-3); }
        .content4 .textbox-wrapper > .textbox .headline {
          text-transform: uppercase;
          color: var(--theme-color-1); }
        .content4 .textbox-wrapper > .textbox > .box {
          display: flex;
          flex-wrap: wrap; }
          .content4 .textbox-wrapper > .textbox > .box > div {
            margin-top: 40px; }
          .content4 .textbox-wrapper > .textbox > .box > .opening-hours {
            min-width: 200px;
            width: 250px; }
          .content4 .textbox-wrapper > .textbox > .box > .prices {
            min-width: 280px;
            width: 280px; }
        .content4 .textbox-wrapper > .textbox > .booking {
          margin-top: 40px;
          font-size: 24px; } }
.content5 {
  display: flex; }

@media only screen and (min-width: 1640px) {
  .content5 {
    flex-direction: row;
    margin-top: 300px; }
    .content5 > .textbox-bg {
      width: 1157px;
      height: 700px; }
    .content5 .imagebox {
      width: 800px;
      height: 700px;
      position: relative;
      margin-top: -100px; }
    .content5 .textbox-wrapper {
      margin: 100px 80px 102px 140px;
      width: 652px; }
      .content5 .textbox-wrapper > .headlines {
        line-height: 1.2; }
        .content5 .textbox-wrapper > .headlines > .h1 {
          font-size: 50px;
          color: var(--theme-color-1); }
        .content5 .textbox-wrapper > .headlines > .h2 {
          font-size: 100px;
          color: var(--theme-color-2);
          text-transform: uppercase; }
      .content5 .textbox-wrapper > .textbox {
        margin-top: 40px;
        width: 560px;
        font-size: 20px;
        color: var(--theme-color-1); }
        .content5 .textbox-wrapper > .textbox > .opening-hours {
          font-size: 20px;
          margin-top: 40px; }
          .content5 .textbox-wrapper > .textbox > .opening-hours > .headline {
            text-transform: uppercase; }
          .content5 .textbox-wrapper > .textbox > .opening-hours > .text {
            color: var(--theme-color-2); } }
@media only screen and (max-width: 1640px) {
  .content5 {
    flex-direction: column-reverse; }
    .content5 .textbox-wrapper {
      background: var(--theme-bg-color-1); }
      .content5 .textbox-wrapper .headlines {
        line-height: 1.1; }
        .content5 .textbox-wrapper .headlines .h1 {
          font-size: 35px;
          color: var(--theme-color-1);
          margin-bottom: 10px; }
        .content5 .textbox-wrapper .headlines .h2 {
          font-size: 50px;
          color: var(--theme-color-2);
          text-transform: uppercase; }
      .content5 .textbox-wrapper .textbox {
        margin-top: 0px;
        font-size: 20px;
        color: var(--theme-color-1); }
        .content5 .textbox-wrapper .textbox > .opening-hours {
          font-size: 20px;
          margin-top: 50px; }
          .content5 .textbox-wrapper .textbox > .opening-hours > .headline {
            text-transform: uppercase; }
          .content5 .textbox-wrapper .textbox > .opening-hours > .text {
            color: var(--theme-color-2); } }
.content6 > .sales-points {
  font-size: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  color: var(--theme-color-1); }
  .content6 > .sales-points > .col {
    width: 360px; }
    .content6 > .sales-points > .col > .sales-point {
      margin-top: 30px; }
      .content6 > .sales-points > .col > .sales-point > .highlight {
        color: var(--theme-color-2);
        font-weight: bold; }

@media only screen and (min-width: 1640px) {
  .content6 {
    margin-top: 40px;
    padding: 140px; }
    .content6 > .headlines > .h1 {
      font-size: 50px;
      color: var(--theme-color-1); }
    .content6 > .headlines > .h2 {
      font-size: 100px;
      color: var(--theme-color-2);
      text-transform: uppercase; }
    .content6 > .sales-points {
      margin-top: 50px; } }
@media only screen and (max-width: 1640px) {
  .content6 {
    padding: 20px; }
    .content6 > .headlines > .h1 {
      line-height: 1.0;
      font-size: 35px;
      color: var(--theme-color-1); }
    .content6 > .headlines > .h2 {
      font-size: 50px;
      color: var(--theme-color-2);
      text-transform: uppercase; } }
/* content 7: spargel tour */
.content7 {
  position: relative; }
  .content7 .box {
    display: flex;
    position: relative; }
    .content7 .box .headlines {
      line-height: 1.2; }
      .content7 .box .headlines > .h1 {
        color: var(--theme-color-3); }
      .content7 .box .headlines > .h2 {
        color: var(--theme-color-1);
        text-transform: uppercase; }
    .content7 .box .textbox {
      font-size: 20px;
      color: var(--theme-color-3); }
      .content7 .box .textbox .headline {
        text-transform: uppercase;
        color: var(--theme-color-1); }
      .content7 .box .textbox .highlight {
        margin-top: 50px;
        font-weight: var(--font-bold);
        font-size: 24px; }
  .content7 > .contact {
    margin: auto;
    color: var(--theme-color-3);
    font-size: 10px; }
    .content7 > .contact > table td {
      font-weight: var(--font-bold); }
      .content7 > .contact > table td:nth-child(1) {
        width: 50px;
        color: var(--theme-color-1); }

@media only screen and (min-width: 1640px) {
  .content7 > .textbox-bg {
    width: 1080px;
    height: 1082px; }
  .content7 .box {
    flex-direction: row; }
    .content7 .box .imagebox {
      margin-top: 164px;
      width: 940px;
      height: 630px; }
      .content7 .box .imagebox img {
        max-width: 940px; }
    .content7 .box .textbox-wrapper {
      margin: 78px 140px 80px 50px; }
      .content7 .box .textbox-wrapper > .headlines {
        line-height: 1.2; }
        .content7 .box .textbox-wrapper > .headlines > .h1 {
          font-size: 50px; }
        .content7 .box .textbox-wrapper > .headlines > .h2 {
          font-size: 100px; }
      .content7 .box .textbox-wrapper > .textbox {
        width: 520px;
        margin-top: 50px;
        font-size: 20px;
        line-height: 1.6; }
        .content7 .box .textbox-wrapper > .textbox .headline {
          text-transform: uppercase;
          color: var(--theme-color-1); }
        .content7 .box .textbox-wrapper > .textbox .highlight {
          line-height: 0.1;
          margin-top: 50px;
          font-weight: var(--font-bold);
          font-size: 24px; }
  .content7 > .contact {
    margin: 70px 0px 0px 680px;
    color: var(--theme-color-3);
    font-size: 24px; }
    .content7 > .contact > table td {
      font-weight: var(--font-bold); }
      .content7 > .contact > table td:nth-child(1) {
        width: 50px;
        color: var(--theme-color-1); } }
@media only screen and (max-width: 1640px) {
  .content7 {
    align-items: center; }
    .content7 .box {
      flex-direction: column;
      align-items: center; }
      .content7 .box .textbox-wrapper {
        background: var(--theme-bg-color-2); }
        .content7 .box .textbox-wrapper > .headlines {
          line-height: 1.2; }
          .content7 .box .textbox-wrapper > .headlines > .h1 {
            line-height: 1.1;
            font-size: 35px; }
          .content7 .box .textbox-wrapper > .headlines > .h2 {
            font-size: 50px; }
        .content7 .box .textbox-wrapper > .textbox {
          margin-top: 0px;
          font-size: 20px; }
          .content7 .box .textbox-wrapper > .textbox .headline {
            text-transform: uppercase;
            color: var(--theme-color-1); }
          .content7 .box .textbox-wrapper > .textbox .highlight {
            margin-top: 50px;
            font-weight: var(--font-bold);
            font-size: 24px; }
    .content7 > .contact {
      margin-top: 0;
      color: var(--theme-color-3);
      background: var(--theme-bg-color-2);
      font-size: 24px; }
      .content7 > .contact > table td {
        font-weight: var(--font-bold); }
        .content7 > .contact > table td:nth-child(1) {
          width: 50px;
          color: var(--theme-color-1); } }
.closure {
  display: flex;
  position: relative; }

@media only screen and (min-width: 1640px) {
  .closure {
    margin-top: 150px; }
    .closure .image {
      width: 520px;
      height: 400px; }
    .closure .text {
      align-self: flex-end;
      line-height: 1.2;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      font-size: 24px;
      margin-left: 40px;
      width: 420px;
      height: 237px;
      color: var(--theme-color-2); }
      .closure .text .headline {
        color: var(--theme-color-1);
        font-weight: var(--font-bold); }
    .closure .logo {
      position: absolute;
      width: 218px;
      right: 130px; } }
@media only screen and (max-width: 1640px) {
  .closure {
    margin: 100px auto 0 auto;
    display: grid;
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    max-width: 100%;
    width: var(--mobile-max-imagewidth); }
    .closure .image {
      grid-column: 1 / 3;
      grid-row: 1; }
    .closure .text {
      margin: 30px auto auto auto;
      grid-column: 2;
      grid-row: 2;
      font-size: 16px;
      color: var(--theme-color-2); }
      .closure .text .headline {
        color: var(--theme-color-1);
        font-weight: var(--font-bold); }
    .closure .logo {
      margin: 30px auto auto auto;
      grid-column: 1;
      grid-row: 2; } }
/* footer */
.footer {
  margin-top: 80px; }
  .footer > .hr {
    background: url("./img/line2.svg") no-repeat right;
    width: 100%;
    height: 34px; }
  .footer > .links {
    padding: 10px 0px 20px 0px; }
  .footer > .links a {
    text-decoration: none;
    color: var(--theme-color-2);
    font-size: 16px;
    margin-left: 20px; }
  .footer > .links a:hover {
    text-decoration: underline; }

@media only screen and (max-width: 800px) {
  .footer .hr {
    background-size: 200% 80px !important; } }
@media only screen and (max-width: 1640px) {
  .mobile-col {
    flex-direction: column !important;
    align-items: center !important; }
    .mobile-col-reverse {
      flex-direction: column-reverse !important;
      align-items: center !important; }
  .mobile-row {
    flex-wrap: wrap;
    flex-direction: row !important;
    justify-content: center !important; }
    .mobile-row-wrapreverse {
      flex-wrap: wrap-reverse;
      flex-direction: row !important;
      justify-content: center !important; }
    .mobile-row-reverse {
      flex-wrap: wrap;
      flex-direction: row-reverse !important;
      justify-content: center !important; }

  * {
    min-width: 0 !important; }

  .page-wrapper {
    justify-content: center !important; }

  /*
  .textbox-wrapper {
      margin:0!important;
  }*/
  .imagebox {
    margin: 0 !important;
    max-width: 600px;
    min-width: 400px !important; }

  /*
  .content-card {
      margin:0 0 0 0;
      padding: 0 0 0 0;
      &.even {
          background:rgba(228, 221, 209, 0.4);   
      }
      &.odd {
          background:#44695c;
      }
      background-origin: padding-box;
      & > .headlines {
          margin: 0 0 0 0;
      }
  }
  .content1 {
      margin-top:30px;
      flex-direction:column-reverse!important;
  }
  .mobile-paddingTop-30 {
      padding-top:30px!important;
  }*/ }
.extra-page .header-small {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 50px; }
.extra-page .logo-small {
  margin-left: 10px;
  width: 100px;
  text-align: left; }
.extra-page .page-back {
  width: 100px;
  vertical-align: top; }
  .extra-page .page-back a {
    text-decoration: none;
    color: var(--theme-color-2);
    font-size: 20px; }
    .extra-page .page-back a:hover {
      text-decoration: underline; }
.extra-page .content-page {
  padding: 20px; }