/* 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#navigation + div:not(#ueber-uns) figure.image figcaption.caption{
	text-align: left;
	font-size: 7px;
	padding-top: 0;
}

/* TÜV-Rheinland-Zertifizierung */
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-imagewrap{
	float:left;
	width: calc((100% - 1.3em) / 2);
	text-align:right;
}
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{
	float:right;
	width: calc((100% - 1.3em) / 2);
}
@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%;
	}
}
/* TÜV-Rheinland-Zertifizierung */

.gallery-item img, .gallery-item picture {
	width: 100%;
	height: auto;
}
/* Bild in der Mitte */
div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-below div.textpic-item.textpic-gallery div.gallery-row{
	display: flex;
	align-items: center;
}
div.REboxRed div.REboxRedContent div.frame.frame-type-image div.frame-container div.frame-inner div.gallery-row{
	display: flex;
	align-items: center;
}
div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-below div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image,
div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image{max-width:400px; margin:0 auto}
/* Bild in der Mitte */

/* Allgemein */
div.frame, div.frame.frame-default{margin:0; padding:0; overflow:hidden}
div.frame div.frame-container{margin:0; padding:0; max-width:none}
div.frame + div.frame{margin-top:0 !important}
div.frame.frame-space-before-small, div.frame + div.frame.frame-space-before-small{margin-top:1em !important}
div.frame.frame-space-after-small, div.frame + div.frame.frame-space-after-small{margin-bottom:1em !important}
div.frame.frame-space-before-medium, div.frame + div.frame.frame-space-before-medium{margin-top:2em !important}
div.frame.frame-space-after-medium, div.frame + div.frame.frame-space-after-medium{margin-bottom:2em !important}
div.REboxRedContent div.frame-type-textpic div.table-responsive table td{
	padding:10px;
	vertical-align:top;
}
div.REboxRedContent div.frame-type-textpic div.table-responsive table td:first-child{
	padding-left:0;
}
div.REboxRedContent div.frame-type-textpic div.table-responsive table td:last-child{
	padding-right:0;
}
div.REboxRedContent div.frame-type-textpic div.table-responsive table td p:first-child{
	margin-top:0;
}
div.frame.frame-type-table table.table caption{caption-side:top}
div.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figure.image figcaption.caption{text-align:left;}
ul{list-style: inside}
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:100%;}
div.textmedia-item, div.textpic-item{padding-left:0; padding-right:0}
#startseite #main div.REboxRed div.REboxRedContent div.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row{margin:0}
div.frame.frame-type-header header.frame-header h3.element-header{margin-bottom:1em}
#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-gallery{width:calc(50% - 10px); margin-right:20px}
#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-text{width:calc(50% - 10px)}
#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-text header h1{margin-top:0}
@media all and (max-width: 1000px){
	#titel + #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-text header h1{margin-top:0}
}
/* Allgemein */

/* Header-Bilder als Slider auf Startseite */
#startseite div.frame div.carousel {margin:0; padding:0}
#startseite div.frame div.carousel div.carousel-item{height:auto}
#startseite div.frame div.carousel div.carousel-item div.carousel-content div.valign{max-width:none}
#startseite #subheader #header_image div.frame div.carousel span.carousel-control-icon{color:var(--color-white); background-color:transparent}
#startseite #subheader #header_image div.frame div.carousel span.carousel-control-icon::before{content:none}
/* Header-Bilder als Slider auf Startseite */

/* Header-Bilder als Slider auf Unterseiten */
div#titel.header_sub img{max-height:100%}
/* Header-Bilder als Slider auf Unterseiten */

