@charset "utf-8";
@import url("modul_ETRE.css");



/* *** GENERAL STYLES - START *** */

@font-face {
	font-family: 'IvanaScript';
	src: url('../fonts/ivanaScript.eot');
	src: url('../fonts/ivanaScript.eot?#iefix') format('embedded-opentype'), 
		 url('./fonts/ivanaScript.woff2') format('woff2'), 
		 url('../fonts/ivanaScript.woff') format('woff'), 
		 url('./fonts/ivanaScript.ttf') format('truetype');
}

@font-face {
	font-family:'SourceSansProRegular';
	src: url("./fonts/SourceSansPro-Regular.eot");
	src: url("./fonts/SourceSansPro-Regular.eot?#iefix") format('embedded-opentype'),
		 url("./fonts/SourceSansPro-Regular.ttf") format('truetype');
	font-style: normal;
	font-weight: 400;
}

@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-face {
	font-family: 'FontAwesome';
	src: url('./fonts/fontawesome-webfont.eot?v=4.5.0');
	src: url('./fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
		 url('./fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), 
		 url('./fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), 
		 url('./fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), 
		 url('./fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



html {
	line-height: 1;
	font-size: 18px;
}

body {
	margin: 0px;
	font-family: "SourceSansProRegular", Helvetica, Arial, Sans-serif;
	font-size: 18px;
	line-height: 1.4rem;
	color: #333333;
	-moz-hyphens: auto;
	hyphens: auto;
}

h1 {
	margin: 0.67em 0;
	font-size: 333.3333333%;
}

h2 {
	font-size: 250%;
	line-height: 2.812rem;
}

h3 {
	font-size: 28px;
	text-transform: uppercase;
}

h4 { font-size: 166.6666666%; }

h1, h2, h3, h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "Source Sans Pro", Helvetica, Arial, Sans-serif;
	font-weight: bold;
	line-height: 1.1;
	color: inherit;
}

table, td {
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

a:link.green { color: #037d36; }

a:link {
	color: #333;
	text-decoration: none;
}

body p { font-size: 20px; }



.tp0 { padding-top: 0px; } 
.bp0 { padding-bottom: 0px; }
.lp0 { padding-left: 0px; } 
.rp0 { padding-right: 0px; }

.tm0 { margin-top: 0px; } 
.bm0 { margin-bottom: 0px; }
.lm0 { margin-left: 0px; } 
.rm0 { margin-right: 0px; }

.lp9 { padding-left: 0.7rem; } 
.rp9 { padding-right: 0.7rem; }
.tp9 { padding-top: 0.7rem; } 
.bp9 { padding-bottom: 0.7rem; }
.lp9-0 { padding-left: 0.7rem; } 
.rp9-0 { padding-right: 0.7rem; }
.tp9-0 { padding-top: 0.7rem; } 
.bp9-0 { padding-bottom: 0.7rem; }
.lp9-9-0 { padding-left: 0.7rem; } 
.rp9-9-0 { padding-right: 0.7rem; }
.tp9-9-0 { padding-top: 0.7rem; } 
.bp9-9-0 { padding-bottom: 0.7rem; }

.lm9 { margin-left: 0.7rem; } 
.rm9 { margin-right: 0.7rem; }
.tm9 { margin-top: 0.7rem; } 
.bm9 { margin-bottom: 0.7rem; }
.lm9-0 { margin-left: 0.7rem; } 
.rm9-0 { margin-right: 0.7rem; }
.tm9-0 { margin-top: 0.7rem; } 
.bm9-0 { margin-bottom: 0.7rem; }
.lm9-9-0 { margin-left: 0.7rem; } 
.rm9-9-0 { margin-right: 0.7rem; }
.tm9-9-0 { margin-top: 0.7rem; } 
.bm9-9-0 { margin-bottom: 0.7rem; }

.lp18,
.lp18-18-0 { padding-left: 1.4rem; } 
.rp18,
.rp18-18-0 { padding-right: 1.4rem; }
.tp18 { padding-top: 1.4rem; } 
.bp18 { padding-bottom: 1.4rem; }

.lm18 { margin-left: 1.4rem; } 
.rm18 { margin-right: 1.4rem; }
.tm18, .tm18-0 { margin-top: 1.4rem; } 
.bm18, .bm18-0 { margin-bottom: 1.4rem; }

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

.tm36, .tm36-0 { margin-top: 2.8rem; } 
.bm36, .bm36-0 { margin-bottom: 2.8rem; }

.tp72 { padding-top: 5.6rem; } 
.bp72 { padding-bottom: 5.6rem; }

.tm72, .tm72-0 { margin-top: 5.6rem; } 
.bm72, .bm72-0 { margin-bottom: 5.6rem; }

.vp0 { padding-top: 0px; padding-bottom: 0px; }
.hp0 { padding-left: 0px; padding-right: 0px; }

.vm0 { margin-top: 0px; margin-bottom: 0px; }
.hm0 { margin-left: 0px; margin-right: 0px; }

.vp9 { padding-top: 0.7rem; padding-bottom: 0.7rem; }
.hp9 { padding-left: 0.7rem; padding-right: 0.7rem; }
.vp9-0 { padding-top: 0.7rem; padding-bottom: 0.7rem; }
.hp9-0 { padding-left: 0.7rem; padding-right: 0.7rem; }
.vp9-9-0 { padding-top: 0.7rem; padding-bottom: 0.7rem; }
.hp9-9-0 { padding-left: 0.7rem; padding-right: 0.7rem; }

.vm9 { margin-top: 0.7rem; margin-bottom: 0.7rem; }
.hm9 { margin-left: 0.7rem; margin-right: 0.7rem; }
.vm9-0 { margin-top: 0.7rem; margin-bottom: 0.7rem; }
.hm9-0 { margin-left: 0.7rem; margin-right: 0.7rem; }
.vm9-9-0 { margin-top: 0.7rem; margin-bottom: 0.7rem; }
.hm9-9-0 { margin-left: 0.7rem; margin-right: 0.7rem; }

.hp18 { padding-left: 1.4rem; padding-right: 1.4rem; }
.vp18 { padding-top: 1.4rem; padding-bottom: 1.4rem; }

.hm18 { margin-left: 1.4rem; margin-right: 1.4rem; }
.vm18 { margin-top: 1.4rem; margin-bottom: 1.4rem; }

.vp36 { padding-top: 2.8rem; padding-bottom: 2.8rem; }
.hp36 { padding-left: 2.8rem; padding-right: 2.8rem; }

.vm36 { margin-top: 2.8rem; margin-bottom: 2.8rem; }
.hm36 { margin-left: 2.8rem; margin-right: 2.8rem; }

.tpMenu { padding-top: 98px; }



.content {
	display: block;
	width: 100%;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	overflow: visible;
	border: 0px;
}

.wideContent { max-width: calc(1440px + 5.6rem); }

.green { color: #037d36; }
.darkgray { color: #575756; }
.lightgray { color: #f3f3f3; }
.red { color: #f01414; }

.underline,
a.underline { text-decoration: underline; }

.black,
a.black,
.black a { color: #333333; }

.upper { text-transform: uppercase; }

#boxGrau { background-color: #f0f0f0; }
.back_white { background-color: #fff; }
.back_green { background-color: #037d36; }
.back_darkgray { background-color: #575756; }
.back_grey { background-color: #d3d3d3; }
.back_lightgray { background-color: #f2f2f2; }
.gray80 { background-color: rgba(87, 87, 86, 0.8); }

.bold { font-weight: bold; }

.fs9 { font-size: 90%; }

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.relative {position: relative;}

.hc { text-align: center !important; }
.hl { text-align: left !important; }
.hr { text-align: right !important; }

.noAnimation { animation: none !important; }

p.size20 { font-size: 20px; }

.col15 { width: 20%; }
.col25 { width: 40%; }
.col35 { width: 60%; }
.col45 { width: 80%; }

.col1 { width: 25%; }
.col2 { width: 50%; }
.col3 { width: 75%; }
.col4 { width: 100%; }

.col14all { width: 29.5%; }
.col24all { width: 66.5%; }

.col14 { width: 25%; }
.col34 { width: 75%; }

.col1.hm9 { width: calc(24.9% - 1.67rem); }
.col2.hm9 { width: calc(49.9% - 1.67rem); }
.col23.hm9 { width: calc(66.5% - 1.67rem); }
.col15.hm9 { width: calc(19.9% - 1.67rem); }
.col25.hm9 { width: calc(39.9% - 1.67rem); }
.col35.hm9 { width: calc(59.9% - 1.67rem); }
.col45.hm9 { width: calc(79.9% - 1.67rem); }
.col3.hm9 { width: calc(74.9% - 1.67rem); }
.col4.hm9 { width: calc(99.9% - 1.67rem); }

.col75 { 
	width: 74%;
	box-sizing: border-box; 
	vertical-align: top; 
	display: inline-block;
}

.radio_none {
	display: none;
	width: 0px;
	height: 0px;
	visibility: hidden;
}

#nowrap { width: 0px; }

.strong {
	font-weight: bold;
	font-family: "Source Sans Pro", Helvetica, Arial, Sans-serif;
}

.grosschaedlText {
	text-align: left;
	font-size: 20px;
	padding-bottom: 30px;
}

.grosschaedlImg {
	width: 252px;
	max-width: 252px;
	height: 115px;
	margin: auto;
}

.capital { text-transform: uppercase; }
.white.capital { line-height: 1.4; }

.small { font-size: 85%; }

.listGray {
	padding-left: 0.8rem;
	margin: 0px;
}

.baustoffeTitle { font-weight: bold; }

.listImgSizing { max-width: 300px; }

.serviceTitle {
	font-weight: bold;
	font-size: 24px;
}

.standText { 
	width: calc(66.6% - 2.4rem); 
	vertical-align: top; 
	border-top: 1px solid #d9dadb; 
	hyphens: auto; 
	-moz-hyphens: auto; 
}

.standDetail { width: 33.3%; }

.standImg {
	width: 100%;
	max-width: 50px;
	display: inline-block;
	vertical-align: top;
}

.dib { display: inline-block; }
.none {	display:none; }

.ipad_left { float: left; }
.ipad_right { float: right; }
.ipad_clear { float: none; }

.vt { vertical-align: top !important; } 
.vb { vertical-align: bottom !important; }
.vm { vertical-align: middle !important; }

.bb { box-sizing: border-box; }

.fRight { float: right; }

.topGrayLine { border-top: 1px solid #bbb; }

.noTransform { text-transform: none; }

.radius { border-radius: 10px; }



.contentSmall h1 { font-size: 190%; }

#brennschneidenList img { width: 100%; }

#brennschneidenList h3 { text-transform: none; }

.pic100 img {
	width: 100%;
	max-width: 1000px;
}



.standText > h3 { 
	margin: 0px; 
	font-size: 240%; 
	text-transform: none; 
	display: inline-block; 
	vertical-align: top;
}


.db, .block { display: block; }

.standText, 
.standDetail { display: inline-block; }

div#main, 
.widescreen {
	width: 100%;
	max-width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.white, 
a.white,
.white a, 
a:link.white, 
a:visited.white, 
a:active.white { color: #fff; }

.col1, .col2, .col3, .col4,
.col23, .col23all, 
.col13, .col13all, 
.col12, .col12all, 
.col15, .col25, .col35, .col45, 
.col14all, .col24all, .col14, .col34 {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.col23, .col23all { width: 66.6%; }
.col13, .col13all { width: 33.3%; }
.col12, .col12all { width: 50%; }

.col13.hm9, 
.col13to4.hm9 { width: calc(33.2% - 1.67rem); }

.serviceTitle, 
.serviceImg, .serviceText, 
.aktionenTitel, .downloadsText { text-align: left; }

.serviceCol, 
.baustoffeCol { vertical-align: top;	 }

.serviceFrame, .baustoffeFrame {
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
}

.buttonGreen, 
a.buttonGreen {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #037d36;
	border: 1px solid transparent;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}



.pointer:hover { cursor: pointer; }

.buttonGreen:hover, 
a.buttonGreen:hover {
	color: #037d36;
	border-color: #037d36;
	background-color: transparent;
}



.fa-facebook::before { content: "\f09a"; }
.fa-youtube-square::before { content: "\f166"; }



@media screen and (max-width: 1200px) {
	.col14all { width: 23.8%; }
	.col24all { width: 63.5%; }

	.grosschaedlImg { width: 200px; }
}


@media screen and (max-width: 1130px) {
	.hide1130 { display: none; }
}


@media screen and (max-width: 1024px) {
	.col1.hm9 { width: calc(50% - 1.67rem); }

	.col14all { width: 33.2%; }
	.col24all { width: 66.2%; }

	.grosschaedlImg {
		width: 252px;
		padding-bottom: 30px;
	}



	.col1, .col2, .col14, 
	.col15, .col25, .col35, 
	.col13, .col13all { width: 50%; }

	.col3, .col4, 
	.col45, .col13to4, .col34 { width: 100%; }
}


@media screen and (max-width: 992px) {
	.col75 { width: 98.8%; }
}


@media screen and (max-width: 768px) {
	.hide768 { display:none; }

	.standImg { max-width: 30px; }

	.lp9-9-0 { padding-left: 0px; }
	.rp9-9-0 { padding-right: 0px; }

	.rp18-18-0 { padding-right: 0px; }
	.lp18-18-0 { padding-left: 0px; }



	.col1, .col15, .col2, .col13, 
	.col23,.col3, .col25, .col35 { width: 50%; }

	.col1.hm9, .col2.hm9, .col3.hm9, 
	.col13.hm9, .col23.hm9, .col25.hm9, 
	.col35.hm9, .col45.hm9, .col15.hm9 { width: calc(100% - 1.67rem); }

	.col2, .col12, .col12all, .col3, .col4, 
	.col13, .col13all, .col14all, .col24all { width: 100%; }

	.standText, 
	.standDetail { 
		width: 100%; 
		margin-right: 0px; 
	}
}


@media screen and (max-width: 768px) {
	b { font-size: 110% !important; }

	h1 { font-size: 47px; }
	h2 { font-size: 35px; }
	h3 { font-size: 140% !important; }
}


@media screen and (max-width: 640px) {
	html { font-size: 90%; }

	.hide640 { display:none !important; }

	.tpMenu { padding-top: 113px; }



	.col1, .col2, 
	.col3, .col4, .col14 { width: 100%; }
}


@media screen and (max-width: 488px) {
	h1 { font-size: 35px; }
	h2 { font-size: 25px; }



	.listImgSizing, 
	.grosschaedlImg { width: 100%; }
}


@media screen and (max-width: 480px) {
	.hide480 { display: none; }
}

/* *** GENERAL STYLES - END *** */





/* *** MENU - START *** */

#greenHeader {
	width: 100%;
	height: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: visible;
	box-sizing: border-box;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 7;
}

.irisEdit_updateField {
	padding: 0px !important;
	box-sizing: border-box;
}

#headTxt { height: 18px; }

ul#menu_reli_eb1 {
	width: 100%;
	height: 73px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px;
	padding-right: 57px;
	text-align: right;
	box-sizing: border-box;
}

ul#menu_reli_eb2 {
	display: none;
	padding: 0px;
	text-align: left;
	border-radius: 0px;
	border: 1px solid #f0f0f0;
	border-top: 0px;
	background-color: #fff;
	position: absolute;
}

#header_grosschaedl,
#header {
	box-sizing: border-box;
    position: fixed;
    top: 25px;
    left: 0px;
    z-index: 6;
}

#changeLang {
	width: 100%;
	max-width: 1440px;
	margin-top: 23px;
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
}

#headTxt {
	overflow: hidden;
	line-height: 1.1;
}

label#lbl_selLang {
	padding: 5px 7px;
	padding-right: 20px;
	background-color: #bfc3c6;
	box-sizing: border-box;
	border-radius: 4px;
	position: relative;
	pointer-events: all;
}

.langLink {
	display: block;
	width: 30px;
	height: 16px;
	margin-left: auto;
	pointer-events: all;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#selLangBox { margin-top: -5px; }



#changeLang #langSi { background-image: url('./upload/html/si_flagge.jpg');  }

#changeLang #langGb { background-image: url('./upload/html/gb_flagge.jpg'); }

#changeLang #langDe { background-image: url('./upload/html/at_flagge.jpg'); }



ul#menu_reli_eb1 > li {
	display: inline-block;
	max-width: 12rem;
	padding-right: 15px;
	padding-top: 13px;
	text-transform: uppercase;
	letter-spacing: 2.1px;
	text-align: center;
	font-size: 0.78%;
}

ul#menu_reli_eb2 > li > a {
	display: block;
	padding: 0px;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}

ul#menu_reli_eb1 > li > a > span { display: none; }

#selLangBox > span {
	display: block;
	margin: 0px;
	background-color: #8e8e8e;
	box-sizing: border-box;
	padding: 4px 7px;
	cursor: pointer;
}



input[name="radMenue"],
input[type="checkbox"]#MobileMenueAktiv { display: none; }

ul#menu_reli_eb1 li, 
ul#menu_reli_eb1 li a { font-size: 14px; }

ul#menu_reli_eb1, 
ul#menu_reli_eb2, 
ul#menu_reli_eb3 { list-style-type: none; }

#header_grosschaedl input[type="radio"],
#header_grosschaedl input[type="checkbox"],
#header input[type="radio"],
#header input[type="checkbox"] { display: none; }



ul#menu_reli_eb1 > li a:link, 
ul#menu_reli_eb1 > li a:visited {
	text-decoration: none;
	color: #262626;
}



#selLangBox > span:hover { background-color: #c1c1c1; }



ul#menu_reli_eb1 li label,
ul#menu_reli_eb1 li#menu_reli_eb1_firstul { display: none; }



ul#menu_reli_eb1 > li:first-of-type {
    float: left;
    padding: 0px;
}

ul#menu_reli_eb1 > li:first-of-type > a {
    color: transparent !important;
    display: block;
    width: 120px;
    height: 53px;
    background-image: url('./upload/html/010_html_inhalte/logo.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#selLangBox > span:last-of-type {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}



label#lbl_selLang::after {
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 5px 0px 5px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: 9px;
	right: 5px;
	pointer-events: all;
}



input#chk_selLang:checked ~ #selLangBox { display: inline-block; }

input#chk_selLang:checked ~ label#lbl_selLang { border-bottom-left-radius: 0px; }



@media screen and (max-width: 1350px) {
	a.imel_reli_link_hidden > span { display: none; }
}


@media screen and (max-width: 1260px) {
	ul#menu_reli_eb1 { padding-right: 68px; }



	ul#menu_reli_eb1 > li:not(:last-of-type) > a::after { margin-left: 5px; }
}


@media screen and (max-width: 1660px) and (min-width: 1025px) {
	ul#menu_reli_eb1 > li:last-of-type > ul#menu_reli_eb2 { right: 2.8rem; }
}


@media screen and (max-width: 1260px) and (min-width: 1025px) {
	ul#menu_reli_eb1 > li:first-of-type > a { width: 65px; }
}


@media screen and (max-width: 1112px) and (min-width: 1025px) {
	ul#menu_reli_eb1 > li { padding-right: 4px; }
}


@media screen and (min-width: 1025px) {
	#header_grosschaedl,
	#header { border-bottom: 1px solid #f0f0f0; }

	ul#menu_reli_eb2 { top: 100%; }

	ul#menu_reli_eb3 { 
		padding-right: 20px; 
		padding-left: 20px;
	}



	#header_grosschaedl label.menueMobile,
	#header label.menueMobile { display: none; }



	ul#menu_reli_eb1 > li { height: 50px; }

	ul#menu_reli_eb2 > li > a { padding: 3px 20px; }

	#changeLang > a#langSi { margin-bottom: 5px; }



	li:hover > ul#menu_reli_eb2 { display: block; }

	ul#menu_reli_eb1 > li > a:hover { color: #037d36; }

	ul#menu_reli_eb2 > li > a:hover, 
	ul#menu_reli_eb2 > li > a:focus {
		color: #262626;
		text-decoration: none;
		background-color: #bfc3c6;
	}
}


@media screen and (max-width: 1024px) {
	ul#menu_reli_eb1 {
		height: 0px;
		max-height: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		overflow: hidden;
		padding: 0px;
		background-color: #fff;
		border-bottom: 1px solid #f0f0f0;
		position: fixed;
		top: 98px;
		left: 0px;
		z-index: 5;
		transition: max-height 0.9s;
		-o-transition: max-height 0.9s;
		-ms-transition: max-height 0.9s;
		-moz-transition: max-height 0.9s;
		-webkit-transition: max-height 0.9s;
	}

	ul#menu_reli_eb2 {
		display: none;
		width: 100%;
		border: 0px;
		padding: 0px;
		margin-left: -10px;
		background-color: rgb(191, 195, 198);
		position: relative;
	}

	ul#menu_reli_eb3 { padding-left: 0px; }

	.imel_reli_link_hidden { display: none; }

	.imel_reli_link_visible {
	    width: 100%;
	    display: block;
	}

	#header_grosschaedl,
	#header { height: 73px; }

	label.menueMobile {
		float: right;
		margin-top: 17px;
		cursor: pointer;
	}

	#menuMobileAktiv {
	    display: block;
	    width: 44px;
	    height: 38px;
	    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAAAfklEQVRYhe3VsQ1AQBiGYa2ZrrgNxA6SG4AF7CHXsYZOJYqrVBKFPX69C4Wc4PI+ydt/3ZckABCnaZtFWyNprT6VtkaG1Yk3OO+q18edlXfVvwZnbekPHlYnqileH3dMNYX0y+gPBoBrPF3AeLon4+kA3MTTBYynezKeDkDkdqTyb4LdKZv9AAAAAElFTkSuQmCC');
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    /*cursor: pointer;*/
	    pointer-events: none;
	}

	#changeLang {
		box-sizing: border-box;
		text-align: right;
		margin-top: 0px;
		position: absolute;
		right: 102px;
		top: 48px;
	}



	ul#menu_reli_eb1 li {
		width: 40%;
		height: auto;
		padding: 10px;
		vertical-align: top;
		text-align: left;
	}

	ul#menu_reli_eb2 li {
		display: block;
		width: 100%;
		height: auto;
		padding: 7px 2.8rem;
		text-align: left;
		vertical-align: top;
		background-color: rgb(191, 195, 198);
	}



	ul#menu_reli_eb1 > li {
		display: none;
		min-width: 100%;
		box-sizing: border-box;
		margin-top: -1px;
		padding: 0.5rem 2.8rem;
		background-color: #fff;
		border-top: 1px solid #E0DEDE;
		font-family: 'OpenSansRegular', Calibri, sans-serif, Arial, Helvetica;
		font-size: 16px !important;
		color: #111;
		position: relative;
		top: 100%;
		transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
	}

	ul#menu_reli_eb2 > li { box-sizing: border-box; }

	#changeLang > a {
		display: inline-block;
		margin-right: 5px;
	}



	ul#menu_reli_eb1 li, 
	ul#menu_reli_eb1 li a { 
		font-size: 16px; 
		box-sizing: border-box;
	}

	/*ul#menu_reli_eb1 li,*/
	ul#menu_reli_eb1 li label,
	ul#menu_reli_eb1 li#menu_reli_eb1_first, 
	ul#menu_reli_eb1 li#menu_reli_eb1_first > a { display: block; }



	ul#menu_reli_eb1 > li:hover, 
	ul#menu_reli_eb1 > li:hover > a { color: #666 !important; }

	ul#menu_reli_eb1 > li:hover { background-color: rgb(191, 195, 198); }

	ul#menu_reli_eb2 > li:hover { background-color: #eee; }

	ul#menu_reli_eb1 > li:first-of-type:hover > a { color: transparent !important; }



	ul#menu_reli_eb1 > li:not(:last-of-type) > a::after {
		content: '';
		display: inline-block;
	}
 
	ul#menu_reli_eb1 > li:not(:first-of-type) > label::after,
	ul#menu_reli_eb1 > li:not(:first-of-type) > a.imel_reli_link_hidden::after {
		content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAbCAYAAAAOEM1uAAAARElEQVRYhe3OMQoAMAgEQf//adNomaAkwSt2wE64NQMASR736/+aW3208/tUZXgsrhIwHncKkYlLvjkp0nFJOg4AAPQtXxMn2WgLTZQAAAAASUVORK5CYII=') !important;
		float: right;
		margin-left: 10px !important;
	}



	ul#menu_reli_eb1 > li:first-of-type {
	    width: auto;
	    min-width: 0px;
	    background-color: transparent;
	    padding: 10px 2.8rem;
	    position: fixed;
	    top: 25px;
	}



	#MobileMenueAktiv:checked ~ ul#menu_reli_eb1 {
		height: auto;
		max-height: calc(100% - 98px);
		overflow-y: auto;
		transition: max-height 0.9s;
		-o-transition: max-height 0.9s;
		-ms-transition: max-height 0.9s;
		-moz-transition: max-height 0.9s;
		-webkit-transition: max-height 0.9s;
	}

	#MobileMenueAktiv:checked ~ ul#menu_reli_eb1 li {
		display: block;
		font-family: 'OpenSansRegular', Calibri, sans-serif, Arial, Helvetica;
		color: #111;
	}

	#MobileMenueAktiv:checked ~ label.menueMobile > div#menuMobileAktiv {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAABdklEQVRYhe3YMWvCQBQH8Hy4TOIHcOrilkXp6NBCHQOdBIcKgZtEiuDSqXTK4ODiVlzSJTgIyRDCeeTC61AiXIjU5t5LjpL/B3jvRzyTd8+yunT5xwmiEGbbFWS5BKoeWS5hsdtAEIV6PYIoBNtzwPYcGK6nkAqOjk4Fh6ePl0sfLfRsu7oUsj0HemwEZynQ0GcpoM/GSg/XZ/XrZ7mEwXKiFBwsJyhPOhUc7t+eldp3r4/6DyQVHIbrqVJY93iUj0FRM+YJzq+HiSbHYqIbw2KgG8fqoFvD1kG3jv0L2hjsLWjjsL+hH97n5mGLVKGNxRa5hjYSa1k/4PIxoJzytFL1BzMWfe1tgD0wkWJjnkDME7PQt7xnKUZTMqwx6DpfsNbQOp/bxtEYs0FjaMxBhhxNMXWRobNcVl7Fsa75VSsErWv+YrdRCvbZGH2R0mMjpYfWIqW8qqKYusrH4/P0pddjfzyA6zPyZaDrM9gfD2YMSF26EOcbEvgVxdYgW8AAAAAASUVORK5CYII=');
	}

	input#radMenue01:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue01 + ul#menu_reli_eb2, 
	input#radMenue02:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue02 + ul#menu_reli_eb2,
	input#radMenue03:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue03 + ul#menu_reli_eb2, 
	input#radMenue04:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue04 + ul#menu_reli_eb2,
	input#radMenue05:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue05 + ul#menu_reli_eb2, 
	input#radMenue06:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue06 + ul#menu_reli_eb2,
	input#radMenue07:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue07 + ul#menu_reli_eb2, 
	input#radMenue08:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue08 + ul#menu_reli_eb2,
	input#radMenue09:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue09 + ul#menu_reli_eb2, 
	input#radMenue10:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue10 + ul#menu_reli_eb2 {
		display: block;
		width: calc(100% + 5.6rem);
		margin-bottom: -8px;
		margin-top: 11px;
		margin-left: -2.8rem;
		padding-top: 0px;
		background-color: #fff;
		position: relative;
	}

	input#radMenue01:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue01::after,
	input#radMenue02:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue02::after,
	input#radMenue03:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue03::after,
	input#radMenue04:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue04::after,
	input#radMenue05:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue05::after,
	input#radMenue06:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue06::after,
	input#radMenue07:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue07::after,
	input#radMenue08:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue08::after,
	input#radMenue09:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue09::after,
	input#radMenue10:checked ~ ul#menu_reli_eb1 > li > label#lbl_radMenue10::after {
		margin-top: -10px;
		transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
}


