/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v20-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v20-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */

/*
Hellgrün: #E7E9D2
Dunkelgrün: #51802E
Grau: #575756
Taupe: #98A89D
Braun: #884B3F
*/

html{font-family:'Opens Sans', Arial, sans-serif;font-weight:100;font-size:10px;line-height:1.3;scroll-behavior: smooth;}
body{font-size:2.4rem;color:#575756;background:#fff;min-width:300px;padding:0;}
a{color: #575756;text-decoration: none;}
a:hover{text-decoration: none;}
a:focus{outline: none;}
p{margin-bottom: 32px;}
p:last-of-type{margin-bottom: 0;}
.taCenter{text-align: center;}
img{max-width: 100%;}
figure{margin: 0;padding: 0;}

h1,.h1{font-family:'DonauNeue', serif;font-size:4.8rem;margin:0 0 40px;padding:0 16px;font-weight:400;text-transform: uppercase;color:#51802E;width: 100%;text-align: center;}
h2{font-size:3.2rem;margin:0 0 32px;padding:0;font-weight:700;color:#51802E;}
	.bgDew h2{color:#884B3F;}
h3{font-size:2.8rem;margin:0 0 32px;padding:0;font-weight:400;color:#51802E;}
ul{margin:32px 24px 24px;list-style:square;display:inline-block}
ol{margin:32px 24px 24px;}
	li p{margin-bottom:0;}

.section{position:relative;width:100%;margin:0;padding:0;}
	.inner{width:100%;position:relative;max-width:1420px;padding:64px 40px;margin:0 auto;}
	.bgDew{background: #98A89D;color:#fff;}
	.stickOutHolder{margin: 40px 0;}
	.bgGreen{background: #E7E9D2;}


.responsive{width: 100%;height: auto;display: inline-block;}
.cta{background: #613830; display: inline-block;padding: 16px 32px;color: #fff;border:none;font-size: 2.8rem;cursor: pointer;font-weight: 700;}
	.cta:hover{background: #765E59;}
.stickOut{margin: -120px 0;}
.inlineBlock{width:100%;display: inline-block;padding: 40px;margin-bottom: 0;}

.anyCols{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;gap: 80px;margin-bottom: 40px;}
	.anyCols:last-of-type{margin-bottom: 0;}
	.reverse{flex-direction: row-reverse;}
	.twoCol{width:calc(50% - 40px);position: relative;}
	.threeCol{width:calc(33.3333333% - 55px);}
	.largeCol{width:calc(60% - 40px);}
	.smallCol{width:calc(40% - 40px);}

#header{}
	#smallHeader{display:none;position: fixed;top:0;left:0;z-index:100;border-top:none;background: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 50%);}
	#smallHeader .inner{padding:8px 40px;}
#header .inner{padding:16px 40px;display: flex;flex-direction: row;justify-content: space-between; align-items: center;}
#smallHeader .inner{padding:8px 40px;display: flex;flex-direction: row;justify-content: space-between; align-items: center;}
	#logo{width:300px;}
		#smallLogo{width: 150px;}
	.desktopMenu {padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;}
		.desktopMenu li{margin:0 16px;padding:0;}
		.desktopMenu a{display:block;font-size:2rem;padding:0 8px;color: #3A3A39;}
		.desktopMenu a:hover{color:#000;}
		.desktopMenu a.active{color:#3A3A39;font-weight: 400;background: linear-gradient(to bottom,transparent 50%,#F3D0C5 50%); }
	.mobileMenu{position:absolute;top:0;right:30px;padding:32px 16px 16px;background:#51802E;display:none;z-index:100;min-width:300px;margin:0;list-style:none;border-radius:0 0 16px 16px;}
		#closeHolder{position:absolute;top:8px;right:12px;z-index:200;width:32px;}
		.mobileMenu li{width:100%;margin:4px 0;}
		.mobileMenu a{font-size:2rem;color:#fff;}

#banner{background-size:cover;background-position:center center;height:50vh;}

.bookingLink{text-align: center;margin: -24px 0 !important;}
.dewBox{background: #98A89D;border-radius: 24px;padding: 40px;color:#fff;}

#Team{margin-top: 80px;}
#Team .inner{padding-top: 80px;}
#teamFeather{position: absolute;top: -74px;left:calc(50% - 74px);}
.testimonialFeather{position: absolute;top: 0;left:-66px;}

.testimonialsCarousel{width:100%;overflow: hidden !important;}
.swiper-button-next,.swiper-button-prev{position: absolute;top: 100px !important;width: 24px !important;height: 24px !important;text-indent: -5000px;opacity: .8;}
	.swiper-button-next{background: url('../img/carouselRight.svg') no-repeat 0 0 !important;right: 0 !important;}
	.swiper-button-prev{background: url('../img/carouselLeft.svg') no-repeat 0 0 !important;left: 0 !important;}

.shadowBox{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);padding: 24px;position: relative;}
.testimonialName{text-align: right;font-style: italic;}
.shadowBox h3{text-align: center;}
.shadowBox a{font-weight: 700;color: #51802E;}
.good{position: absolute; right: 0;top:0;background: #51802E;padding: 12px;}
.bad{position: absolute; right: 0;top:0;background: #884B3F;padding: 12px;}
.good img,.bad img{display: block;}

#footer{}
	#footer .inner{text-align: center;border-bottom: 80px solid #51802E;padding:40px;}
	#footerLogo img{max-width: 300px;width:100%;}
	.footerLink{font-size: 2rem;display: inline-block;margin: 0 20px;}

@media only screen and (max-width:1222px){
html{font-size:9px;}
}
@media only screen and (max-width:999px){
html{font-size:8px;}
.anyCols,.reverse{flex-direction: column-reverse;}
.smallCol,.largeCol,.twoCol,.threeCol{width:100%;}
.stickOut{margin: 0;}
.stickOutHolder{margin: 0;}
.inner{padding:40px 40px;}
#footer .inner{align-items: center;column-gap: 40px;flex-wrap: wrap;}
.footerAddress{width: 100%;text-align: center;margin-bottom: 24px;}
#footerLogos{width: 100%;text-align: center;justify-content: center;}
#smallHeader{display: block;}
#header,.testimonialFeather{display: none;}
}
@media only screen and (max-width:777px){
html{font-size:7px;}
}
@media only screen and (max-width:555px){
html{font-size:6px;}
}