/* Konzept-Logo und Werkstatt-Name */
div.ym-wbox div#header{border:none}
div.ym-wbox div#header div#mh-logo.mh-logo, div.ym-wbox div#header.small div#mh-logo.mh-logo{box-sizing:content-box; padding-left:13px !important; padding-right:13px !important}
div.ym-wbox div#header div#mh-logo.mh-logo a{display:flex; align-items:center}
/* div.ym-wbox div#header div#header_name div {display: flex; align-self: baseline; flex-direction: column; justify-content: center} */
div#header.small{background:none; font-size:inherit; border:none}
div.ym-wbox div#header div#header_name div{display:flex; align-items:center}
div.ym-wbox div#header div#header_name div.frame-type-text div.frame-inner{
	background-color:var(--color-yellow);
	align-items:center;
	justify-content:left;
}
div.ym-wbox div#header div#header_name h2{padding:0 25px; height:auto; background:none; max-height:100%}
div.ym-wbox div#header.small div#header_name h2{padding:0 25px; height:auto}
div.ym-wbox div#header.small div#header_name{width:calc(100% - 191px - 26px)}
div.ym-wbox div#header div#header_name h2 + p{margin:0 1em 0 0}
@media all and (max-width: 675px){
		div.ym-wbox div#header div#header_name h2 + p{display:none}
}
div.ym-wbox div#header div#header_name figure.image picture img{max-height:84px}
/* Image anstatt Firmenname */
#header #header_name div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-item figure.image{background-color:var(--color-yellow);}
/* Image anstatt Firmenname */
/* Firmen-Logo auf unterseiten */
#header #logo_firm *{height:100%}
#header #logo_firm img{max-height:100%}
/* Firmen-Logo auf unterseiten */
/* Konzept-Logo und Werkstatt-Name */

/* Banner */
#div_banner #bannerContent ul.list-normal{padding:10px 20px}
#div_banner #bannerContent p + ul.list-normal{padding-top:0}
#div_banner #bannerContent div.frame-type-image figure{margin-bottom:0}
/* Banner */

/* Services auf Startseite */
#startseite div.ym-col1 div.ym-cbox div.REboxBlue{padding:0 25px; margin:35px 0px 15px 0px}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent{height:100%; box-sizing:border-box; height:88px; overflow:hidden}
#startseite div.ym-cbox div.REboxBlue div.REboxBlueContent div{height:100%}
#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:4em}
#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:var(--color-blue); 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; height:auto; padding:0 7px; margin:0}
#startseite div.ym-wrapper div.REboxBlue{background-color:transparent !important}
/* Services auf Startseite */

/* Überschrift */
h2.element-header{text-align:center}
div.frame.frame-type-header header.frame-header h2.element-header span{border-bottom:none; color:var(--color-blue); font-family:"Oswald",sans-serif; font-size:48px; line-height:1.2em; margin:0 0 0.5em; padding-bottom:10px; position:static; width:100%; text-align:center; font-weight:300; text-transform:uppercase; display:inline-block}
div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text header.frame-header h2.element-header{text-transform:none}
/* Überschrift */

/* Services auf Service-Seite */
#unser-service #main{overflow:hidden}
#unser-service #main div.ym-column{box-sizing:border-box; width:100%}
#unser-service div.ToolBox div.ToolBoxContent header.frame-header{display:none}
#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-top:20px; margin-bottom:20px}
#unser-service div.csc-default.col2{margin-right:8px !important; margin-bottom:8px !important; margin-left:8px !important; padding:8px !important}
#unser-service div.csc-default.col1, div.csc-default.col3{margin-bottom:8px !important; padding:8px !important}
#unser-service div.csc-default.curCol, #unser-service div.csc-default.curCol.unAct{max-width:50%}
#unser-service div.csc-default.unAct{max-width:calc((50% - 16px - 2px) / 2)}
#unser-service div.csc-default.curCell div.csc-header.csc-header-n.service_name{width:calc(100% - 10em - 8px); transition: width 1s}
#unser-service div.csc-default.unAct div.csc-header.csc-header-n.service_name{width:calc(100% - 3.3em - 8px); transition: width 1s}
#unser-service div.csc-default.curCell div.csc-header.csc-header-n.service_name h4{font-weight:bold; font-size:26px; transition: font-size 1s; word-break:break-word}
#unser-service div.csc-default.unAct div.csc-header.csc-header-n.service_name h4{font-weight:normal; font-size:20px; transition: font-size 1s; word-break:break-word}
#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:var(--color-white) none repeat scroll 0 0; 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:75%; line-height:1.5em; margin:1% 12.5%}
#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%}
#unser-service #main.services div.frame.frame-type-shortcut div.frame-container div.frame-inner{overflow:hidden; width:100%}
#unser-service #main div.frame.frame-type-shortcut div.csc-default.serviceBox_mobil{width:86%; margin:20px 7%; border:none}
#unser-service #main div.csc-default.serviceBox_mobil.serviceBox_ie8 div.ToolBox div.ToolBoxContent div.frame.frame-type-text ul, #unser-service #main div.csc-default.serviceBox_mobil.serviceBox_ie8 div.ToolBox div.ToolBoxContent div.frame.frame-type-text ul li{line-height:1.25em; font-size:1em !important}
/* Services auf Service-Seite */