@media screen and (max-width: 640px) {
	ul#menu_reli_eb1 { top: 118px; }

	#headTxt { 
		height: auto;
		max-height: 35px; 
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	#changeLang { top: 68px; }

	#greenHeader { height: 45px; }



	#header_grosschaedl,
	#header,
	ul#menu_reli_eb1 > li:first-of-type { top: 45px; }



	#MobileMenueAktiv:checked ~ ul#menu_reli_eb1 { max-height: calc(100% - 118px); }
}


@media screen and (max-width: 520px) {
	ul#menu_reli_eb1 li label > span { display: none; }
}


@media screen and (max-width: 375px) {
	ul#menu_reli_eb1 > li:first-of-type > a { width: 95px; }
}

/* *** MENU - END *** */





/* *** JOBS - START *** */

.lehreHeader {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 30px;
	font-family: 'Source Sans Pro';
}

.lehrePartHeader {
	font-family: 'Source Sans Pro';	
	font-size: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.lehreText { font-size: 20px; }

.lehreMitMaturaMail { font-size: 22px; }

#lehreMatura { display: none; }

/* *** JOBS - END *** */





/* *** BANNER - START *** */

#banner4home { 
	display: flex;
	width: 500%;
	height: 600px;
	padding-top: 0px;
	overflow: hidden;
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	transition: margin-left .4s ease-in-out;
	-o-transition: margin-left .4s ease-in-out;
	-ms-transition: margin-left .4s ease-in-out;
	-moz-transition: margin-left .4s ease-in-out;
	-webkit-transition: margin-left .4s ease-in-out;
}

