.relative{position: relative;}

.navigation{position:fixed; top:0; width:100%; z-index:999; background:#239f38;}
.logo{position: absolute; z-index: 9999; left: calc(50% - 70px); top:-24px; transition: all 0.3s ease-out;}
.logo.small{width:80px; left:calc(50% - 40px); }
.subnav-col{margin-left:auto;}
/*.hauptmenu-row{padding:0.2rem 0;}*/
.hauptmenu-row{padding:0.7rem 0;}
.menu-toggle{display:none;}
.menuitem.first{text-align:center; color:#fff; text-decoration:none; font-size:1.2rem; position: relative; float:left; margin-left:50px; cursor:pointer;}
.menu-link{color:#fff; text-decoration:none;}
.navbar-brand{color:#fff;}

.submenu { position: absolute;  background: #239f38;  padding: 20px;   top: 40px; text-align: left; left:-10px;}
.menulink.second{color:#fff; text-decoration:none; font-size:1.2rem; position: relative;}

.body-content {margin-top: 45px;}

.slide-media{height:calc(100vh - 45px); background-position: 50%; background-size: cover; background-repeat:no-repeat;}
.slide-video{filter: blur(1px);}
.counter-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.1); text-shadow:2px 2px #000;}
.info-wrapper {padding-top: 30vh; text-align:center; color:#fff; padding-bottom:5vh; }
.counter{margin:auto; width:fit-content; text-align:center; color:#fff; }
.count{font-size: 3rem; font-weight:600; }
.count p{margin-bottom:0;}

.content-padding{padding:3rem 0 0;}

.footrow{padding-top:3rem;}
.footmenu-row{padding:0.2rem 0; background: #239f38; color:#fff; font-size:0.85em;}
.footnav-col{margin-left:auto;}
.footnav-col a{color: #fff; text-decoration:none; margin-left:20px;} 

.chevron_wrapper {display: flex; justify-content: center; align-items: center; width: 100%; height: auto; bottom:180px; position:absolute; z-index:999;}
.chevron {position: absolute; width: 2.1rem; height: 0.48rem; opacity: 0; transform: scale(0.3); animation: move-chevron 3s ease-out infinite;}
.chevron:first-child {animation: move-chevron 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move-chevron 3s ease-out 2s infinite;}
.chevron:before, .chevron:after {content: ''; position: absolute; top: 0; height: 100%; width: 50%; background: rgba(255, 255, 255, 0.5);}
.chevron:before { left: 0; transform: skewY(30deg);}
.chevron:after { right: 0; width: 50%; transform: skewY(-30deg);}

 .grid-eins-zwei {display: grid; grid-template-columns: 1fr 2fr; gap: 60px;}
 .galery-preview{margin-top:10px;}
 
 .galery-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}

@keyframes move-chevron {
	25% { opacity: 1;}
	33.3% {opacity: 1; transform: translateY(2.28rem); }
	66.6% { opacity: 1; transform: translateY(3.12rem); }
	100% { opacity: 0;  transform: translateY(4.8rem) scale(0.5); }
}

.grid_zwei{display:grid; grid-template-columns:1fr 1fr; gap: 80px;}

.content_img{position:relative;}
.content_img img{max-width:100%;}
.content_img .copyright{position:absolute; background: rgba(255, 255, 255, 0.8); bottom:0; right:0; font-size:14px; padding: 2px 6px;}

.grid_zwei_eins{display:grid; grid-template-columns:2fr 1fr; gap:80px;}
.galery_wrap_small { margin-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}


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

.menuitem.hassubmenu:after {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;}

.menuitem.hassubmenu:after{content:'\f107';}

@media(max-width:1024px){
	/*.menu-toggle{display:block;}*/
	.hauptmenu{display:none;}
	.grid_zwei{grid-template-columns:1fr; gap:20px;}
	.grid_zwei .img_col{grid-row-start:1;}
	.grid-eins-zwei {display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
}

@media(max-width:767px){
	.galery-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
	.grid-eins-zwei {display: grid; grid-template-columns: 1fr; gap: 20px;}
}

@media(max-width:600px){
	.navbar-brand{display:none;}
	
}

@media(max-width:520px){
	 .galery-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
}