/*
 Theme Name:   Baustoff + Metall Deutschland
 Description:  Individuelles Wordpress Template für Baustoff-Metall Deutschland, made by tma pure!
 Author:       Katja Hauck
 Author URI:   https://www.tma-pure.de
 Version:      2.0.0
 Text Domain:  tma-pure
*/

/*
## FARBEN ##
Schwarz: #1a1a1a;
Blau: #005597;
Orange: #EE7F01;
Hellgrau: #DFDFDF;
*/

@import url("css/normalize.min.css");
@import url("css/wordpress.css");

/*Schriften*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  src: url('fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald-v53-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/oswald-v53-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v53-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oswald-v53-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/oswald-v53-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/oswald-v53-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

*, input[type="search"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img{max-width: 100%; height: auto;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	figure img{ width: 100%; max-width: inherit; height: auto;}
}

html, body{ background: #005597; }
body{ font-size: 14px; font-size: 0.9em; font-weight: 400;font-style: normal; font-family: 'Open Sans', sans-serif; color: #1a1a1a; }

@media screen and (min-width: 1250px){
	body{ font-size: 16px; font-size: 1em; }
}

header, main{ background: #fff; }
main{padding-bottom: 2em; position: relative; }
ul, ol, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .owl-slider .emo_txt h2, .owl-slider .emo_txt h3{ margin-top: 0; margin-bottom: 1rem; line-height: 1.563em;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .owl-slider .emo_txt h2, .owl-slider .emo_txt h3, .owl-slider .emo_txt > p{ font-size: 1.5em; color: #005597; font-weight: bold;}
h2, h3, h4, h5, h6, .h2, .h3, .owl-slider .emo_txt > p{ font-size: 1.25em; }
h3, h4, h5, h6, .h3{ font-size: 1em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a{ text-decoration: none; color: inherit;}
a{color: #005597; text-decoration: underline;}
a:hover{text-decoration: none;}

@media screen and (min-width: 600px){
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .owl-slider .emo_txt h2, .owl-slider .emo_txt h3{ font-size: 2em; }
	h2, h3, h4, h5, h6, .h2, .h3, .owl-slider .emo_txt > p{ font-size: 1.4em; }
	h3, h4, h5, h6, .h3{ font-size: 1.2em; }	
}

@media screen and (min-width: 780px){
	h1, .h1, .owl-slider .emo_txt h2, .owl-slider .emo_txt h3{ /*font-size: 2.5em;*/ font-size: 2.1em; }
	h2, h3, h4, h5, h6, .h2, .h3, .owl-slider .emo_txt > p{ /*font-size: 1.563em; */ font-size: 1.4em; }
	h3, h4, h5, h6, .h3{ font-size: 1.250em; }		
}

/*Allgemein*/
.clear{clear: both;}
.tel_fax {width: 32px;display: inline-block;}
.cont_whatsapp {position: relative;padding-left: 1.75em}
.cont_whatsapp:before{content: url("img/whatsapp.png"); top: 2px; left: 0; position: absolute;}
hr.hr-nl {height: 1px;margin: 1em 0;}
.no-margin{margin: 0;}