#banner4homeImg2 { background: url('./upload/html/050_startseite/slide_2.jpg'); }

.bannerTextWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

#banner4home.noSlide {
	display: block;
	width: 100%;
	margin-left: 0px !important;
}



#banner4home h1 {
	margin: 0px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

#banner4home .banner {
	display: block;
	width: 20%;
	height: 600px;
	padding-top: 0px;
	overflow: hidden;
	background-size: cover !important;
	background-position: center center !important;
}



.bannerBtn > a {
	padding: 5px 20px;
	border-radius: 4px;
}

#banner4home.noSlide > #banner4homeImg1 { width: 100%; }



#banner4homeImg1,
#banner4homeImgLast { background: url('./upload/html/050_startseite/slide_1.jpg'); }

#banner4homeImg3,
#banner4homeImgFirst { background: url('./upload/html/050_startseite/slide_3.jpg'); }



.bannerBtn > a::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}



#rad_slider1:checked ~ #banner4home,
#rad_slider_last:checked ~ #banner4home { margin-left: -100%; }

#rad_slider2:checked ~ #banner4home { margin-left: -200%; }

#rad_slider3:checked ~ #banner4home,
#rad_slider_first:checked ~ #banner4home { margin-left: -300%; }

#rad_slider_last:checked ~ #banner4home {
	animation: SlideLast .4s ease-in-out;
	-o-animation: SlideLast .4s ease-in-out;
	-ms-animation: SlideLast .4s ease-in-out;
	-moz-animation: SlideLast .4s ease-in-out;
	-webkit-animation: SlideLast .4s ease-in-out;
}

