:root{
	--primary-bg-color: #fffceb;
	--primary-bg-color-opacity: rgba(255,255,255,0.7);
	--primary-font-color: #1a1919;
	--additional-font-color: #fff;
	--additional-bg-color-light: #fff;
	--additional-color-green: #004e1f;
	--additional-color-green-hover: #006729;
	--additional-bg-color-opacity: rgba(255,255,255,0.9);
}

*{margin:0; padding:0; font-family: 'robotolight', sans-serife; font-weight:300; hyphens:auto;}

body{background-color: var(--primary-bg-color); line-height:1.8rem; font-size:125%;}

.container{max-width:1200px;margin: 0 auto; padding-left:20px; padding-right:20px;}

header{position: fixed; top:0; width:100%; z-index:9;}
.head-aside-wrap{background-color: var(--additional-bg-color-light); position: relative;}
.head-container-contact{display:flex; gap: 1.25rem; justify-content; flex-start; flex-direction:row; align-items:center; padding:5px 0; font-weight:300;font-size:16px;}

.head-main-wrap{background-color: var(--primary-bg-color-opacity); transition: all 0.5s ease; height:180px;}
.head-main-wrap.small{height:initial;}

.head-container{padding: 20px 0; display:grid; grid-template-columns: 240px 1fr; transition: all 0.5s ease; align-items:stretch; }
.navbar{display:flex; gap:30px; list-style:none; justify-content:space-between; align-items:center; font-size: 0.9rem;}
.navbar li{position:relative; padding:5px 10px; display:block;}

.menu-item{font-family: 'bad_scriptregular'; text-decoration:none; font-size:24px; font-weight:600; color:var(--primary-font-color); padding-bottom:0px; transition: all 0.5s ease; position:relative; border-bottom: 1px solid transparent; line-height:30px;}
.menu-item:after{content:""; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.3s ease;}
/*#item-5:after{top: 3.5rem; width: 6rem; height: 4.3rem;}
#item-5:after{top: 3.5rem; width: 6rem; height: 4.3rem;}
#item-6:after{top: 3.75rem; width: 3.55rem; height: 3.3rem;}
#item-7:after{top: 3.5rem; width: 4rem; height: 4.15rem;}
#item-8:after{top: 4rem; width: 8.8rem; height: 4.6rem;}
#item-9:after{top: 3.5rem; width: 4.65rem; height: 4.45rem;}*/

#item-5:after{top: 60px; width: 120px; height: 86px;}
#item-6:after{top: 56px; width: 71px; height: 66px;}
#item-7:after{top: 52px; width: 80px; height: 83px;}
#item-8:after{top: 60px; width: 176px; height: 92px;}
#item-9:after{top: 52px; width: 93px; height: 89px;}
#item-13:after{top: 58px; width: 85px; height: 82px;}
.small .head-container{align-items: center;}
.small .menu-item::after { width: 0 !important; height: 0 !important;}
.small .logo{width:140px;}
.logo{transition: all 0.5s ease;}

/*.menu-item:hover{border-bottom: 1px solid var(--primary-font-color);}*/

