.margin-top{margin-top:100px;}
.floatend{clear:both;}

.menuitem {float: left; list-style: none; padding: 38px 20px 20px 20px;border-top: 5px solid #fff;}
.menuitem.hassubmenu, .menuitem a { color: #293d33;}
.menuitem:hover{color:#84b15e; border-top: 5px solid #84b15e;cursor:pointer;}
.active a{color:#006837;}
.menuitem a:hover{color:#84b15e;}
.submenu {background-color: #293d33; position: absolute;padding:0;margin-left:-20px; margin-top:20px;}
.menuitem.second {display: block; clear: both; border: none; padding: 10px 20px; min-width:140px;}
.menuitem.second a{    color: #e3f3d3; letter-spacing: 0.4px;}
.menuitem.second:hover{background-color:#84b15e;}
.hassubmenu span:after {font-family: 'webflow-icons' !important; 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; content: "\e603"; padding: 3px; color: #293d33;}
.hassubmenu:hover span:after {color:#84b15e;}

.w-nav-button{margin-top:10px;}

.content-div ul{padding-left:0;}
.content-div li{list-style:none;position: relative; text-indent: -30px; margin-left:30px;}
.content-div li:before{background-image:url('/media/leaf.svg'); background-size: 20px 28px; display:inline-block; width: 20px; height:20px; content:"";background-repeat:no-repeat; margin-right: 10px;}

.referenzen {display: inline-block!important;}
.lightbox-div{float:left; width:calc(25% - 10px); margin-right:10px;margin-bottom:10px;}
.lightbox-div.count-1, .lightbox-div.count-5 {margin-left:0px;}
.referenz-div{float:left; width:292px; margin:4px;}

#yform-formular-message {-ms-grid-row: span 1;grid-row-start: span 1;-ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 2; grid-column-start: span 2;-ms-grid-column-span: 2; grid-column-end: span 2;}
textarea { height: 60px;  border: none;  border-bottom: 1px solid #006837;  font-size: 18px; line-height: 26px;  font-weight: 300;  letter-spacing: 1px;  display: block;  width: 100%;  padding: 8px 12px;  margin-bottom: 10px;-webkit-transition: all 400ms ease; transition: all 400ms ease;}
input {height: 38px; width: 100%; border: none; border-bottom: 1px solid #006837; font-size: 18px; line-height: 26px; font-weight: 300; letter-spacing: 1px; padding: 8px 12px;-webkit-transition: all 400ms ease; transition: all 400ms ease;}
input[type="checkbox"], input[type="radio"]{ height: initial; width: initial;}
textarea:hover, textarea:focus, input:hover{background-color: rgba(227, 243, 211, 0.5);}
button {padding: 16px 30px; border: 1px solid #006837; color: #006837;  text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 600; background-color: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease; width: 140px;}
button:hover{background-color:#e3f3d3;}

.heading.logo {font-size: 15px;}

.slider-hl-div {display: inline-block; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; background-color: rgba(41, 61, 51, 0.7); text-align: left;}
.slide{text-align:left;}

.section.footer1 {margin-top: 50px; padding-top: 50px; padding-bottom: 50px; background-color: #293d33;}

.videobox{height:auto;}
.videobox video{width:100%;}
.video .greenbox { overflow: initial; height: 288px;}
.video_contentbox {background: red; height: auto; padding: 30px;}

@media (max-width:1399px){
	.referenz-div{width:calc(33.3333% - 8px);}
	.referenz-div .image{width:100%;}
}

@media (max-width:1023px){
	.container{width:100%; padding:0 10px;}
	.w-col-3 {width: 50%;}
	.lightbox-div{width:calc(33.33333% - 10px);}
	.lightbox-div img{width:100%;}
	.container.referenzen { padding: 0 0 0 10px;}
	
}

@media (max-width:991px){
	.menuitem{float:none;text-align:left;font-size: 15px; letter-spacing: 0.4px;padding:20px;}
	[data-nav-menu-open]{background-color:#fff;}
	nav ul{padding-left:0;}
	.hassubmenu span:after{position:absolute; right:20px;}
	.submenu{position: initial; margin-left: -20px; margin-top: 10px; margin-right: -20px;}
	.w-nav-button.w--open{background-color:#006837;}
	.referenz-div{width:calc(50% - 8px);}
}

@media (max-width:767px){	
	.w-col-3 {width: 100%;}
	.lightbox-div{width:calc(50% - 10px);}
	.img-box { width: 100%;height:320px;}
	.greenbox {width: 100%;	}
	.videobox{width:100%;}
}

@media (max-width:479px){
	.brand{float:none;}
	h3.heading.logo {margin-top: 10px;}
	.slide {padding-left:60px; padding-right:60px;}
	.w-slider-arrow-left, .w-slider-arrow-right {width:60px;}
	.referenz-div{width:calc(100% - 8px);}
}



@media (min-width:1024px){
	.container {width: 1024px; padding:0;}
}

@media (min-width:1200px){}

@media (min-width:1400px){
	.container {width: 1200px;}
}