#rad_slider_first:checked ~ #banner4home {
	animation: SlideFirst .4s ease-in-out;
	-o-animation: SlideFirst .4s ease-in-out;
	-ms-animation: SlideFirst .4s ease-in-out;
	-moz-animation: SlideFirst .4s ease-in-out;
	-webkit-animation: SlideFirst .4s ease-in-out;
}



@keyframes SlideFirst {
	from { margin-left: -100%; }
	to { margin-left: 0%; }
}

@keyframes SlideLast {
	from { margin-left: -300%; }
	to { margin-left: -400%; }
}



@media screen and (max-width: 768px) {
	#banner4home,
	#banner4home .banner { height: 400px; }
}


@media screen and (max-width: 488px) {
	.bannerTextVisibleNone { display: none; }
}

/* *** BANNER - END *** */





/* *** Map - START *** */

div#map { z-index: 0; }

div#standort_map_text {
	display: block;
	width: 250px;
	padding-left: 6px;
	background-color: #fff;
	border: 2px solid #999;
	border-radius: 7px;
	text-align: left;
	position: absolute;
	left: 10px;
	top: 70px;
	z-index: 0;
}



#strassenkarte table tr td { position: relative; }

/* *** Map - END *** */





/* *** BOX - START *** */

#box3baustoffe { background-image: url(/upload/html/050_startseite/stahlhandel.jpg); }

