/* -------------------------------------------------------------------- */
/* --------------------------- Schriftarten --------------------------- */
/* -------------------------------------------------------------------- */
@font-face{font-family:"iconfont";src:url("/fonts/iconfont_016c6000158d8b0ff8870bf2e21c1665.eot");src:url("/fonts/iconfont_016c6000158d8b0ff8870bf2e21c1665.eot?#iefix") format("embedded-opentype"),url("/fonts/iconfont_016c6000158d8b0ff8870bf2e21c1665.woff") format("woff"),url("/fonts/iconfont_016c6000158d8b0ff8870bf2e21c1665.ttf") format("truetype"),url("/fonts/iconfont_016c6000158d8b0ff8870bf2e21c1665.svg#iconfont") format("svg");font-weight:normal;font-style:normal}
@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:"iconfont";src:url("/fonts/iconfont_016c6000158d8b0ff8870bf2e21c1665.svg#iconfont") format("svg")} }


@font-face{
	font-family:'Source Sans Pro';
	src:url("./fonts/Source Sans Pro regular.eot");
	src:url("./fonts/Source Sans regular.eot?#iefix") format('embedded-opentype'),url("/fonts/Source Sans Pro regular.ttf") format('truetype');
	font-style:normal;
	font-weight:400;
	font-display:fallback;
}

@font-face {
	font-family:'Source Sans Pro';
	src:url("./fonts/Source Sans Pro 700.eot");
	src:url("./fonts/Source Sans Pro 700.eot?#iefix") format('embedded-opentype'),url("/fonts/Source Sans Pro 700.ttf") format('truetype');
	font-style:normal;
	font-weight:700;
	font-display:fallback;
}

/* ------------------------------------------------------------- */
/* -------------------- Schriftformatierung -------------------- */
/* ------------------------------------------------------------- */


h1, h2, h3, h4 {
	
	font-weight: bolder;
}
h1 {
	font-size: 3.75rem;
	line-height: 4.25rem;
}
h2 {
	font-size: 2.25rem;
	line-height: 2.625rem;
}
h3 {
	font-size: 1.5rem;
	line-height: 2.125rem;
}

b, strong {font-weight: bold;}

.iconfont {font-family: iconfont;}

.fontNone {
	font-size: 0;
}

.ankerFontNone {
	font-size: 0;
	position: absolute;
}

::selection {
	background-color: #008542;
	color: #ffffff;
}


@media screen and (max-width: 1024px) {
	h1 {
		font-size: 2.1875rem;
		line-height: 2.5rem;
	}
	h3 {
		font-size: 1.125rem;
		line-height: 1.3755rem;
	}
}

/* -------------------------------------------------- */
/* --------------------- INPUTS --------------------- */
/* -------------------------------------------------- */

input[type="text"],
input[type="textbox"],
input[type="number"],
input[type="select"],
input[type="email"],
input[type="mail"],
input[type="password"],
input[type="date"],
input[type="submit"],
input[type="button"],
textarea,
select {
	font-size: inherit;
	font-family: inherit;
	font-weight: bolder;
	padding: 10px;
	max-width: 100%;
}

input[type="text"],
input[type="textbox"],
input[type="number"],
input[type="select"],
input[type="email"],
input[type="mail"],
input[type="password"],
input[type="date"],
select, textarea {
	background-color: #F4F3F3;
	border: medium none;
	border-top: 2px solid #CCE7D9;
	border-radius: 4px;
}

input[type="text"]:focus, input[type="textbox"]:focus, 
input[type="number"]:focus, input[type="select"]:focus,
input[type="email"]:focus, input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus, input[type="mail"]:focus,
select:focus {
	outline:none;
	border-color: #008542;
}

input[type="submit"],
input[type="button"],
button,
label,
select {cursor:pointer;}

