@charset "utf-8";
/*=============Fonts  =============*/
/* rufina-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: 'Rufina';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rufina-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rufina-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: 'Rufina';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rufina-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-700italic - 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: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-serif-v23-latin-700italic.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';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html {
	height: 100%;
	font:normal 300 1rem/1.5rem 'Source Sans', sans-serif;
}

body {
	 padding-top: 8rem;
	 color: #252525;
	 background-color: #eee5db;
	 font-style:normal;
   font-size:1rem;
}

.img-logo {
	width: 221px;
	height: auto;
	transition: all 0.4s ease-in-out;
	}
/*.navbar-brand { width:50%;} */
.img-responsive {
	 /*object-fit: cover;
	 object-position: center center;*/
	 height: auto;
	 width: 100%;
}

.navbar-toggler {
  color: #c8ac83;
  background-color: transparent;
  border: 0; /*var(--bs-border-width) solid var(--bs-navbar-toggler-border-color)*/
  border-radius: 0;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.8em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("../img/burger.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar {
    border-bottom:1px solid #fbf6f0;
}

.bg-light {
    background-color: rgba(238,229,219,1)!important;
}

.navbar-collapse {
	padding-bottom: 10px;
}

.offcanvas {
    background-color: #fbf6f0;
}
.offcanvas-header {
    justify-content: end;
    padding: 20px;
}
.nav-link {
  display: block;
  padding: 8% 10% 3% 10%;
	font:normal 700 1.85rem/1.95rem 'Rufina', sans-serif;
  color: #c8ac83;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-link:focus, .nav-link:hover {
  color: #cc3300;
	font-weight: bold;
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #cc3300;
    font-weight: bold;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 50px;
}

.offcanvas-header {
    padding: 30px 40px 2px 4px;
}
.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 0;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url(../img/close.svg) center/2em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: .5;
}
.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}
a { font:normal 400 1.25rem/2.15rem 'Source Sans', sans-serif; color: #252525; }
a:hover { color: #cc3300; }
a.webshop:link, a.webshop:visited { font:normal 400 3.1667rem/3.5833rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
a.webshop:hover, a.webshop:active { color: #cc3300;text-decoration:underline; }

.rot				{ color: #cc3300; }
.white			{ color: #fff; }
.bg-lightbeige	{ background-color: #fbf6f0; }
.bg-grau		{ background-color: #666; }



.narrow-start { padding:0 7%; height:auto; padding-bottom:20px;} /*calc(100vh - 130px)*/
.narrow-text  { padding: 0 7%; }
.narrow-text-left { padding: 0 7%; }
.narrow-cta   { padding: 100px 7% 70px 7%; }
.narrow-ul  { padding:0 7% 0 10%;}


.narrow-box { padding: 0 10%;  }
.offset-start { padding-top:8%; }
.offset-intro {margin-top:0; padding-top:200px; padding-bottom:250px; }
.offset-p { padding-top:250px; padding-bottom:200px; }
.offset-p1 { padding-top:250px; padding-bottom:200px; }
.offset-bew { padding-top:250px; padding-bottom:200px; }
.offset-esp {  margin-bottom:0; }
.no-gutter {  padding: 0; }
.abstand { padding-right:50%; }
.p-top  { padding-top:58px; }

.lead-1 	{ font:italic 700 4rem/4rem 'Source Sans', sans-serif; color:#c8ac83; padding-right:30%;}
.lead-2 	{ font:normal 400 1.5rem/2.25rem 'Source Sans', sans-serif; color:#252525; padding-right:5%;}

h1 { font:italic 700 5.25rem/6rem 'Noto Serif', serif; letter-spacing: 0.01em; color:#cc3300; margin-bottom:22px; }
h2 { font:normal 400 3.1667rem/3.5833rem 'Rufina', sans-serif; color: #cc3300;margin-bottom:2rem;}
h2.light  { font:normal 400 3.1667rem/3.5833rem 'Rufina', sans-serif; color: #fbf6f0;margin-bottom:2rem; }
h2.shop { font:normal 400 3.1667rem/3.5833rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
h3 { font:normal 400 2.6667rem/2.85rem 'Rufina', sans-serif; color: #cc3300;margin-bottom:1rem;}


p { font:normal 400 1.25rem/2.15rem 'Source Sans', sans-serif; }
.overline { font:normal 400 1rem/2.15rem 'Source Sans', sans-serif; text-transform:uppercase; color: #c8ac83; letter-spacing: 0.05em; }

strong, bold { font-weight: 700; }
.hyphens {
		-webkit-hyphens: auto;
	  -ms-hyphens: auto;
	  hyphens: auto;
}
.u-esp { 
	width:50%;
	height:auto;
}

ul.text {
    display:block;
    list-style-type: none;
    margin-left: 4px;
    padding: 0 0 0 1em;
    text-indent: -1em;
	}

ul.text li { font:normal 400 1.25rem/2.15rem 'Source Sans', sans-serif; margin-bottom:20px; }
ul.text li::before {
    content: "\2022";
    color: #cc3300;
    display: block;
    position: relative;
    left: -10px;
    top: 0;
    max-width: 0;
    max-height: 0;
    font-size: 2.25rem;
}


a.text-link:link, a.text-link:visited {
	font:normal 400 1.25rem/2.15rem 'Source Sans', sans-serif;
	color: #fbf6f0;
	text-decoration:none;
}
a.text-link:hover, a.text-link:active {
	font:normal 600 1.25rem/2.15rem 'IBM Plex Sans', sans-serif;
	color: #cc3300;
	text-decoration:none;
 }

.img-responsive-start {
  width:100%;
  height:auto;
}
.img-wrapper {
    width:100%;
    position:relative;

}
 .olive-wrapper {
   position:absolute;
   margin-left:-200px;
   margin-top:-215px;
   opacity: .85;
 }

 .olive-wrapper-2 {
   position:absolute;
   right:0;
   margin-top:-150px;
   opacity: .85;
   z-index:-1;
 }
 .olive-wrapper-3 {
   position:absolute;
   margin-left:0;
   margin-top:-620px;
   opacity: .85;
   z-index:-1;
 }
 .img-olive-1 {
   width:90%;
   height:auto;
 }
 .img-olive-2 {
   width:100%;
   height:auto;
 }
 .img-olive-3 {
   width:100%;
   height:auto;
 }
 .img-esp-bg {
   width:100%;
   height:auto;
   margin-top:-25px;
 }
.img-esp {
  width:100%;
  height:auto;
  position:absolute;
  left:65px;
  bottom:-120px;
}
.img-welt {
  display:inline-block;
  width:60%;
  height:auto;
}
.img-hausmesse {
  width:100%;
  min-height:350px;
  object-fit:cover;
}
.cta {
  background-color:#c8ac83;
  margin-top:-100px;
  border-radius:20px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}
.offset-cta {padding-top:50px;padding-right:5%; padding-left:5%; padding-bottom:0;}
.cta-headline { font:normal 400 2.35rem/2.75rem 'Rufina', sans-serif; color: #fff;}
.btn {
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 2px solid #cc3300;
    border-radius: 10px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary {
  padding: 25px 100px;
  margin-top: -40px;
  color: #fff;
  text-transform:uppercase;
  font-size:1rem;
  background-color: #cc3300;
  transition: transform .15s ease-out;
}

.btn-primary:hover {
  background-color: #cc3300;
  border:1px solid #cc3300;
  transform: scale(0.98);
}
.btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: #cc3300;
    border-color: #eee5db;
}

.fakten-hdl-bg {
  background-color:#cc3300;
  border-radius:20px;
  padding:35px 50px 15px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  margin-bottom:50px;
}


.box {
  display:flex; /*inline-block */
  flex-direction: column;
  align-self: auto;
  padding:0 30px;
  margin-bottom:30px;
  height: auto !important;
  background-color: #fbf6f0;
  border-radius: 20px;
  }
.box-inner { display:flex;flex-direction:row; }
.border-1 {width:80%;border-right:4px solid #cc3300; border-bottom:0; opacity:1;margin:0 10px;  }
.box p.fakten-hdl {font:normal 700 1.5rem/1.75rem 'Source Sans', sans-serif;}
.box p { font:normal 400 1.15rem/1.65rem 'Source Sans', sans-serif; }
.f1, .f4 {
    position:relative;
    width: 100%;
    padding:6% 30px 5.55%;
}
.f2 {
    position:relative;
    width: 48%;
    float: left;
    height: 350px!important;
    box-sizing:border-box;
    padding-top:8%;
}

.f3 {
    position:relative;
    width: 48%;
    float: right;
    height: 350px!important;
    padding-top:8%;
}

.f5, .f6 {
    position:relative;
    width: 100%;
    padding-top:10%;
    height: 410px!important;
}
.zahl { position:absolute;font:normal 700 5rem 'Noto Serif', serif; color:#eee5db;}
.z-left { bottom:-40px; left:8%; }
.z-right { bottom:-40px; right:8%; }


.btn:focus-visible {
    color: #fff;
    background-color: #eee5db;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.image-wrapper {
  position:relative;
  width:100%;
}
.basil-left {
    position:absolute;
    left: 10px; 
    bottom:-18px;
    opacity:.85;
    z-index:-1;
}
.basil-right {
  position:absolute;
  right:130px;
  bottom:-50px;
  opacity:.85;
  z-index:-1;
}

/* ** fixed Background ** */
.fixed {
   position: relative;
   width: 100%;
   overflow: hidden;
}
.fixed-wrap {
   clip: rect(0, auto, auto, 0);
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   z-index: -9999;
}
.fixed-dark {
   background-image: url('../img/webshop.jpg');
   position: fixed;
   /*background-attachment: fixed;*/
   background-attachment: scroll !important;
   height: 100%;
   width: 100%;
   background-size: cover;
   background-position: 30% 50%;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   will-change: transform;
   z-index: -1;
   top: 0;
   left: 0;
   display: block;
}
.dark {
   background-color: rgba(0, 0, 0, .3);
   padding: 10rem 2%;
   z-index: 1000;
}


#kontakt img.kontakt {
  position: relative;
  left: 0;
  top:-75px;
  z-index:2;
}
.img-responsive-kontakt{
  width:100%;
  height: auto;
}
#kontakt .card {
  width:80%;
  border-radius:0 20px 20px 0;
  border-width:0;
  padding:7% 2% 7% 10%;
}

#kontakt .card-body p {
  font:normal 400 1.25rem/1.85rem 'Source Sans', sans-serif;
}
#kontakt .card-body .small { font:normal 400 1rem/1.15rem 'Source Sans', sans-serif; }


.footer {
	color: #fbf6f0;
	padding:4% 7%;
  font:normal 400 1.1667rem/1.5833rem 'Source Sans', sans-serif;
}
.footer p {
	font:normal 400 1.1667rem/1.5833rem 'Source Sans', sans-serif;
}
a.footer-link:link, a.footer-link:visited {
	font:normal 400 1.1667rem/1.5833rem 'Source Sans', sans-serif;
	color: #fbf6f0;
	text-decoration:none;
}
a.footer-link:hover, a.footer-link:active {
	font:normal 400 1.1667rem/1.5833rem 'Source Sans', sans-serif;
	color: #c8ac83;
	text-decoration:none;
 }


 a.top-scroll {
    position: fixed;
    bottom: 20px;
    right: 1.2rem;
    border-radius: 50%;
    width:40px;
    height:40px;
    margin:0 auto;
    color: #FFF;
    background-color: #c8ac83;
    opacity: .3;
    -moz-opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 100;
}

a.top-scroll:hover {
	opacity: 1;
}

/* Large Desktop 1400 <= 1699px ) */
@media (max-width: 1799.98px) {



  #kontakt .card {
    width: 90%;
    border-radius: 20px;
    border-width: 0;
    padding: 7% 2% 7% 15%;
  }
  #kontakt img.kontakt {
    position: relative;
    left: 0;
    top: -50px;
    z-index: 2;
  }
  .img-responsive-kontakt {
    width: 115%;
    height: auto;
  }
}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

 
  .abstand {padding-right:0;}
  .narrow-start { padding:0 7%; height: auto; padding-bottom:20px;}
  .lead-1 	{ font:italic 700 4rem/4rem 'Source Sans', sans-serif; color:#c8ac83; padding-right:15%;}
  .lead-2 	{ font:normal 400 1.25rem/2rem 'Source Sans', sans-serif; color:#252525; padding-right:5%;} /* 1,5,2,25 */

  h1 { font:italic 700 4.85rem/5.75rem 'Noto Serif', serif; letter-spacing: 0.01em; color:#cc3300; margin-bottom:22px; }


  #kontakt .card {
    width:90%;
    border-radius:20px;
    border-width:0;
    padding:7% 2% 7% 10%;
  }
  .img-responsive-kontakt {
    width: 110%;
    height: auto;
  }

 }


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {


  .lead-1 	{ font:italic 700 3rem/3rem 'Source Sans', sans-serif; color:#c8ac83;}
  .lead-2 	{ font:normal 400 1.35rem/2rem 'Source Sans', sans-serif; color:#252525; padding-right:5%;}

  h1 { font:italic 700 4.25rem/5rem 'Noto Serif', serif; letter-spacing: 0.01em; color:#cc3300; margin-bottom:22px; }
  h2.shop { font:normal 400 2rem/2.5833rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
  a.webshop:link, a.webshop:visited { font:normal 400 2rem/2rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
  a.webshop:hover, a.webshop:active { color: #cc3300;text-decoration:underline; }
  
    .olive-wrapper {
    position:absolute;
    margin-left:-170px;
    margin-top:-168px;
	opacity: .85;
  }
  .img-olive-1 {
    width:70%;
    height:auto;
  }
  .img-welt { width:80%; }
  
  .f5 { height: 434px!important; }
  .img-esp {  left: 45px;  }


 }


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {


  .img-logo {
    width: auto;
    height: 100px;
    transition: all 0.4s ease-in-out;
  }
  .img-responsive-start {
    width:110%;
    height:auto;
  }
  .narrow-start { padding:0 7% 50px 7%; height:auto;}
  .lead-1 	{ font:italic 700 2.55rem/2.55rem 'Source Sans', sans-serif; color:#c8ac83;}
  .lead-2 	{ font:normal 400 1.25rem/1.85rem 'Source Sans', sans-serif; color:#252525; padding-right:5%;}

  h1 { font:italic 700 3rem/3.35rem 'Noto Serif', serif; letter-spacing: 0.01em; color:#cc3300; margin-bottom:22px; }
  h2 { font:normal 400 2.85rem/3.25rem 'Rufina', sans-serif; color: #cc3300;margin-bottom:2rem;}
  h2.light  { font:normal 400 2.55rem/3rem 'Rufina', sans-serif; color: #fbf6f0;margin-bottom:2rem;}

  h2.shop { font:normal 400 1.8553rem/2.25rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
  a.webshop:link, a.webshop:visited { font:normal 400 1.75rem/2.15rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
  a.webshop:hover, a.webshop:active { color: #cc3300;text-decoration:underline; }
  .img-welt { width:90%; }
  
  .offset-intro {
    margin-top: 0;
    padding-top: 150px;
    padding-bottom: 190px;
}
  .cta {
    margin-top: -122px;
	}

  .img-olive-1 {
    width:62%;
    height:auto;
  }

  .offset-p {
    padding-bottom: 100px;
    padding-top: 200px;
  }
  .offset-p1 { padding-top:100px; padding-bottom:100px; }
  .basil-right {
    right: 10px;
    bottom: -30px;
}
.basil-left {
    left: -62px;
}
  .offset-esp {
    margin-bottom: 80px;
  }
  .offset-bew {
    padding-top:100px;
    padding-bottom:200px;
  }
  .p-top {
    padding-top: 0;
  }
  .img-esp-bg {
    width:88%;
    height:auto;
    margin-top:0;
  }
  .img-esp {
    width:85%;
    height:auto;
    position:absolute;
    left:7%;
    bottom:-50px;
  }
  .olive-wrapper-2 {
    margin-top:-280px;
	opacity: .85;
  }
  .img-olive-2 {
    width:75%;
    height:auto;
  }
  .olive-wrapper-3 {
    position: absolute;
    margin-left: -10px;
    margin-top: -350px;
	opacity: .85;
    z-index: -1;
  }
  .img-olive-3 {
    width:80%;
    height:auto;
    opacity:.75;
  }
  .fakten-hdl-bg {
    padding: 35px 40px 15px;
  }
  .f5, .f6 {
      padding-top:8%;
      height: 310px!important;
  }
  #kontakt img.kontakt {
      position: relative;
      left: 0;
      top: 0;
      z-index: 2;
  }

  #kontakt .card {
    width: 90%;
    border-radius: 20px;
    border-width: 0;
    padding: 15% 2% 7% 5%;
    margin-left: 7%;
    margin-top: -90px;
  }
  .img-responsive-kontakt {
    width: 80%;
    height: auto;
  }
 }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

	/*.logo {
		width: 200px;
		height: auto;
		transition: all 0.4s ease-in-out;
	}
	.navbar-toggler {
		margin-right: 130px;
		margin-bottom: 8px;
	}

	} */
  .img-responsive-start {
    width:100%;
    height:auto;
  }
  .lead-1 	{ font:italic 700 3rem/3rem 'Source Sans', sans-serif; color:#c8ac83;padding-right:0; }
  .lead-2 	{ font:normal 400 1.35rem/2rem 'Source Sans', sans-serif; color:#252525; padding-right:5%; }

  h1 { font:italic 700 4.25rem/5rem 'Noto Serif', serif; letter-spacing: 0.01em; color:#cc3300; margin-bottom:22px; }
  h2.shop { font:normal 400 2rem/2.5833rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
  a.webshop:link, a.webshop:visited { font:normal 400 1.85rem/2rem 'Rufina', sans-serif; color: #fff;margin-bottom:2rem; }
  a.webshop:hover, a.webshop:active { color: #cc3300;text-decoration:underline; }
  .img-welt { display:none; }

  .olive-wrapper {
    position:absolute;
    margin-left:-150px;
    margin-top:-200px;
    z-index: 0;
  }
  .img-olive-1 {
    width:70%;
    height:auto;
  }
  .offset-intro {margin-top:200px; padding-top:100px; padding-bottom:250px; }
  .img-responsive-kontakt {
    width: 100%;
    height: auto;
  }
  .box-inner {
    display:flex;
    flex-direction:column;
  }
  .border-1 {width:100%;padding-bottom:20px;border-right:0; border-bottom:solid #cc3300 3.5px; opacity:1;margin:10px 0; }
  .fakten-text1 { width: 100%; }
  .z-left { bottom:-40px; right: 8%; left:inherit;}
  .f2 {
    width: 100%;
    float: none;
    height: 250px!important;
    padding-top: 8%;
  }
  .f3 {
    width:100%;
    float: none;
    height: 250px!important;
      padding-top: 8%;
  }

  .footer {
  	padding:48px 7%;
  }

 }

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	/*.logo {
		width: 200px;
		height: auto;
		transition: all 0.4s ease-in-out;
	}
	.navbar-toggler {
		margin-right: -4px;
		margin-bottom: 8px;
	}

	}
*/

  .narrow-text {
      padding: 0 3%;
  }
  .narrow-start {
    padding: 0 5%;
    height: auto;
    padding-bottom:50px;
  }
  .offset-start {
      padding-top:1%;
  }

  .img-logo {
    width: auto;
    height: 75px;
    transition: all 0.4s ease-in-out;
  }

  .lead-1 	{ font:italic 700 2.25rem/2.25rem 'Source Sans', sans-serif; color:#c8ac83;padding-right:0; }
  .lead-2 	{ font:normal 400 1.35rem/2rem 'Source Sans', sans-serif; color:#252525; padding-right:0; }

  h1 { font:italic 700 2.75rem/2.95rem 'Noto Serif', serif; letter-spacing: 0.01em; color:#cc3300; margin-bottom:22px; }
  h2 { font: normal 400 2.25rem/2.5833rem 'Rufina', sans-serif; color: #cc3300; margin-bottom: 2rem; }
  h2.light  { font:normal 400 2rem/2.5833rem 'Rufina', sans-serif; color: #fbf6f0;margin-bottom:2rem;}

  .offset-intro {
      margin-top:0;
      padding-top: 100px;
      padding-bottom: 250px;
  }
  .offset-p { padding-bottom:200px;padding-top:150px; }
  .p-top  { padding-top:10px; }
  .offset-bew {
    padding-top: 100px;
    padding-bottom: 60px;
}

  .cta {
    border-radius: 0;
  }
  .olive-wrapper {
	display: none;
  }

.olive-wrapper-2 {
   margin-top:-40px;
 }
 .olive-wrapper-3 {
    display: none;
	}
.u-esp { 
	width:70%;
	height:auto;
}
.basil-right { display: none;}
.basil-left { display:none; }
  .f1 {
      padding:6% 30px 8%;
  }
  .f4 {
      padding:6% 30px 10%;
  }
  .f2 {
      height:auto!important;
      padding-top:8%;
      padding-bottom: 8%;
  }

  .f3 {
      height:auto!important;
      padding-top:8%;
      padding-bottom: 10%;
  }

  .f5 {
      padding-top:10%;
      height: auto!important;
      padding-bottom:8%;
  }
  .f6 {
      padding-top:10%;
      padding-bottom:10%;
      height: auto!important;
  }
    
  #kontakt .card {
    width: 100%;
    border-radius:0;
    border-width: 0;
    padding: 15% 2% 5% 2%;
    margin-left: 0;
    margin-top: -50px;
  }

 }

/* X-Small devices (portrait phones, less than 576px) 
@media (max-width: 412.98px) {


 }
*/