#box3trockenbau { background-image: url(/upload/html/050_startseite/brennschneiden.jpg); }

#box3stonea { background-image: url(/upload/html/050_startseite/betonstahl.jpg); }

#box2hochbau { background-image: url(/upload/html/200_baustoffe/ko-auswahl-hochbau-600x600.jpg); }

#box2fachmarkt { background-image: url(/upload/html/200_baustoffe/fachmarkt-600x600.jpg); }

#box2tiefbau { background-image: url(/upload/html/200_baustoffe/tiefbau-600x600.jpg); }

#box2fensterTuerenTore { background-image: url(/upload/html/200_baustoffe/fenster-600x600.jpg); }

#box3unternehmenAm { background-image: url(/upload/html/300_unternehmen/unternehmen01-600x531.jpg); }

#box3unternehmenBau { background-image: url(/upload/html/300_unternehmen/unternehmen03-600x531.jpg); }

.hoverBox {
	height: auto;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: "Source Sans Pro";
}



.hoverBox span {
	background: rgba(0, 0, 0, 0.3);
	padding: 5px 0px;
	font-size: 30px;
	max-width: 300px;
	display: block;
	margin: 0 auto;
	margin-top: -42%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.hoverBox .greyBoxWrapper {
	opacity: 0;
	transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.hoverBox .titelBoxWrapper  {
	padding-top: 80%;
	opacity: 1;
	transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}



.hoverBox > .greyBoxWrapper > a {
	display: none;	
	font-size: 20px;
	margin-top: -45.1%;
}



.hoverBox:hover .greyBoxWrapper {
	padding-top: 80%;
	background-color: rgba(87, 87, 86, 0.8);
	opacity: 1;
}

.hoverBox:hover .titelBoxWrapper  {
	padding-top: 0px;
	opacity: 0;
}

.hoverBox:hover > .titelBoxWrapper > span { display: none; }

.hoverBox:hover a { display: block; }

/* *** BOX - END *** */





/* *** FORM - START *** */

.formular.submitbutton {
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	background-image: none;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: auto;
}

.formular {
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	font-family: inherit;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
}



.textbox:focus, 
.textarea:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}



@media screen and (max-width: 768px) {
	input.formular, 
	textarea.formular { width: 85%; }
}

/* *** FORM - END *** */





/* *** B2B - START *** */

section#gewerbezone { font-size: 0.9rem }

.shop_list_grau { border-top: 1px dotted #007D32; }
.shop_list_weiss { border-top: 1px dotted #007D32; }

.shop_treeview { margin-top: 9rem; }

.shli_weiter_seite { margin-left: 50%; }

input[type="submit"].shop_eingabe_button {
	border: 0px;
	height: 32px; 
	font-size: 95%; 
	background-color: #007D32;
}

.shop_button { 
	background-color: #007D32;
	color: #fff; 
	border: 0px solid white; 
	height: 32px; 
	font-family: 'Walsheim-Light', Arial, Helvetica,! sans-serif important;
	font-size: 112.5%; 
	vertical-align: bottom; 
	margin-right: 7px;
}

.shop_input { background-color:#fff; border:1px solid #007D32; width:146px;}

.gewerbe_header { 
	background:url('upload/html/000_startseite/ko-banner-slider-ziegel.jpg'); 
	background-size:cover; 
	padding: 1.4rem; 
	padding-top:4rem;
}

div.con_dropdown { 
	display: inline-block; 
	min-width: 480px; 
}

.minhi400 { min-height: 400px; }

.minhi600 { min-height: 600px; }

.gewerbe_header {
    background: url('upload/html/ko-banner-stahl.jpg');
    background-size: cover;
    padding: 1.4rem;
    padding-top: 4rem;
}

ul#ajaxSearchDrop {
	background-color: white;
	position: absolute;
    z-index: 1; 
    min-width: 190px; 
    padding: 10px; 
    list-style-type:none;
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-left: 3px;
	border-top: 0px solid white; 
	max-width: 197px;
	color: 666;
}

div#tb_shop_drop {
	height: 0px;
	overflow: visible;
}



div.con_dropdown select.eingabe {
	max-width: 230px; 
	height: 2.5rem;
    color: #979ba1; 
    background-color: #f3f3f3; 
    width: 87.5%; 
    border: 1px solid #b4b4b4;
    color: #444; 
    background-color: #fff; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none; 
    font-size: 13px;
}



.shop_link_button, 
input[type="submit"].shop_eingabe_button { 
	display: inline-block; 
	width: 140px; 
	height: 24px;
	background-color: #007D32;
	color: #fff; 
	margin: 3px;
	padding: 3px; 
	text-align: center;
}

.shop_input, 
.shop_button { 
	display: inline-block;
	width: 140px; 
	height: 24px;
	margin: 3px;
	padding: 3px;
}



input[type="submit"].shop_eingabe_button:hover { background-color: #ccc; }

.shop_link_button:hover { background-color: #ccc; }

.shop_list_grau:hover, 
.shop_list_weiss:hover { background-color: rgba(149, 254, 198, 0.5); }

.shop_link_green a:link, 
.shop_link_green a:visited,
.shop_link_green a:active,
.shop_treeview a:link,
.shop_treeview a:visited, 
table#myLocalPreisliste a:link,
table#myLocalPreisliste a:active, 
table#myLocalPreisliste a:visited {
	text-decoration: none; 
	color: #444;
	font-size: 0.9rem; 
	line-height: 1.5rem;
}

.shop_treeview a:hover, 
.shop_treeview a:active, 
table#myLocalPreisliste a:hover,
.shop_link_green a:hover { color: #007d32; }

a.shop_link_button, 
a.shop_link_button:hover, 
a.shop_link_button:link,
a.shop_link_button:active, 
a.shop_link_button:visited  { color: #fff; }

ul#ajaxSearchDrop li:hover { background-color: #eee; }



div.con_dropdown .eingabe:focus {
    color: #222;
    background-color: #8EDB98; 
}



nav.shop_eingabe_button_container:hover::before {
    content: "alle in den Warenkorb";
    display: inline-block;
    width: 140px;
    color: #888;
    font-weight: normal;
    background-color: #fefefe;
    border: 1px solid #aaa;
    background-color: #eee;
    padding-left: 3px; 
    position: absolute;
    top: -44px;
    right: 10px;
    z-index: 2;
}



@media screen and (max-width: 1280px) and (min-width: 993px) {
	.shop_link_button { width: 122px; }
}


@media screen and (max-width: 992px) {
	.shop_treeview {
		display: block;
		width: auto !important;
		max-width: 85%;
		max-height: 360px;
		min-width: 32px !important;
		margin-top: 0rem;
		overflow-y: auto !important;
		background-color: #f8f8f8;
		border: 1px solid #ccc;
		box-shadow: 3px 3px 3px rgba(0,0,0, 0.5);
		padding-right: 2px;
		position: fixed;
		bottom: 5px;
		left: 6px;
		z-index: 4;
	}

	#opentreeview {
		display: block;
		height: 32px;
		width: 32px;
		background: url('upload/icon_treeview.gif');
	}

	div.lightFrame_bigDiv {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		overflow-x: auto;
		left: 8% !important;
	}



	div.lightFrame_bigDiv iframe {
		max-width: 100%;
		overflow-x: auto;
	}

	td.klein h4 { font-size: 120%; }

	div#euro_etre_prod tr.tablistheader { 
		background-color: #eee; 
		font-size: 0.9rem; 
		font-weight: bold;
	}



	#chk_open_treeview ~ ul, 
	#chk_open_treeview ~ table {
		display: none;
		width: 0px;
		height: 0px;
	}

	div#euro_etre_prod, 
	#euro_etre_prod td { 
		background-color: white; 
		font-size: 0.9rem;
	}



	#chk_open_treeview:checked ~ label#opentreeview {
		transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

	#chk_open_treeview:checked ~ ul, 
	#chk_open_treeview:checked ~ table {
		width: auto;
		height: auto;
		display: block;
		min-width: 280px;
		min-height: 320px;
	}
}


