/* Bild-Wechsel bei Mouseover */
/* Dafür nutzt man für jedes Bild einzelnes Bild-Element mit Hintergrundimage als Bild zum wechseln */
div.frame-type-image.frame-has-backgroundimage div.frame-backgroundimage-container{
	opacity:0;
	transition:opacity 0.3s;
}
div.frame-type-image.frame-has-backgroundimage:hover div.frame-backgroundimage-container{
	z-index:1;
	opacity:1;
}
/* Bild-Wechsel bei Mouseover */

div:not(#ueber-uns) figure.image figcaption.caption{
	text-align: left;
	font-size: 7px;
	padding-top: 0;
}
div#ueber-uns figure.image figcaption.caption{
	padding-top: 0.5rem;
	font-size: 0.85rem;
	word-wrap: break-word;
	opacity: 0.8;
	text-align: center;
}

/* TÜV-Rheinland-Zertifizierung */
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-imagewrap{

	margin-right:0;
}
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-imagewrap a{
	display:block;
	width:100%;
	height:100%;
}
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-imagewrap a img{
	width:100%;
	height:auto;
}
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-text{
	margin-top:30px !important;
	margin-left:0 !important;
}
@media all and (max-width: 800px){
	div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-imagewrap{
		float:none;
		width:100%;
		margin:0 0 1.3em 0;
	}
	div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-text{
		float:none;
		width:100%;
	}
}
#footer_atr_zert{
	max-height:fit-content;
	width:100%;
	padding:0 15px;
	background-color:var(--color-blue);
	color:var(--color-yellow);
	font-family:"Open Sans", sans-serif;
	font-size:16px;
}
#footer_atr_zert  > *:first-child {
	border-top:2px solid var(--color-yellow);
	padding: 10px 0;
}
#footer_atr_zert div.textpic.textpic-right{
	width: 100%;
	flex-wrap:nowrap;
	justify-content: flex-end;
}
#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-gallery{
	padding-left:10px;
	text-align:left;
	width:fit-content;
}
#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-text{
	padding-right:10px;
	text-align:right;
	width: fit-content;
}
#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-gallery div.gallery-row{
	flex-wrap:nowrap;
}
#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-gallery div.gallery-row div.gallery-item.gallery-item-size-2{
	width:auto;
	margin-left:10px;
}
#footer_atr_zert img{
	max-height:100px;
	width:auto;
	max-width:215px;
	margin-left:0;
}
@media all and (max-width: 801px){
	#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-text p{
		margin-top:0;
	}
}
@media all and (max-width: 767px){
	#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-text{
		order:1;
	}
	#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-gallery{
		order:2;
	}
}
@media all and (max-width: 686px){
	#footer_atr_zert{
		max-height: fit-content;
	}
}
@media all and (max-width: 673px){
	#footer_atr_zert{
		max-height:unset;
	}
	#footer_atr_zert img {
		max-height: 80px;
	}
}
@media all and (max-width: 613px){
	#footer_atr_zert div.textpic.textpic-right{
		flex-wrap:wrap;
		justify-content: center;
	}
	#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-gallery{
		padding-left: 0;
		margin-bottom: 0;
		margin-top: 1em;
	}
	#footer_atr_zert div.textpic.textpic-right div.textpic-item.textpic-text {
		text-align: center;
	}
}
@media all and (max-width: 345px){
	#footer_atr_zert {
		padding: 15px;
	}
}
/* TÜV-Rheinland-Zertifizierung */

/* Allgemein */
body{min-width:375px !important}
p{line-height:1.7em; font-family:"Open Sans", sans-serif !important}
div.frame, div.frame div.frame-container{padding:0; margin:0; max-width:100%}
div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic, div.REboxRed div.REboxRedContent div.frame.frame-type-textmedia div.textmedia{margin-left:0; margin-right:0}
div.frame-collapsible,
div.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + div.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage),
div.frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + div.frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage),
div.frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + div.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage),
div.frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + div.frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage),
div.frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + div.frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage){margin-top:0}
div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{padding:0}
div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row{margin:0}
div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row div.gallery-item{padding:0}
div.frame + div.frame.frame-space-before-small{margin-top:1em !important}
div.frame.frame-space-after-small{margin-bottom:1em}
div.frame + div.frame.frame-space-before-medium{margin-top:2em !important}
div.frame.frame-space-after-medium{margin-bottom:2em}
ul{list-style:inside; font-size:16px; line-height:2em}
ul li{font-size:inherit}
div.ym-cbox > div.csc-default, div.subcolumns > div.c50l, div.subcolumns > div.c50r, div.subcolumns > div.c50l > div.subcl, div.subcolumns > div.c50r > div.subcr, div.subcolumns > div.c50l > div.subcl > div.csc-default, div.subcolumns > div.c50r > div.subcr > div.csc-default{overflow:unset}
div.textmedia, div.textpic{margin-left:0; margin-right:0}
/*figure img, figure picture{max-width:max-content}*/
#startseite #main div.frame.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image a picture img{min-width:154px}
div.textmedia-item, div.textpic-item{padding-left:0; padding-right:0}
video{max-width:100%}
/* Allgemein */

