/* 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 */

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);
}
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-imagewrap a{
	display:flex;
	justify-content:flex-end;
	width:100%;
	height:100%;
}
div.tx-nn-kuwe-tuev-zertifizierung div.csc-textpic.csc-textpic-left div.csc-textpic-imagewrap a img{
	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%;
	}
}
#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-blue);
	padding: 10px 0;
	border-top:2px solid var(--color-yellow);
}
#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;
}
#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: 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 */
div.frame, div.frame.frame-default{margin:0; padding:0; overflow:hidden}
.csc-default .frame.frame-subcolumns.subcolumns.subcolumns_2 {
	overflow: unset !important;
}
.div_kumaglink_thumb.nn-div-kumaglink-thumb {
	margin-top: 5px;
}
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.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%;width:auto!important;}
div.textmedia-item, div.textpic-item{padding-left:0; padding-right:0}
div.frame.frame-type-header header.frame-header h3.element-header{margin-bottom:1em}
div.frame div.frame-container div.frame-inner p{margin-right:0; margin-top: 0em}
div.pswp.pswp--supports-fs.pswp--open div.pswp__caption div.pswp__caption__center div.pswp__caption__title{text-align:center}
div.pswp.pswp--supports-fs.pswp--open div.pswp__caption div.pswp__caption__center div.pswp__caption__subtitle{display:none}
#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;
}
/* 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 auf Unterseiten */
#titel{margin-top:187px; top:0; height:auto}
/* Header-Bilder auf Unterseiten */

/* Konzept-Logo und Werkstatt-Name */
div.ym-wbox div#header{border:none}
div.ym-wbox div#header div#mh-logo.mh-logo{box-sizing:content-box; padding-left:13px; padding-right:13px}
div.ym-wbox div#header div#mh-logo.mh-logo a{display:flex; align-items:center}
div#header.small{background:var(--color-blue); font-size:inherit; border:none}
div.ym-wbox div#header div#header_name h2{padding-left:25px; padding-right:25px}
/* 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}
/* Banner */

/* Menü */
nav#navigation div.ym-hlist #nav li ul.subnav{left:0}
/* Menü */

/* 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}
/* Services auf Startseite */

/* Überschrift */
h2.element-header, h2.csc-firstHeader{text-align:center !important}
div.frame.frame-type-header header.frame-header h2.element-header span{border-bottom:none; color:var(--color-blue); font-family:"Varela Round",sans-serif; font-size:48px; line-height:1.2em; margin:0; 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}
div.REboxRedContent h2{text-transform:uppercase}
/* Ü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 */
body > div:not(#startseite) #main{margin:0 auto}
#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 */
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)}
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-yellow); border-radius: 8px 0 0 8px;}
#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{opacity:1; left:-26em}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text{background:var(--color-blue); box-sizing:border-box; padding:1em; color:var(--color-white); left:6em; position:absolute; top:0em; width:26em; opacity:0; 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; color:var(--color-white)}
#infobuttons div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text p{font-size:16px; line-height:16px; 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; color:var(--color-white)}
#infobuttons #phoneLogo #phoneLogoText{padding:16px}
#infobuttons #phoneLogo #phoneLogoText div:first-child{margin-bottom:1em}
#infobuttons #phoneLogo #phoneLogoText h2{color:var(--color-yellow); margin:0; font-size:20px; line-height:20px; font-weight:bold; font-family:"Varela Round",sans-serif}
#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-yellow); 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 #link2facebook picture{border-radius:8px 0 0 8px}
#infobuttons #link2facebook #link2facebookText div.textpic div.textpic-item.textpic-text{border: 1px solid var(--color-blue); border-radius: 8px 0 0 8px}
#infobuttons #whatsapp #whatsappText div.textpic div.textpic-item.textpic-text{border-radius:8px;border:1px solid var(--color-blue)}
/* 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:'Varela Round', 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 #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:var(--color-black); 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 #main div.c50l header.frame-header h3.element-header{text-align:left}
/* Werkstatt-Daten auf Kontakt-Seite */

/* Kontakt-Seite */
#kontakt #main form.powermail_form fieldset.powermail_fieldset div.row{display:unset;margin:0;}

#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 #main div.c50r div.tx-powermail div.container-fluid{padding:0}
#kontakt #main div.c50r div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap{width:100%; max-width:100%;padding:0;}
#kontakt #main div.c50r div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap div.col-sm-10{max-width:100%;padding-right:0;}
#kontakt #main div.c50r div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap div.checkbox label{width:100%}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap label, div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap_textarea label.powermail_label{
	max-width:100%;
	padding:0;
}
/* 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 */

/* 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}
/* #aktuellesaktionen #main div.frame.frame-type-text header.frame-header h2.element-header{font-size:3em !important} */
/* Standard-Aktionen auf Aktionen-Seite */

/* News zusammen mit Tipps in einem Block auf Start-Seite zB Amato */
#startseite.nn-wrapper div.ym-wrapper div.ym-wbox #main div.ym-column.linearize-level-1 div.ym-col1 div.ym-cbox > div.frame + div.frame.frame-subcolumns.subcolumns.subcolumns_2{padding:30px}
/* News zusammen mit Tipps in einem Block auf Start-Seite zB Amato */

/* 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;
}
.csc-default .frame.frame-default {
	overflow: unset;
}

/*figure img, figure picture {
	display: unset;
}*/

@media only screen and (max-width: 1280px){
	#navigation #nav li:hover ul.subnav {top:3.2em}
	#startseite div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text h2{font-size:48px !important}
}
@media all and (max-width:1000px){
	#navigation.fixed + #infobuttons + #main {margin: 0em auto 0}
	div.ym-wrapper div.ym-wbox nav#navigation{display:none}
	div#header div#ac-logo.ac-logo a{
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}
	div#header div#ac-logo.ac-logo a img{
		margin: 0;
		width: auto;
		height: 80%;
		max-height:80px
	}
	div.frame.frame-type-header header.frame-header h2.element-header span{font-size:22px}
	#startseite div.REboxRed div.REboxRedContent div.frame.frame-type-textpic div.textpic div.textpic-item.textpic-text h2{margin-bottom:1em !important; font-size: 22px !important; text-align:center}
	body > div:not(#startseite) #titel{margin-top:100px}
	body > div:not(#startseite) #main div.REboxRed div.REboxRedContent div.frame p{margin-right:0}
}
@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%}
}
@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:624px){
	div#header div#ac-logo.ac-logo a img{margin:0 !important; height:60%}
	div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-gallery {margin-right:0; width:100%}
	div.REboxRedContent div.frame.frame-default.frame-type-textpic div.textpic.textpic-left div.textpic-item.textpic-text {width:100%}
	#startseite #infobuttons + #main div.news div.news-list-view div.nn-news-list-item.news-list-item.article{width:100%; margin-right:0; margin-left:0; float:none}
	#footer div#top_door, #footer div#footerbanner{width:100%, align-content:center; text-align: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}
}
@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}
}