@media screen and (max-width: 768px) {
	.shop_treeview { 
		bottom: 5px; 
		left: 1px; 
		z-index:4;
	}
}


@media screen and (max-width: 640px) {
	section#gewerbezone { font-size: 90%; }
}


@media screen and (max-width: 520px) {
	#shli_preisliste { width: 516px; }
}


@media screen and (max-width: 480px) {
	.shop_treeview { 
		bottom: 5px; 
		left: 1px; 
		z-index:4;
	}

	textarea.bestellung {
		max-width: 90%; 
		width: 170px;
	}

	#shor_bvplz { max-width: 65px; }

	#shor_bvort { max-width: 100px; }

	.shop_eingabe_button { 
		text-align: left; 
		padding-left: 1px; 
		font-weight: normal;
	}

	.shop_link_button { width: 134px; }

	nav.shop_eingabe_button_container { float: none !important; }
	
	#shli_preisliste { width: 476px; }



	table#bestellung td { font-size: 12px;}

	aside input.shop_eingabe_button { max-width: 180px; }

	table.tabwhite td {
		hyphens: auto; 
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto; 
	}



	input[type="text"].bestellung, 
	input#liefertermin.bestellung, 
	input[type="email"].bestellung {
		max-width: 90%; 
		width: 170px;
	}
	
	.shop_eingabe_button,
	input[type="submit"].shop_eingabe_button { width: 140px; }
}