/* Inhalte auf Unterseiten */
#main div.ym-cbox div.REboxRed{background:var(--color-white) none repeat scroll 0 0; 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:40px 15% 50px; text-shadow:none; width:75%; line-height:1.5em; margin:0 12.5%}
/* Bild/Text-Element mit Bild links */
body > div:not(#startseite) div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery{margin-right: 1em; width: calc(50% - 0.5em)}
body > div:not(#startseite) div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-text{width: calc(50% - 0.5em);}
/* Bild/Text-Element mit Bild links */
body > div:not(#startseite) div.frame.frame-type-text header.frame-header h2.element-header span{display:inline-block}
/* Inhalte auf Unterseiten */

/* InfoButtons */
#infobuttons div.frame{overflow:unset}
#infobuttons div.frame.frame-type-textpic div.textpic{margin:0; display:block}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{padding:0; width:84px; height:84px}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div, #infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figure, #infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery picture{width:100%; height:100%; margin:0; padding:0}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figure a{display:block; width:100%; height:100%}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figure picture{background-color:var(--color-blue);}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figure picture img{width:100%; height:auto}
#infobuttons div.frame.frame-type-textpic div.textpic:hover div.textpic-item.textpic-text, #infobuttons div.frame.frame-type-textpic div.textpic:focus-within div.textpic-item.textpic-text{opacity:1; left:-26em}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{background:var(--color-white); box-sizing:border-box; padding:1em; color:var(--color-blue); left:6em; position:absolute; top:0em; width:26em; opacity:0; border:1px solid #e0e0e0; transition:all 0.4s; z-index:-1; text-align:left}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text a{font-family:'Open Sans', sans-serif; font-size:16px}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text p{font-size:16px; line-height:1.5em; margin:0; font-weight:bold}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text h2{font-size:20px; line-height:20px; margin:0; font-weight:bold}
#infobuttons #phoneLogo #phoneLogoText{padding:16px; background-color:var(--color-white)}
#infobuttons #phoneLogo #phoneLogoText div:first-child{margin-bottom:1em}
#infobuttons #phoneLogo #phoneLogoText h2{color:var(--color-blue); margin:0; font-size:20px; line-height:20px; font-weight:bold}
#infobuttons #phoneLogo #phoneLogoText #span_anfahrt_link{padding:0; margin-top:20px}
#infobuttons #timeLogo #timeLogoText table.table caption{font-size:20px; font-weight: bold; color:var(--color-blue); margin-bottom:1em}
#infobuttons #timeLogo #timeLogoText table.table td{border:none; padding:0; line-height:1.5em}
#infobuttons #timeLogo #timeLogoText table.table td:first-child{width:4em}
/* InfoButtons FB */

/* Werkstatt-Daten auf Kontakt-Seite */
#kontakt div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-text header.frame-header h2.element-header{margin:0; text-align:left}
#kontakt div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-text header.frame-header h2.element-header span{font-size:24px; line-height:1.3em; margin:0; text-shadow:none; color:var(--color-black); font-family:'Oswald', sans-serif; font-weight:300}
#kontakt div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table table.table{margin-top:30px; margin-bottom:0}
#kontakt div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table table.table caption{font-variant:normal; text-align:left; color:var(--color-font); padding:0}
#kontakt div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table table.table td{border:none; padding:0; width:100px}
#kontakt div.subcolumns div.c50l div.subcl div.frame.frame-type-shortcut div.frame.frame-type-table table.table td:last-child{width:calc(100% - 100px)}

#kontakt div.subcolumns div.c50r div.subcr div.frame.frame-type-shortcut div.frame.frame-type-text header.frame-header h2.element-header{margin:0; text-align:left}
#kontakt div.subcolumns div.c50r div.subcr div.frame.frame-type-shortcut div.frame.frame-type-text header.frame-header h2.element-header span{font-size:24px; line-height:1.3em; margin:0; text-shadow:none; color:var(--color-black); font-family:'Oswald', sans-serif; font-weight:300}
#kontakt div.subcolumns div.c50r div.subcr div.frame.frame-type-shortcut div.frame.frame-type-table table.table{margin-top:30px; margin-bottom:0}
#kontakt div.subcolumns div.c50r div.subcr div.frame.frame-type-shortcut div.frame.frame-type-table table.table caption{font-variant:normal; text-align:left; color:var(--color-font); padding:0}
#kontakt div.subcolumns div.c50r div.subcr div.frame.frame-type-shortcut div.frame.frame-type-table table.table td{border:none; padding:0; width:100px}
#kontakt div.subcolumns div.c50r div.subcr div.frame.frame-type-shortcut div.frame.frame-type-table table.table td:last-child{width:calc(100% - 100px)}
 .notel{display:none;}

#phoneLogoText  .notel{display:block;}
/* Werkstatt-Daten auf Kontakt-Seite */

/* Kontakt-Formular auf Kontakt-Seite */
#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{width:100%; display:flex;}
#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 p{width: auto; margin-top: 0; padding-left: 10px;}
#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{width:100%; display:flex;}
#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 p{width: auto; margin-top: 0; padding-left: 10px;}
#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-Formular auf Kontakt-Seite */

/* Standart-Aktionen auf Startseite */
#startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50l div.subcl div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery, #startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50r div.subcr div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{float:none; width:100%; margin:0 0 10px 0}
#startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50l div.subcl div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text, #startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50r div.subcr div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{float:none; width:100%; margin:0}
#startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50l div.subcl div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text header.frame-header h2.element-header, #startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50r div.subcr div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text header.frame-header h2.element-header{margin: 0;
font-size:unset; line-height:unset; padding:0; text-align:left}
#startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50l div.subcl div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text header.frame-header h2.element-header a, #startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50r div.subcr div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text header.frame-header h2.element-header a{margin:0}
#startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50l div.subcl div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text header.frame-header h2.element-header a span, #startseite div.REboxRed div.REboxRedContent div.subcolumns div.c50r div.subcr div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text header.frame-header h2.element-header a span{margin:0; font-size:24px; line-height:28px; padding:0}
/* Standart-Aktionen auf Startseite */

/* Blöcke auf Startseite */
#startseite #main div.ym-cbox > div:nth-child(2n){background-color:var(--color-grey)}
#startseite #main div.ym-cbox > div:nth-child(2n) div.REboxRed{background-color:var(--color-grey)}
/* Blöcke auf Startseite */

/* Bild-Element auf Startseite direkt unter Header-Element */
#startseite #main div.REboxRed div.REboxRedContent div.frame.frame-type-header + div.frame.frame-type-image div.gallery-row div.gallery-item figure.image{max-width:450px; margin:0 auto 1rem}
/* Bild-Element auf Startseite direkt unter Header-Element */

/* Standard-Aktionen auf Aktionen-Seite */
#aktuellesaktionen #main div.REboxRedContent > div.frame.frame-type-textpic, #aktuellesaktionen #main div.REboxRedContent > div.frame.frame-type-list{margin-bottom:2em; margin-left:0: margin-right:0; padding-bottom:2em; border-bottom:1px solid rgba(0,0,0,0.1)}
#aktuellesaktionen #main div.REboxRedContent > div.frame.frame-type-textpic:last-child, #aktuellesaktionen #main div.REboxRedContent > div.frame.frame-type-list:last-child{margin-bottom:0; border-bottom:none}
#aktuellesaktionen #main div.frame.frame-type-textpic div.textpic{margin-left:0; margin-right:0}
#aktuellesaktionen #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{width:404px; float:left; margin-bottom:0; padding:0; margin-right:30px}
#aktuellesaktionen #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{width:calc(100% - 404px - 30px); float:left; padding-left:0; padding-right:0}
#aktuellesaktionen #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text h1{margin-top:0}
/* Standard-Aktionen auf Aktionen-Seite */

/* News auf News-Detail-Seite */
div.news.news-single div.article div.teaser-text h4{font-size:15px}
#aktuellesnewsnews-detail div.news.news-single div.article div.news-img-wrap div.mediaelement.mediaelement-image a.lightbox{padding:0}
/* News auf News-Detail-Seite */

/* TÜV-Siegel auf Startseite */
div.tx-nn-kuwe-tuev div.csc-textpic div.csc-textpic-imagewrap{display:flex}
/* TÜV-Siegel auf Startseite */

/* Werkstatt-Prospekt auf Startseite */
div.tx-nn-kuwe-prospekts div.div_pdflink_thumb a{display:block; width:100%; height:100%}
div.tx-nn-kuwe-prospekts div.div_pdflink_thumb a img{width:100%; height:auto}
div.tx-nn-kuwe-prospekts div.div_pdflink_text{margin-top:20px; text-align:center}
/* Werkstatt-Prospekt auf Startseite */

/* WdV auf Startseite */
div.tx-nn-kuwe-wdv div.csc-textpic div.csc-textpic-imagewrap{display:flex}
/* WdV auf Startseite */

/* FCE 3-Spalte */
div.subcolumns_3{overflow:hidden}
div.subcolumns_3 div.frame.frame-type-textpic div.textpic{margin-left:0; margin-right:0}
div.subcolumns_3 div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{padding:0; width:100%; float:left}
div.subcolumns_3 div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row{margin:0}
div.subcolumns_3 div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row div.gallery-item{padding:0}
div.subcolumns_3 div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{padding:0; width:100%; float:left}
/* FCE 3-Spalte */

/* FCE 2-Spalte */
div.REboxRedContent div.subcolumns{overflow:hidden}
div.REboxRedContent div.subcolumns + div.subcolumns, div.REboxRedContent div.subcolumns + div.frame.frame-type-div + div.subcolumns{margin-top:30px}
div.REboxRedContent div.subcolumns div.c50l{margin-right:30px}
div.REboxRedContent div.subcolumns div.c50r{margin-left:30px}
div.REboxRedContent div.subcolumns div.c50l, div.REboxRedContent div.subcolumns div.c50r{width:calc((100% - 60px) / 2); float:left}
div.REboxRedContent div.subcolumns div.c50l div.subcl, div.REboxRedContent div.subcolumns div.c50r div.subcr{width:100%; float:none}
/* FCE 2-Spalte */

/* Bilder in 2 spalten */
div.frame.frame-default.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row div.gallery-item.gallery-item-size-2{margin-bottom:1rem}
/* Bilder in 2 spalten */

/* Datenschutz */
#meta-navigationdatenschutz .REboxRedContent h3 {
  text-align: left;
}
#meta-navigationimpressum .REboxRedContent h3 {
  text-align: left;
}
/* Block Text oben/Bild unten */
div.gallery-row:last-child {margin-bottom: 0;}
/* Block Text oben/Bild unten */

