:root {
	--darkblue: #2d2d37;
	--mediumblue: #afb4c3;
	--logoblue: #fff;
	--crispwhite: #f5f5f5;
	--white:#2d2d37;
	--bgcolor_akzent:#2d2d37;
	--divider_color:#2288a9;
	--divider_color_neg:#2288a9;
	--font_color:#afb4c3;
	--fontcolor_neg:#afb4c3;
	--menucolor:#afb4c3;
	--h2_color_negative:#fff;
	--h2color:#fff;
	--footer-color: #1c1c1d;
	--googlebuttonbgcolor:#2d2d37;
	--googlebuttoncolor:#fff;
	--slidertext:#2d2d37;

}
b { color:#fff !important;}
body { background-color: var(--white);width: 100%;height: 100%;color: var(--font_color);margin:0;padding:0;line-height:23px;position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0;font-family: 'Roboto';font-weight: 300;font-style: normal;font-size: 15px;}

h1 { 
	transition:all 0.5s ease-in-out 0s;
	font-size: 98px;
	line-height:98px;
	font-family: 'Bauhaus Std'; 
	font-weight: bold; 
	font-style: normal;
	margin:0;
	color:#2288a9;
	padding:0; 
	margin-bottom: 0px; 
}
h2 { 
	transition:all 0.5s ease-in-out 0s;
	font-size: 57px;
	line-height: 57px;
	font-family: 'Bauhaus Std'; 
	font-weight: bold; 
	font-style: normal;
	margin:0;
	padding:0; 
	margin-bottom: 0px;
	color: #2288a9;
} 
h3 {
	color: var(--darkblue);
}
/** logo **/
h1.fixed_logo{  font-size: 30px;padding: 10px;padding-left:50px;line-height:30px;margin-bottom: 0px;transition:all 0.5s ease-in-out 0s;}
h1.fixed_logo font { font-size:24px; }
h1.footer_logo ,
h1.main_logo { transform-origin:0% 0%;line-height:75px;transform:scale(1); }
h1.footer_logo font,
h1.main_logo font { white-space: nowrap; line-height: 45px;padding-top:30px;display:block;transition:all 0.5s ease-in-out 0s;font-size: 57px;line-height: 57px;font-family: 'Bauhaus Std';font-weight: bold;font-style: normal;margin:0;padding-top:20px;margin-bottom: 0px;	color: #2288a9; }
h1.footer_logo{ transform:scale(0.6);}
/** headlines **/
h3.line {font-size: 34px;line-height:38px;font-family: 'Roboto', sans-serif; font-weight: 900; color:var(--h2color);position:relative;margin:0;padding:0; margin-bottom: 20px;transition:all 0.5s ease-in-out 0s;padding-bottom:30px;margin-bottom:30px;}
h3.line::after { content:" ";display:block;height: 5px;background-color:#2288a9;width:90px;position:absolute;bottom:0;left:0;}
h4.subsite ,
h4.simple,
h2.menu {font-size: 23px;font-family: 'Roboto', sans-serif; font-weight: 900; 	margin:0;color: var(--h2_color_negative);line-height: 26px !important;transition:all 0.5s ease-in-out 0s;}
h4.simple { color:#000; }
h4.subsite  { color: var(--h2_color_negative);margin-top:40px; }
a.menuitem {display: block;text-decoration: none; transition: all .2s linear 0s;font-size: 20px;line-height:25px;font-family: 'Roboto', sans-serif; font-weight: 600;letter-spacing:1px; margin:0;color:#fff;}
a.menuitem.dezent { color:#2288a9;font-weight:500; }
a.menuitem_drawer {display: block;text-decoration: none; transition: all .2s linear 0s;font-size: 20px;line-height:25px;font-family: 'Roboto', sans-serif; font-weight: 600;letter-spacing:1px; margin:0;color:#fff;}
a.menuitem_drawer.dezent { color:#2288a9;font-weight:500; }
.logo_wrap { max-width:700px; }
@media screen and (max-width: 1200px) {
	h1.main_logo { transform:scale(0.8);}
	h1.main_logo { margin-bottom:-30px; }
}
@media screen and (max-width: 962px) {
	h1.footer_logo,
	h1.main_logo { transform:scale(0.6);transform-origin:0% 0%;}
	h1.main_logo { margin-bottom:-60px; }
	.logo_wrap { max-width:300px; }
}
@media screen and (max-width: 780px) {
	h1.main_logo { text-align:left; }	
}
@media screen and (max-width: 450px) {
	h1.fixed_logo { display:none; }
}
@media screen and (max-width: 400px) {
	h1.footer_logo,
	h1.main_logo  { transform:scale(0.4);}
	.logo_wrap { max-width:200px; }

}





.divider { background-color:#2288a9 }
.cc_container { background-color:var(--bgcolor_akzent) !important; color:#fff !important; }
.cc_container a {  color:#2288a9 !important; }
.cc_container .cc_btn:hover, .cc_container .cc_btn:active, .cc_container .cc_btn:hover, .cc_container .cc_btn { background-color:#2288a9 !important;color:#fff !important;  }

.cagrar .divider {height: 5px;background-color:#2288a9;width:90px;}
.cagrar .scrolldown { cursor:pointer;transform:scale(1);width:70px;height:70px;position:fixed;bottom:50px;right:50px;transition:all 0.2s ease-in-out 0s;background: url(images/darknew/scrolldown.svg) center center no-repeat transparent; }
.cagrar .scrolldown.hide {  transform: scale(0); }
.cagrar .scrolldown:hover {  transform: scale(1.1); }

#instanews { background-color:#1c1c1d;display:none;margin-top:70px;position:relative;padding-top:20px;padding-bottom:0px;padding-top:0px;padding-left:0px;transform:rotate(0deg) scale(1);transition:all 0.2s ease-in-out 0s;}
#instanews.show {display:block; }
#instanews .image {  flex-shrink:0;content:" ";display:block;max-width:200px;width:100%;background-color:rgba(255,255,255,0.1);  }
#instanews .image::after {  content:" ";display:block;position:relative;padding-bottom:100%; }
#instanews > .inber { border:0px;position:relative;display:block;display:flex;align-items:top;}
#instanews .txt { padding-left:40px;padding-top:20px;padding-bottom:20px;padding-right:20px; }
#instanews .text { padding-top:20px; }
#instanews .text a { color: #2288a9;}
/** #instanews:hover { transform:rotate(0deg) scale(1.05); } **/
@media screen and (max-width: 1262px) {
	#instanews .image { max-width:100%;  }
	#instanews > .inber { flex-wrap:wrap; }
	#instanews .txt { padding:20px;}
}
@media screen and (max-width: 1050px) {
	#instanews > a { flex-wrap:wrap; }
	#instanews .image { position:relative; display:block;margin-bottom:0px; }
}
#instanews .instagram_follow { margin-top:10px;position:relative;padding-left:50px;padding-right:20px;border-radius:3px;height:60px;background:url(images/insta.svg) center left no-repeat transparent;line-height:17px;color:#fff !important;text-decoration:none;background-size:auto 60% ;display:flex;align-items:center;}
#instanews .instagram_follow { }
.cagrar .ghost_element.scrollit .left { overflow-y:scroll; }
.cagrar .ghost_element.hide { display:none !important; }
.cagrar .ghost_element { display: flex;align-items: stretch;opacity: 1;position: fixed;top: 25%;right: 25%;left: 25%;bottom: 25%;z-index: -10;z-index:999;overflow:hidden;}
.cagrar .ghost_element .closer { transition:all .25s linear 0s;transform:rotate(0deg) scale(1);z-index: 2;position: absolute;top: 50px;right: 50px;width: 80px;height: 80px;cursor: pointer;transition:all 0.2s ease-in-out 0s;background: url(images/darknew/colapse.svg) center center no-repeat transparent;background-size: 100% auto;cursor: pointer;}
.cagrar .ghost_element .closer:hover { transform:rotate(-60deg);}
.cagrar .ghost_element { z-index: 12;opacity: 1;top: 0;right: 0;left: 0;bottom: 0;background-color:var(--bgcolor_akzent);}
.cagrar .ghost_element .left { width: 50%;color: var(--fontcolor_neg);box-sizing: border-box;transition:all .25s linear 0s;height:100%;overflow-y:auto;  -webkit-overflow-scrolling: touch;}
.cagrar .ghost_element .left .inner { padding:50px; }
.cagrar .ghost_element .left .inner  ul { list-style:none;margin:0;padding:0;padding-top:30px;}
.cagrar .ghost_element .left .inner  li { background:url(images/check-mark.svg) center left 15px no-repeat transparent;background-size:20px auto; padding:10px;padding-left:50px;olor:#fff;color:#fff; }
.cagrar .ghost_element .left .inner  li:nth-child(odd) { background-color:rgba(255,255,255,0.05);}
.cagrar .ghost_element .ghost_wrap { display:flex;align-items:stretch;position:absolute;left:0;top:0;bottom:0;right:0;overflow:hidden; }
.cagrar .ghost_element .right { width: 50%; transition:all 0.25s linear 0s;flex-flow: column;display:flex;  }
.cagrar .ghost_element .right .content { background-image:url(images/mid.jpg); background-size: cover;background-repeat:no-repeat;transition:all .25s linear 0s;overflow:hidden;flex: 1;}
.cagrar .ghost_element .right .gallerie { z-index:1;display: flex;align-items: stretch;flex-direction: row;position:absolute;top:0;left:0;right:0px;}
.cagrar .ghost_element .right .gallerie > div { width: 33.333%;background-image:url(images/mid.jpg);background-size: cover;	background-repeat:no-repeat;}
.cagrar .ghost_element .right .gallerie > div::after { display:block;content:" ";position:relative;padding-bottom:61%; }
.cagrar .ghost_element .right .gallerie_wrap { position:relative;transition:all .25s linear 0s;overflow:hidden; }
.cagrar .ghost_element .right .gallerie_wrap::after { display:block;content:" ";position:relative;padding-bottom:20%;transition:all .25s linear 0s; }
.cagrar .ghost_element:not(.expand) .left { width:0%; }
.cagrar .ghost_element:not(.expand) .right { width:100%; }
.cagrar .ghost_element:not(.expand) .closer { transform:scale(0); }
.cagrar .ghost_element:not(.expand) .gallerie_wrap::after { padding-bottom:0%;  }
.cagrar .ghost_element:not(.expand) .content { height:100%; }

.cagrar .section_two .one .img,
.cagrar .ghost_element[ghost="Hofinnenwirtschaft"] .right [pic="0"]  { background-image:url(images/fotos/laden/Christians-Agrar_950_.jpg); background-size: cover;background-repeat:no-repeat; }
.cagrar .ghost_element[ghost="Hofinnenwirtschaft"] .right [pic="1"] { background-image:url(images/fotos/laden/2e76c3e8-1405-4879-a2a1-1ebc19e833c2.jpg);background-size: cover;	background-repeat:no-repeat;}
.cagrar .ghost_element[ghost="Hofinnenwirtschaft"] .right [pic="2"] { background-image:url(images/fotos/laden/3e7ef691-e6cf-4627-b09c-dfa1743c8724.jpg);background-size: cover;	background-repeat:no-repeat;}
.cagrar .ghost_element[ghost="Hofinnenwirtschaft"] .right [pic="3"] { background-image:url(images/fotos/laden/left.jpg);background-size: cover;	background-repeat:no-repeat;}

.cagrar .section_two .two .img ,
.cagrar .ghost_element[ghost="Melken"] .right [pic="0"]  { background-image:url(images/fotos/melken/IMG_0068.jpg); background-size: cover;background-repeat:no-repeat; }
.cagrar .ghost_element[ghost="Melken"] .right [pic="1"] { background-image:url(images/fotos/melken/IMG_0095.jpg);background-size: cover;	background-repeat:no-repeat;}
.cagrar .ghost_element[ghost="Melken"] .right [pic="2"] { background-image:url(images/fotos/melken/IMG_0049.jpg);background-size: cover;	background-repeat:no-repeat;}
.cagrar .ghost_element[ghost="Melken"] .right [pic="3"] { background-image:url(images/fotos/melken/IMG_0083.jpg);background-size: cover;	background-repeat:no-repeat;}

.cagrar .section_two .three .img,
.cagrar .ghost_element[ghost="Schlosserei"] .right [pic="0"]  { background-image:url(images/fotos/schweissen/IMG_0935.jpg); background-size: cover;background-repeat:no-repeat;background-position:50% 60%; }
.cagrar .ghost_element[ghost="Schlosserei"] .right [pic="1"] { background-image:url(images/fotos/schweissen/arbeit.jpg);background-size: cover;	background-repeat:no-repeat;background-position: 50% 68%; }
.cagrar .ghost_element[ghost="Schlosserei"] .right [pic="2"] { background-image:url(images/fotos/schweissen/IMG_6529.jpg);background-size: cover;	background-repeat:no-repeat;background-position: 50% 113%;}
.cagrar .ghost_element[ghost="Schlosserei"] .right [pic="3"] { background-image:url(images/fotos/schweissen/schweissen1.jpg);background-size: cover;	background-repeat:no-repeat;background-position: 50% 67%; }
.cagrar .section_two .four .img ,
.cagrar .ghost_element[ghost="wasser"] .right [pic="0"]  { background-image:url(images/fotos/wasser/c370cce7-0667-4885-8371-764429225078.jpg); background-size: cover;background-repeat:no-repeat; }
.cagrar .ghost_element[ghost="wasser"] .right [pic="1"] { background-image:url(images/fotos/wasser/2c66839d-c6d6-49d3-b16f-f0223cf91c91.jpg);background-size: cover;	background-repeat:no-repeat;}
.cagrar .ghost_element[ghost="wasser"] .right [pic="2"] { background-image:url(images/fotos/wasser/3558b4cf-0e8f-4f7a-8f7c-817f46c3522d.jpg);background-size: cover;	background-repeat:no-repeat;}
.cagrar .ghost_element[ghost="wasser"] .right [pic="3"] { background-image:url(images/fotos/wasser/ae0717c8-6f37-434d-928c-74ef16e3a746.jpg);background-size: cover;	background-repeat:no-repeat;}

.cagrar .ghost_element .right .gallerie > div { cursor:pointer; }
.cagrar .ghost_element .right .gallerie > div:hover { opacity:0.8; }


@media screen and (max-width: 962px) {
	.cagrar .ghost_element .ghost_wrap  { overflow-y:scroll; }
	.cagrar .ghost_element.scrollit .left { overflow:hidden; }
	.cagrar .ghost_element .ghost_wrap { flex-wrap:wrap; }
	.cagrar .ghost_element .right .content::after { content:" ";padding-bottom:40%;content:" ";display:block;position:relative; }
	.cagrar .ghost_element .right {width:100%;order:1; }		
	.cagrar .ghost_element .left { width:100%;order:2;height:unset;height:auto; }
	.cagrar .ghost_element:not(.expand) .left { height:0%;width:100%; }
	.cagrar .ghost_element:not(.expand) .right .content::after { padding-bottom:66%; }
	.cagrar .ghost_element.scrollit .left .inner { overflow:hidden; }
	.cagrar .ghost_element.scrollit .ghost_wrap  { overflow:auto; }
}
@media screen and (max-width: 450px) {
	.cagrar .ghost_element .left .inner { padding:20px 20px ; }
}

.right_pic, .mid_pic{
	width: 33%;
	background-image:url(images/mid.jpg); 
	background-size: cover;
	background-repeat:no-repeat;
}
.cagrar.mode {
	color: var(--white);
	background-color: var(--darkblue)
}



.cagrar .header .right_side {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
}
.cagrar .full_wrapper {
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}
.cagrar .drawer_wrapper { height:1px;overflow:visible; }
.cagrar .drawer {
	padding: 20px;
	padding-left: 50px;
	background-color: var(--white);
	transition:all 0.5s ease-in-out 0s;
	transform:translateY(-150%); /*315 Full Extend */
	opacity: 0;
	position:fixed;left:0;right:0;top:50px;
	z-index:4;
}
.cagrar .drawer.mode {
	background-color: var(--darkblue);
}
.cagrar .header_wrapper.show .drawer.expand {
	transform:translateX(0px);
	opacity: 1;
}
.cagrar .drawer .vertical-menu a {
color: #fff; /* Black text color */
display: block; /* Make the links appear below each other */
text-decoration: none; /* Remove underline from links */
transition: all 0.2s linear 0s;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all .s linear 0s;
transform:translateX(0px);
align-items: stretch;
font-family: 'Roboto', sans-serif; 
font-weight: 900; 
margin:0;
color: var(--menucolor);
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
}


.cagrar .header .right_side .container {display: inline-block;position:relative;top:10px;right:20px;cursor: pointer;align-self: end;background: url("images/darknew/expander.svg") center center no-repeat;background-size:60% auto;padding: 15px;background-repeat: no-repeat;}
.cagrar .header { 
	z-index: 10;
	display: flex;
	flex-direction: row;
	position:fixed;
	top:0;
	left:0;
	right:0; 
	opacity: 0;
	transition:all 0.5s ease-in-out 0s;
	transform:translateY(-100px);
}
.cagrar .header_wrapper.show .header { 	background-color: #1c1c1d;	opacity: 1;	z-index: 5;	transform:translateY(0px); }



.cagrar .section_one {display: flex;align-items: stretch;min-height:100%;width:100%;}
.cagrar .section_one .menu{display: none;cursor: pointer;align-self: end;background-image: url("images/darkmode/expander.svg");padding: 23px;background-repeat: no-repeat;position: absolute;right: 50px;top: 48px;z-index: 2;}
.cagrar .section_one .left_side {width: 50%;min-height: 100%;padding: 50px;padding-top:60px;padding-bottom:50px;box-sizing: border-box;}
.cagrar .section_one .right_side { width: 50%;background-image:url(images/fotos/7dba0c06-d5b2-4fe4-bb39-645e5788c205_4x.jpg); background-size: cover;background-position:0% 50%;min-height: 100%;box-sizing: border-box;background-repeat: no-repeat;transition:all 0.5s ease-in-out 0s;}
.cagrar .section_one .left_side .column {display: flex;height: 100%;box-sizing: border-box;flex-direction: column;}


.cagrar .section_one .left_side .column .two {margin-bottom: auto;padding-top: 70px;}
.cagrar .section_one .left_side .column .three h3 { font-size: 23px;font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal;margin:0;color:var(--h2color);padding:0; margin-bottom: 20px;transition:all 0.5s ease-in-out 0s;} 
.cagrar .section_one .left_side .column .three a {color:var(--logoblue);text-decoration:none; transition:all 0.5s ease-in-out 0s;}
.cagrar .section_one .one { text-align:center; }
.cagrar .section_one .vertical-menu  { margin:0 auto;max-width:480px; }



.cagrar .section_two { display: flex;align-items: stretch;width: 100%;flex-wrap:wrap;background-color:#000;}
.cagrar .section_two .top { width: 101%;box-sizing: border-box;position:relative; }
.cagrar .section_two .top::after { content:" ";display:block;position:relative;padding-bottom:66%; transition:all 0.5s ease-in-out 0s; }
.cagrar .section_two .img { opacity:0.5;transition:all 0.5s ease-in-out 0s;transform:scale(1);position:absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;}
.cagrar .section_two .top:hover .img { transform: scale(1.1);z-index: 2;opacity:1;}

.cagrar .section_two .bottom {
	display: flex;
	flex-direction: row;
	min-height:120px;
	background-color: var(--footer-color);
	width: 100%;
	padding: 35px 50px ;
	box-sizing: border-box;
	position: relative;
	z-index: 3;
}
.cagrar .section_two .bottom .right_side {
    position: absolute;
    width: 90px;
    background-image: url( images/darknew/expand_btn.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    right: 20px;
    top: 50%;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
    margin-top: -40px;

}
.cagrar .section_two .bottom .right_side::after { 
	content:" ";
	display:block;
	position:relative;
	padding-bottom:85%; 
	transition:all 0.5s ease-in-out 0s;
}
.cagrar .section_two .two,
.cagrar .section_two .three,
.cagrar .section_two .one,
.cagrar .section_two .four { overflow: hidden;cursor: pointer;position: relative;display: inline-block;width: 25%;}

/**
.cagrar .section_two .two:hover .right_side, 
.cagrar .section_two .three:hover .right_side,
.cagrar .section_two .one:hover .right_side,
.cagrar .section_two .four:hover .right_side
{
	transform: rotate(60deg);
	transition:all 0.2s ease-in-out 0s;
}
**/


.cagrar .section_three{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.cagrar .section_three .menu {
	transition:all 0.5s ease-in-out 0s;
	display: block;
	cursor: pointer;
	background-image: url("images/darknew/hexagon.svg");
	background-repeat: no-repeat;
	position: absolute;
	right: -73px;
	margin-top: -73px;
	top: 50%;
	z-index: 2;
	width: 146px;
}
.cagrar .section_three .menu::after { content:" ";position:relative;padding-bottom:87%;display:block; }
.cagrar .section_three .menu .arrow{ background-image: url("images/darkmode/arrow_right.svg");transform: rotate(0deg);background-repeat: no-repeat;position: absolute;margin-top: -20px;top: 50%;height: 40px;width: 40px;right: 70px;transition: all 0.6s ease-in-out 0s;}
.cagrar .section_three .menu .arrow.rotate{
	transform: rotate(180deg);
	right: 30px;
	transform-origin:50% 50%;
	transition: all 0.6s ease-in-out 0s;
}
.cagrar .section_three .wrapper {
   width: 200%;
   display: flex;
   position: relative;
   align-items: stretch;
   transition:all 0.5s ease-in-out 0s;
   left: 0%;
}
.cagrar .section_three .wrapper.move{
   left: -100%;
}
.cagrar .section_three .wrapper .inner_left {
   	background-image:url(images/fotos/pano.jpg); 
	background-size: cover;
	background-repeat:no-repeat;
    position:relative;
    background-position: 50% 50%;
    width: 50%;
}
.cagrar .section_three .wrapper .inner_left .marker{

}
.cagrar .section_three .wrapper .inner_left a.google {
	transition:all 0.5s ease-in-out 0s;
	position: absolute;
	top: 50px;
	right: 50px;
	display:block;border:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 50px;
	padding-left: 50px;
	background-color: var(--googlebuttonbgcolor);
	border-radius: 5px;
	cursor: pointer;
	z-index:2;
	text-decoration:none;
	margin: 0px;
	font-weight:600;
	line-height: 26px !important;
	font-size: 14px;
	transition:all 0.5s ease-in-out 0s;
	color: var(--googlebuttoncolor);
	font-weight: 500;
	text-transform: uppercase;
	transition:all 0.2s ease-in-out 0s;
	transform:scale(1);
}
.cagrar .section_three .wrapper .inner_left a.google:hover { transform:scale(1.1);}
.cagrar .section_three .wrapper .inner_left .text {
	max-width: 700px;padding: 50px;position:absolute;z-index:1;padding-top:25px;color:var(--slidertext);padding-right: 320px;
}

.cagrar .section_three .wrapper .inner_right{position: relative;display: flex;flex-direction: row;width: 50%;}
.cagrar .section_three .wrapper .inner_right .left_side{ display: flex;background-position: 50% 50%;background-image:url(images/banner_new.jpg); background-size: cover;background-repeat: no-repeat;box-sizing: border-box;width: 100%;}
.cagrar .section_three .wrapper .inner_right .right_side { position:relative;margin:20px;margin-left:auto;background-color: var(--footer-color);box-sizing: border-box;width:38.2%;padding: 50px;}
.cagrar .section_three .wrapper .inner_right .right_side ul { list-style:none;margin:0;padding:0; }
.cagrar .section_three .wrapper .inner_right .right_side ul li div { font-weight:bold;position:absolute;width:200px;left:0px;color:#fff; } 
.cagrar .section_three .wrapper .inner_right .right_side ul li { position:relative;padding-left:170px;padding-bottom:20px;min-height:50px; } 
@media screen and (max-width: 550px) {
	.cagrar .section_three .wrapper .inner_right .right_side ul li div { position:relative; }
	.cagrar .section_three .wrapper .inner_right .right_side ul li { padding-left:0px; } 

}

.cagrar .section_three .wrapper .inner_right .right_side p{
	line-height: 20px !important;
	color: var(--font_color);
	transition:all 0.5s ease-in-out 0s;
}
.cagrar .section_three .wrapper .inner_left::after { 
	content:" ";
	display:block;
	position:relative;
	padding-bottom: 35%; 
}
.cagrar .section_three .wrapper .inner_right .left_side::after { 
	position:relative;display:block;padding-bottom:35%;content:" ";
}

.cagrar .section_four {
	width: 100%;
	display: flex;	
}
.cagrar .section_four .left_side {
	width: 38.2%;
	padding: 50px;
	box-sizing: border-box;
}
.cagrar .section_four .right_side { justify-content: center;width: 61.8%;box-sizing: border-box;display: flex;flex-direction: row;align-items:center;}
.cagrar .section_four .right_side .one, 
.cagrar .section_four .right_side .two, 
.cagrar .section_four .right_side .three,
.cagrar .section_four .right_side .four  { opacity: 0.2;cursor:pointer;transform:scale(1);background-repeat: no-repeat;	background-size: 100% auto;	background-position: center;box-sizing: border-box;width: 25%;max-width:300px;transition: all 0.5s ease-in-out 0s; }
.cagrar .section_four .right_side .one { background-image: url("images/darkmode/boumatic_logo.png");}
.cagrar .section_four .right_side .two { background-image: url("images/darkmode/fullwood2.png");}
.cagrar .section_four .right_side .three {background-image: url("images/darkmode/index.png");background-size: 70% auto;max-width:250px;background-position: center;background-repeat: no-repeat; }
.cagrar .section_four .right_side .four {background-image: url("images/darkmode/hanskamp.png");background-size: 70% auto;max-width:250px;background-position: center;background-repeat: no-repeat; }

.cagrar .section_four .right_side > div:hover { opacity:1;position:relative;transform:scale(1.1); }
.cagrar .section_four .right_side > div a { z-index:1;position:absolute;top:0;right:0;bottom:0;left:0; }
.cagrar .section_four .right_side > div:hover::before { opacity:0.8; }

.cagrar .section_four .right_side .one::after { 
	content:" ";
	display:block;
	position:relative;
	padding-bottom:40%; 
}
.cagrar .section_four .right_side .two::after { 
	content:" ";display:block;
	position:relative;
	padding-bottom:40%; 
}
.cagrar .section_four .right_side .three::after {
	content:" ";
	display:block;
	position:relative;
	padding-bottom:60%; 
}
.cagrar .section_four .right_side .four::after {
	content:" ";
	display:block;
	position:relative;
	padding-bottom:60%; 
}



.cagrar .section_five { align-items: stretch;display: flex;}
.cagrar .section_five .left_side {width: 50%;box-sizing: border-box;position:relative;}
.cagrar .section_five .left_side .column {display: flex;flex-direction: column;justify-content: flex-end;min-height:100%;}
.cagrar .section_five .left_side .column .top {width: 38%;max-width:500px;display:none;background-image: url("images/darkmode/paperplane.png");background-repeat: no-repeat;background-size: 100% auto;box-sizing: border-box;position: absolute;top:0px;}
.cagrar .section_five .left_side .column .top::after {content:" ";position:relative;display:block;padding-bottom:60%; }
.cagrar .section_five .left_side .column .bottom {padding: 50px;position:relative;z-index:1;box-sizing: border-box;}
.cagrar .section_five .right_side { padding: 50px;padding-left:0px;text-align:right;width: 50%;box-sizing: border-box;}

.kontaktform .errorbox { border-radius:5px;padding:5px 10px;background-color:#c65656;color:#fff;text-align:center;margin-bottom:20px; }
.kontaktform .errorbox.done { background-color:#6ec656; }
.kontaktform  form { max-width:420px; margin:0px; }
.kontaktform .feedback-input {color:var(--white);font-family:'Roboto', sans-serif;font-weight:500;font-size: 18px;border-radius: 5px;line-height: 22px;background-color:#2d2d37;border:1px solid transparent;color:var(--font_color);transition: all 0.3s;padding: 13px;margin-bottom: 15px;width:100%;box-sizing: border-box;outline:0;}
.kontaktform .feedback-input:focus { border:1px solid #2288a9; }
.kontaktform .feedback-input.errorinput { border:1px solid #c65656; }
.kontaktform textarea { height: 150px;line-height: 150%;resize:vertical;}
.kontaktform input[type="submit"] { -webkit-appearance: none;font-family: 'Roboto', sans-serif;text-transform:uppercase;background:#2288a9;border-radius:5px;border:0;cursor:pointer;color:#fff;font-size:16px;padding-top:10px;padding-bottom:10px;transition: all 0.3s;margin-top:10px;font-weight:500;padding-top: 5px;padding-bottom: 5px;padding-right: 50px;line-height: 26px !important;font-size: 14px;padding-left: 50px;transform:scale(1);}
.kontaktform input[type="submit"]:hover { transform:scale(1.1); }
.footer_collumns { display:flex;align-items:stretch; }
.footer_collumns .fcollum.flexed { display:flex;flex-wrap:wrap;}
.footer_collumns .fcollum.flexed > div { width:100%; }

.footer_collumns .fcollum.flexed > div.column { align-self:flex-end; }

.cagrar .section_six {	padding: 50px;background-color: var(--footer-color);}
.cagrar .section_six.mode {background-color: var(--white);}

.cagrar .section_six .column { display:flex;flex-direction:row;}
.cagrar .section_six p1 { transition:all 0.5s ease-in-out 0s;padding: 0;margin:0;color: var(--crispwhite);font-family: 'Roboto', sans-serif;font-weight: 900;font-style: normal;}
.cagrar .section_six p1.mode{color: var(--darkblue);}
.cagrar .section_six .column p2 { transition:all 0.5s ease-in-out 0s;padding: 0;margin:0;font-weight: 900;color: var(--mediumblue);font-family: 'Roboto', sans-serif;}
.cagrar .section_six .column p2.mode {color: var(--darkblue);}
.cagrar .section_six .column a { 
padding: 0;margin:0;font-weight: 900;text-decoration: none;color: var(--crispwhite);font-family: 'Roboto', sans-serif;}
.cagrar .section_six .column a.mode {color: var(--darkblue);} 
.cagrar .section_six .column .right_side{padding-left: 50px;} 



#footer_expander {
	cursor: pointer;
}



.cagrar .impressum_master {
    background-color: var(--darkblue);
    color: var(--font_color);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    z-index: 999;
    transition: transform .3s ease-in-out;
    transform: translateY(400%);
}
.cagrar .impressum_master.mode {
	background-color: var(--white);
	color: var(--darkblue);
}
.cagrar .impressum_master.reveal {
    transform: translateY(0%);
}
.cagrar .impressum_master .content_full_sized {
	position: relative;
    width: 100%;
    min-height: 100%;
    border-bottom: 0px solid #ccc;
    padding: 50px;
    box-sizing: border-box;
    transition:all 0.2s ease-in-out 0s;
}
.cagrar .impressum_master .content_full_sized .margincontainer {
	max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.cagrar .impressum_master .content_full_sized .margincontainer .closer {
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    transition:all 0.5s ease-in-out 0s;
   background: url(images/darknew/colapse.svg) center center no-repeat transparent;background-size: 100% auto;
    cursor: pointer;
}

.cagrar .impressum_master .content_full_sized .margincontainer .layout{
	display: flex;
    width: 100%;
    flex-wrap: wrap;
    transition:all 0.2s ease-in-out 0s;
}
.cagrar .impressum_master .content_full_sized .margincontainer .layout .right_side{
	    width: 61.8%;
	    padding-right: 82px;
	    box-sizing: border-box;
	    transition:all 0.2s ease-in-out 0s;
}
.cagrar .impressum_master .content_full_sized .margincontainer .layout .left_side{
	width: 38.2%;
	box-sizing: border-box;
	transition:all 0.2s ease-in-out 0s;
	padding-right: 40px;
}


/**###########################################################################/
/##############################################################################/
/######################################################################/
/######################################################################/
/######################################################################/
/##############################################################################/
/####################################################################################**/
	
	@media screen and (max-width: 1400px) {
		.cagrar .section_two .bottom .right_side { width: 50px;margin-top:-25px;}
	}
	@media screen and (max-width: 1300px) {
		.cagrar .section_two .two,
		.cagrar .section_two .three,
		.cagrar .section_two .four,
		.cagrar .section_two .one { width: 50%;}
		.cagrar .section_three .wrapper .inner_right {display: flex;flex-wrap: wrap;height:auto;height:unset;}
		.cagrar .section_three .wrapper .inner_right .right_side {width: 100%;}
		.cagrar .section_three .wrapper .inner_right .left_side {width: 100%;}
		.cagrar .section_three .wrapper { flex-wrap:wrap;width:100%;left:0% !important; }
		.cagrar .section_three .wrapper .inner_right,
		.cagrar .section_three .wrapper .inner_left { width:100%; }
		.cagrar .section_three .wrapper .inner_left::after { padding-bottom: 50%; }
		.cagrar .section_three .wrapper .inner_right .left_side::after { padding-bottom: 50%; content:" ";padding-bottom: 50%;content: " ";display: block;width:100%;background-image: url(images/banner_new.jpg);background-size: cover;background-repeat:no-repeat;box-sizing: border-box;}
		.cagrar .section_three .wrapper .inner_right .left_side { order:2; display:flex;flex-wrap:wrap;  }
		.cagrar .section_three .wrapper .inner_right .right_side { margin:0px; }		
		.cagrar .section_three .menu { display:none; }
	}
	@media screen and (max-width: 1200px) {
		.cagrar .scrolldown { display:none; }
	}
	@media screen and (max-width: 962px) {
		.cagrar .header .right_side .drawer {
		    padding: 10px;
		}
		.cagrar .section_two .bottom { min-height:110px; }
		.cagrar .section_three .wrapper .inner_left .google {
			padding-top: 4px;
			padding-bottom: 4px;
			padding-right: 40px;
			padding-left: 40px;
			font-size: 16px;
			margin-bottom: 15px;
		}
		.cagrar .section_three .wrapper .inner_left .text {background-color: rgba(255,255,255,0.6);position:relative;padding:50px; max-width:100%;}
		.cagrar .section_three .wrapper .inner_left .google {right: unset;top: unset;left: 25px;bottom: 25px;padding-top: 2px;padding-bottom: 2px;padding-right: 20px;padding-left: 20px;right: unset !important;right: auto !important;top: unset !important;top: auto !important;left: 50px;bottom: 30px;}
		.cagrar .section_three .menu { display:none; }		
	}
	@media screen and (max-width: 800px) {
		.footer_collumns { flex-wrap:wrap; }
		.footer_collumns .fcollum.kontaktform { order:2;margin-top:40px;  }
		.footer_collumns .fcollum { order:1; }
	}
	@media screen and (max-width: 780px) {
		.cagrar .section_one {
			display: flex;
			flex-wrap: wrap;
			width:100%;
			height:auto;
			min-height:0%;
			height:unset;
			position: relative;
		}
		.cagrar .section_one .menu{
			display: inline-block;
			transition:all 0.2s ease-in-out 0s;
		}
		.cagrar .section_one .left_side {
			width: 100%;
		    height: unset;
		    height: auto;
			padding: 50px;
		}
		.cagrar .section_one .right_side {
		    height: unset;
		    height: auto;
		    width: 100%;
		    transition: none;
		}
		.cagrar .section_one .right_side::after { 
			content:" ";position:relative;display:block;padding-bottom:50%;
		}
		.cagrar .section_one .left_side .column .two {
			display: none;
		}
		.cagrar .section_two {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
		}
		.cagrar .section_two .top::after { 
			padding-bottom:50%; 
		}
		.cagrar .section_two .one,
		.cagrar .section_two .two,
		.cagrar .section_two .three,
		.cagrar .section_two .four {		
			width: 100%;
		}
		.cagrar .section_two .bottom {
		    width: 100%;

		}
		.cagrar .section_four {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
		}
		.cagrar .section_four .left_side {
		    width: 100%;
		    padding: 50px;
		    box-sizing: border-box;
		}
		.cagrar .section_four .right_side {
		    width: 100%;
		    padding: 50px;
		    padding-top:0px;
		}
		.cagrar .section_five {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			height: 100%;
		}
		.cagrar .section_five .left_side {
		    width: 100%;
		    box-sizing: border-box;
		    position: relative;
		}
		.cagrar .section_five .right_side { width: 100%;padding-left:50px;	}
		.cagrar .section_five .left_side .column .top { width:41%; }
		.cagrar .impressum_master .content_full_sized .margincontainer .layout .right_side,
		.cagrar .impressum_master .content_full_sized .margincontainer .layout .left_side{   width: 100%;	}
		.cagrar .impressum_master .content_full_sized .margincontainer .layout .right_side { padding:0px;padding-top:50px; }
	}
	@media screen and (max-width: 450px) {
		.cagrar .header { min-height:50px; }
		.cagrar .section_one .menu{
			z-index: 3;
			right: 25px;
			top: 25px;
			padding: 18px;
			transition:all 0.2s ease-in-out 0s;
		}
		.cagrar .drawer {
			padding-left: 25px;
		}
		.cagrar .section_one {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			width:100%;
		}
		.cagrar .section_one .left_side {
			width: 100%;
			padding: 25px;
		}
		.cagrar .section_one .left_side .column .three {
		    width: 100%;
		}
		.cagrar .section_two  .bottom {
			 padding:20px 25px;
		}
		.cagrar .section_three .wrapper .inner_left .text {
			padding: 25px;
		}
		.cagrar .section_three .wrapper .inner_left::after { 
			padding-bottom:70%;
		}
		.cagrar .section_three .wrapper .inner_right .right_side {
			padding: 25px;
		}
		.cagrar .section_three .menu {
			right: -30px;
			margin-top: -30px;
			top: 50%;
			height: 60px;
			width: 60px;
			transition:all 0.5s ease-in-out 0s;
		}.cagrar .section_three .wrapper .inner_left .google { left:20px; }
		.cagrar .section_three .menu .arrow {
			margin-top: -15px;
			top: 50%;
			height: 20px;
			width: 20px;
			right: 35px;
		}
		.cagrar .section_three .menu .arrow.rotate {
			right: 4px;
		}
		.cagrar .section_four .left_side {
	    width: 100%;
	    padding: 25px;
		}
		.cagrar .section_four .right_side {
			padding: 25px;
	    	padding-top:0px;
		}
		.cagrar .section_four .right_side .three::after {
	   		padding-bottom: 80%;
		}
		.cagrar .section_four .right_side .one,
		.cagrar .section_four .right_side .two,
		.cagrar .section_four .right_side .three,
		.cagrar .section_four .right_side .four		{
		    width: 100%;
		}
		.cagrar .section_four .right_side {
		    width: 100%;;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		}
		.cagrar .section_five .left_side .column .bottom {
	    	padding: 25px;
		}
		.cagrar .section_five .right_side  {
		    padding:25px;
		}

		.cagrar .section_six {
		    padding: 25px;
		}
		.cagrar .section_six .column { flex-wrap:wrap; }
		.cagrar .section_six .column .left_side,
		.cagrar .section_six .column .right_side { width:100%;}
		.cagrar .section_six .column .right_side { padding-top:20px;padding-left:0px; }
		.cagrar .impressum_master .content_full_sized {
    	padding: 25px;
		}
		.cagrar .impressum_master  .content_full_sized .margincontainer .closer {
  		width: 50px;
    	height: 50px;
		}
	}