/* *** B2B - END *** */





/* *** FOOTER OLD - START *** */

#labelhtmlbottom {
	display: block;
	background-color: #575757;
	color: #fff;
	font-size: 80%;
	line-height: 120%;
}

#fahne_unten {
	display: none;
	width: 50px;
	height: 162px;
	color: #fff;
	margin-top: -1.4rem;
	background-image: url(/upload/html/010_html_inhalte/social-flag.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 1000;
	animation: FlagBottom 1s;
	-o-animation: FlagBottom 1s;
	-ms-animation: FlagBottom 1s;
	-moz-animation: FlagBottom 1s;
	-webkit-animation: FlagBottom 1s;
}



.footer_animation #fahne_unten { display: block; }

#fahne_unten .social-logo {
	width: 50px;
	font-size: 30px;
	text-align: center;
	position: absolute;
}

#labelhtmlbottom .contentCol { padding-left: 70px; }

#labelhtmlbottom .col14 { padding-bottom: 25px; }



#labelhtmlbottom a, 
#labelhtmlbottom a:visited { color: #fff; }



footer a:hover, 
footer input.submitbutton:hover { text-decoration: underline; }



#fahne_unten .social-logo:first-child { padding-top: 41px; }

#fahne_unten .social-logo:last-child { margin-top: 83px; }