@media only screen and (max-width: 837px){
	div.ym-wbox > #subheader > #header.small #header_name{width:calc(100% - 191px - 26px)}
	body > div:not(#startseite) #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{float:none; width:100%; margin-right:0}
	body > div:not(#startseite) #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery picture, body > div:not(#startseite) #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery figure, body > div:not(#startseite) #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery img{width:100%; margin-left:0; margin-right:0}
	body > div:not(#startseite) #main div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{float:none; width:100%}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image a{display:block; width:100%; height:100%}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image a picture, #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-gallery div.gallery-row div.gallery-item figure.image a picture img{max-width:100%}
	#titel + #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-text header h1{margin-top:1em}
}
@media only screen and (max-width: 800px){
	div.ym-wbox div#header div#mh-logo.mh-logo img, div.ym-wbox div#header.small div#mh-logo.mh-logo img{width:141px !important; margin:0}
	div#footer div#footerbanner{margin-bottom:0}
	#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery{padding:0; width:70px; height:70px}
	div.ym-wbox #header #header_name, div.ym-wbox #header.small #header_name{width: calc(100% - 141px - 26px - 70px)}
	#unser-service #main div.csc-default.serviceBox_mobil.serviceBox_ie8 div.ToolBox div.ToolBoxImage{width:15%}
	#unser-service #main div.csc-default.serviceBox_mobil.serviceBox_ie8 div.ToolBox div.ToolBoxContent{width:calc(100% - 15% - 1em)}
	#unser-service #main div.csc-default.serviceBox_mobil.serviceBox_ie8 div.ToolBox div.ToolBoxContent div.frame.frame-type-text p:nth-child(2), #unser-service #main div.csc-default.serviceBox_mobil.serviceBox_ie8 div.ToolBox div.ToolBoxContent div.frame.frame-type-text div p:nth-child(1){margin-top:0}
	#unser-service #main div.frame.frame-type-header header.frame-header h2.element-header span{font-size:22px}
}
@media only screen and (max-width:630px){
	#footer div#top_door, #footer div#footerbanner{justify-content:center}
}
@media only screen and (max-width: 605px){
	#main div.ym-cbox div.REboxRed{padding-left:3%; padding-right:3%; width:80%; margin:0 10%; min-width:80% !important;}
	div.tx-nn-kuwe-wdv > div.REboxRed > div.REboxRedContent > div.csc-default > div.csc-textpic > div.csc-textpic-imagewrap > img{width:100%; height:auto}
}
@media only screen and (max-width:575px){
	#startseite div.frame div.carousel div.carousel-item{padding:0}
	#startseite div.ym-wrapper div.ym-wbox div#header{position:relative}
	#startseite div.ym-wrapper div.ym-wbox div#header.small{position:fixed}
	#main div.REboxRed div.REboxRedContent div.subcolumns_3 > div{width:100%; float:none}
	#main div.REboxRed div.REboxRedContent div.subcolumns_3 > div.c33m{margin:60px 0}
	#main div.REboxRed div.REboxRedContent div.subcolumns_3 div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text p{margin-top:0}
	div.subcolumns_3 div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery div.gallery-row div.gallery-item{margin-bottom:0}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-header:first-child header.frame-header h2.element-header,
	#main div.frame.frame-type-shortcut div.frame.frame-type-list div.REboxRed div.REboxRedContent h2.csc-firstHeader{margin-bottom:1em !important; font-size:22px !important}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-header:first-child header.frame-header h2.element-header span{font-size:inherit}
	#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{font-size:13px !important}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-text p:first-child{margin-top:0}
	#main div.csc-default div.subcolumns div.c50l {display:block; float:left; margin-right:0px; width:100%; margin-bottom:60px}
	#main div.csc-default div.subcolumns div.c50r {display:block; float:left; margin-left:0px; width:100%}
	#startseite #main div.REboxRed div.REboxRedContent div.frame.frame-type-list div.news div.news-list-view div.nn-news-list-item.news-list-item.article{display:block; float:left; margin-left:0; margin-right:0; width:100%}
	#startseite #main div.REboxRed div.REboxRedContent div.frame.frame-type-list div.news div.news-list-view div.nn-news-list-item.news-list-item.article:first-child{margin-bottom:60px}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-gallery {
		width: 100%;
		margin-right: 0px;
	}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-left div.textpic-item.textpic-text {
		width: 100%;
	}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row div[class*="gallery-item-size-"].gallery-item{
		width:100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row div[class*="gallery-item-size-"].gallery-item figure, #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row div[class*="gallery-item-size-"].gallery-item figure a, #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row div[class*="gallery-item-size-"].gallery-item figure a picture, #main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row div[class*="gallery-item-size-"].gallery-item figure a picture img{
		width:100%;
		max-width:100%;
	}
	#main div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.frame-container div.frame-inner div.textpic.textpic-above div.textpic-item.textpic-gallery div.gallery-row div[class*="gallery-item-size-"].gallery-item figure a{height:100%; display:block}
}
@media only screen and (max-width:550px){
	div.ym-wbox div#header div#header_name h2, div.ym-wbox div#header.small div#header_name h2{padding: 0 0 0 10px}
}
@media only screen and (max-width:510px){
	div.ym-wbox div#header div#header_name h2, div.ym-wbox div#header.small div#header_name h2{font-size:24px !important}
	#subheader #header_image{min-height:unset}
}
@media only screen and (max-width:479px){
	div.ym-wbox div#header div#header_name h2, div.ym-wbox div#header.small div#header_name h2{font-size:22px !important}
	div.tx-nn-kuwe-kumag div.REboxRed div.REboxRedContent div.div_kumaglink_thumb.nn-div-kumaglink-thumb a img.img_pdflink{width:100%; height:auto}
}
@media only screen and (max-width:415px){
	#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-gallery {width:44px; height:44px}
	div.ym-wbox div#header div#mh-logo.mh-logo img, div.ym-wbox div#header.small div#mh-logo.mh-logo img {width:100% !important; margin:0 !important; height:auto !important}
	div.tx-nn-kuwe-tuev > div.REboxRed > div.REboxRedContent > div.csc-default > div.csc-textpic > div.csc-textpic-imagewrap img{width:100%; height:auto}
	#footer div#footerbanner, #footer div#top_door{flex-direction:column}
	div.ym-wbox > #subheader > #header.small #header_name{width:calc(100% - 120px - 70px)}
	#footer div#top_door span.span_menu_trenner{display:none}
}
@media only screen and (max-width:320px){
	div.ym-wbox #header #header_name, div.ym-wbox #header.small #header_name, div.ym-wbox > #subheader > #header.small #header_name{width:calc(100% - 120px - 70px) !important}
}

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

#infobuttons #starLogoImg:before {
	background-color: var(--color-blue)!important;
}