/*Schriften*/
/* source-sans-3-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  display: swap;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-3-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-sans-3-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* playfair-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair';
  font-style: normal;
  display: swap;
  font-weight: 300;
  src: url('../fonts/playfair-v9-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair';
  display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair';
  display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/playfair-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair';
  display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair';
  display: swap;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/playfair-v9-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
   --primary-color: #393B3A;/*schwarz*/
   --secondary-color: #D6C69A;/*beige*/
   --white: #ffffff;
   --grey: #F9F7F7;
   --black: #000000;
   --body: #29893F;
   --bs-body-font-family:'Source Sans 3', sans-serif;
   --bs-body-font-family-two:'Playfair', serif;
   --bs-body-font-weight-bold: 800;
   --bs-body-font-weight-light: 300;
   --bs-body-font-size: calc(1.0rem + 0.3vw);
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
  BASICS
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
body {
  font-family:var(--bs-body-font-family-two);
  font-size: var(--bs-body-font-size) !important;
  color: var(--black);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 2rem;
  font-weight: 300;
  hyphens:auto;
  -webkit-hyphens: auto!important;
}

*:focus { outline: none !important; }
::selection       { background-color: var(--body); color: var(--white); color: white; }
::-moz-selection  { background-color: var(--body); color: var(--white); color: white; }

.max-width-container { max-width: 1970px; }



/* + + + + + + + + + + + + + + + + + + + + + + + +
  HEADLINES & TEXT STYLES
+ + + + + + + + + + + + + + + + + + + + + + + +  */

/* HEADLINES */
h1, h2, h3, h4, h5, h6, *[class*="fs-1-"] {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: var(--bs-body-font-size);
}

.fs-1 {
  font-size: calc(1.8rem + 1.5vw) !important;
  line-height: 3.8rem;}

.fs-2 {
  font-size: calc(1.7rem + 0.6vw) !important;
  line-height: 2.0rem;}

.fs-3 {
  font-size: calc(1rem + 0.6vw) !important;
  line-height: 3.0rem;}

.fs-4 {
  font-size: calc(2.7rem + 2.0vw) !important; line-height: calc(3.5rem + 1.5vw);}

.fs-5 {
  font-size: calc(3.0rem + 2.0vw) !important; line-height: calc(2.0rem + 1.0vw);}

.fw-bold {font-family: var(--bs-body-font-weight-bold);}
.fw-light {font-family: var(--bs-body-font-weight-light);}


.sour {font-family: var(--bs-body-font-family);}
.play {font-family:var(--bs-body-font-family-two);}
.new {font-size: calc(1.0rem + 0.3vw) !important;}

.default-headline {
  font-family:var(--bs-body-font-family-two);
  position: relative;
  padding-bottom: 100px;
  text-align: center;
}

.default-headline span { display: block; }

.default-headline::after {
  content: "";
  position: absolute;
  inset: auto 0 50px 0;
  margin: 0 auto;
  width: 172px;
  height: 14px;
  background: url(../images/icon/pfeil.svg);
  background-repeat: no-repeat;
  background-position: center ;
}


/* + + + + + + + + + + + + + + + + + + + + + + + +
  Inhalt
+ + + + + + + + + + + + + + + + + + + + + + + +  */

.bg_dark { background: var(--primary-color);}

.beige {color: var(--secondary-color);}
.card {border: none;}


/* + + + + + + + + + + + + + + + + + + + + + + + +
  Link
+ + + + + + + + + + + + + + + + + + + + + + + +  */
a{
    text-decoration: none;
    color: var(--dark)
}

a:visited{color:  var(--secondary-color)}
a:hover{color:  var(--secondary-color)}
a:active{color:var(--secondary-color);}

.nav-link {color: #000000;padding: 0 1rem;}

.btn_two {
  border: 0;
  background: var(--primary-color);
      height: 60px;
      text-align: center;
      display: inline-block;
}


/* + + + + + + + + + + + + + + + + + + + + + + + +
  LOGO
+ + + + + + + + + + + + + + + + + + + + + + + +  */
#logo {
  position: absolute;
  inset: 20px auto auto 20px;
  z-index: 1500;
}



/* + + + + + + + + + + + + + + + + + + + + + + + +
  NAVIGATION
+ + + + + + + + + + + + + + + + + + + + + + + +  */
.hamburger {
  position: fixed;
  inset: 20px 20px auto auto;
  z-index: 1050;
  cursor: pointer;
  background: none;
  border: none;
  z-index:800;
}


/* Menü als Vollbild-Overlay */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1); /* Schwarzer Hintergrund */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    z-index: 1000;
}

/* Sichtbares Menü */
.menu-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Menü Links */
.menu-overlay a {
    color: var(--secondary-color);
    text-decoration: none;
    font-size: 2rem;
    margin: 15px 0;
    transition: color 0.3s;
}

.menu-overlay a:hover {
    color: var(--grey);
}

/* Schließen Button */
.close-menu {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    cursor: pointer;
    background: none;
    border: none;
    color: var(--secondary-color);
}




/* newsletter */
.color-1{color:#D6C69A}
.color-2{color:#393B3A}
.aux-color-1{color:#00282E}
.aux-bgcolor-1{background-color:#00282E}
.aux-color-2{color:#D6C69A}
.aux-bgcolor-2{background-color:#D6C69A}
a{color:#D6C69A}
.cr-web-row{width:100%;max-width:600px}
.cr-maxwidth{max-width:600px}
.cr-text{font-family:var(--bs-body-font-family-two);font-size:20px}
.cr-nope{display:none!important}
.cr-web-row{box-sizing:border-box}
@media only screen and (max-width:768px){
  .cr-web-row{width:100vw}
}
.cr-web-wrapper{display:flex;justify-content:center}
.cr-web-row ul,.cr-web-row li{gap:4px;flex-direction:row}
.cr-web-row ul{padding:0 8px;margin:0;list-style-type:none;flex-direction:column}
.cr-web-row option{min-height:2em;white-space:normal}
.cr-web-form{display:flex;flex-direction:column}
.cr-web-form input,.cr-web-form select,.cr-web-form button{padding:8px 12px;border-radius:40px;border-style:solid;border-width:1px}
.cr-web-form label,.cr-web-label{font-weight:500;padding:8px 0 8px 0;font-style:normal;line-height:normal}
.cr-web-form button{font-size:0.8em;font-weight:700;color:#fff;font-style:normal;border-style:solid;border-color:#fff0;border-radius:0px;cursor:pointer}
.cr-web-form label.required:after{content:' *';width:10px;height:100%;font-size:1.1em;line-height:inherit}
.cr-web-label.required:after{content:' *'}
.cr-web-form label.required .cred-html-wrapper,.cr-web-form label.required .cred-html{display:inline-block!important}
#body a{color:#D6C69A}u+#body{background-color:}