@keyframes FlagBottom {
	0% { margin-top: -1030px; }
	30% { margin-top: -1030px; }
	100% { margin-top: -1.4rem; }
}



@media screen and (max-width: 1024px) {
	#fahne_unten { display: none !important; }



	#labelhtmlbottom .contentCol { padding-left: 0px; }
}

/* *** FOOTER OLD - END *** */





/* *** FOOTER NEW - START *** */

/*footer { background-color: #575757; }

#logoStahl {
	width: 100%;
	height: 93px;
	max-width: 200px;
	background-image: url('./upload/html/010_html_inhalte/grosschaedl-stahl.gif');
	background-repeat: no-repeat;
	background-size: contain;
}

#footerInfo {
	display: grid;
	grid-template-columns: calc(25% - 2.8rem) calc(25% - 2.8rem) calc(25% - 2.8rem) 25%;
	row-gap: 2.8rem;
	column-gap: 2.8rem;
}

.footerInfoBox { grid-row: 1; }

#footerIcons { border-top: 1px solid #828282; }

#insta_icon { background-image: url('./upload/icon_instagram.png'); }

#in_icon {
	background-image: url('./upload/icon_linkedin.png');
	border-radius: 4px;
}

#fb_icon {
	font-size: 28px;
	margin-top: 3px;
}

.iconWrapper {
	width: 30px;
	height: 30px;
	display: block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}



footer h4 { font-size: 23px; }



footer h1, 
footer h2, 
footer h3, 
footer h4, 
footer h5, 
footer h6 {
	text-transform: uppercase;
	font-weight: bold;
}



footer a:hover { text-decoration: underline; }



@media screen and (max-width: 1024px) and (min-width: 521px) {
	#footerInfo { grid-template-columns: calc(50% - 2.8rem) 50%; }



	.footerInfoBox:nth-of-type(n+3) { grid-row: 2; }
}


@media screen and (max-width: 520px) {
	#footerInfo { grid-template-columns: 100%; }

	.footerInfoBox { grid-row: auto; }



	#footerIcons > div {
		display: block;
		text-align: center;
	}



	#footerIcons > div:last-of-type {
		float: none;
		margin-top: 25px;
	}
}*/

/* *** FOOTER NEW - END *** */










/* 75 Jahre Logo - Timon - 231220 */
#header_grosschaedl #menu_reli_eb1 > li:first-of-type > a {position: relative;}

#header_grosschaedl #menu_reli_eb1 > li:first-of-type > a::after {
	content: '';
	display: inline-block;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 0;
	left: calc(120px + 20px);
	background-image: url('/upload/75jahre.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

@media (max-width: 1400px) and (min-width: 1024px), (max-width: 450px) {
	#header_grosschaedl #menu_reli_eb1 > li:first-of-type > a::after {display: none;}
}