.nl_bilder li.blocks-gallery-item {height: 150px;flex-grow: 0 !important;}
.nl_bilder li.blocks-gallery-item figure {border: 2px solid #dfdfdf;}
figure.nl_bilder > ul {width: 100%;}

@media screen and (min-width: 782px){
	.wp-block-column:not(:first-child) {margin-left: 2em;}
}

/*Header*/
.header_columns{display: flex;flex-wrap:nowrap;flex-flow:column;}
.header_columns .header_columns {flex-flow: row;}
.header_columns > div {margin-left: 0 !important;margin-right: 0 !important;}
#header_menu{display: none;}

#mobil_toggle > button {background: #ccddea;outline: none;border: none;padding: 0.5em 0.5em 0.5em 2em;font-size: 1.25em;font-weight: bold;position: relative; }
#mobil_toggle {text-align: right;}
#mobil_toggle {flex-grow: 1;}
#mobil_toggle > button:before, #mobil_toggle > button:after, #mobil_toggle > button span {background: #1a1a1a;content: '';display: block;width: 1em;height: 0.2em;position: absolute;left: 0.5em;}
#mobil_toggle > button:before{top: 0.7em;}
#mobil_toggle > button span{ top: 1.1em; }
#mobil_toggle > button:after{top: 1.5em;}
#mobil_toggle > button:before, #mobil_toggle > button:after, #mobil_toggle > button span{-o-transition: none 0.5s ease 0.5s;-moz-transition: none 0.5s ease 0.5s;-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-o-transition-property: transform, top, bottom, left, opacity;-moz-transition-property: transform, top, bottom, left, opacity;-webkit-transition-property: transform, top, bottom, left, opacity;transition-property: transform, top, bottom, left, opacity;}

html.nav-open #mobil_toggle > button:before, html.nav-open #mobil_toggle > button:after{ top: 1.1em; }
html.nav-open #mobil_toggle > button span{ left: -50px; opacity: 0; }
html.nav-open #mobil_toggle > button:before{-o-transform: rotate( 45deg );-ms-transform: rotate( 45deg );-moz-transform: rotate( 45deg );-webkit-transform: rotate( 45deg );transform: rotate( 45deg );}
html.nav-open #mobil_toggle > button:after{-o-transform: rotate( -45deg );-ms-transform: rotate( -45deg );-moz-transform: rotate( -45deg );-webkit-transform: rotate( -45deg );transform: rotate( -45deg );}
/*----*/

/*Header: Sprachauswahl & Niederlassung*/
.btn_head {background: #DFDFDF;color: #1a1a1a;text-decoration: none;padding: 0.5rem 1.5rem 0.5rem 2.5rem;display: inline-block;position: relative;outline: none;text-transform: none;font-weight: normal;border-radius: 0;font-size:0.9em; border: none; min-height: 2.563rem; line-height: 1.62rem; margin-right: 1rem;}
.btn_head:before, .icon_suche:before{content: "";width: 1.563rem;height: 1.563rem;position: absolute;background: url(img/layout/icon-sprite.png); background-position: -0.625rem -0.625rem; }
.btn_head:before{left: 0.65rem;top: 0;bottom: 0;margin: auto;}
.btn_head:after, .btn_head.btn_pleft:before {content: "";width: 0;height: 0;border-width: 6px 5px 0px 5px;border-color: #1a1a1a transparent transparent transparent;border-style: solid dashed none dashed;position: absolute;right: 0.5em;top: 0;bottom: 0;margin: auto;}
.btn_head.icon_nl:before {background-position: -2.813rem -0.625rem; }
.btn_head.icon_nl:after{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.btn_head.btn_pleft:before { right: inherit; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.btn_head.icon_suche2{padding-right: 0.65rem;}
.btn_head.icon_suche2:before{background-position: -5rem -0.625rem;}
.btn_head.icon_suche2:after{content: none; }
.btn_head.btn_button:before, .btn_head.btn_button:after {content: none;}
.btn_head.btn_button {padding: 0.5rem 1rem;}
.btn_head.btn_pleft{padding: 0.5rem 1rem 0.5rem 2rem;}
.nl_header_change {word-break: normal;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}

#sprache-waehlen, #sort-waehlen{position: relative;display: inline-block;}
#sprache-waehlen > ul, #select_karte > ul, #sort-waehlen > ul {background: #dfdfdf;list-style: none;margin: 0;padding: 0.65rem;display: block;position: absolute;display: none;z-index: 10000;min-width: 250px;}
#sprache-waehlen > ul li {float: left; width: 49%; margin-bottom: 0.125em;margin-top: 0.125em;}
#sprache-waehlen > ul li:nth-child(2n) {float: right;}
#sprache-waehlen > ul a {text-decoration: none;color: #1a1a1a; font-size: 0.9em;}
#sprache-waehlen > ul img {border-radius: 50%; border: 1px solid #ccc; vertical-align: middle;}

#sort-waehlen .btn_head:before, .btn_head.btn_pleft:after{content: none;}
#sort-waehlen .btn_head {padding-left: 1rem;}
#sort-waehlen > ul {min-width: 150px; text-align: left;}
#sort-waehlen > ul a {text-decoration: none;color: inherit;padding: 0.35rem;border-bottom: 1px solid #fff;display: block;}
#sort-waehlen > ul a:hover {color: #005597;}
#sort-waehlen > ul li:first-child a {padding-top: 0;}
#sort-waehlen > ul li:last-child a {border-bottom: none;padding-bottom: 0;}

/*Header: Suche*/
.search_flex {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: stretch;}
.searchform input[type="search"]{ width: 100%; }
.searchform button[type="submit"]{ background: #005597;border: none;outline: none;}
.icon_suche {position: relative;width: 2.75rem;padding: 0;}
.icon_suche:before {top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-position: -5rem -0.625rem;}
.btn_head.icon_suche2{display: none;}
#header_nl{width: 100%;}
#header_some{ width: 15em; text-align: right; }
#header_logo {min-width: 150px;margin-top: 1em;}

#header_suche, #header_suche #header_nl {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
#header_suche{align-items: start; background: #005597;padding: 0.5em 0;}

/*07.01.2022 / Hinzufügen von ul + li (Xing und LinkedIn)*/
#header_some > div.custom-html-widget > ul {padding: 0;margin: 0;list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;width: 4.5em;justify-content: space-between;align-items: center;}
#header_some > div.custom-html-widget > ul li {margin-bottom: 0.5em;}
#header_some > div.custom-html-widget > ul li:last-child{ margin-bottom: 0; }
/**/

@media screen and (max-width: 499px){
	.btn_head.icon_suche2{display: inline-block;}
	.btn_head.icon_suche2:before{ -webkit-filter: grayscale(1) brightness(0.2); filter: grayscale(1) brightness(0.2); }
	#sprache-waehlen > .btn_head > span, #header_column_nl, .searchform, #header_some p{ display: none; }
	.searchform {position: absolute; z-index: 1;}
	
	#header_menu_logo {margin-left: 0;margin-right: 0;}
	#header_menu_logo > div {padding-left: 1.5rem !important;padding-right: 1.5rem !important;}
	
	#header_some a img {opacity: 0; display: block;}
	#header_some a{display: inline-block; background-repeat: no-repeat;}
	#header_some a:nth-child(1) {background: url(../../uploads/facebook-w.png);}
	#header_some a:nth-child(2) {background: url(../../uploads/instagram-w.png);}
	#header_some a:nth-child(3) {background: url(../../uploads/youtube-w.png);}
	
	/*07.01.2022 / Hinzufügen von ul + li (Xing und LinkedIn)*/
	#header_some > div.custom-html-widget > ul {width: 11.5em;}	
	#header_some > div.custom-html-widget > ul li {margin-bottom: 0em;margin-top: 0.3em;}
	#header_some li:nth-child(1) a {background: url(../../uploads/facebook-w.png);}
	#header_some li:nth-child(2) a {background: url(../../uploads/instagram-w.png);}
	#header_some li:nth-child(3) a {background: url(../../uploads/youtube-w.png);}	
	#header_some li:nth-child(4) a {background: url(../../uploads/xing-w.png);}	
	#header_some li:nth-child(5) a {background: url(../../uploads/linkedin-w.png);}	
	#header_some li:nth-child(6) a {background: url(../../uploads/tiktok-w.png);}	
	/**/	
}

@media screen and (max-width: 400px){
	/*07.01.2022 / Hinzufügen von ul + li (Xing und LinkedIn)*/
	#header_some > div.custom-html-widget > ul {width: 7em;float: right;}
	#header_some li:nth-child(4), #header_some li:nth-child(5){ display: none; }
	/**/
}

@media screen and (max-width: 359px){
	.btn_head{ margin-right: 0.5rem;}
	#header_some img {max-width: 2em;}
	#header_some {width: 10em;}
}

@media screen and (min-width: 500px){
	.searchform{ display: block !important; margin-right: 1em; margin-top: 1em;}
	#header_suche #header_nl{display: block; margin-top: 1em;}
	#header_suche{background: transparent; padding: 0; align-items: stretch;}
	#header_some{text-align: center; width: auto; margin-top: 1em;}
	#header_some > div.custom-html-widget {display: flex;display: ms-flexbox; flex-direction: column; -ms-flex-direction: column;}
	#header_some img {max-width: 30px;display: block;}
	#header_some a {display: block;margin-bottom: 0.45em;}
	#header_some a:last-child {margin-bottom: 0;}
	
	body.page-template-page-sprachen #header_some {padding: 0.35em 0;}	
	body.page-template-page-sprachen #header_some > div.custom-html-widget {flex-direction: row;-ms-flex-direction: row;align-items: center;}
	body.page-template-page-sprachen #header_some a {margin-bottom: 0;margin-right: 0.5em;}
	body.page-template-page-sprachen #header_some a:last-child {margin-right: 0;}
	
	/*07.01.2022 / Hinzufügen von ul + li (Xing und LinkedIn)*/
	#header_some > div.custom-html-widget > ul li{margin-bottom: 0em;}
	#header_some > div.custom-html-widget > ul li a {margin-bottom: 0.5em;}
	#header_some > div.custom-html-widget > ul li:nth-child(1) {order: 2;}
	#header_some > div.custom-html-widget > ul li:nth-child(2) {order: 0;  }
	#header_some > div.custom-html-widget > ul li:nth-child(3) {order: 4; }
	#header_some > div.custom-html-widget > ul li:nth-child(4) {order: 3;  }
	#header_some > div.custom-html-widget > ul li:nth-child(5) {order: 1; }
	/**/	
}

/*07.01.2022 / Hinzufügen von ul + li (Xing und LinkedIn)*/
@media screen and (min-width: 500px) and (max-width: 515px){
	#header_some > div.custom-html-widget > ul { width: 4.25em; }
	#header_some img { max-width: 27px; }
}
/**/

@media screen and (min-width: 500px) and (max-width: 999px), screen and (min-width: 1250px){
	#header_column_sprache, #header_column_nl {flex-basis: auto !important;flex-grow: inherit !important;}
}

@media screen and (min-width: 590px){
	#header_suche #header_nl > div {width: 400px;margin-right: 1em;}
	#header_suche #header_nl > #header_column_suche {clear: both;}		
}

@media screen and (min-width: 1000px){
	.header_columns {flex-flow: row;}
	#mobil_toggle{ display: none; }
	#header_menu{display: block !important; margin-top: 1em;}
	#header_logo{ order: 0; flex-basis: 24%; }
	#header_suche{ order: 1; flex-basis: 76%; }
	#header_suche #header_nl > div {float: right;}
	#header_column_nl .btn_head, .searchform{margin-right: 0;}
	#header_suche #header_nl > div {margin-right: 2em;}	

	body.page-template-page-sprachen #header_suche { padding-bottom: 1em; }
	body.page-template-page-sprachen  #header_suche #header_nl .header_columns { justify-content: flex-end; }
	body.page-template-page-sprachen #header_suche #header_nl #sprache-waehlen{ float: right; }	
}

/*Footer*/
#totop {background: #005597;height: 2.5em;width: 2.5em;position: fixed;bottom: 7em;right: 2em;}
#totop:before {content: "";width: 0;height: 0;border-width: 0.6em 0.5em;border-color: transparent transparent #fff transparent;border-style: none dashed solid dashed;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
footer {padding-bottom: 1em; border-top: 2px solid #fff; box-shadow: 0px -2px 0px #005597;}
footer.container{ padding-top: 1em; padding-bottom: 1em; }
footer .wp-block-columns {margin-bottom: 0; }
footer .wp-block-column {flex-basis: auto;}
#footer_logo {text-align: center;margin-top: 0.5em;}
footer nav ul {margin: 0;padding: 0;text-align: right;}
footer nav ul li {display: inline-block;margin-right: 1em; width: 100%; text-align: center; margin-top: 0.5em;}
footer nav ul li a {color: #fff;text-decoration: none; font-weight: 600; }

footer #fo-beton {background: #e8e8e8 url(img/layout/background-beton.jpg);background-size: cover; padding-top: 1em; padding-bottom: 1em; }
footer #fo-beton nav ul li a { color: #005597; font-weight:normal;  }
footer #fo-beton nav ul li a:hover {color: #1a1a1a;}
.bigpoints{ list-style: none; margin: 0; padding: 0; text-align: center; padding-top: 1.5em; }
.bigpoints li{ display: block; vertical-align: middle; padding-top: 1em; padding-bottom: 1em; margin-bottom: 0.5em; position: relative;}
.bigpoints li:before, .bigpoints li:last-child:after{ content: ""; position: absolute; width: 100%; height: 3px; background: #EE7F01; top: 0; left: 0; right: 0; margin: auto;}

.bigpoints a{ color: #fff; font-weight: 600; text-decoration: none; }
.bigpoints a:hover{ color: #EE7F01; }
.bigpoints .bicon:before, .bigpoints .bicon span {display: inline-block;vertical-align: middle;}
.bigpoints .bicon:before{ content: ""; background: url(img/layout/icons-bigpoint-sprit.png) no-repeat; background-size: 9.688em 2.500em; width: 1.500em; height: 1.500em; margin-right: 0.625em; background-position: -0.625em 0; }
.bigpoints .bicon.bi-service:before{ width: 1.063em; background-position: -2.750em 0; }
.bigpoints .bicon.bi-knowhow:before{ width: 1.813em; height: 1.875em; background-position: -4.563em 0; }
.bigpoints .bicon.bi-logistik:before{ width: 2.063em; height: 1.375em; background-position: -7.000em 0; }

@media screen and (max-width: 339px){
	.bigpoints li:first-child{ padding-top: 0em; }
	.bigpoints li:first-child:before{ content: none; }
}

@media screen and (min-width: 340px){
	.bigpoints li{ display: inline-block; padding: 0 1.250em 0 1.250em; }
	.bigpoints li:before, .bigpoints li:last-child:after{ width: 3px; height: 100%; right: inherit; }
	.bigpoints li:last-child:after{ left: inherit; right: 0; }
}

@media screen and (min-width: 600px){
	#footer_logo {text-align: left;}
	footer nav ul li {width: auto; text-align: inherit; }
}

@media screen and (min-width: 785px){
	footer nav ul li:last-child {margin-right: 0;}
}

@media screen and (min-width: 1250px){
	footer {padding-bottom: 0.75em;}
}

@media screen and (min-width: 1525px){
	#totop {bottom: 2em;}
}

/*Kopfbereich, Unterseite*/
.emotion .emo_txt, .emotion .emo_txt h1, .breadcrumb ul li a { color: #fff; }
.emotion {background: #e8e8e8 url(img/layout/background-beton.jpg);background-size: cover;margin-bottom: 2em;padding: 0;}
.emotion .emotion_inner { position: relative; min-height: 14em;}
.emotion.no-thumbnail .emotion_inner {min-height: 10em;}
.emotion .emotion_inner:after { content: ""; display: block; clear: both;}
.emotion .emo_txt {position: absolute; z-index: 2 !important;bottom: 1em;max-width: 600px;min-width: 90%;padding-right: 1em;padding-top: 1.75em;-webkit-animation: fadeInLeft 1.5s 0.2s both;animation: fadeInLeft 1.5s 0.2s both;}
.emotion .emo_txt > * { position: relative; }
.emotion .emo_txt:before {content: "";background: #005597;right: 0;left: -100%;top: 0;bottom: 0;position: absolute;-moz-box-shadow: 5px 2px 6px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 2px 6px rgb(0 0 0 / 25%);box-shadow: 5px 2px 6px rgb(0 0 0 / 25%);}
.emotion.no-thumbnail .emo_txt {width: auto;max-width: inherit;}
.emotion .emo_img {float: right; width: 100%; -webkit-animation: fadeIn 2s 0.2s both;animation: fadeIn 2s 0.2s both;position:relative;}
.emotion .emo_img img {display: block;}
.emo_img figure {margin: 0;}

.owl-slider.emotion{margin-bottom: 4em; }
.owl-slider.emotion .emo_txt, .owl-slider.emotion .emo_img{-webkit-animation: none;animation: none; z-index: 1;}
.owl-slider.emotion .active .emo_txt{-webkit-animation: fadeInLeft 1.5s 0.2s both;animation: fadeInLeft 1.5s 0.2s both;}
.owl-slider.emotion .active .emo_img{-webkit-animation: fadeIn 2s 0.2s both;animation: fadeIn 2s 0.2s both;}
.owl-slider .emo_txt h1, .owl-slider .emo_txt h2, .owl-slider .emo_txt h3, .owl-slider .emo_txt > p{ color: #fff !important; }
.owl-slider .emo_txt h1, .owl-slider .emo_txt h2, .owl-slider .emo_txt h3 { margin-bottom: 0 !important; }
.owl-slider .emo_txt {padding-bottom: 1.75em;}
.owl-slider .wp-block-button__link {font-weight: bold;}
.owl-slider.emotion .emo_img { max-width: 1200px; position: relative;}
.owl-slider.emotion .emo_stoerer {top: 1em;}

@-webkit-keyframes fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}

@-webkit-keyframes fadeIn {
	from {opacity: 0;} to {opacity: 1;}
}
@keyframes fadeIn {
	from {opacity: 0;} to {opacity: 1;}
}

.emo_stoerer {position: absolute;right: 0;height: 100%; }
.emo_stoerer img {max-height: 100%;}
.stoerer_ueber-bm {position: absolute;width: 100%;height: 100%;}

.breadcrumb ul {padding: 0; margin: 0; font-size: 0.9em;}
.breadcrumb ul li {display: inline-block;}
.breadcrumb ul li a {text-decoration: none;}
.breadcrumb ul li:after {content: ">";margin-left: 0.5em;margin-right: 0.1em;}
.breadcrumb ul li:last-child:after {content: none;}
.breadcrumb ul li:last-child a {cursor: default;}

@media screen and (max-width: 429px){
	.emotion .emo_txt {position: relative;bottom: inherit;top: 1em;margin-bottom: 2em;padding-bottom: 0.1em;}
}

@media screen and (min-width: 800px){
	.emotion .emo_txt { bottom: inherit; top: 35%; min-width: 45%;}
	.emotion .emo_img {width: 68%; }
	.emotion.no-thumbnail .emotion_inner {min-height: 14em;}
}

@media screen and (min-width: 1390px){
	.emotion .emo_txt { min-width: 35%;}
}

@media screen and (min-width: 1520px){
	.owl-slider.emotion .emo_txt { min-width: 28%;}
}

@media screen and (min-width: 1950px){
	.emotion .emo_txt:before { left: -150%; }
}

/*Kopfbereich, Neu ab Okt 2023 (Rieger Team)*/
.rt_emotion {position: relative; margin-bottom: 2em;}
.rt_emotion.no-thumbnail {min-height: 6em;background: linear-gradient(135deg, #005597 20%,#3d94d8 70%,#005597 100%);}
.rt_emotion .rt_emo_txt, .rt_emotion .rt_emo_img {max-width: inherit !important;margin: 0 !important;}
.rt_emotion .rt_emo_img img {display: block;width: 100%;height: auto;}
.rt_emotion .rt_emo_txt {position: absolute;width: 100%;}
.rt_emotion .rt_emo_txt > * {text-transform: uppercase; font-family: 'Oswald';font-size: 2em;line-height: 1.2em;padding-top: 0.6em;}
.rt_emotion:not(.owl-rt-slider) .rt_emo_txt > *,
.rt_emotion.owl-rt-slider .active .rt_emo_txt > *{-webkit-animation: RT_fadeInLeft 1.5s 0.5s both;animation: RT_fadeInLeft 1.5s 0.5s both;}
.rt_emotion .owl-stage {margin-left: 0 !important;margin-right: 0 !important;}

@-webkit-keyframes RT_fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-5%, 0, 0);transform: translate3d(-5%, 0, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes RT_fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-5%, 0, 0);transform: translate3d(-5%, 0, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}

.rt_emotion_inner {position: relative;}
.rt_emotion_inner > a {width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;max-width: inherit !important;}
.rt_emotion_inner:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;-webkit-animation: RT_sichtbarkeit 8s 3s linear infinite;-moz-animation: RT_sichtbarkeit 8s 3s linear infinite;animation: RT_sichtbarkeit 8s 3s linear infinite;}

@media screen and (min-width:650px){
	.wp-block-bm-rt-slider-kopfbereich-inner.rt_emotion_inner.award:after {
		content: "";
		width: 180px;
		height: 180px;
		background: url("https://www.baustoff-metall.de/wp-content/uploads/stoerer_award-2025-slider_250x250px_2025-01-15.png");
		background-position: center;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		position: absolute;
		right: 10%;
		top: 7%;
		transform: rotate(5deg);
		box-shadow: 0px 3px 7px rgba(0,0,0,0.25);
		border-radius: 50%;
	}
}
@media screen and (min-width:1000px){
	.wp-block-bm-rt-slider-kopfbereich-inner.rt_emotion_inner.award:after {
		width: 250px;
		height: 250px;
	}
}
@media screen and (max-width: 980px){
	.award .wp-block-button__link{
		padding: 0.5rem!important;
	}
}
.page-id-8158 .rt_emotion_inner{
    overflow: hidden;
}
.page-id-8158 .rt_emotion_inner:after{
    content: "";
    width: 150px;
    height: 150px;
    background: url(https://www.baustoff-metall.de/wp-content/uploads/bbq-stempel.png);
    background-position: center;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute;
    right: 10%;
    bottom: -2%;
}
@media screen and (min-width:980px){
	.page-id-8158 .rt_emotion_inner:after{
		width: 250px;
		height: 250px;
	}
}
@media screen and (min-width:1100px){
	.page-id-8158 .rt_emotion_inner:after{
		width: 300px;
		height: 300px;
	}
}
@media screen and (min-width:1400px){
	.page-id-8158 .rt_emotion_inner:after{
		width: 380px;
		height: 380px;
	}
}

@-webkit-keyframes RT_sichtbarkeit {
	0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; }
}
@-moz-keyframes RT_sichtbarkeit {
	0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } 
}
@keyframes RT_sichtbarkeit {
	0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } 
}

@media screen and (max-width: 979px){
	.rt_emotion .rt_emo_img{ max-height: 12em; overflow: hidden; }
}

@media screen and (min-width: 700px){
	.rt_emotion span.h1inner {max-width: 60%;display: block;font-size: 0.7em;line-height: normal;}
}

@media screen and (min-width: 700px) and (max-width: 979px){
	.rt_emotion .rt_emo_img{ max-height: 16em; }
	.rt_emotion .rt_emo_txt > * { font-size: 3em; padding-top: 0.35em;}
}

@media screen and (min-width: 980px){
	.rt_emotion .rt_emo_txt > * { font-size: 4em;line-height: 1.100em;padding-top: 0.3em;}
}

@media screen and (min-width: 1000px){
	.rt_emotion.no-thumbnail {min-height: 15em;}
}

@media screen and (min-width: 1400px){
	.rt_emotion .rt_emo_txt > * { font-size: 5em;}
}

@media screen and (min-width: 1500px){
	.rt_emotion .rt_emo_txt > * { padding-top: 0.6em;}
}

@media screen and (min-width: 1740px){
	.rt_emotion .rt_emo_txt > * {font-size: 6.250em; line-height: 1.190em;}
}

/*Störer*/
#stoerer {background: #fff;min-height: 17.5em;/*min-height: 13.5em;*/padding: 1.25em;position: absolute;right: 0px;/*top: 3.5em;*//*top: 0.5em;*/top: 10em;-webkit-transition: right .5s linear;-moz-transition: right .5s linear;-o-transition: right .5s linear;transition: right .5s linear;line-height: 2em;z-index: 10000;box-shadow: 0px 3px 7px rgba(0,0,0,0.25);}
#stoerer_title {display: block;width: 2.5em;position: absolute;height: 100%;top: 0;left: 0;right: 0px;background: url(https://www.baustoff-metall.de/wp-content/uploads/bmapp_farbverlauf-blau.jpg) no-repeat top left;background-size: cover;cursor: pointer;z-index: 1000;padding: 1em 0 0 0;white-space: nowrap;overflow: hidden;}
#stoerer_title span {position: absolute;bottom: 0px;padding: 0.313em;left: 1.4em;color: #fff;font-weight: bold;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);overflow: hidden;-webkit-transform-origin: 0px 50% 0px;-moz-transform-origin: 0px 50% 0px;-o-transform-origin: 0px 50% 0px;-ms-transform-origin: 0px 50% 0px;transform-origin: 0px 50% 0px;}
#stoerer_title:after {content: "";width: 0;height: 0;position: absolute;border-bottom: 7px transparent dashed;border-right: 9px #fff solid;border-top: 7px transparent dashed;border-left: none;left: 0;right: 0;margin: auto;}
#stoerer.show #stoerer_title:after {border-right: none;border-left: 9px #fff solid;}
#stoerer > div:nth-child(2) {width: 275px;display: none;padding-left: 2.5rem;font-size: 0.95em;}
#stoerer > div:nth-child(2) > *:last-child {margin-bottom: 0;}

@media screen and (min-width: 500px){
	#stoerer{ top: 14em; }
}

/*Sidebar, Menü*/
.wp-block-bm-page-sidebar-box {background: #DFDFDF;padding: 1em;margin-bottom: 1.5em;}
.wp-block-bm-page-sidebar-box:last-child, .wp-block-bm-page-sidebar-box > *:last-child {margin-bottom: 0;}
.wp-block-bm-page-sidebar-box h3 a, .wp-block-bm-page-sidebar-box .h3 a{text-decoration: none;}
.wp-block-bm-page-sidebar-box nav ul li a {background: rgba(255,255,255,0.4);display: block;margin-bottom: 1px;padding: 0.5em 1em;text-decoration: none;color: #1a1a1a;line-height: 1.25em;position: relative;}
.wp-block-bm-page-sidebar-box nav ul {margin: 0 -1em;padding: 0;list-style: none;}
.wp-block-bm-page-sidebar-box nav ul li a:before {content: "";width: 0.5em;left: -0.5em;background: #DFDFDF;position: absolute;top: 0;height: 100%;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
body.page-id-21 .wp-block-bm-page-sidebar-box nav ul li a:before {width: 0.5em;left: -0.5em;} /*Downloads*/
.wp-block-bm-page-sidebar-box nav ul li.current-menu-item a:before, .wp-block-bm-page-sidebar-box nav ul li a:hover:before, body.page-id-21 .wp-block-bm-page-sidebar-box nav ul li a:hover:before, .wp-block-bm-page-sidebar-box nav ul li.current_page_item a:before {width: 1em;left: -1em;}

.wp-block-bm-page-sidebar-box > .sidebar_no-background, .wp-block-bm-page-sidebar-box.sidebar_no-background {background: #fff;padding: 1em;margin: -1em !important;}

.bereich_dot {position: relative;}
.bereich_dot:before {content: "";display: inline-block;width: 0.8em;height: 0.8em;background: #DFDFDF;border-radius: 50%;margin-right: 0.5em;}

ul#list-branche {list-style: none;background: rgba(255,255,255,0.4);margin-left: -1em;margin-right: -1em;padding: 1em;}
ul#list-branche li {display: inline-block;margin-right: 1em;}
ul#list-branche li:last-child {margin-right: 0;}

#nl_mobil_kontakt{ display: none;}
#nl_mobil_kontakt > .wp-block-bm-page-sidebar-box:first-child h3, #nl_mobil_kontakt nav, #nl_mobil_kontakt br:nth-child(3), #nl_mobil_kontakt > .wp-block-bm-page-sidebar-box:first-child ul, #nl_mobil_kontakt hr, #nl_mobil_kontakt > .wp-block-bm-page-sidebar-box:first-child p:last-child {display: none;}
@media screen and (max-width: 999px){
	#nl_mobil_kontakt{display: flex;align-items: stretch;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
	#nl_mobil_kontakt > .wp-block-bm-page-sidebar-box:first-child{ margin-bottom: 0; margin-right: 1em;}
	#nl_mobil_kontakt > .wp-block-bm-page-sidebar-box {flex-basis: 49%;flex-basis: calc( 50% - 0.5em );}	
}
@media screen and (max-width: 600px){
	#nl_mobil_kontakt > .wp-block-bm-page-sidebar-box:first-child{ margin-bottom: 1em; margin-right: 0em;}
	#nl_mobil_kontakt > .wp-block-bm-page-sidebar-box {flex-basis: 100%;}	
}

/*Leistungen, farben*/
body.t_bau .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.t_bau a:before, .bereich_dot.t_bau:before { background: rgb(0,85,151); }
body.h_bau .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.h_bau a:before, .bereich_dot.h_bau:before { background: rgb(155,84,0); }
body.dach_fassade .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.dach_fassade a:before, .bereich_dot.dach_fassade:before { background: rgb(255,229,0); }
body.dach_fassade .emotion .emo_txt, body.dach_fassade .emotion .emo_txt h1, body.dach_fassade .breadcrumb ul li a { color: #333; }
body.b_el .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.b_el a:before, .bereich_dot.b_el:before { background: rgb(239,125,0); }
body.logistik .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.logistik a:before, .bereich_dot.logistik:before { background: rgb(203,190,0); }
body.w_zeug .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.w_zeug a:before, .bereich_dot.w_zeug:before { background: rgb(211,158,70); }
body.gpcs .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.gpcs a:before, .bereich_dot.gpcs:before { background: rgb(150,142,103); }
body.bm_pruef .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.bm_pruef a:before, .bereich_dot.bm_pruef:before { background: #2e87cd; }
body.bm_indu .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.bm_indu a:before{ background: rgb(111,111,111); }
.bereich_dot.bm_indu:before { background: #6f7174; }
.bereich_dot.bm_verw:before { background: #a28ac0; }
body.bm-consulting .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.bm-consulting a:before, .bereich_dot.bm-consulting:before { background: #aac9e7; }
body.bm_isol .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.bm_isol a:before, .bereich_dot.bm_isol:before { background: #00A4A6; }
body.putz .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.putz a:before, .bereich_dot.putz:before { background: rgb(91,197,242); }
body.boden .emotion .emo_txt:before, .wp-block-bm-page-sidebar-box nav ul li.boden a:before, .bereich_dot.boden:before { background: rgb(162,198,23); }

/*Leistungen, Übersicht*/
.bm_uebersicht.wp-block-columns {flex-wrap: wrap !important;}
.bm_uebersicht.wp-block-columns > .wp-block-column {flex-grow: 0;margin-left: 0 !important;margin-bottom: 2em;}

@media screen and (min-width: 600px) and (max-width: 999px){
	.bm_uebersicht.wp-block-columns > .wp-block-column {flex-basis: 48%;}	
	.bm_uebersicht.wp-block-columns > .wp-block-column:nth-child(2n+2){margin-left: 2em !important; }
}

@media screen and (min-width: 1000px){
	.bm_uebersicht.wp-block-columns > .wp-block-column {flex-basis: 31.3%;}
	.bm_uebersicht.wp-block-columns > .wp-block-column:nth-child(3n+2), .bm_uebersicht.wp-block-columns > .wp-block-column:nth-child(3n+3) {margin-left: 2em !important;}
	
	.wp-block-bm-page-inhalt .bm_uebersicht.wp-block-columns > .wp-block-column, .wp-block-bm-page-inhalt .bm_uebersicht.wp-block-columns > .wp-block-column:nth-child(3n+2), .wp-block-bm-page-inhalt .bm_uebersicht.wp-block-columns > .wp-block-column:nth-child(3n+3) {flex-basis: 47.5%; margin-left: 0 !important;}
	.wp-block-bm-page-inhalt .bm_uebersicht.wp-block-columns > .wp-block-column:nth-child(2n) {margin-left: 2em !important;}
}

/*Niederlassungen, Übersicht*/
.select_karte{cursor: pointer;}
#article-nl{position: relative;}
#karte.wp-block-columns {align-items: flex-end;}
#karte #column_karte_auswahl.wp-block-column {margin-bottom: 1em;}
#karte #column_karte.wp-block-column {text-align: center;}
#legende_button{padding: 0;list-style: none;}
#select_karte .btn_head {padding-left: 0.5rem;}
#select_karte .btn_head:before {content: none;}
#map_layer {position: absolute;display: none;background: #005597;color: #fff;padding: 10px;margin-top: 7px;z-index: 1;}
#karte-fuhrpark {background: #fff;margin: -7px;padding: 10px;color: #1a1a1a;max-width: 230px;}
#karte-fuhrpark ul{padding-left: 1.25em;margin: 0;}
#nl_liste {padding: 0;list-style: none;}
#nl_liste li {display: inline-block;position: relative;margin-right: 1em;}
#nl_liste li:after {content: "";background: #ff3636;width: 2px;height: 50%;position: absolute;top: 0;bottom: 0;right: -0.5em;margin: auto;}
#nl_liste li:last-child {margin-right: 0em;}
#nl_liste li:last-child:after {content: none;}
#nl_liste li a {text-decoration: none;font-weight: 600;}
#nl_liste li a:hover {color: inherit; text-decoration: underline;}

#filter_zurueck {color: #005597;margin-bottom: 1em;display: inline-block;}
#filter_zurueck:hover {color: #1a1a1a;}

@media screen and (min-width: 600px){
	#karte #column_karte_auswahl.wp-block-column {margin-bottom: 4em;}
	#karte #column_karte_auswahl.wp-block-column {flex-basis: 35% !important;}
	#karte #column_karte.wp-block-column {flex-basis: 60% !important;}
}

/*Formular, mehr unter css/form.css*/
#error, #send{background: #bf0000;color: #fff;padding: 0.5em 1em;}
#send{background: #88bc0c;}

input[type="text"], input[type="search"], input[type="tel"], input[type="email"], input[type="password"], textarea, select {background: #fff;border: 2px solid #dfdfdf;padding: 0.5rem 0.65rem 0.5rem 0.65rem;font-size: 0.9em;outline: none;-webkit-appearance: none}
input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border-color: #005597;}
input[disabled] {opacity: 0.7;}
select{ background-image: url(img/layout/select.png); background-position: right 0.5em center; background-repeat: no-repeat; }

.searchform input[type="search"] {border-right: none; }
#form_nl_suche input[type="search"], #form_nl_suche .wp-block-button__link, #plz input[type="search"], #plz .wp-block-button__link {display: inline-block;vertical-align: top;}
#form_nl_suche input[type="search"], #plz input[type="search"] {font-size: 1em;padding: 0.9em; margin-bottom: 0.5em;}
#nl_suche_auswahl {background: #DFDFDF;padding: 1em;}
#nl_suche_auswahl ul {margin: 0;padding-left: 1.3em;}

@media screen and (min-width: 460px){
	#nl_suche_auswahl ul {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
}

@media screen and (min-width: 600px) and (max-width: 781px){
	.start-nl-suche #nl_suche_auswahl ul {-moz-column-count: inherit;-webkit-column-count: inherit;column-count: inherit;}
}

@media screen and (min-width: 700px){
	.start-nl-suche-mobil #nl_suche_auswahl ul {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
}

@media screen and (min-width: 970px){
	.start-nl-suche-mobil #nl_suche_auswahl ul {-moz-column-count: 4;-webkit-column-count: 4;column-count: 4;}
}

/*YouTube & Google*/
.youtube, #google, .wp-block-embed-youtube .wp-block-embed__wrapper {-moz-column-span: all;-webkit-column-span: all;column-span: all;/*width: 100%;*/position: relative;padding-bottom: 55%;padding-top: 1em;height: 0;overflow: hidden;margin: 1em 0;}
.youtube iframe, #google iframe, .wp-block-embed-youtube .wp-block-embed__wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#google {padding-bottom: 56%;}
.youtube .cmplazypreviewiframe {position: absolute;top: 0;left: 0;height: 100%; border: none;width: 100% !important;height: 100% !important; }

@media screen and (min-width: 1500px){
	body.page-id-3298 .youtube{ padding-bottom: 40%; } /*Videogruss*/
}

/*Störer: Zähler & run4charity*/
.stoerer_zahl {margin-bottom: 1em;display: inline-block;margin-right: 1em;}
.stoerer_zahl > p {display: flex;flex-direction: column;text-align: center;color: #fff;width: 11em;height: 11em;background: #015697;border-radius: 50%;box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #015697;justify-content: center;}
.stoerer_zahl .sz_wert {font-size: 4rem;line-height: 4rem;}
body.page-template-page-charity-home .stoerer_zahl .sz_wert {font-size: 2rem;line-height: 3rem;}
.stoerer_zahl .sz_einheit {font-style: normal;margin-left: 0.5rem;}
.stoerer_zahl:last-child {margin-right: 0;}
.stoerer_euro.stoerer_feuerwerk > p {background-image: url(img/layout/feuerwerk.gif);}

figure.uebergabe {position: relative;display: inline-block;}
figure.uebergabe img {display: block;}
figure.uebergabe figcaption {background: rgba(0, 85, 151, 0.6);padding: 0.5em 1em;color: #fff;font-style: normal;position: absolute;bottom: 0;width: 100%;margin: 0;}


.run_bilder{ clear: both;}
.aktu_week{ margin-bottom: 1em;}
.run_bilder:last-child{ border-bottom: 0; }
.run_bilder p.run_week{ margin: 1em 0 0 0; }
.run_bilder ul{ list-style: none; margin: 0; padding: 0; }
.run_bilder li{ break-inside: avoid-column; margin-bottom: 0;}
.run_bilder li blockquote{ font-style: normal; background: #f2f2f2;margin: 0;border: 0;padding: 1em;position: relative;overflow: inherit; margin-bottom: 15px;}
.run_bilder li blockquote span { font-style: italic; display: block; margin-top: 1em; }
.run_bilder li blockquote:before {content: "";border-width: 0px 0px 0.8em 1em;border-color: transparent transparent #f2f2f2 transparent;border-style: dashed dashed solid dashed;position: absolute;top: -0.75em;left: 1em;}
.run_bilder li.li-video blockquote:before { content: none; }
.run_bilder li .wp-video, .run_bilder li .wp-video video { margin-bottom: 0; width: 100%;}
.run_bilder img{display: block;}
.li-video .wp-video {width: 100% !important;}
.run_bilder a.wp-embedded-video {display: block;margin-bottom: 0;padding-bottom: 2em;}
p.kw-load {text-align: center;}
.gewinner_box {background: #ac0113;color: #fff;border-radius: 20px;box-shadow: 0 0 9px rgba(0,0,0,0.39);border: 5px solid #fff;padding: 10px 12px 5px 15px !important; margin-bottom: 1em;}
.gewinner_box a {color: #fff;}
.gewinner {position: relative;width: 100%;break-inside: avoid-column;margin-bottom: 0;padding-top: 0.5em;}
.gewinner:before {content: "";display: block;position: absolute;height: 58px;width: 55px;background: url(https://www.baustoff-metall.de/wp-content/uploads/2020/04/pokal_run4charityhome.png);right: 1em;top: 0em;}
.gewinner p {background: #bcd1ea;padding: 0.8rem 2.25rem 0.8rem 1.250rem !important;font-weight: bold;color: #005597;margin: 0;}
.gewinner ul {list-style: none;padding: 0;margin: 0;border-bottom: 2px solid rgba(188, 209, 234, 0.5); margin-bottom: 2em;}
.gewinner li {background: #fff;margin: 0;padding: 0.5rem 2.25rem 0.5rem 1.250rem;}
.gewinner li:nth-child(odd) {background: rgba(188, 209, 234, 0.5);}

@media screen and (max-width: 340px){
	.gewinner:before {height: 46px;width: 44px;background-size: 44px auto; right: 0.5em; top: 0.25em;}
}

@media screen and (min-width: 550px){
	.run_bilder ul{ -moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
}

@media screen and (min-width: 700px){
	.gewinner {display: inline-block;width: 49%;vertical-align: top;}
	.gewinner:nth-child(2n) {margin-left: 2%;}
}

@media screen and (min-width: 800px){
	.run_bilder ul{ -moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}	
}

@media screen and (max-width: 1090px){
	body.page-template-page-charity-home .wp-block-columns {flex-wrap: wrap;}
	body.page-template-page-charity-home .wp-block-column{flex-basis: 100%!important;flex-grow: 1 !important;margin-left: 0;}
}

@media screen and (min-width: 730px)and (max-width: 1090px){
	body.page-template-page-charity-home .wp-block-column:nth-child(1), body.page-template-page-charity-home .wp-block-column:nth-child(2) {flex-basis: calc(50% - 1em)!important;flex-grow: 0;}
	body.page-template-page-charity-home .wp-block-column:nth-child(2) {margin-left: 1em;}
}

/*Team*/
.team_all.wp-block-columns {flex-wrap: wrap !important;}
.team_all.wp-block-columns > .wp-block-column {flex-basis: 31.33333333333333%;margin-left: 0 !important;flex-grow: 0;}
.team_all.wp-block-columns > .wp-block-column:nth-child(3n+2), .team_all.wp-block-columns > .wp-block-column:nth-child(3n+3) {margin-left: 3% !important;}

.team {margin-bottom: 2em;}
.team-bild {max-width: 100px;border-radius: 50%;overflow: hidden;margin: auto;}
.team-bild img {display: block;width: 100%;}
.team_infos {text-align: center;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);padding-top: 4em;margin-top: -3em;}

@media screen and (min-width: 600px) and (max-width: 781px){
	.team_all.wp-block-columns { justify-content: space-between; }
	.team_all.wp-block-columns > .wp-block-column, .team_all.wp-block-columns > .wp-block-column:nth-child(3n+2), .team_all.wp-block-columns > .wp-block-column:nth-child(3n+3) {margin-left: 0 !important;}
}

/*Flaggen, Mehrsprachigkeit*/
ul.flaggen{list-style: none;margin: 0;padding: 0;position: relative;}
ul.flaggen img {width: 1.250em;border-radius: 50%;}

.team .flaggen {top: 1.5em;text-align: right;}
.team .flaggen li{margin: 0;position: relative;float: right;margin-left: 0.25em !important;}
.team .flaggen li:last-child {margin-left: 0 !important;}
.team .flaggen li span {display: none;background: #005596;color: #fff;font-size: 0.9em;padding: 0.5em;position: absolute;bottom: -2.2em;left: 0.5em;z-index: 1;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);box-shadow: 0px 0px 5px rgba(0,0,0,0.25); word-break: normal;}
.team .flaggen li:hover span {display: block;}
.team .flaggen li img{display: block;}

.flaggen.aside-flaggen{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.flaggen.aside-flaggen li{position: relative;width: 100%;break-inside: avoid-column;margin-bottom: 1em;}
.flaggen.aside-flaggen img{margin-right: 0.5em; vertical-align: text-bottom;}

/*Ansprechpartner inkl. Sprechblase*/
.ansp_sprechblase {display: flex;flex-wrap: nowrap;align-items: flex-start; max-width: 315px;}
.ansp_sprechblase img {border-radius: 50%;border: 2px solid #fff;max-width: 120px;}
.ansp_sprechblase span {margin-left: 0.5em;padding: 1em;color: #fff;position: relative;z-index: 1;}
.ansp_sprechblase span:after {content: "";background: #005597;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;clip-path: polygon(0% 0%, 96% 7%, 100% 98%, 1% 100%);}
.ansp_sprechblase span:before {content: "";display: block;position: absolute;width: 0;height: 0;border-width: 0 0 1.25em 1.5em;border-style: none none solid dashed;border-color: transparent transparent #005597 transparent;left: -1.2em;bottom: 1em;}

/*Übersicht Beiträge (News / Suche)*/
.news_beitrag:not(:first-child) {padding-top: 2em;margin-top: 2em;border-top: 2px solid #dfdfdf;}
.news_headline h3 {background: #015697;color: #fff;box-shadow: 5px 2px 6px rgb(0, 0, 0, 0.25);display: inline-block;}
.news_headline h3 a {color: inherit;display: block;padding: 1em;text-decoration: none;}
.news_img {position: relative;margin-bottom: 1em;}
.news_img h3 {position: absolute;bottom: 1em;left: 0;}

/*Beiträge*/
#prev-next {border-top: 2px solid #dfdfdf;padding-top: 3em;margin-top: 2em;display: flex;margin-bottom: 1em;}
#prev-next > div {flex-grow: 1;}
#prev-next > div.next {text-align: right;}
#prev-next a, .pagination .nav-links > *, .page-numbers {background: #bcd1ea;padding: 1em;text-decoration: none;font-weight: normal;display: inline-block;}
#prev-next a:hover, .pagination .nav-links > *:hover, .pagination .nav-links > .current{background: #005597;color: #fff;}
.pagination, .kh-pagination {text-align: center;display: block;border-top: 0;background: #dfdfdf;padding-top: 1em;padding-bottom: 1em;margin-top: 2em;margin-bottom: 1em;}
.pagination .next, .pagination .prev {display: none;}
.kh-pagination{ background: #005597;}
.page-numbers:hover, .page-numbers[aria-current="page"] {background: #EE7F01;color: #fff;}

/*Extra Beiträge*/
.wp-block-bm-page-sidebar-box.no-background {background: none;padding: 0;}
.wp-block-bm-page-sidebar-box.sidebar-blaubuch figure {margin: 0;}
.wp-block-bm-page-sidebar-box.sidebar-blaubuch figure img {display: block;width: 100%;}

/*B+M AWARD Bilder*/
.award-bildergalerie{display: flex;flex-wrap: wrap;}
.award-bildergalerie .award-img {flex-grow: 0;flex-basis: 32%;margin-right: 0.25em;margin-bottom: 0.25em;}

@media screen and (min-width: 600px){
	.award-bildergalerie .award-img {margin-right: 0.5em;margin-bottom: 0.5em;}
}

@media screen and (min-width: 770px) and (max-width: 999px), screen and (min-width: 1140px){
	.award-bildergalerie .award-img {flex-basis: 24%;}
}

/*B+M AWARD Video*/
.award-film:not(:last-child) {margin-bottom: 2em;}
#award-film-5 .award-film .mejs-overlay.mejs-layer.mejs-overlay-play {background: url(https://www.baustoff-metall.de/wp-content/uploads/award_2021_thumbnail.jpg);background-size: cover;}
#award-film-4 .award-film .mejs-overlay.mejs-layer.mejs-overlay-play {background: url(https://www.baustoff-metall.de/wp-content/uploads/2019/11/AWARD_2019_Thumbnail.jpg);background-size: cover;}
#award-film-3 .award-film .mejs-overlay.mejs-layer.mejs-overlay-play {background: url(https://www.baustoff-metall.de/wp-content/uploads/2017/11/bm17-film-poster.jpg);background-size: cover;}
#award-film-1 .award-film .mejs-overlay.mejs-layer.mejs-overlay-play, #award-film-2 .award-film .mejs-overlay.mejs-layer.mejs-overlay-play{background: url(../../uploads/bm-award-film-poster.jpg) no-repeat center;background-size: cover;}

/*Seitenleiste: Imagefilm*/
.aside_imagefilm_img {position: relative;}
.aside_imagefilm_img:before {content: "";width: 5.688em;height: 5.688em;background: url(../../uploads/imagefilm-stoerer.png);position: absolute;right: -0.5em;top: 0em;z-index: 2;display: block;}

/*Seite: Neukunde von Willkommensmail*/
#neukunde #ku_list td{ padding-bottom: 1em;}
#neukunde #ku_list tr:last-child td{ padding-bottom: 0;}
body.page-id-4433 .wp-block-image.ga_google_play{ clear: both; }
body.page-id-4433 .wp-block-image.ga_google_play, body.page-id-4433 .wp-block-image.ga_app_store { float: left; }

/*Consentmanager*/
table.cookieinfotable th, table.cookieinfotable td {border: 1px solid #ddd;font-size: 0.8em;}

/*Boden Aktion Nov 2022*/
body.postid-6305 .wp-block-columns {gap: inherit;}

/*Coveto*/
.coveto_footer, div.coveto_footer, .coveto_impressum_link, .coveto_divider, .coveto_datenschutz_link, #poweredbycoveto, .export-hide{
	display: none!important;
}


/*Liveticker*/
.ticker{ position: relative;overflow: hidden;}
.tickermove {width: 100%;overflow: hidden;background: #ee7f01;padding-left: 100%;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.tickermove .tickerinhalt {display: inline-block;white-space: nowrap;padding-right: 100%;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-name: ticker;animation-name: ticker;-webkit-animation-duration: 30s;animation-duration: 30s;}
.tickermove .ticker__item {display: inline-block;padding: 0.6em 1em; font-size: 1em;}
.ticker:hover .tickermove .tickerinhalt { -webkit-animation-play-state: paused;animation-play-state: paused;}
.tickermove .ticker__item p { margin-bottom: 0; color: #fff; }
.tickermove .ticker__item a { color: #fff; }
.ticker_close {background: #ee7f01;height: 100%;position: absolute;right: 0;top: 0;bottom: 0;display: flex;align-items: center;width: 3em;justify-content: center;font-weight: bold;color: #fff;border-left: 2px solid #f1942b;cursor: pointer;}

@-webkit-keyframes ticker {
	0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: visible;}
	100% {-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
@keyframes ticker {
	0% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: visible;}
	100% {-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}