input[type="submit"],
input[type="button"],
button {
	background-image: linear-gradient(#008542, #006D29);
	box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	border: medium none;
	color: #FFF;
	padding: 10px 30px;
	font-family: inherit;
	font-size: inherit;
	font-weight: bolder;
}
input[type=submit]:hover,
input[type="button"]:hover,
button:hover {
	background-image: linear-gradient(#008040, #006527);
	box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
}


/* -------------------------------------------------- */
/* -------------------- BUTTONS --------------------- */
/* -------------------------------------------------- */
.buttonGreen, .buttonRed{
	font-weight: bolder;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
	font-size: 1.5rem;
	padding: 0.625rem 1.875rem;
}
.buttonGreen { background-image:linear-gradient(#008542, #006D29); }
.buttonRed { background-image:linear-gradient(#E23C30, #D52B1E); }



/* -------------------------------------------------------------------- */
/* ------------------------------ Farben ------------------------------ */
/* -------------------------------------------------------------------- */
.green { color: #008542; } .bg_green { background-color:#008542; }
.red {color: #D52B1E; } .bg_red { background-color:#D52B1E; }
.blue {color: #3B5998; } .bg_blue { background-color:#3B5998; }
.white {color: #fff; } .bg_white { background-color:#fff; }
.lightgreen {color: #CCE7D9; } .bg_lightgreen { background-color:#CCE7D9; }
.gray{ color:#353832; }.bg_gray{ background-color:#353832; }
.lightgray{ color:#EAEAEA; }.bg_lightgray{ background-color:#EAEAEA; }
.black {color: #3B3030; }.bg_black {background-color: #3B3030; }



/* -------------------------------------------------------------------- */
/* ----------------------------- Breiten ------------------------------ */
/* -------------------------------------------------------------------- */
.wide1, .col14, .col14-2-1, .wide2, .col24,.wide3, .col34,.wide4, .col44,
.col13, .col13-2-1, .col23, .col33, .col15, .col25, .col35, .col45, .col12, .col12-1-1 {
	display: inline-block; vertical-align: top; box-sizing:border-box /* neu oh230306 */}
.col44, .col33, .wide4, .col1 {width: 100%;}
.wide2, .col24, .col12, .col12-1-1 {width: 49.5%;}
.wide1, .col14 {width: 24.5%;}
.col15 {width: 19.5%;}
.col13, .col13-2-1 {width: 33%;}
.col25 {width: 39.5%;}
.col35 {width: 59.5%;}
.col45 {width: 79.5%;}
.col23 {width: 66%;}
.wide3, .col34, .col34-1 {width: 74.5%;}

video {max-width: 100%;}

@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {
	.col13-2-1, .col25, .col35, .col14-2-1 {width: 49%;} 
	.col15 {width: 24.5%}
	.col45 {width: 74.5%}
	.col12-1-1 {width:100%}
}
@media screen and (max-width: 768px) {
	.col12-1-1, .col34-1 {width: 100%;}
	.col24, .col23, .wide3, .col34, .col12, .col13-2-1, .col14-2-1 {width: 100%;}
	.col14, .col13 {width: 100%;}
}
@media screen and (max-width: 600px) {
	.col14, .col13 {width: 100%;}
}

/* -------------------------------------------------------------------- */
/* ----------------------------- Abstände ----------------------------- */
/* -------------------------------------------------------------------- */
/*
.tm {margin-top: ;} .bm {margin-bottom: ;}
.lm {margin-left: ;} .rm {margin-right: ;}
.hm {margin-left: ;margin-right: ;}
.vm {margin-top: ;margin-bottom: ;}
.tp {padding-top: ;} .bp {padding-bottom: ;}
.lp {padding-left: ;} .rp {padding-right: ;}
.hp {padding-left: ;padding-right: ;}
.vp {padding-top: ;padding-bottom: ;}
*/
.tm0 {margin-top:0rem ;} .bm0 {margin-bottom:0rem ;}
.lm0 {margin-left:0rem ;} .rm0 {margin-right:0rem ;}
.hm0 {margin-left:0rem ;margin-right:0rem ;}
.vm0 {margin-top:0rem ;margin-bottom:0rem ;}
.tp0 {padding-top:0rem ;} .bp0 {padding-bottom:0rem ;}
.lp0 {padding-left:0rem ;} .rp0 {padding-right:0rem ;}
.hp0 {padding-left:0rem ;padding-right:0rem ;}
.vp0 {padding-top:0rem ;padding-bottom:0rem ;}


.tm6 {margin-top:0.625rem ;} .bm6 {margin-bottom:0.625rem ;}
.lm6 {margin-left:0.625rem ;} .rm6 {margin-right:0.625rem ;}
.hm6 {margin-left:0.625rem ;margin-right:0.625rem ;}
.vm6 {margin-top:0.625rem ;margin-bottom:0.625rem ;}
.tp6 {padding-top:0.625rem ;} .bp6 {padding-bottom:0.625rem ;}
.lp6 {padding-left:0.625rem ;} .rp6 {padding-right:0.625rem ;}
.hp6 {padding-left:0.625rem ;padding-right:0.625rem ;}
.vp6 {padding-top:0.625rem ;padding-bottom:0.625rem ;}


.tm9 {margin-top:0.9375rem ;} .bm9 {margin-bottom:0.9375rem ;}
.lm9 {margin-left:0.9375rem ;} .rm9 {margin-right:0.9375rem ;}
.hm9 {margin-left:0.9375rem ;margin-right:0.9375rem ;}
.vm9 {margin-top:0.9375rem ;margin-bottom:0.9375rem ;}
.tp9 {padding-top:0.9375rem ;} .bp9 {padding-bottom:0.9375rem ;}
.lp9 {padding-left:0.9375rem ;} .rp9 {padding-right:0.9375rem ;}
.hp9 {padding-left:0.9375rem ;padding-right:0.9375rem ;}
.vp9 {padding-top:0.9375rem ;padding-bottom:0.9375rem ;}


.tm12 {margin-top:1.25rem ;} .bm12 {margin-bottom:1.25rem ;}
.lm12 {margin-left:1.25rem ;} .rm12 {margin-right:1.25rem ;}
.hm12 {margin-left:1.25rem ;margin-right:1.25rem ;}
.vm12 {margin-top:1.25rem ;margin-bottom:1.25rem ;}
.tp12 {padding-top:1.25rem ;} .bp12 {padding-bottom:1.25rem ;}
.lp12 {padding-left:1.25rem ;} .rp12 {padding-right:1.25rem ;}
.hp12 {padding-left:1.25rem ;padding-right:1.25rem ;}
.vp12 {padding-top:1.25rem ;padding-bottom:1.25rem ;}


.tm15 {margin-top:1.46875rem ;} .bm15 {margin-bottom:1.46875rem ;}
.lm15 {margin-left:1.46875rem ;} .rm15 {margin-right:1.46875rem ;}
.hm15 {margin-left:1.46875rem ;margin-right:1.46875rem ;}
.vm15 {margin-top:1.46875rem ;margin-bottom:1.46875rem ;}
.tp15 {padding-top:1.46875rem ;} .bp15 {padding-bottom:1.46875rem ;}
.lp15 {padding-left:1.46875rem ;} .rp15 {padding-right:1.46875rem ;}
.hp15 {padding-left:1.46875rem ;padding-right:1.46875rem ;}
.vp15 {padding-top:1.46875rem ;padding-bottom:1.46875rem ;}


.tm18 {margin-top:1.875rem ;} .bm18 {margin-bottom:1.875rem ;}
.lm18 {margin-left:1.875rem ;} .rm18 {margin-right:1.875rem ;}
.hm18 {margin-left:1.875rem ;margin-right:1.875rem ;}
.vm18 {margin-top:1.875rem ;margin-bottom:1.875rem ;}
.tp18 {padding-top:1.875rem ;} .bp18 {padding-bottom:1.875rem ;}
.lp18 {padding-left:1.875rem ;} .rp18 {padding-right:1.875rem ;}
.hp18 {padding-left:1.875rem ;padding-right:1.875rem ;}
.vp18 {padding-top:1.875rem ;padding-bottom:1.875rem ;}


.tm21 {margin-top:2.125rem ;} .bm21 {margin-bottom:2.125rem ;}
.lm21 {margin-left:2.125rem ;} .rm21 {margin-right:2.125rem ;}
.hm21 {margin-left:2.125rem ;margin-right:2.125rem ;}
.vm21 {margin-top:2.125rem ;margin-bottom:2.125rem ;}
.tp21 {padding-top:2.125rem ;} .bp21 {padding-bottom:2.125rem ;}
.lp21 {padding-left:2.125rem ;} .rp21 {padding-right:2.125rem ;}
.hp21 {padding-left:2.125rem ;padding-right:2.125rem ;}
.vp21 {padding-top:2.125rem ;padding-bottom:2.125rem ;}


.tm24 {margin-top:2.4rem ;} .bm24 {margin-bottom:2.4rem ;}
.lm24 {margin-left:2.4rem ;} .rm24 {margin-right:2.4rem ;}
.hm24 {margin-left:2.4rem ;margin-right:2.4rem ;}
.vm24 {margin-top:2.4rem ;margin-bottom:2.4rem ;}
.tp24 {padding-top:2.4rem ;} .bp24 {padding-bottom:2.4rem ;}
.lp24 {padding-left:2.4rem ;} .rp24 {padding-right:2.4rem ;}
.hp24 {padding-left:2.4rem ;padding-right:2.4rem ;}
.vp24 {padding-top:2.4rem ;padding-bottom:2.4rem ;}


.tm25 {margin-top:2.5rem ;} .bm25 {margin-bottom:2.5rem ;}
.lm25 {margin-left:2.5rem ;} .rm25 {margin-right:2.5rem ;}
.hm25 {margin-left:2.5rem ;margin-right:2.5rem ;}
.vm25 {margin-top:2.5rem ;margin-bottom:2.5rem ;}
.tp25 {padding-top:2.5rem ;} .bp25 {padding-bottom:2.5rem ;}
.lp25 {padding-left:2.5rem ;} .rp25 {padding-right:2.5rem ;}
.hp25 {padding-left:2.5rem ;padding-right:2.5rem ;}
.vp25 {padding-top:2.5rem ;padding-bottom:2.5rem ;}


.tm36 {margin-top:3.75rem ;} .bm36 {margin-bottom:3.75rem ;}
.lm36 {margin-left:3.75rem ;} .rm36 {margin-right:3.75rem ;}
.hm36 {margin-left:3.75rem ;margin-right:3.75rem ;}
.vm36 {margin-top:3.75rem ;margin-bottom:3.75rem ;}
.bm36-18 {margin-bottom:3.75rem ;}

.tp36 {padding-top:3.75rem ;} .bp36 {padding-bottom:3.75rem ;}
.lp36 {padding-left:3.75rem ;} .rp36 {padding-right:3.75rem ;}
.hp36 {padding-left:3.75rem ;padding-right:3.75rem ;}
.vp36 {padding-top:3.75rem ;padding-bottom:3.75rem ;}


.hp54 {padding-left: 5.3rem; padding-right: 5.3rem;}
.hp54-36-9 {padding-left: 5.3rem; padding-right: 5.3rem;}

.hp106 {padding-left: 5.3rem; padding-right: 5.3rem;}
.hp106-54-9 {padding-left: 10.6rem; padding-right: 10.6rem;}

.contentWrapper {padding-left: 10.6rem; padding-right: 10.6rem;}
.contentWrapperL {padding-left: 10.6rem;} .contentWrapperR {padding-right: 10.6rem;}

@media screen and (max-width: 1440px) {
	.hp106-54-9{padding-left: 5.925rem; padding-right: 5rem;}
	.hp54-36-9 {padding-left: 3rem; padding-right: 3rem;}
	.contentWrapper {padding-left: 6rem; padding-right: 6rem;}
	.contentWrapperL {padding-left: 6rem;} .contentWrapperR {padding-right: 6rem;}
}
@media screen and (max-width: 1024px) {
	.bm36-18 {margin-bottom: 2rem;}
}
@media screen and (max-width: 768px) {
	.hp106-54-9, .hp54-36-9 {padding-left: 1rem; padding-right: 1rem;}
	.contentWrapper {padding-left: 2rem; padding-right: 2rem;}
	.contentWrapperL {padding-left: 2rem;} .contentWrapperR {padding-right: 2rem;}
}



/* -------------------------------------------------------------------- */
/* ---------------------------- Allgemein ----------------------------- */
/* -------------------------------------------------------------------- */
* {
	box-sizing: border-box;
	font-family: "Source Sans Pro", Arial, sans-serif;
}

body {
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #3B3030;
	margin: 0;
	background-color: #e5e5e5;
	hyphens: auto;
	-moz-hyphens: auto;
}
html{
	font-size: 16px;
	color:#3B3030;
	line-height:1; 
	font-family: "Source Sans Pro", Arial, sans-serif;
}
a{color:#008542; font-weight:bolder; text-decoration:none;}

img{max-width:100%;}

#main{
	max-width: 1440px;
	margin: 0 auto;
	background-color: white;
}

@media screen and (max-width: 1024px) {
	body {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
}


/*================================*/
/*	DISPLAY	*/
/*================================*/
.dib {display: inline-block;}
.block {display: block;}
.flex {display: flex;}
.none, .radio_none {display: none !important;}


.oScroll {overflow: scroll;}
.oHide {overflow: hidden;}
.oVisible {overflow: visible;}

.hr {text-align:right}
.hl {text-align:left}
.hc {text-align:center}
.vt {vertical-align:top}
.vb {vertical-align:bottom}
.vm {vertical-align:middle}

.float_left {float:left;}
.float_right {float:right;}
.float_clear {float:none;}

.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}

.centerPos {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}

/* --- von at.hagebau.com Ende --- */

	/* colors */

	.green { color: #008542; }
	.white, a.white { color: #fff; }
	.black, a.black {color: #3B3030; }
	.red, a.red {color: #D52B1E; }
	.blue, a.blue {color: #3B5998; }
	.lightgreen {color: #CCE7D9; }

	.back_white { background-color: #fff;}
	.back_green { background-color: #008542; color: #fff;}
	.back_grey  {background-color: #353832; color: #fff; }
	.back_blue {background-color: #3B5998; color: #fff; }
	.back_lightgrey  {background-color: #F4F3F3; }
	.back_lightgreen {background-color: #CCE7D9; }
	.back_red {background-color: #D52B1E; color: #fff;}

	.round {box-sizing:border-box; border-radius: 4px; border: medium none;}
	.shadow {box-shadow: 0px 3px rgba(0, 0, 0, 0.2); outline: medium none;}
	.border_box { box-sizing: border-box;}


	/* borders hellgrün / dunkelgrün */
	/* bisherige Werte */
	.col_headline {border-bottom: 0.1875rem solid #CCE7D9; width: 100%; display: block;  }
	.border_top_green  { border-top: 3px solid #CCE7D9; }
	.border_bottom_green  { border-bottom: 3px solid #CCE7D9; }
	.border_small { border-width: 1px;}
	.list_firstline , .list_followline{ border-bottom: 1px solid #CCE7D9;
	padding-top: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 0.9375rem;}
	.list_firstline  { border-top: 1px solid #CCE7D9; }

	/* neue Werte */
	.border_1 { border-width: 1px;}
	.border_3  { border-style: solid; border-width: 3px;}
	.border_bottom_3  {border-bottom-width: 3px; border-bottom-style: solid;} 
	.border_top_3 { border-top-width: 3px; }
	.border_bottom_1  {border-bottom-width: 1px;} 
	.border_top_1 { border-top-width: 1px; }

	.border_green  {border: 3px solid #CCE7D9;}
	.border_darkgreen { border-color: #008542; }
	.border_white { border-color: #fff; }

	.light_to_darkgreen:hover, .light_to_darkgreen:active  { border-color: #008542; color:  #008542; }
	.darkgreen_to_light:hover, .darkgreen_to_light:active  { border-color: #CCE7D9; color:  #CCE7D9; }
	.back_green .border_top_green, .back_green  .list_firstline, .back_green .list_followline 
	 {border-color: #329C67;}
	 
	 /* --- grüner button mit verlauf --- */
	 
	 a.bt_gru {
	  font-weight: bolder;
	  background-size: 100% auto;
	  box-sizing: border-box;
	  color: #FFF;
	  border-radius: 4px;
	  border: medium none;
	  box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
	  outline: medium none;
	  font-size: 1.5rem;
	  line-height: 2.125rem;
	  padding: 0.625rem 1.875rem;
	  text-decoration: none;
	  display: inline-block;
	  text-align: center;
	}
	.bt_gru, .bt_gru_cart {
	  background-image: linear-gradient(#008542, #006D29);
	}
	 
	 /* --- Ankernavigation --- */

		/* Ankernavigation */
		div#anker_closed { height: 42px; }
		div#ankernavigation.col_anker {padding-bottom: 0px; z-index: 2; /* Hauptmenü hat 3 */}

		div#anker_open ul li {list-style-type:none; padding-left: 0px !important;}

		@media screen and (max-width: 1024px) {
		div#anker_closed { height: 50px; }
		div#anker_closed label,
		span.aw84 { font-size: 120%; }
		/* div#anker_open span.aw84 { margin-left: 8px;margin-right: 6px; } */
		div#anker_closed label > span.iconfont { font-size: 150%; vertical-align: bottom;}
		div#anker_closed label > div.anker_arrow_2 span { font-size: 90%;}
		div#ankernavigation.col_anker {padding-left: 1.875rem; border-top: 1px solid #CCE7D9;}
		}
		@media screen and (min-width: 1025px) {
		div#anker_closed label,
		span.aw84 { font-size: 80%; }
		div#anker_closed label > span.iconfont {margin-right: 4px; font-size: 140%;}
		div#anker_closed label > span.iconfont.anker_arrow {margin-right: 0px; font-size: 111%;}
		div#anker_open span.iconfont {font-size: 90%;}
		div#anker_closed span.iconfont.tx120 {font-size: 27px; vertical-align: middle;}
		div#anker_open li.list_firstline, div#anker_open li.list_followline { padding-top: 0.4975rem; padding-bottom: 0.4975rem;  }
		div#anker_open li.list_followline:nth-last-of-type(1) {border-bottom: 0px;}
		div#ankernavigation.col_anker { NO_padding-top: 0.0000rem; min-height: 43px; }
		.border_hide_fullscreen { border: none;}
		div#ankernavigation{ background-color:  rgba(255, 255, 255, 0.94); }
		.hide_fullscreen {display:none;}
		}

		.aw84 {display: inline-block; width: 85%;}
		div#anker_open { max-height: 0px; -webkit-transition: max-height 0.5s; 
		-moz-transition: max-height 0.5s; transition: max-height 0.5s; box-sizing: border-box; overflow: hidden;}
		div#anker_open ul li a span.iconfont { font-size: 16px; }
		.anker_closed_text {display: none; width: 74.5%;}
		div.anker_arrow_2 span { display: block; height: 8px; width: 12px; margin: 0; padding-top: 5px; font-family: iconfont;}

		input[type="checkbox"]#chk_open_anker:checked~div div#anker_open {max-height: 600px; 
		 -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; transition: max-height 0.5s;}
		input[type="checkbox"]#chk_open_anker:checked~div.col_anker { border-bottom-width: 0px; }
		input[type="checkbox"]#chk_open_anker~div li { /* padding-left: 3.295rem; */}
		input[type="checkbox"]#chk_open_anker:checked~div span.anker_arrow {   
		-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); 
		  -webkit-transition: rotate 0.5s; -moz-transition: rotate 0.5s; transition: rotate 0.5s;
		  }
		/* input[type="radio"]#rad_anker_00:checked~div span#anker_closed_00,  */
		/* input[type="radio"]#rad_anker_01:checked~div span#anker_closed_01, input[type="radio"]#rad_anker_02:checked~div span#anker_closed_02,  */
		/* input[type="radio"]#rad_anker_03:checked~div span#anker_closed_03, input[type="radio"]#rad_anker_04:checked~div span#anker_closed_04,  */
		/* input[type="radio"]#rad_anker_05:checked~div span#anker_closed_05, input[type="radio"]#rad_anker_06:checked~div span#anker_closed_06,  */
		/* input[type="radio"]#rad_anker_07:checked~div span#anker_closed_07, input[type="radio"]#rad_anker_08:checked~div span#anker_closed_08,  */
		/* input[type="radio"]#rad_anker_09:checked~div span#anker_closed_09 {display: inline-block;} */

		/* input[type="radio"]#rad_anker_01:checked~div a#anker_href_01, input[type="radio"]#rad_anker_02:checked~div a#anker_href_02, */
		/* input[type="radio"]#rad_anker_03:checked~div a#anker_href_03, input[type="radio"]#rad_anker_04:checked~div a#anker_href_04, */
		/* input[type="radio"]#rad_anker_05:checked~div a#anker_href_05, input[type="radio"]#rad_anker_06:checked~div a#anker_href_06, */
		/* input[type="radio"]#rad_anker_07:checked~div a#anker_href_07, input[type="radio"]#rad_anker_08:checked~div a#anker_href_08, */
		/* input[type="radio"]#rad_anker_09:checked~div a#anker_href_09 {color: #3B3030;} */

		@media screen and (max-width: 1024px) {
		.anker_closed_text {display: none; width: 90%;}
		.aw84 {display: inline-block; width: 88%;}
		input[type="checkbox"]#chk_open_anker~div li { padding-left: 2.4rem;}
		}
		@media screen and (max-width: 768px) {
		.anker_closed_text {display: none; width: 87%;}
		input[type="checkbox"]#chk_open_anker~div li { padding-left: 1.8rem;}
		div#ankernavigation.col_anker { padding-left: 0.925rem;}

		}
		@media screen and (max-width: 480px) {
		div#ankernavigation span.aw84 { font-size: 95%; }
		div#ankernavigation.col_anker { padding-left: 0.925rem; }
		.anker_closed_text {display: none; width: 80%;}
		div#ankernavigation .aw84 {display: inline-block; width: 82%;}
		input[type="checkbox"]#chk_open_anker~div li { padding-left: 0rem; }
		.link_space:hover { width: 0.7rem; }
		 .col4321 { width: 99.8%; }
		}

		@media screen and (max-width: 360px) { div#ankernavigation span.aw84 { width: 78%; } 
		.anker_closed_text {display: none; width: 78%;}
		}


	/* --- Ankernavigation Ende --- */
	
	/* --- Button Click Collect closebox --- */
	 a.bt_rt {
		font-weight: bolder; background-size: 100% auto;
		box-sizing: border-box; color: #FFF;
		border-radius: 4px; border: medium none;
		box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
		outline: medium none; line-height: 2.125rem;
		padding: 0.625rem 1.875rem; text-decoration: none;
		margin-left: 10px; margin-right: 10px; width: auto; display: block;
		text-align: center;
	}
	.bt_rt { background: linear-gradient(#008542, #006D29); }
	input[type="checkbox"]#check_close_box:checked~div#shop_box_grey,
	input[type="checkbox"]#check_close_box:checked~div#shop_box_grey_small {
		height: 0px; overflow: hidden; padding-top: 0; padding-bottom: 0;	 -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;
	}
	.bt_tx_close{
		font-size: 1.125rem;line-height: 1.75rem;
		cursor: pointer;font-style: normal;
		font-weight: bolder;
		}
	
	/* --- Button Click Collect closebox Ende --- */
	.show1440,.show1024,.show768,.show600,.show360{display:none;}
	@media screen and (max-width: 1440px) {.hide1440 {display: none;}.show1440{display:block}}
	@media screen and (max-width: 1024px) {.hide1024 {display: none;}.show1024{display:block}}
	@media screen and (max-width: 768px) {.hide768 {display: none;}.show768{display:block}}
	@media screen and (max-width: 600px) {.hide600 {display: none;}.show600{display:block}}
	@media screen and (max-width: 360px) {.hide360 {display: none;}.show360{display:block}}
/* --- von at.hagebau.com Ende --- */


/* -------------------------------------------------------------------- */
/* ------------------------- standort - dropdown ---------------------- */
/* -------------------------------------------------------------------- */

label.list_firstline, label.list_followline {
cursor: pointer;
}

.acc_link {display: inline-block; text-align: left; width:84%;}
@media screen and (max-width: 1023px) {
.acc_link  {width:82%;}
}

input[name="group_chk_drop"] { display: none; }

input[name="group_chk_drop"]~div.dropDownListGrey {height: 0px; max-height: 0px; overflow:hidden}
input[name="group_chk_drop"]:checked~div.dropDownListGrey {height: auto; max-height: 1200px; overflow:hidden}

div.dropDownListGrey { transition: all 0.7s ease 0.1s; }

span.temp_pfeil_unten { display: none; }

.temp_pfeil_oben {display: none;font-family:iconfont;}
.temp_pfeil_unten {display: inline-block;font-family:iconfont;}

span.temp_pfeil_oben { display: inline-block;
-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); 
-webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; }

input[name="group_chk_drop"]:checked~label div span.temp_pfeil_oben { 
-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); 
-webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; }


div.dropDownListGrey ul li,
ul.auflistung li { list-style-type: none; 
border-bottom: #008542 1px solid; padding: 0.9375rem;}
div.dropDownListGrey ul li:nth-last-of-type(1),
ul.auflistung li:nth-last-of-type(1) { border-bottom: #fff 0px solid; }


/* --------------------- ende standort - dropdown ------------------- */

/*--------------------- start chat -------------------*/

@media screen and (max-width:1024px){
	#fc_frame{bottom:70px !important;z-index:998 !important;}
}

/*--------------------- ende chat -------------------*/


/*--------------------- start Menue -------------------*/

.mainMenueLvl2 a {
  color: #008542 !important;
  font-weight: bold !important;
  font-size: inherit !important;
}

/*--------------------- end Menue -------------------*/









/* -------------------------------------------------------------------- */
/* ------------------------------ Module ------------------------------ */
/* -------------------------------------------------------------------- */
/* - Hoverpfeil - */
/* In <a class="HoverPfeil"> Tag einen <span> mit dem Text geben damit Hoverpfeil funktioniert! */
.HoverPfeil > span::after{
	margin-left:10px;
	display:inline-block;
	transition:300ms ease-in-out;
	font-family:iconfont;
	content:'\f107';
}
.HoverPfeil:hover > span::after{margin-left:20px;}


@media screen and (max-width: 1024px) {
	.HoverPfeil{position: relative; padding-right:50px !important;}
	.HoverPfeil > span::after{
		position: absolute;
		margin:0;
		right:20px;
	}
	.HoverPfeil:hover > span::after{right:0;}
	.HoverPfeil > span{position:static;}
}
#mainLightframe{
	background-color:white;
	padding:20px;
}




/* -------------------------------------------------------------------- */
/* ---------------------------- Main Menue ---------------------------- */
/* -------------------------------------------------------------------- */
.mainMenueItemsLvl2Wrapper > li:first-of-type a {
	color: #008542;
	font-size: 1.125rem;
	font-weight: bolder;
}





/* -------------------------------------------------------------------- */
/* ------------------------------- Karte ------------------------------ */
/* -------------------------------------------------------------------- */
#map-box {z-index: 1;}

/* ------------------------------------------------------------------- */
/* ------------------------------ Anrede ----------------------------- */
/* ------------------------------------------------------------------- */
.per_du{display:inline !important;}
.per_sie{display:none;}


/* ------------------------------------------------------------------- */
/* ------------------------ Startseite Buttons ----------------------- */
/* ------------------------------------------------------------------- */

.flexCol15Ab9 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 0.9375rem;
	row-gap: 1.875rem;
}

.flexCol15Ab9 > div {
	width: calc(18% - 0.9375rem * 4 / 5);
}




@media (max-width: 1024px) {
	.flexCol15Ab9 > div {
    width: calc(33.33% - 0.9375rem * 2 / 3);
  }
}

@media (max-width: 600px) {
	.flexCol15Ab9 > div {
    width: calc(50% - 0.9375rem * 1 / 2);
  }
}

@media (max-width: 378px) {
	.flexCol15Ab9 > div {
    width: 100%;
  }
}

@media screen and (min-width: 1270px) {
  #mainMenueItem1 {
    margin-left: 30px;
  }
	
	#mainMenueItem2 {
	   margin-left: 1px;
  }
}
	

@media screen and (max-width: 1270px) {
  #mainMenueItem1 {
    margin-left: 28px;
  }
	
  #mainMenueItem2 {
    margin-left: 3px;
  }
}




@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 360px) {}



/* ----------------------------------------------------------------------------- */
/* ------------------------------ Barrierefreiheit ----------------------------- */
/* ----------------------------------------------------------------------------- */

#accessability:checked ~ #main .buttonGreen:not(.shopWeitereBildansichtArtikelButton), 
#accessability:checked ~ #main .buttonRed {
	 background-image: none !important;
	 box-shadow: none;
	 border-style: solid;
	 border-width: 1px;
}

#accessability:checked ~ footer * {
	color: #000000 !important;
    background-color: #ffffff!important;
	border-color: #000000;
}

#accessability:checked ~ #main #mainMenueItems li:hover,
#accessability:checked ~ #headerMainMenue #mainMenueWrapper #mainMenue #mainMenueItems > input:checked + li,
#accessability:checked ~ #main input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"], [type="button"]):focus, textarea:focus, select:focus {
	border-color: #000000 !important;
}

#accessability:checked ~ #main #lblViewWarenkorb,
#accessability:checked ~ #main .shopSucheButton,
#accessability:checked ~ #main #lblViewLastSeen,
#accessability:checked ~ #main #shopTree li div::before,
/*#accessability:checked ~ #main .merklisteAdd,
#accessability:checked ~ #main .merklisteRemove,*/
#accessability:checked ~ #main .noLoading,
#accessability:checked ~ #main #lblShopSeitenreiterClose,
#accessability:checked ~ #main #lblShopSeitenreiterOpen {
	filter: invert(1) contrast(1) grayscale(1);
}

#accessability:checked ~ #main .datenbankenBeitragLink::after,
#accessability:checked ~ #main .shopStartKategorieLink::after,
#accessability:checked ~ #main #sortimentTree ul a::before,
#accessability:checked ~ #main .DatenUndFaktenLabel::before,
#accessability:checked ~ #main .baustoffeFirmenAusgabe_L::before {
	color:#000000 !important;
}

#accessability:checked ~ #main #backtotop {
	filter: invert() grayscale();
	border-style: solid;
	border-width: 1px;
}

#accessability:checked ~ #main .searchButton {
	filter: grayscale() contrast(5);
}

#accessability:checked ~ #main #jubaconMenu *::before {
	color:#000000;
}

#jubaAccessabilityChk:checked ~ * .buttonPrimaryColor,
#accessability:checked ~ #main #contanct_submitButton,
#accessability:checked ~ * .bt_gru,
#accessability:checked ~ * .bt_rt,
#accessability:checked ~ * #start-btn,
#accessability:checked ~ * #incbpvoSearchButton,
#accessability:checked ~ * .rm-open-popup {
	background-image: none !important;
}

#accessability:checked ~ * .rmPopup .rmBase__comp--cta {
	background-color: #fff;
	color: #000;
}