/* Bild/Text-Element mit Bild links */
div:not(#startseite) div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery{margin-right: 16px; width: calc(50% - 16px)}
div:not(#startseite) div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery figure a{display:block; width:100%}

div:not(#startseite) div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-text{width: 50%;}
/* Bild/Text-Element mit Bild links */

/* Menü-Button */
#navigation #smart_nav_bt.smart_nav_bt{margin-left:20px}
/* #navigation #smart_nav_bt.menu_ison::before{background-color:transparent} */
#smart_nav_bt.menu_ison::before{background-size:30px}
#smart_nav_bt.menu_isoff::before{background-size:30px !important}
#navigation #nav{padding:1.8em 0.8em 1.8em 1em; width:fit-content; min-width:20em;}
#navigation #nav > li{font-size:1.8em}
#navigation #nav > li a{line-height:1.5em}
#navigation #nav ul.subnav > li {font-size: 1.5em}
/* Menü-Button */

/* Konzept-Logo & Werkstattname */
#header #header_name{width:calc(100% - 260px - 30px)}
#header, #header.small{height:auto}
#header.small{padding:15px 0; font-size:inherit}
#header.small #header_name {width: calc(100% - 260px - 30px)}
#header.small #header_name #header_firmname {width: calc(100% - 120px - 2em)}
#header.small #logo2{float:left}
#header #mh-logo.mh-logo{height:100%}
#header #mh-logo.mh-logo img{transition:all 0.4s}
#header #div_logo-headername #header_name h2{padding-bottom:10px; transition:all 0.4s}
#header.small #div_logo-headername #header_name h2{border-bottom: 1px #ffd100 solid}
#header #logo2 img{max-width:200px}
/* Konzept-Logo */

/* Bilder-Carousel im Header */
div.carousel{padding:0}
div.carousel ol.carousel-indicators{display:none}
#subheader{margin-top:138px; padding:30px}
#subheader #header_image{margin:0; width:66.8%}
#subheader #header_grey{margin:0; width:calc(100% - 66.8%); max-height:490px; overflow:hidden}
#subheader #header_image, #subheader #header_image div{max-height:490px}
#subheader #header_image div.frame.frame-type-carousel div.carousel div.carousel-inner div.item.carousel-item div.carousel-image{height:100%}
#subheader #header_image div.frame.frame-type-carousel div.carousel div.carousel-inner div.item.carousel-item div.carousel-image img{height:auto; width:100%}
#startseite #subheader #header_image div.frame div.carousel span.carousel-control-icon{color:#fff; background-color:transparent}
#startseite #subheader #header_image div.frame div.carousel span.carousel-control-icon::before{content:none}
#startseite #subheader #header_image div.frame div.carousel div.carousel-inner div.item.carousel-item{max-height:490px; height:unset}
/* Bilder-Carousel im Header */

/* Graue-Box rechts von Bilder-Carousel */
#header_yellow{max-width:100%; overflow:hidden; background-color:#e6e6e6; height:100%}
#header_yellow div.frame{margin-top:0}
#header_yellow div.frame.frame-type-table table.table{margin:20px 0; font-size:16px}
#header_yellow div.frame.frame-type-table table.table caption{color:#002851; caption-side:top; padding:0; line-height:1.6em}
#header_yellow div.frame.frame-type-table table.table td{color:#002851; padding:0; vertical-align:middle; border:none; line-height:1.6em}
#header_yellow div.frame.frame-type-table table.table td:first-child{width:6em}
#header_yellow div.frame div.textpic{margin-left:0; margin-right:0; align-items:center}
#header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{width:30px; height:30px; margin:0}
#header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figcaption.caption{display:none}
#header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div, #header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figure, #header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery a, #header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery picture{width:100%; height:100%}
#header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery img{width:100%; height:auto; background-color:#e6e6e6; border:1px solid #002851; border-radius:4px}
#header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{padding:0; order:2; width:auto; margin-left:10px}
#header_yellow div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text p{margin:0}
#header_grey #header_yellow div.frame.frame-type-text p{line-height:1.7em; margin:0}
/* Graue-Box rechts von Bilder-Carousel */

/* Infobuttons */
#infobuttons{position:absolute; right:250px; top:14px}
#infobuttons > div{position:relative !important; float:left !important; margin-right:20px !important; margin-left:0; right:unset !important; top:unset !important; text-align:left}
#infobuttons > div:last-child{margin-right:30px !important}
#infobuttons > div div.frame, #infobuttons > div div div.frame div.frame-container, #infobuttons > div div div.frame div.frame-container div.textpic, #infobuttons > div div div.frame div.frame-container div.textpic-item.textpic-gallery, #infobuttons > div div div.frame div.frame-container div.textpic-item.textpic-gallery div{padding:0; margin:0}
#infobuttons #phoneLogo #phoneLogoText{background-color:#f2f2f2; border:1px solid #ccc; padding:1em}
#infobuttons #phoneLogo #phoneLogoText h2{margin-top:0}
#infobuttons #phoneLogo #phoneLogoText #span_anfahrt_link{padding:20px 0 0 0}
#infobuttons #timeLogo #timeLogoText{border:1px solid #ccc; background-color:#f2f2f2}
#infobuttons #timeLogo #timeLogoText div.frame.frame-type-table table.table{margin:0}
#infobuttons #timeLogo #timeLogoText div.frame.frame-type-table table.table caption{color:#002851; caption-side:top; padding:0; line-height:1.6em}
#infobuttons #timeLogo #timeLogoText div.frame.frame-type-table table.table td{padding:0; vertical-align:middle; border:none; line-height:1.6em}
#infobuttons #timeLogo #timeLogoText div.frame.frame-type-table table.table td:first-child{width:6em}
#infobuttons #link2facebook img{width:26px}
#infobuttons #link2facebook #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text,
#infobuttons div[id*="Text"] div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{display:none}
#infobuttons #link2facebook #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image{margin:0}
#infobuttons #link2facebook #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image figcaption.caption{display:none}
#infobuttons #link2facebook #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text,
#infobuttons div[id*="Text"] div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{position:absolute; width:auto; min-width:300px; top:30px; right:calc(100% - 30px); background-color:#f2f2f2; border:1px solid #ccc; padding:1em}
#infobuttons #link2facebook #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text p,
#infobuttons div[id*="Text"] div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text p{margin:0}
#infobuttons #link2facebook:hover #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text,
#infobuttons #whatsapp:hover #whatsappText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text,
#infobuttons #instagram:hover #instagramText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text,
#infobuttons #twitter:hover #twitterText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{display:block}
#infobuttons div.frame.frame-type-textpic div.textpic-item.textpic-gallery{order:1; width:100%}
#infobuttons div::before{width:26px; height:26px}
#infobuttons #timeLogoImg::before{background-size:cover}
#infobuttons #span_anfahrt_link{background-color:unset}
#provenExpert{width:30px; height:30px}
#infobuttons #whatsapp{height:30px; width:30px; border:2px solid #002851; border-radius:4px; background-color:#fe0}
#infobuttons p{line-height:1.7em; font-family:"Open Sans", sans-serif !important}
#infobuttons #instagram{height:30px; width:30px; border:2px solid #002851; border-radius:4px; background-color:#fe0}
/* Infobuttons */

/* Services auf Startseite */
#startseite div.ym-col1 div.ym-cbox div.REboxBlue{padding:0 25px; margin:0}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent{height:100%; box-sizing:border-box; height:80px; overflow:hidden; display:block}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent div{height:100%; max-width:unset}
#startseite div.ym-cbox div.REboxBlue > div.REboxBlueContent > div.frame.frame-type-shortcut{display:block}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent div.frame div.frame-container div.frame-inner.str_wrap div.csc-default{float:left; padding:7px 0; margin:0; width:auto; height:83px; position:relative; display:block; overflow:visible; box-sizing:border-box}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent div.frame div.frame-container div.frame-inner.str_wrap div.csc-default div.csc-header.csc-header-n.service_name{left:.6em; position:absolute; top:3.6em}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent div.frame div.frame-container div.frame-inner.str_wrap div.csc-default:hover div.csc-header.csc-header-n.service_name{display:block}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent div.frame div.frame-container div.frame-inner.str_wrap div.csc-default div.csc-header.csc-header-n.service_name h4{color:#002851; font-size:13px}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent div.frame div.frame-container div.frame-inner.str_wrap div.csc-default div.ToolBox div.ToolBoxImage img{position:static; width:61px !important; height:auto; padding:0 7px; margin:0}
/* Services auf Startseite */

/* Blocks auf Startseite */
div.REboxRed div.REboxRedContent div.frame.frame-type-header:first-child{margin-bottom:2em}
#startseite #main div.subcolumns div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery,
#startseite #main div.subcolumns div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap.csc-textpic-single-image{width:154px; float:left; margin:0 1.3em 0 0}
#startseite #main div.subcolumns div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-text{float:left; width:calc(100% - 154px - 1.3em); padding-left:0; padding-right:0}
#startseite #main div.subcolumns div.REboxRed div.REboxRedContent div.frame.frame-type-textpic + div.frame.frame-type-div hr{border-bottom:none; border-top:3px dotted #eee; height:1px; margin:2em 0; padding:0; border-left:none; border-right:none}
/* Blocks auf Startseite */

/* Aktionen-Seite */
#aktuellesaktionen #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-above div.textpic-item.textpic-gallery{float:left; width:305px; margin: 0 20px 0 0}
#aktuellesaktionen #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-above div.textpic-item.textpic-text{float:left; width:calc(100% - 325px); padding-left:0; padding-right:0}
#aktuellesaktionen #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic + div.frame.frame-type-div hr{border-bottom:none; border-top:1px solid rgba(0,0,0,0.1); height:1px; margin:2em 0; padding:0; border-left:none; border-right:none}
/* Aktionen-Seite */

/* Kontakt-Seite */
#kontakt #main div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table{margin-top:2em}
#kontakt #main div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table table.table caption{color:#000; caption-side:top; padding:0; line-height:1.6em}
#kontakt #main div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table table.table td{padding:0; vertical-align:middle; border:none; line-height:1.6em}
#kontakt #main div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table table.table td:first-child {width: 4em}
#kontakt div.subcolumns div.c50r div.subcr div.frame-type-shortcut div.tx-powermail form.powermail_form fieldset div.powermail_fieldwrap_termin div.powermail_field div.checkbox label{display:inline-block;}
#kontakt div.subcolumns div.c50r div.subcr div.frame-type-shortcut div.tx-powermail form.powermail_form fieldset div.powermail_fieldwrap_termin div.powermail_field div.checkbox label input.powermail_checkbox{margin-right:15px;}
#kontakt div.subcolumns div.c50r div.subcr div.frame-type-shortcut div.tx-powermail form.powermail_form fieldset div.powermail_fieldwrap_datenschutz div.powermail_field div.checkbox label{display:inline-block;}
#kontakt div.subcolumns div.c50r div.subcr div.frame-type-shortcut div.tx-powermail form.powermail_form fieldset div.powermail_fieldwrap_datenschutz div.powermail_field div.checkbox label input.powermail_checkbox{margin-right:15px;}
#kontakt div.subcolumns div.c50r div.subcr div.frame-type-shortcut div.tx-powermail form.powermail_form fieldset div.powermail_fieldwrap_type_submit div.powermail_field input.powermail_submit{width:100px;}
#kontakt div.tx-powermail form.powermail_form fieldset.powermail_fieldset{
	display: flex;
	flex-direction: column;
}
#kontakt div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_type_check div.powermail_field div.checkbox label{
	width:100%
}
/* Kontakt-Seite */

/* Services auf Service-Seite */
#unser-service div.ToolBox div.ToolBoxContent header.frame-header{display:none}
#unser-service div.ym-cbox div.frame.frame-type-header:first-child{background-color:#fff; padding:20px 60px 20px 30px}
#unser-service div.ym-cbox div.frame.frame-type-header:first-child div.frame-container div.frame-inner header.frame-header h2.element-header{margin:0px; color:#002851; font-family:"Oswald",sans-serif; font-size:2.125em; font-weight:300; line-height:1.2em; text-transform:uppercase}
#unser-service div.csc-default.col2{margin-right:8px !important; margin-bottom:0px; margin-left:8px !important; padding:8px !important}
#unser-service div.csc-default.col1, div.csc-default.col3{margin-bottom:0px; padding:8px !important}
#unser-service div.csc-default.curCell div.csc-header.csc-header-n.service_name{width:calc(100% - 10em - 8px); transition: all 1s}
#unser-service div.csc-default.unAct div.csc-header.csc-header-n.service_name{width:calc(100% - 3.3em - 8px); transition: all 1s}
#unser-service div.csc-default.curCell div.csc-header.csc-header-n.service_name h4{font-weight:bold; font-size:26px; transition: all 1s; font-family:'Varela Round',sans-serif}
#unser-service div.csc-default.unAct div.csc-header.csc-header-n.service_name h4{font-weight:normal; font-size:20px; transition: all 1s; font-family:'Varela Round',sans-serif}
#unser-service div.csc-default.unAct div.ToolBoxImage{width:3.3em; height:3.3em; transition: all 0.8s}
#unser-service div.csc-default.curCell div.ToolBoxImage{width:10em; height:10em; transition: all 1s}
#unser-service div.csc-default.unAct div.ToolBoxContent{height:72.8px; transition: height 1s}
#unser-service #main.services{background-color:unset; border:0 none; box-shadow:none; box-sizing:border-box; display:block; float:left; max-width:100% !important; min-width:32.2em !important; outline:medium none; padding:0; text-shadow:none; width:100%; line-height:1.5em; margin:0}
#unser-service #main.services div.frame.frame-type-shortcut{overflow:hidden; width:100%}
#unser-service #main.services div.frame.frame-type-shortcut div.frame-container{max-width:100%; overflow:hidden; width:100%}
/* Services auf Service-Seite */

/* TÜV-Siegel */
div.tx-nn-kuwe-tuev div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap.csc-textpic-single-image{float:left}
/* TÜV-Siegel */

/* Banner */
#div_banner{overflow:initial; top:0}
#div_banner #bannerContent figure.image{margin-bottom:0}
#div_banner #bannerContent p{padding-top:0; line-height:1.5em}
#div_banner #bannerContent p:last-child{margin-bottom:20px}
#div_banner #bannerContent div.frame.frame-type-image div.gallery-row{margin:0}
#div_banner #bannerContent div.frame.frame-type-image div.gallery-row div.gallery-item{padding:0}
/* Banner */

/* Single news */
#aktuellesnewsnews-detail #main div.news.news-single div.article div.teaser-text h4{font-size:18px}
/* Single news */

/* motus */
#startseite div.div_kumaglink_thumb.nn-div-kumaglink-thumb{width:154px}
#startseite div.div_kumaglink_text{width:calc(100% - 154px - 1.3em)}
/* motus */

/* TÜV-Rheinland-Box */
div.tx-nn-kuwe-tuev-zertifizierung{
	overflow:hidden;
	width:100%;
}
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic-imagewrap.csc-textpic-single-image{
	margin-right:0 !important;
	margin-bottom:1em;
}
/* TÜV-Rheinland-Box */

@media all and (max-width:1024px){
	#startseite #subheader #header_grey #header_yellow{padding:1em; font-size:14px}
}
@media all and (max-width:888px){
	#header_name {margin-left: 1em}
	#subheader{padding:1em}
	div.subcolumns div.REboxRed{padding:20px}
	#startseite div.ym-col1 div.ym-cbox div.REboxBlue {padding: 0 1em}
	#subheader + #main div.subcolumns div.REboxRed {padding: 1em}
	#infobuttons #phoneLogo #phoneLogoText{width:20em; left:-18em}
}
@media all and (max-width:848px){
	div.REboxRedContent h2{width:100%}
}
@media all and (max-width:816px){
	#startseite #subheader #header_image{width:100%; float:none}
	#startseite #subheader #header_image div.frame-container{max-width:100%}
	#startseite #subheader #header_image div.frame-container div.carousel div.carousel-item div.valign{max-width:100%}
	#startseite #subheader #header_grey{width:100%; max-width:unset; float:none; height:auto}
	#smart_nav_bt{justify-content: flex-start}
	#smart_nav_bt.menu_isoff::before{padding: 0.79em 0; width: 35px}
	#header #header_name #header_firmname, #header.small #header_name #header_firmname{width:100%; float:left}
	#header #header_name #logo2, #header.small #header_name #logo2{float:left}
}
@media all and (max-width:800px){
	#startseite #main div.subcolumns div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery, #startseite #main div.subcolumns div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap.csc-textpic-single-image{width:100%; margin:0; float:none}
	#startseite #main div.subcolumns div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-text{width:100%; float:none}
	figure img, figure picture{max-width:100%}
	#header #header_name h2{font-size:1.5em}
	#subheader{margin-top:78px}
	#ac-logo.ac-logo{width:180px}
	#infobuttons{right:180px}
	#infobuttons > div:last-child {margin-right: 0px !important; margin-left:0}
	#header #header_name{width: calc(100% - 180px); display:block}
	#header #header_name #header_firmname, #header.small #header_name #header_firmname{width:100%; float:left}
	#header #header_name #logo2, #header.small #header_name #logo2{float:left}
	div.ym-wbox #header.small #header_name h2{padding-bottom: 10px}
	div.ym-wbox #header.small #header_name {width: calc(100% - 180px); height: 76px}
	div:not(#startseite) #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-above div.textpic-item.textpic-gallery, div:not(#startseite) #main div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery{float:none; width:100%; margin:0 0 20px 0}
	div:not(#startseite) #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-above div.textpic-item.textpic-text, div:not(#startseite) #main div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-text{float:none; width:100%}
	a:hover, a:focus{background-color:transparent}
	#infobuttons #phoneLogo #phoneLogoText h2 {font-size:1.5em}
	/* motus */
	#startseite div.div_kumaglink_thumb.nn-div-kumaglink-thumb{width:100%; float:none}
	#startseite div.div_kumaglink_thumb.nn-div-kumaglink-thumb img{width:100%; height:auto}
	#startseite div.div_kumaglink_text{width:100%; float:none}
	/* motus */
}
@media all and (max-width:700px){
	#navigation div.ym-hlist #infobuttons #phoneLogo:hover #phoneLogoText{left:-9em}
	#navigation div.ym-hlist #infobuttons #timeLogo:hover #timeLogoText{left:-9em}
	#infobuttons #link2facebook #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text, #infobuttons div[id*="Text"] div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{right:-8em}
}
@media all and (max-width:580px){
	/* Vorbereitung für Infobuttons-Textboxen */
}
@media all and (max-width:575px){
	#startseite #subheader #header_image div.frame div.carousel div.carousel-inner div.item.carousel-item{padding-left:0; padding-right:0}
	#header #header_name{flex-direction:column; align-items:flex-start; float:none}
	#header_firmname, #header.small #header_name #header_firmname{width:100%}
	#header #logo2{width:100%; margin-left:0; margin-top:15px; margin-bottom:15px}
	#subheader {margin-top: 95px}
	#header #logo2 img{margin:0}
}
@media all and (max-width:553px){
	#navigation div.ym-hlist #infobuttons #phoneLogo:hover #phoneLogoText {left:-3em}
	#navigation div.ym-hlist #infobuttons #timeLogo:hover #timeLogoText {left:-5em}
}
@media all and (max-width:530px){
	#smart_nav_bt.menu_isoff::after, #smart_nav_bt.menu_ison::after {content: ""}
}
@media all and (max-width:480px){
	#ac-logo.ac-logo {width: 115px; height:80px}
	div.ym-wbox #header.small #header_name {width: calc(100% - 115px)}
	#infobuttons {right: 120px}
	#header #header_name {width: calc(100% - 115px)}
	#ac-logo img {height: 56px; margin:10px 0 0 25px}
}
@media all and (max-width:422px){
	/* Vorbereitung für Infobuttons */
	#navigation div.ym-hlist #infobuttons{right:0; display:flex; flex-direction:column; top:100px}
	#navigation div.ym-hlist #infobuttons > div{margin-right:0 !important; margin-bottom:20px !important}
	#navigation div.ym-hlist #infobuttons #phoneLogo:hover #phoneLogoText, #navigation div.ym-hlist #infobuttons #timeLogo:hover #timeLogoText{left:unset; right:0; top:0; z-index:-1}
	#infobuttons #link2facebook #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text, #infobuttons div[id*="Text"] div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text {right:0; top:0; z-index:-1}
}

#infobuttons #link2facebook:focus-within #link2facebookText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text, #infobuttons #whatsapp:focus-within #whatsappText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text, #infobuttons #instagram:focus-within #instagramText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text, #infobuttons #twitter:focus-within #twitterText div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text {
	display: block;
}

#meta-navigationeinfache-sprache .frame-type-shortcut img {
	width: auto;
}