.submenu{width: auto;  position: absolute; top: 200%; opacity: 0; left: 0; visibility: hidden; border: none; transition: 0.5s; z-index: 999; white-space: nowrap; background-color: #fff; min-width: 100%;   display: block; text-align: left; box-shadow: .1rem .1rem .25rem rgba(0,0,0,0.2); z-index: 10; list-style:none;}
.submenu li{background-color: var(--additional-color-green); border-bottom: .05rem solid rgba(187, 187, 187, 0.5); z-index:2; padding:0 0.9rem; transition: all 0.5s ease;}
.submenu .menu-item{color:var(--additional-font-color); font-family: 'Roboto'; font-style:italic; line-height:36px; font-size:18px; font-weight:400; padding: 0.25rem; display:block; width: -webkit-fill-available;}
.hassubmenu:hover .submenu{top: 100%; opacity: 1; visibility: visible;}
.submenu li:hover{background-color: var(--additional-color-green-hover); cursor:pointer;}

.kopfbild{height:800px; position:relative; background-size:cover; background-position:50%; background-repeat:no-repeat;z-index:0;}
.kopfbild.small{height:400px;}
.kopfbild:before{position:absolute; left:0; content: ''; width: 500px; background-size: contain; height: 100%; background-repeat: no-repeat; background-position-y: bottom;}

.claim{position:relative; display:flex; justify-content:flex-end;}
.claim-inner{padding:40px 80px 20px; margin-top:400px; position:absolute; max-width:66.66%; background-color:var(--primary-bg-color-opacity);}
.claim-row-1{font-size:60px; text-transform:uppercase; font-weight:700; line-height:58px; }
.claim-small{font-size: 30px; line-height:46px; text-transform:initial;}
.claim-row-2{font-size:60px; font-family: 'bad_scriptregular'; font-weight:400; text-align:right; padding-left: 4rem; line-height:58px;}
.claim-linklist{line-height:2rem; text-align:right;}
.claim-link{font-size:1.1rem; color: var(--additional-color-green); transition: all 0.5s ease;}
.claim-link:hover{color: #00cd52;}

main{padding-top:4.75rem;}

h1{font-family: 'bad_scriptregular'; font-weight:400; font-weight:3rem;}
.anfahrt h2{font-family: 'bad_scriptregular'; font-weight:400; font-weight:3rem; text-align:center; margin-bottom:20px}
.anfahrt{margin-bottom:30px;}
h2{font-weight:400; text-align:right; line-height:3.5rem;}
h4{font-weight:400; margin-bottom:20px;}
p{margin-bottom: 1.8rem}
strong{font-weight:500;}
.element{padding: 1rem 0;}
.element a{color: var(--additional-color-green); transition: all 0.5s ease;}
.element a:hover{color: #00cd52;}

.headline-wrap{width: fit-content; margin:auto;}

.content-fliesstext h2{text-align:initial;}
.text-center, .text-center h2{text-align:center;}

.before-img{position: relative;}
.after-img{position: relative; padding-bottom:8rem;}

.slider-wrapper{overflow:hidden; width:100%; height:380px; padding-bottom: 4.75rem;}
.slider{display:flex;   transition: transform 2s ease; width: 100%; cursor:grab;  will-change: transform; }
.slider::-webkit-scrollbar {display: none;}
.tile{width:25%; flex-shrink: 0; height:380px; background-position:50%; background-size:cover; background-repeat: no-repeat; position:relative;}
.slide-text{background-color: var(--primary-bg-color-opacity); position: absolute; top:0; left:0; right:0; bottom:0; display:grid; align-items:center; text-align:center; padding: 3rem;}
.slider:active {cursor: grabbing;}

.grid-one-to-two{display:grid; grid-template-columns:1fr 2fr; gap: 60px;}


footer{background-size:cover; background-position-x: right}
.footer-content-wrap{padding:90px 0; text-align:right;}
.foot-claim-row:first-child {margin-bottom:40px;}
.foot-claim-row .foot-claim-small{display: inline-block; font-weight: 500; font-size:30px;}
.foot-claim-row .foot-claim-big{display: inline-block; font-weight:500; font-size:44px;}
.foot-claim-row .foot-claim-extra{display: inline-block; font-family: 'bad_scriptregular'; font-size:36px; margin-left:30px;}

.footer-menu{background-color: rgba(255, 255, 255, 0.6); padding: 10px 0;}
.footer-menu ul{margin-left:auto; width: fit-content;}
.footer-menu li{list-style:none; display:inline-block; margin-left:80px;}
.footer-menu li a{text-decoration:none; font-family: 'bad_scriptregular'; color: #1a1919; font-size: 18px; transition: all 0.3s ease;}
.footer-menu li a:hover{color: #006729;}

/*.year-inner.inactive{display:none;}*/
.galerie{display:grid; grid-template-columns: repeat(3, 1fr); gap:30px;}
.gal-img{width:100%; height:300px; object-fit:cover;}
.eintrag {padding: 30px 0; border-bottom: 1px solid #ccc;}

.border-bottom{border-bottom: 1px solid #ccc; padding-top:20px; padding-bottom:20px;}

.grid-twice{display:grid; grid-template-columns: repeat(2, 1fr); gap:40px;}
.kontakt-form{padding:20px 0;}
.kontakt-form h3{margin-bottom:15px;}
.control-label{display:block; margin-bottom:2px;}
input[type=text], input[type=email]{width:calc(100% - 26px); border: 1px solid #ccc; color: #1a1919; line-height:1.8rem; padding: 12px; margin-bottom:20px;}
textarea{width:calc(100% - 26px); border: 1px solid #ccc; color: #1a1919; line-height:1.8rem; padding: 12px; margin-bottom:20px;}
.checkbox{margin-bottom: 20px;}
input[type=checkbox]{border: 1px solid #ccc; margin-right: 10px;}

.btn-primary{background: #006729; color: #fff; border:none; cursor: pointer; font-size:20px; padding:16px; width:100%;}

.head-mail{color: var(--primary-font-color); text-decoration:none; transition: all 0.3s ease;}
.head-social-media{margin-left:auto;}
.head-mail:hover{color: var(--additional-color-green-hover);}
.social-facebook{text-decoration:none;}

main ul { margin-left: 5px; list-style: inside;  margin-bottom: 10px;}

#toTopBtn { position: fixed; bottom: 30px;  right: 30px; background: var(--primary-font-color);; color: white; border: none; width: 50px; height: 50px; font-size: 24px; cursor: pointer; opacity: 0.8; 
  transition: opacity 0.4s ease, transform 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.2);  z-index: 999; cursor:pointer;}

@font-face{font-family:'icomoon';font-display: swap;src:url('/assets/resources/font/iconfont/icomoon.eot?-qk6xo1');src:url('/assets/resources/font/iconfont/icomoon.eot?#iefix-qk6xo1') format('embedded-opentype'),
url('/assets/resources/font/iconfont/icomoon.woff?-qk6xo1') format('woff'),
url('/assets/resources/font/iconfont/icomoon.ttf?-qk6xo1') format('truetype'),
url('/assets/resources/font/iconfont/icomoon.svg?-qk6xo1#icomoon') format('svg');font-weight:normal;font-style:normal;}

.head-phone:before,
.head-mail:before,
.head-location:before,
.social-facebook:before,
#toTopBtn:before{font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.head-phone:before{content:'\e901'; color: var(--primary-font-color); margin-right:5px;}
.head-mail:before{content:'\f1d8'; color: var(--primary-font-color); margin-right:5px;}
.head-location:before{content:'\e900'; color: var(--primary-font-color); margin-right:5px;}
.social-facebook:before{content:'\f082'; font-size:20px; text-decoration: none; color: #1877F2; line-height:20px;}
#toTopBtn:before{content:'\e903';}

@media(min-width:1200px){
	.toggle-button{display:none;}
	.mobile-menu-button{display:none;}
	
	.navbar .li-first:before{content:''; position:absolute; left:50%; -webkit-transform: translateX(-50%); height: 1.5px; width:0; background: var(--primary-font-color); transition: all 0.5s ease; top:100%;}
	.navbar .li-first:hover:before{width: 100%;}
	.navbar .li-first.active:before{width: 100%;}
	
	.navbar li.mobile-item{display:none;}
	.mobile-contact-wrap{display:none;}
	
	.head-main-wrap.small{background-color: var(--additional-bg-color-opacity); box-shadow: 0 0 10px 0 var(--primary-font-color)}
}

@media(max-width: 1199px){
	.kopfbild:before{width:300px;}
	
	.claim-row-1{font-size:50px; line-height:46px; }
	.claim-small{font-size: 30px; line-height:46px;}
	.claim-row-2{font-size:40px; line-height:46px;}

	.foot-claim-row .foot-claim-small{font-size:18px;}
	.foot-claim-row .foot-claim-big{font-size:30px;}
	.foot-claim-row .foot-claim-extra{font-size:32px; }
	.foot-claim-row:first-child{margin-bottom:20px;}

	.container:not(.head-container){width:calc(100% - 40px); max-width:calc(100% - 40px); margin:auto;}
	
	header{display:grid; grid-template-columns: 1fr 1fr; position: fixed; z-index:99; }
	.mobile-menu-button{padding: 0 10px; text-align:center; color: #fff; height:50px; line-height:50px;}
	.mobile-menu-button.contact-toggle{background: #009a3d;}
	.mobile-menu-button.menu-toggle{background: #006729;}

	.head-main-wrap .start-link{display:none;}
	
	.head-container-contact, .main-nav{display:none;}
	.head-container-contact.active{display:block; position: absolute; background: var(--primary-bg-color); height: calc(100vh - 150px); overflow: hidden; left: 0; padding: 20px; z-index:9; top:50px; padding: 50px 20px; min-width:300px; transition: all 0.5s ease; text-align:center; align-content: space-evenly;}
	.main-nav.active{display:block; position: absolute; background: #fff; height: calc(100vh - 50px); overflow: hidden; right: 0; padding: 20px; z-index:9; top:50px; padding: 0 0 50px; min-width:300px; transition: all 0.5s ease;}
	.navbar{display:block;}	
	.navbar .menu-item:after{width:0!important; height:0!important;}
	.navbar li{padding:initial;}
	.menu-item{font-family: 'robotolight'; font-weight:300; font-size:18px; line-height:36px; padding: 18px 10px; color:var(--primary-font-color); display:block; border-bottom: 1px solid #006729; position: relative;}
	.menu-item.active{background: var(--primary-bg-color)!important; color: var(--additional-color-green)!important;}
	.li-first:has(.second-level.active) > .first-level{
		background: var(--primary-bg-color)!important; color: var(--additional-color-green)!important;
	}
	.menu-item.active:before{content: 'aktiv'; position: absolute; right: 20px; color: var(--additional-color-green); font-weight:600; text-align:right; text-transform: uppercase; font-size:12px; top:initial; font-style:initial;}
	.hassubmenu .menu-item.first-level{background: #006729; color: #fff; }
	.submenu{position: initial; visibility:initial; background-color:initial; opacity:initial;}
	.menu-item.second-level{background-color: #004e1f;  padding: 18px 10px 18px 25px;}
	.head-container-contact{display:none;}
	
	.head-container{display:block; padding:initial;}
	
	.headline{font-family: 'bad_scriptregular'; font-weight:400; font-size:40px; margin: 20px 0; line-height:50px; }
	.head-phone{margin-bottom:10px;}
	.head-mail{margin-bottom:30px; display:block;}
	.head-location{margin-bottom:10px;}
	
	.mobile-wrapper.active {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(25, 25, 25, 0.7); z-index: 8; overflow: hidden;}
	
	.head-main-wrap{height:initial;}
	.mobile-contact-wrap .logo {margin-bottom: 30px; max-width: 100%;}
}

@media(max-width:1023px){
	
	
	.tile{width:33.33333%;}
}

@media(max-width: 767px){
	.tile{width: 50%;}
	.grid-twice, .grid-one-to-two{grid-template-columns: 1fr; gap:20px;}
	.galerie{grid-template-columns:repeat(2, 1fr); gap: 15px;}
	
}

@media(max-width: 639px){
	.kopfbild .claim{display:none;}
	
}

@media(max-width: 519px){
	.tile{width: 100%;}
	.galerie{grid-template-columns:repeat(1, 1fr); }
}