/* 12.06.2025 fl Variablen hinzufügen */

:root {
    --color-yellow: #ffd100;
    --color-blue: #005ca9;
    --color-grey: #e6e6e6;
    --color-white: #ffffff;
    --color-font: #262626;
    --color-black: #000000;
    --color-light-grey: #f2f2f2;
    --color-light-blue: #005ca9;
    --color-warm-yellow: #ffd100;
    --color-lighter-grey: #ddd;
}

html.high-contrast {
    --color-yellow: white;
    --color-blue: black;
    --color-warm-yellow: white;
}

html.high-contrast .ToolBoxImage img {
    filter: grayscale(100%);
}

html.high-contrast #footer a:focus-within, html.high-contrast #navigation #nav a:focus-within {
    outline: 2px solid white;
}

/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Open Sans Condensed";
    font-display: auto;
    src: url("../../../font/OpenSans-CondBold.eot"); /* IE9 Compat Modes */
    src: url("../../../font/OpenSans-CondBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /*  url("../../../font/OpenSans-CondBold.otf") format("opentype"), /* Open Type Font */
    url("../../../font/OpenSans-CondBold.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/OpenSans-CondBold.woff") format("woff"), /* Modern Browsers */
    url("../../../font/OpenSans-CondBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/OpenSans-CondBold.svg") format("svg"); /* Legacy iOS */
    font-weight: 700;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Open Sans Condensed";
    font-display: auto;
    src: url("../../../font/OpenSansCondensed-Light.eot"); /* IE9 Compat Modes */
    src: url("../../../font/OpenSansCondensed-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /*  url("../../../font/OpenSansCondensed-Light.otf") format("opentype"), /* Open Type Font */
    url("../../../font/OpenSansCondensed-Light.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/OpenSansCondensed-Light.woff") format("woff"), /* Modern Browsers */
    url("../../../font/fonts/OpenSansCondensed-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/OpenSansCondensed-Light.svg") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Varela Round";
    font-display: auto;
    src: url("../../../font/VarelaRound-Regular.eot"); /* IE9 Compat Modes */
    src: url("../../../font/VarelaRound-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /*  url("../../../font/VarelaRound-Regular.otf") format("opentype"), /* Open Type Font */
    url("../../../font/VarelaRound-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/VarelaRound-Regular.woff") format("woff"), /* Modern Browsers */
    url("../../../font/VarelaRound-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/VarelaRound-Regular.svg") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Roboto";
    font-display: auto;
    src: url("../../../font/Roboto-Bold.eot"); /* IE9 Compat Modes */
    src: url("../../../font/Roboto-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /*  url("../../../font/Roboto-Bold.otf") format("opentype"), /* Open Type Font */
    url("../../../font/Roboto-Bold.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/Roboto-Bold.woff") format("woff"), /* Modern Browsers */
    url("../../../font/Roboto-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/Roboto-Bold.svg") format("svg"); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Roboto";
    font-display: auto;
    src: url("../../../font/Roboto-Regular.eot"); /* IE9 Compat Modes */
    src: url("../../../font/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /*   url("../../../font/Roboto-Regular.otf") format("opentype"), /* Open Type Font */
    url("../../../font/Roboto-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/Roboto-Regular.woff") format("woff"), /* Modern Browsers */
    url("../../../font/Roboto-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/Roboto-Regular.svg") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Oswald";
    font-display: auto;
    src: url("../../../font/Oswald-Medium.eot"); /* IE9 Compat Modes */
    src: url("../../../font/Oswald-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /* url("../../../font/Oswald-Medium.otf") format("opentype"), /* Open Type Font */
    url("../../../font/Oswald-Medium.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/Oswald-Medium.woff") format("woff"), /* Modern Browsers */
    url("../../../font/Oswald-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/Oswald-Medium.svg") format("svg"); /* Legacy iOS */
    font-weight: 700;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Oswald";
    font-display: auto;
    src: url("../../../font/Oswald-Regular.eot"); /* IE9 Compat Modes */
    src: url("../../../font/Oswald-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /*  url("../../../font/Oswald-Regular.otf") format("opentype"), /* Open Type Font */
    url("../../../font/Oswald-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/Oswald-Regular.woff") format("woff"), /* Modern Browsers */
    url("../../../font/Oswald-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/Oswald-Regular.svg") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Open Sans";
    font-display: auto;
    src: url("../../../font/OpenSans-Bold.eot"); /* IE9 Compat Modes */
    src: url("../../../font/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /*  url("../../../font/OpenSans-Bold.otf") format("opentype"), /* Open Type Font */
    url("../../../font/OpenSans-Bold.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/OpenSans-Bold.woff") format("woff"), /* Modern Browsers */
    url("../../../font/OpenSans-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/OpenSans-Bold.svg") format("svg"); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Open Sans";
    font-display: auto;
    src: url("../../../font/OpenSans-Regular.eot"); /* IE9 Compat Modes */
    src: url("../../../font/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        /* url("../../../font/OpenSans-Regular.otf") format("opentype"), /* Open Type Font */
    url("../../../font/OpenSans-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("../../../font/OpenSans-Regular.woff") format("woff"), /* Modern Browsers */
    url("../../../font/OpenSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../../font/OpenSans-Regular.svg") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
body {
    background: #fff  scroll 0 0;
    color: #000;
    font-family:'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.25em;
}
/* Firmen-Logo links von Firmen-name im Header auf Unterseiten zB Röske */
#logo_firm{
    float: left;
    height: 100%;
    display: flex;
    background-color: #fff;
    align-items: center;
}
@media all and (max-width:837px){
    #logo_firm{display:none}
}
/* Firmen-Logo links von Firmen-name im Header auf Unterseiten zB Röske */
/* ProvenExpert im Footer */
div#footer{display:flex !important;padding:1.4em 48px;justify-content:space-between}
#footer div#top_door, #footer div#footerbanner{display:flex; flex-wrap:wrap; justify-content:center}
@media all and (max-width:429px){
    #footer div#top_door{flex-direction:column}
    span.span_menu_trenner{display:none}
}
#footer div.pe-richsnippets{
    width: auto;
    display:flex
}
#footer div.pe-richsnippets a#pe_rating span#pe_name{padding:0}
div#footer div#footerbanner a{padding-left:5px}
@media all and (min-width:801px){
    #footer div.div_nav2top{display:none}
}
@media all and (max-width:883px){
    div#footer{
        flex-direction: column;
        height: auto;
        align-items: center;
    }
    div#footer div#top_door, div#footer div.pe-richsnippets, div#footer div#footerbanner{margin-bottom:1.5em}

}
/* ProvenExpert im Footer */
/* slick-Carousel zB bei Rieser->Fotos*/
div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent div.REboxRed{background:transparent}
div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent div.REboxRed > div.REboxRedContent > div.csc-default:first-child{background-color:transparent}
div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2), div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(3), div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(4){padding-left:0;padding-right:0;background-color:transparent}
div.slick-container [ID*="loader-slick-"] {position:relative}
div.slick-container div.slick-slider div.slick-list div.slick-track div.slick-item.slick-slide figure{padding:0 5px}
div.slick-slider ul.slick-dots{
    position: relative;
    bottom: -10px;
    margin: 10px 0 !important;
    overflow: hidden;
    display: flex !important;
    justify-content: center
}
div.slick-slider ul.slick-dots li{
    height: 12px;
    margin: 0 3px;
    width: 12px
}
div.slick-slider ul.slick-dots li button::before {color:var(--color-blue)}
/* slick-Carousel zB bei Rieser->Fotos*/

/* Google-Rezensionen zB Amato */
#googleRezensionenLogo {
    float: none;
    height: 84px;
    width: 84px;
    position: relative;
}
#googleRezensionenLogoImg::before {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    top:-3px;
    z-index: 10;
    content: "✪";
    font-size: 84px;
    color: #072f53;
    background-color: transparent;
    line-height: 84px;
    text-align: center;
}
#googleRezensionenLogoImg{
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #fe0;
    background-position: center;
    background-size: cover;
    border-radius: 8px 0 0 8px;
    box-sizing:border-box;
}
#googleRezensionenLogoText {
    background: #002851;
    box-sizing: border-box;
    padding: 1em;
    color:	#fff;
    left: 6em;
    position: absolute;
    top: 0em;
    width: 26em;
    opacity: 0;
    border: 1px solid #002851;
    border-radius: 8px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
#googleRezensionenLogo:hover #googleRezensionenLogoText {
    left: -26em;
    opacity: 1;
}
#googleRezensionenLogoText div.csc-default h2{margin:0}
#googleRezensionenLogoText div.csc-default h2 a{
    color: #fff;
    font-family: "Varela Round",sans-serif;
    font-size: 20px;
}
@media only screen and (max-width:624px){
    #googleRezensionenLogo {
        height: 44px;
        width: 44px;
    }
    #googleRezensionenLogoImg::before {
        border-radius: 8px 0 0 8px;
        content: "✪";
        cursor: pointer;
        display: block;
        line-height: 44px;
        position: relative;
        font-size: 44px;
        z-index: 10;
    }
    #googleRezensionenLogoText {
        width: 16em;
        color: #fff !important;
    }
    #googleRezensionenLogo:hover #googleRezensionenLogoText {
        left: -16em;
        opacity: 1;
    }
}
/* Google-Rezensionen zB Amato */
div.cc_banner-wrapper div.cc_banner.cc_container.cc_container--open p.cc_message a {
    font-size:0.9em !important;
    font-weight:bold;
    color:var(--color-yellow);
}
#disableGA.bodytext a{font-weight:bold}
/* Div mit Abstand links */
div.indent{margin-left:15px}
/* Div mit Abstand links */
/* Cookie-Banner */
div.cc_banner-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display:flex
}
div.cc_banner-wrapper div.cc_banner.cc_container.cc_container--open{
    opacity: .9;
    position: static;
    width: 100%;
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:center
}
div.cc_banner-wrapper div.cc_banner.cc_container.cc_container--open a.cc_btn.cc_btn_accept_all{
    margin-left:30px
}
/* Cookie-Banner */
/* WdV */
div.tx-nn-kuwe-wdv > div.REboxRed > div.REboxRedContent > div.csc-default > div.csc-textpic > div.csc-textpic-imagewrap{width:100%;margin:0 0 20px 0}
div.tx-nn-kuwe-wdv > div.REboxRed > div.REboxRedContent > div.csc-default > div.csc-textpic > div.csc-textpic-imagewrap > img{margin:0 auto}
div.tx-nn-kuwe-wdv > div.REboxRed > div.REboxRedContent > div.csc-default > div.csc-textpic > div.csc-textpic-text{width:100%;float:left;text-align:center}
/* WdV */
#span_anfahrt_link{padding:0 1em 1em;width:100%;display:inline-block;background-color:#fff;box-sizing:border-box}
figure img{width:100%;height:auto;box-sizing:border-box}
/* Video mit 2 Click */
div.tx-ldi2klickvideo-pi1 > div[id*="video"]{width:100% !important;/* height:auto !important;min-height:272px */}
div[id*="loadinfo-"]{
    position: relative !important;
    z-index: 1 !important;
    width: 75%;
    margin: 0 auto;
    padding-top: 50px;
}
/* Video mit 2 Click */
/* Bild-Caption */
div.csc-textpic div.csc-textpic-imagewrap figure figcaption.csc-textpic-caption{text-align: center}
/* Bild-Caption */
/* Embeded Video von default Media-Element */
embed{width:100%; height:480px}
/* Embeded Video von default Media-Element */
/* CSS für H3 mit Text "Verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:" auf Datenschutz-Seite */
div.csc-header h2.csc-firstHeader + h3{
    line-height: 1.5em;
    margin: .5em 0 1em;
    color: #262626;
    font-weight: 700;
    text-shadow: none;
    font-family: 'open sans';
    font-size: 1em;
    text-align:left;
    padding-left:7%;
}
/* CSS für H3 mit Text "Verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:" auf Datenschutz-Seite */
/* Zwei Bilder in eine Zeile im Bild-Element */
div.csc-textpic-imagecolumn.csc-textpic-firstcol + div.csc-textpic-imagecolumn.csc-textpic-lastcol{margin-left:30px}
/* Zwei Bilder in eine Zeile im Bild-Element */
/* Ext NN Simple User-Counter */
div.tx-nn-simple-fe-user-counter{margin:30px 0 0 0; font-size: smaller}
/* Ext NN Simple User-Counter */
/* Aktionen, Nachrichten und Servive-Tipps mit News System */
/* News System auf Startseite Design B: Single-Ansicht */
div.news.news-single div.article div.teaser-text h4{font-family:inherit}
div.news.news-single div.article div.news-img-wrap{float: left;margin:0 1.3em 1em 0px}
div.news.news-single div.article div.news-img-wrap div.outer p.news-img-caption{font-size:0.9em;font-style:italic;padding:0 2px}
/* News System auf Startseite Design B: Single-Ansicht */
/* News System auf Startseite Design B: List-Ansicht */
#infobuttons + #main div.news div.news-list-view hr.hr_newstrenner{display:none}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article{float:left;width:calc((100% - 60px) / 2 - 1px);clear:none;text-align:left}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article:first-child{margin-right:30px}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article:nth-child(3){margin-left:30px}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article div.div_news_image{width:100%;float:left}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article div.div_news_image div.news-img-wrap{float:none;margin:0;background:none;width:100%}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article div.div_news_image div.news-img-wrap a{display:block;width:100%;height:100%;background:none;float:none;padding:0;border:none}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article div.div_news_image div.news-img-wrap a img{float:none;width:100%;border:1px solid #ddd;box-sizing:border-box}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article div.div_news_text span.news-list-date{float:none;font-size:0.8em;padding:0;}
#infobuttons + #main div.news div.news-list-view div.news-list-item.article div.div_news_text div.header h1{margin:0}
/* News System auf Startseite Design B: List-Ansicht */
/* News System auf Aktuelles/Aktionen-Seite Design B: List-Ansicht */
#infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article {width:100%;margin:0;padding:0}
#infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article div.news-img-wrap{margin:0 30px 0 0;background:none;width:404px; max-width:100%;}
#infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article div.news-img-wrap div.outer{overflow:hidden;margin-bottom:30px;width:100%}
/* #infobuttons + #titel + #main div.news div.news-list-view hr.hr_newstrenner{display:none} */
/* News System auf Aktuelles/Aktionen-Seite Design B: List-Ansicht */
/* News System auf News-Seite Design B: List-Ansicht */
#infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article div.news-img-wrap a{border:none;padding:0;width:100%;height:100%}
#infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article div.news-img-wrap img, #infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article div.news-img-wrap a img{border:1px solid #ddd;width:100%;height:auto}
#infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article div.div_news_text span.news-list-date{float:none;padding:0;font-size:0.8em;}
#infobuttons + #titel + #main div.news div.news-list-view div.news-list-item.article div.div_news_text div.header h1{margin:0}
/* News System auf News-Seite Design B: List-Ansicht */
/* News System auf Aktionen-Detail Design B: Single-Ansicht */
#infobuttons + #titel + #main div.news.news-single div.article div.news-img-wrap{width:auto;max-width:404px;margin:0 30px 0 0}
#infobuttons + #titel + #main div.news.news-single div.article div.news-img-wrap div.outer{margin-bottom:30px}
#infobuttons + #titel + #main div.news.news-single div.article div.news-img-wrap div.outer img{width:100%}
#infobuttons + #titel + #main div.news.news-single div.article div.news-related-wrap{margin-top:40px}
#infobuttons + #titel + #main div.news.news-single div.article div.news-related-wrap div.news-related-news{border:none;padding:0}
/* News System auf Aktionen-Detail Design B: Single-Ansicht */
@media only screen and (max-width: 415px){
    /* News auf der Startseite */
    #infobuttons + #main div.news div.news-list-view div.news-list-item.article{width:100%}
    #infobuttons + #main div.news div.news-list-view div.news-list-item.article:first-child{margin-right:0}
    #infobuttons + #main div.news div.news-list-view div.news-list-item.article:nth-child(3){margin-left:0}
    /* News auf der Startseite */
}
/* Aktionen, Nachrichten und Servive-Tipps mit News System */
/* ### DA-DG Frame ### */
#dadgFrame ul li:before{content:none}
#dadgFrame .closeDetail button, #dadgFrame .closeResults button{margin-right:8px}
#dadgFrame div.row.paginationLeiste div.col-md-5 ul.pagination{margin-right:0}
/* ### DA-DG Frame ### */
/* ### Liste ### */
li{
    font-size: 1em;
    line-height: 1.5em;
}
/* ### Liste ### */
/* ### Video-Elemente ### */
div.video-js-box, div.video-js-box div.video-js{
    margin: 0 auto;
}
/* ### Video-Elemente ### */
/* ### Eigene Bullet-Points ### */
/* div.REboxRedContent div.csc-default ul li:before {
	content: "›  ";
	color: #262626;
	float:none;
} */
div.REboxRedContent div.csc-default ul{
    /* list-style:none; */
    text-align:left;
    list-style: outside;
}
div.REboxRedContent div.csc-default div.tx-jpcarousel-pi1 ul li:before{content:"";padding:0}
/* ### Eigene Bullet-Points ### */
/* ### Menu im RD ### */
#mobile_nav li{
    font-size: 16px;
}
#mobile_nav li ul.subnav{
    overflow:hidden;
}
#mobile_nav li ul.subnav li{
    line-height:1em;
    padding:0 !important;
}
#mobile_nav li ul.subnav li a{
    padding: 0.5em 2em !important;
}
/* ### Menu im RD ### */
/* ### Typo3-Icon für External-Link ausblenden ### */
img[src*="external_link_new_window.gif"]{
    display:none;
}
/* ### Typo3-Icon für External-Link ausblenden ### */
.align-left{
    text-align:left;
}
iframe{border:none;}
#titel + #main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50l{
    float: left;
    margin-right: 1em;
    overflow: hidden;
    width: calc((100% - 2em) / 2);
}
#titel + #main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50l div.subcl{
    float: none;
    width: 100%;
}
#titel + #main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50r{
    float: left;
    margin-left: 1em;
    overflow: hidden;
    width: calc((100% - 2em) / 2);
}
#titel + #main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50r div.subcr{
    float: none;
    width: 100%;
}
div.cc_banner-wrapper div.cc_banner.cc_container.cc_container--open p.cc_message {
    color: #fff;
    font-size: 0.9em !important;
    margin-top: 0;
    line-height: 2em;
}
div.ym-wrapper{
    margin-top: 0 !important;
}
div.tx-nnnfp-pi1 div.csc-default div.csc-textpic div.csc-textpic-imagewrap dd.csc-textpic-caption{
    background-color: unset;
}
div.tx-nnnfp-pi1{
    position:relative;
}
div.tx-nnnfp-pi1 div.action_service_price_2{
    left:325px;
    margin-right:0;
}
div.tx-nnnfp-pi1 div.action_service_price_mwst{
    float: none;
    left: 325px;
    position: relative;
    width: auto;
}
h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 0.7em 0 0;
    text-shadow: none;
    color:#000000;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
h3 {
    color: #4c4c4c;
}
ul {
    list-style: inside;
}
p{
    line-height:1.5em;
}
a {
    color: var(--color-blue);
    text-decoration: none;
    text-shadow: none;
}
a,a:link,a:visited{outline:none}
div.REboxRed div.REboxRedContent figure.csc-textpic-image figcaption.csc-textpic-caption{background:none;}
#header {
    color: #000;
    display: block;
    overflow:hidden;
    width: 100%;
    z-index:99;
    border-bottom: 1px solid #f2f2f2;
    height: 84px;
    padding: 0;
    transition: height 0.4s ease 0s;
    position: fixed;
    top: 0;
    background: var(--color-yellow);
}
div.ym-wbox #header #mh-logo.mh-logo{
    padding:0 34px;
    margin:0;
    background: #fff none repeat scroll 0 0;
    display:block;
    float:left;
    height: 100%;
    width:191px;
}
#header #mh-logo img{
    padding: 0;
    height:100%;
    width: 191px;
}
#header #mh-logo a{
    display: block;
    height: 50px;
    width: 191px;
}
div.ym-wbox #header #header_name{
    float:left;
    height:84px;
    margin-left:0;
}

#subheader {
    background: #fff none repeat scroll 0 0;
    color: #000;
    display: block;
    overflow:hidden;
    padding: 0 0  0px 0;
    width: 100%;
    position:relative;
    -webkit-transition: margin-top 0.4s ;
    transition:  margin-top 0.4s;
}
#subheader div.nivo-directionNav a {
    cursor: pointer;
    position: absolute;
    top: 2%;
    z-index: 9;
    opacity: 1;
    background: rgba(0, 0, 0, 0) url("/fileadmin/img/mh_arrows_l.png") no-repeat;
    background-size: cover;
}
#subheader div.nivo-directionNav a.nivo-nextNav {
    background: rgba(0, 0, 0, 0) url("/fileadmin/img/mh_arrows_r.png") no-repeat;
    background-size: cover;
}
#main {
    background: transparent;
    clear: both;
    margin: 0 auto;
    min-width: 320px;
    /*width: 73.72em;
	max-width:1180px;*/
    width:100%;
    max-width:100%;
}
div.ym-column div.ym-col1 div.ym-cbox div.csc-default:nth-child(2n) div.REboxRed {
    background: transparent none repeat scroll 0 0;
}

div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default {
    text-align: center;
}

#footer {
    background: var(--color-blue) none repeat scroll 0 0;
    border: none;
    color: #ffffff;
    margin: 0em;
    width: 100%;
    box-sizing:border-box;
    max-width:none;
    opacity: 1;
    padding: 1.4em 14px 1.4em 48px;
    text-align: left;
    font-size:0.8em;
    height:57px;
}
#footer .csc-default{
    float: none;
    padding: 0 1em;
    width: 100%;
}
.footer_yellow{
    float:left;
    width:40%;
}
.footer_yellow2{
    float:left;
    width:30%;
}

.footer_yellow h2{
    font-size:1.4em;
    color: #fff;
}
#footer a{font-size:inherit;color:#fff;}

.footer_yellow table.tbl_worktime{margin:0.5em 0 0;}
#footerbanner {
    padding: 0;
    float: right;
    margin: 0;
    clear: none;
}
#top_door{
    color: #fff;
    display: block;
    margin: 0;
    text-align:left;
    width: auto;
    float:left;
}
#top_door a{
    color:#fff;
    font-size:inherit;
}
#top_door a, #top_door a:focus, #top_door a:hover, #top_door a:active {
    color: #fff;
    font-size: inherit;
}
.ym-column {
    font-size: 1em;
}
div.ym-wrapper {
    background-color: transparent;
    /*background: url("../../../_processed_/csm_4_72f9e3b1f2.png") no-repeat scroll center bottom / cover  transparent;*/
    border:none;
    margin: 0 auto;
    max-width:100%;
    min-width:320px;
    width: 100%;
    z-index: 4;
}
div.ym-wbox{
    min-width:initial;
    width:100%;
    padding:0;
    min-width: 320px !important;
}
/*SSL HU-Reminder und Kontakt-Form*/
div.tx-powermail form.powermail_form fieldset.powermail_fieldset legend{display:none}
div.tx-powermail form.powermail_form fieldset.powermail_fieldset > div.row{overflow:hidden}
div.tx-powermail form.powermail_form fieldset.powermail_fieldset > div.row:first-child > div.powermail_fieldwrap:first-child{margin-top:0}
div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap{
    width:100%
}
div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap label + div{
    width: calc(75% - 0.5em);
    float: right
}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap div select,
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap div input.powermail_input {
    width:100%;
    height:2em;
    box-sizing:border-box
}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap div textarea{
    width: 100%;
    box-sizing:border-box;
    height:12em;
    outline:none;
    resize:none;
    padding:0.3em
}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_termin label,
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_datenschutz label{width:0}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_termin label + div,
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_datenschutz label + div{width:100%}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_termin label + div div.checkbox label,
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_datenschutz label + div div.checkbox label{width:100%}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_termin label + div div.checkbox label input[type="checkbox"],
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_datenschutz label + div div.checkbox label input[type="checkbox"]{margin-right:1em}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.nn-fileadmin-checkbox.powermail_fieldwrap_datenschutz label span.mandatory{display:none}
div.REboxRed div.REboxRedContent div.subcolumns div.tx-powermail form.powermail_form fieldset.powermail_fieldset div input.btn{
    min-width: 10em;
    min-height: 3em;
    background-color: var(--color-blue);
    color: #fff;
    font-size: 1em;
    line-height: 2em;
    border: none;
    float:right;
    cursor:pointer
}
/*SSL HU-Reminder und Kontakt-Form*/
#navigation{
    background:transparent;
    height: 57px;
    max-width:100%;
    min-width:320px;
    width: 100%;
    z-index: 100;
    position: fixed;
    top: 84px;
}
#navigation div.ym-hlist{
    background:var(--color-blue);
}
#navigation.fixed{
    position: fixed;
}
#navigation.fixed + #infobuttons + #main{
    margin:4em auto 0;
}
#infobuttons{
    position:fixed;
    top:calc((100% - 426px) / 2);
    z-index:101;
    display:block;
    right:0;
    width:84px;
}
#infobuttons > div{margin-top:30px}
#infobuttons > div:first-child{margin-top:0}
#phoneLogo{
    float: none;
    height:84px;
    width:84px;
    position:relative;
}
#phoneLogoText div.csc-default h2 {
    color: var(--color-blue);
    font-family: "open sans",sans-serif;
    font-size: 20px;
    /* line-height: 25px; */
    height: 100%;
    margin: 0;
}
#phoneLogoText #p_address{line-height:1.6em}
#phoneLogoText .csc-default{
    position:relative;
    box-sizing:border-box;
    padding:1em;
}
#phoneLogoText .csc-default:nth-child(1){
    padding-bottom:0em;
    height:auto;
}
#phoneLogoText .csc-default:nth-child(3){
    padding-top:0em;
}
#phoneLogoText #p_mail_title{
    margin:0;
}
#phoneLogoImg:before{
    content:" ";
    background: var(--color-blue) url("../../../img/MH_Icons_rgb_weiss_170111_Kontakt.png");
    width:84px;
    height:84px;
    display:block;
    cursor:pointer;
    position:relative;
    z-index:10;
    background-position:center;
    background-size:cover;
}
#phoneLogoImg, #timeLogoImg{cursor:pointer;}
#phoneLogo:hover #phoneLogoText, #phoneLogo:focus-within #phoneLogoText{
    left:-26em;
    opacity:1;
}
#phoneLogoText{
    background:#fff;
    box-sizing:border-box;
    padding:0 0em 0 0;
    color:var(--color-blue);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid #e0e0e0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
#phoneLogoText .csc-default{
    position:relative;
    background:#fff;
    box-sizing:border-box;
    padding:1em;
    color:var(--color-blue);
}
#timeLogo{
    float: none;
    height:84px;
    width:84px;
    /* margin: 30px 0; */
    position:relative;
}
#timeLogoImg:before{
    background: var(--color-blue) url("../../../img/MH_Icons_rgb_weiss_170111_Oeffnungszeiten.png");
    content:" ";
    display:block;
    width:84px;
    height:84px;
    cursor:pointer;
    position:relative;
    z-index:10;
    background-position:left top;
    background-size:cover;
    background-repeat:no-repeat;
}
#timeLogo:hover #timeLogoText, #timeLogo:focus-within #timeLogoText{
    left:-26em;
    opacity:1;
}
#timeLogoText{
    background:#fff;
    box-sizing:border-box;
    padding:1em;
    color:var(--color-blue);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid #e0e0e0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
#timeLogoText table{color:var(--color-blue);}
#timeLogoText table.tbl_worktime{margin: 0.5em 0;}
/*20180723_ala twitter*/
#twitter{
    float:none;
    height:84px;
    width:84px;
    border-radius: 8px 0 0 8px;
    position:relative;
}
#twitter div.csc-textpic-imagewrap{
    background-color: var(--color-blue);
    margin:0;
    z-index:1;
    position:relative;
}
#twitter div.csc-textpic-imagewrap figure{
    margin:0;
}
#twitter div.csc-textpic-imagewrap figure img{
    width:100%;
    height:auto;
}
#twitter div.csc-textpic-text{
    background:#fff;
    box-sizing:border-box;
    padding:1em;
    color:var(--color-blue);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid #e0e0e0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index:0;
    text-align:left;
}
#twitter div.csc-textpic-text h2{
    margin:0 auto;
    color: var(--color-blue);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#twitter div.csc-textpic-text h2 a{
    color: var(--color-blue);
}
#twitter:hover div.csc-textpic-text{
    left:-26em;
    opacity:1;
}
/*20180723_ala instagram*/
#instagram{
    float:none;
    height:84px;
    width:84px;
    border-radius: 8px 0 0 8px;
    position:relative;
}
#instagram div.csc-textpic-imagewrap{
    background-color: var(--color-blue);
    margin:0;
    z-index:1;
    position:relative;
}
#instagram div.csc-textpic-imagewrap figure{
    margin:0;
}
#instagram div.csc-textpic-imagewrap figure img{
    width:100%;
    height:auto;
}
#instagram div.csc-textpic-text{
    background:#fff;
    box-sizing:border-box;
    padding:1em;
    color:var(--color-blue);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid #e0e0e0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index:0;
    text-align:left;
}
#instagram div.csc-textpic-text h2{
    margin:0 auto;
    color: var(--color-blue);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#instagram div.csc-textpic-text h2 a{
    color: var(--color-blue);
}
#instagram:hover div.csc-textpic-text{
    left:-26em;
    opacity:1;
}
/*20180723_ala WhatsApp*/
#whatsapp{
    float:none;
    height:84px;
    width:84px;
    border-radius: 8px 0 0 8px;
    position:relative;
}
#whatsapp div.csc-textpic-imagewrap{
    background-color: var(--color-blue);
    margin:0;
    z-index:1;
    position:relative;
}
#whatsapp div.csc-textpic-imagewrap figure{
    margin:0;
}
#whatsapp div.csc-textpic-imagewrap figure img{
    width:100%;
    height:auto;
}
#whatsapp div.csc-textpic-text{
    background:#fff;
    box-sizing:border-box;
    padding:1em;
    color:var(--color-blue);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid #e0e0e0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index:0;
    text-align:left;
}
#whatsapp div.csc-textpic-text h2{
    margin:0 auto;
    color: var(--color-blue);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#whatsapp div.csc-textpic-text h2 a{
    color: var(--color-blue);
}
#whatsapp:hover div.csc-textpic-text{
    left:-26em;
    opacity:1;
}
/*20180723_ala WhatsApp*/
/*20170419_ala FB*/
#link2facebook{
    float:none;
    height:84px;
    width:84px;
    border-radius: 8px 0 0 8px;
    position:relative;
}
#link2facebook div.csc-textpic-imagewrap{
    background-color: var(--color-blue);
    margin:0;
    z-index:1;
    position:relative;
}
#link2facebook div.csc-textpic-imagewrap figure{
    margin:0;
}
#link2facebook div.csc-textpic-imagewrap figure img{
    width:100%;
    height:auto;
}
#link2facebook div.csc-textpic-text{
    background:#fff;
    box-sizing:border-box;
    padding:1em;
    color:var(--color-blue);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid #e0e0e0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index:0;
    text-align:left;
}
#link2facebook div.csc-textpic-text h2{
    margin:0 auto;
    color: var(--color-blue);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#link2facebook div.csc-textpic-text h2 a{
    color: var(--color-blue);
}
#link2facebook:hover div.csc-textpic-text{
    left:-26em;
    opacity:1;
}
/*20170419_ala FB*/
/*20170419_ala*/
#terminPlaner{
    height: 84px;
    /* margin-top: 30px; */
    width: 84px;
    position:relative;
}
#terminPlaner div.csc-textpic-imagewrap{
    background-color: var(--color-blue);
    margin:0;
    z-index:1;
    position:relative;
}
#terminPlaner div.csc-textpic-imagewrap figure{
    margin:0;
}
#terminPlaner div.csc-textpic-imagewrap figure img{
    width:100%;
    height:auto;
}
#terminPlaner div.csc-textpic-text{
    background:#fff;
    box-sizing:border-box;
    padding:1em;
    color:var(--color-blue);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid #e0e0e0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index:0;
}
#terminPlaner div.csc-textpic-text h2{
    margin:0 auto;
    color: var(--color-blue);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#terminPlaner:hover div.csc-textpic-text{
    left:-26em;
    opacity:1;
}
/*20170419_ala*/
div#header div#mh-logo.mh-logo a{display:block;width:100%;height:100%;}
#header_yellow {
    background: #f2f2f2;
    border:none;
    border-radius:0;
    box-shadow: none;
    color: var(--color-blue);
    display: block;
    float: right;
    margin: 0;
    max-width: 19.35em;
    min-width: initial;
    padding: 30px;
    position:static;
}
#header_grey {
    background: #f2f2f2;
    color: var(--color-blue);
    display: block;
    float: right;
    left: 1em;
    margin: 0px 29px 0 0;
    max-width: 370px;
    min-width: 15.7em;
    height:490px;
}
#header_name{
    float:none;
    height:84px;
}
#header_name div{
    height:100%;
}
#header_name h2{
    color: var(--color-blue);
    font-size: 2.125em;
    font-weight: bold;
    line-height: 1.2em;
    background: var(--color-yellow);
    margin:0;
    font-family: 'Oswald', sans-serif;
    padding:21px 45px;
    -webkit-transition: font-size 0.4s ;
    transition: font-size 0.4s;
    width:auto;
    display: inline-block;
    box-sizing: border-box;
    height:100%;
    text-transform: uppercase;
}
#header_name h1{
    color: var(--color-blue);
    font-size: 2.125em;
    font-weight: bold;
    line-height: 1.2em;
    background: var(--color-yellow);
    margin:0;
    font-family: 'Oswald', sans-serif;
    padding:21px 45px;
    -webkit-transition: font-size 0.4s ;
    transition: font-size 0.4s;
    width:auto;
    display: inline-block;
    box-sizing: border-box;
    height:100%;
    text-transform: uppercase;
}
div.ym-wbox #header #header_name h2 img{
    position:relative;
    bottom:15px;
}
div.ym-wbox #header #header_name h1 img{
    position:relative;
    bottom:15px;
}
#infobuttons figcaption.csc-textpic-caption {
    display: none;
}
#header_image {
    width:100%;
    margin: 0px 0em 0px 0px;
    min-width:initial;
    max-width:none;
}
#header_image  img{

    width:100%;

}
#header_image div.nivoSlider{margin:0;}
#header_image img {
    border: none;
    margin: 0;
}
#header #header_yellow div.csc-default #p_address{white-space:normal !important; text-align:left !important;}
#firm_logo {
    display: block;
    float: left;
    padding: 21px 21px 11px 21px;
    background: #fff;
}
.tbl_worktime{
    margin: 30px 0 30px -2px;
    color:var(--color-blue);
    line-height:1.4em;
    min-width: 100%;
}

div.REboxRed div.REboxRedContent div.subcolumns table.tbl_worktime{color:#262626;}
table.tbl_worktime td:first-child {
    width: 4em;
}
table.tbl_worktime > caption {
    font-weight: 300;
    text-align:left;
    padding-left:2px;
}
table.tbl_worktime > caption {
    font-weight: 300;
    text-align:left;
    padding-left:2px;
}
#infobuttons table.tbl_worktime > caption {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 1em;
}
tbody tr:hover th, tbody tr:hover td {
    background: transparent none repeat scroll 0 0;
}
tbody td {
    padding: 0;
}
#facebook_link {
    float:left;
    margin-bottom:30px;
}
div#header_yellow div.csc-textpic-imagewrap img {
    background: var(--color-blue);
}
#facebook_link figure.csc-textpic-image.csc-textpic-last{margin-bottom:0;}
#facebook_link img {
    float:left;
    width:22px;
    height:22px;
}
#facebook_link figcaption {
    float:left;
}
#facebook_link figcaption.csc-textpic-caption {
    background-color: transparent;
    font-style: normal;
    font-size:1em;
    padding:0 10px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
}



div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_img img {
    border: 1px solid #ddd;
    float: none;
    height: auto;
    margin: 0;
    /* width: 404px; */
}

div.csc-textpic-intext-left-nowrap img {
    height: auto;
    /* width: 404px; */
}

div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default {
    text-align: left;
    padding: 50px 20%;
    background:#ffffff;
}


div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2n-1){
    background:var(--color-grey);
}
div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2) {
    text-align: left;
    padding: 5px 20% 50px 20%;
    background:#ffffff;
}

div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child {
    text-align: left;
    padding: 10px 15%;
    background:#ffffff;
}
div.REboxRedContent .nn-news-list-header h3{text-align:left }
div.REboxRed {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0;
    max-width: 100% !important;
    min-width: 32.2em !important;
    outline: medium none;
    /*padding: 20px 60px 20px 30px;*/
    padding:0;
    text-shadow: none;
    width: 100%;
    line-height: 1.5em;
}
/* ############TEST NK ############# */
#video_9.video-js {
    margin-left: 14%;
}
div.subcolumns div.REboxRed {
    margin: 30px 0 0;
}
div.REboxRedContent h2 {
    color: var(--color-blue);
    font-size: 3em;
    font-weight: bold;
    line-height: 1.2em;
    position: relative;
    margin: 0.5em 0 0.5em 0;
    font-family: 'Oswald', sans-serif;
    padding-bottom:10px;
    width: 100%;
    text-align: center;
    border:none;
    font-weight:300;
    text-transform:uppercase;
}
div.REboxRedContent h3{text-align:left}
div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap{
    margin-right:1.3em;
}
div.csc-default > div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap + div.csc-textpic-text{
    margin-left:325px !important;
}
div.csc-default > div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap + div.csc-textpic-text h1{
    margin-top:0;
}
#titel{
    /* top:140px;
     position:relative; */
    height:auto;
    margin-top:141px;
}
#titel img{
    width:100%;
    height:auto;
}
.titel {
    background-position: center ;

    background-image: url("../../../_processed_/csm_3_93b667b35f.png");
    background-image: url("../../../../uploads/tx_imagecycle/slider3_01.png");

    position:relative;

    border-left: 0px none;
    border-right: 0px none;
    height:370px;
    background-repeat: no-repeat;
    background-size: cover;
}
.pagetitle{
    /* background: #ffd100 none repeat scroll 0 0; */
    box-sizing: border-box;
    color: var(--color-blue);
    display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 2.125em;
    font-weight: bold;
    height: 84px;
    line-height: 1.2em;
    margin: 0;
    padding: 21px 45px;
    transition: font-size 0.4s ease 0s;
    width: 20em;
    bottom:-230px;
    position:relative;
}

div.ym-cbox > div.csc-default > div.csc-frame-rulerAfter > div.csc-header h2 {
    border-bottom: none;
    color: var(--color-blue);
    font-family: "Oswald",sans-serif;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 1em;
    padding-bottom: 10px;
    position: static;
    width: 100%;
    text-align: center;
    font-weight:300;
    text-transform: uppercase;
}
div.REboxRedContent p{color:#262626;}

div.ym-col1, div.ym-col1 div.ym-cbox, div.ym-col1 div.ym-cbox div.csc-default{
    padding:0;
    margin:0;
    overflow:hidden;
}
div.ym-cbox div.REboxBlue{
    height:auto;
    background:#ffffff;
    overflow:hidden;
    width:100%;
    margin:0;
    padding:35px 30px 15px 30px;
    box-sizing:border-box;
}
div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxBlue div.REboxBlueContent  div.csc-default {
    float: left;
    margin: 0 0.6em 0.6em;
    width: 4em;
    height:6em;
    position:relative;
    display:block;
}
div.ym-cbox div.REboxBlue div.csc-frame-rulerAfter{background:none;display:block;}
div.ym-cbox div.REboxBlue div.csc-frame-rulerAfter div.csc-header h2{
    color: var(--color-blue);
    font-family: "Oswald",sans-serif;
    font-size: 2.125em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    padding-bottom: 10px;
    position: relative;
    width:auto;
    text-transform:uppercase;
}
div.REboxBlue div.REboxBlueContent  div.csc-default div.csc-header-n{
    display:none;
    left: 0;
    position: absolute;
    top: 4em;
}
div.REboxBlue div.REboxBlueContent  div.csc-default div.csc-header-n h1{color:var(--color-blue);font-size:1em;}

div.ym-cbox div.REboxBlue div.REboxBlueContent  div.ToolBox div.ToolBoxImage{
    position:static;
    margin:0;
}
div.ym-cbox div.REboxBlue div.REboxBlueContent  div.ToolBox div.ToolBoxImage img{
    position:static;
}
div.csc-default div.col1, div.csc-default div.col3 {
    box-sizing: border-box;
    float: left;
    margin: 8px 0 !important;
    padding: 8px !important;
}
div.csc-default div.col2{
    margin: 8px !important;
    box-sizing: border-box;
    float: left;
    padding: 8px !important;
}
#media.REboxRed div.REboxRedContent div.csc-default div.video-js-box{
    margin:0 auto;
}
/*Menü*/
#navigation div.ym-hlist{height:100%;}
/* #smart_nav_bt{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;position:static;width:6.2em;z-index:110;}
#smart_nav_bt:before{
	color:var(--color-blue);
	font-size:2.1em;
	font-weight:bold;
	box-sizing:border-box;
	padding: 0.5em 0.325em 1.1em 0.325em;
	box-sizing:border-box;
	height:100%;
	font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif;
}
#smart_nav_bt.menu_isoff:before{
	content:"\2630";
}
#smart_nav_bt.menu_ison:before{
	content:"\2715";
	background:rgba(255, 255, 255, 0.8);
}
#smart_nav_bt.menu_ison:after{content:"menü";text-transform:uppercase;color:var(--color-blue);font-size:1em;font-weight:bold;margin-left:0.7em;font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif;}
#smart_nav_bt.menu_isoff:after{content:"menü";text-transform:uppercase;color:var(--color-blue);font-size:1em;font-weight:bold;margin-left:0.5em;font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif;}
#navigation #nav ul.subnav{position:static;background:none;box-shadow:none;margin:0.2em 0 0.2em 1em;} */
#navigation #nav{
    /* background:rgba(255,255,255,0.95);
    padding: 1.8em 1em 2.4em 1em;
    position:static; */
    height:100%;
    box-sizing:border-box;
    /* width:22em;
    margin:0;
    border-bottom:1px solid #f2f2f2;
    border-right:1px solid #f2f2f2;
    border-left:1px solid #f2f2f2; */
}
#navigation  #nav li{
    display:table;
    position:relative;
}
#navigation  #nav li a{
    box-sizing: border-box;
    height: 100%;
    color:#fff;
    font-family: "Oswald",sans-serif;
    font-size: 1.5em;
    border:none;
    display: table-cell;
    vertical-align: middle;
}
#navigation #nav li.menuactive > a{color: var(--color-yellow);}
#navigation  #nav > li a:hover{
    background: var(--color-blue) !important;
    border:none;
    bottom:0em;
    color: var(--color-yellow);
    position: static;
}
#navigation  #nav li:hover ul.subnav {
    top: 3.5em;
    left:0;
}
#navigation  #nav li ul.subnav li a:hover{
    background: var(--color-blue) !important;
    border:none;
    bottom:0em;
    color: var(--color-yellow);
    position: static;
}
#navigation #nav ul {
    background: var(--color-blue);
}
/* #navigation #nav li{float:none;font-family: "oswald",Arial,Helvetica,sans-serif;margin:0;line-height:1.2em;}
#navigation #nav > li{font-size:2.125em}
#navigation #nav ul.subnav > li{font-size:0.7em;}
#navigation #nav li a{border:none;line-height:1.3em; font-size:1em}
#navigation #nav li a:hover{background:none !important;border:none;position:static;transition:none;color:#ffd100;} */
/*Menü*/

.div_news_list_date{
    font-size:0.8em;
}
.td_tt_news_list_title{
    font-family: 'Oswald', sans-serif;
    font-size: 1.3em;
}
dl.news-single-related h4 {
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-size:1.3em;
    margin: 0.7em 0;
}
.news_date{
    font-size:0.8em;
}

.news-single-related, .news-single-files, .news-single-links {
    margin: 0 0 3px;
    padding: 0px;
}
.news-single-additional-info {
    clear: both;
    margin-top: 15px;
    padding: 0px;
}
div.REboxRed div.REboxRedContent div.csc-default div.news-single-item div.news-single-img{
    margin:1em 1.3em 1em 0;
}
div.news-single-img p.news-single-imgcaption {
    background-color: #fff;
}
.tx-imagecycle-pi3 {
    width:100%;
    height:auto;
}
#content{line-height: 2em;}
div.subcolumns div.c50l div.subcl #p_mail_title{margin-top:2em;}
#anfahrt_img {
    border-width: 1px;
}
.content_small{
    width:73.3%!important;
}
#titel + #main.content_small div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default div.csc-header.csc-header-n{
    width: calc(100% - 4em) !important;
    transition: width 2s;
}
#titel + #main.content_small div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default div.csc-header.csc-header-n h1{
    color:var(--color-blue);
    font-size:0.9em !important;
    word-break: break-all;
}
#titel + #main.content_small div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default.curCell div.csc-header.csc-header-n{
    width: calc(100% - 11em) !important;
    transition: width 2s;
}
#titel + #main.content_small div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default.unAct div.csc-header.csc-header-n h1{
    font-size:1.3em !important;
    transition: font-size 1.5s linear;
    margin:0;
}
#titel + #main.content_small div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default.curCell div.csc-header.csc-header-n h1{
    font-size:1.6em !important;
    margin:0;
}
#navigation #nav li{
    margin:0;
}
#navigation  #nav > li:first-child > a{
    padding-left:0;
}
#navigation  #nav > li:last-child > a{
    padding-right:0;
}
#tbl_reifensuche{
    width: 100%;
}
#tbl_reifensuche #td_title{
    text-align: center;
    width: 100%;
}
#tbl_reifensuche #td_printBtn{
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    width: 100%;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1280px){
    div.REboxRed {
        padding: 40px 5% 50px!important;
    }

    #terminPlaner {
        height: 84px;
        margin-top: 18px;
        position: relative;
        width: 84px;
    }
}
@media only screen and (max-width: 1064px){
    #navigation #nav li a {
        font-size: 1.3em;
        vertical-align: middle;
        padding: 0 0.3em;
    }
}
@media only screen and (max-width: 1024px){
    #titel+#main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50l{width:100%; margin:0}
    #titel+#main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50r{width:100%; margin:0}
}
@media only screen and (max-width: 1000px){
    #video_9.video-js {
        margin-left: 0%;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap{
        margin: 0;
        text-align: center;
        width: 100% !important;
        float:left;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap figure{
        width: 100%;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap figure img{
        width: 100%;
        height:auto;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap + div.csc-textpic-text{
        float: left;
        margin-left: 0 !important;
        width: 100%;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent h1 {
        margin: 1em 0;
    }
    #titel + #main div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_img{
        width: 100%;
    }
    #titel + #main div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_img img{
        width: 100%;
        height:auto;
    }
    #titel + #main div.news-single-item div.news-single-img{
        width: 100%;
    }
    #titel + #main div.news-single-item div.news-single-img img{
        width: 100%;
        height:auto;
    }
}
@media only screen and (max-width:975px){
    div.cc_banner-wrapper {
        height: 120px;
    }
}
@media only screen and (max-width: 837px){
    div.ym-wbox > #subheader > #header.small #header_name{
        width:calc(100% - 191px - 68px);
    }
    div.ym-wbox > #subheader > #header.small #header_name > div.csc-default{
        align-items: center;
        /* display: flex; */
    }
    div.ym-wbox > #subheader > #header.small #header_name div.csc-default h2{
        /* height:auto;
        padding: 0 0 0 0.5em; */
    }
    div.ym-wbox > #header #header_name{
        width:calc(100% - 191px - 68px);
    }
    div.ym-wbox > #header #header_name > div.csc-default{
        align-items: center;
        display: flex;
    }
    div.ym-wbox > #header #header_name div.csc-default h2{
        height:auto;
        padding: 0 0 0 0.5em;
    }
	    div.ym-wbox > #header #header_name div.csc-default h1{
        height:auto;
        padding: 0 0 0 0.5em;
    }
}
@media only screen and (max-width: 800px){
    div.csc-textpic-imagerow div.csc-textpic-imagecolumn, div.csc-textpic-imagecolumn.csc-textpic-firstcol + div.csc-textpic-imagecolumn.csc-textpic-lastcol{margin:0}
    /* ### Liste ### */
    li{
        font-size: 16px;
        line-height: 1.5em;
    }
    /* ### Liste ### */
    #titel+#main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50l{width:100%; margin:0}
    #titel+#main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50r{width:100%; margin:0}
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default.serviceBox_ie8 div.ToolBox div.ToolBoxContent div.csc-default div.csc-default div.csc-header.csc-header-n1 h1.csc-firstHeader{
        color: var(--color-blue);
    }
    #infobuttons + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_img{
        margin: 1em 0;
    }
    p, a{
        font-size:16px !important;
    }
    h1,h3{
        font-size:20px !important;
    }
    h2{
        font-size:22px !important;
    }
    h4{
        font-size:18px !important;
    }
    a, a:hover, a:active, a:focus{
        color:var(--color-blue);
        background:none;
    }
    div.REboxBlue {
        display: block;
    }
    div.csc-default div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.div_news_list_date{
        font-size:16px;
        margin:0;
    }
    #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.td_tt_news_list_title a{
        font-size:22px;
    }
    #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.td_tt_news_list_text p{
        font-size:16px;
        margin:1em 0;
    }
    #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.td_tt_news_list_text a, #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.td_tt_news_list_text a:hover{
        color:var(--color-blue);
        font-size:16px;
    }

    #smart_nav_bt {
        background-color: var(--color-yellow);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 56% auto;
        border-radius: 0;
        box-sizing: border-box;
        cursor: pointer;
        display: table;
        height: 70px;
        margin: 0;
        opacity: 1;
        padding: 0.4em 0.3em;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0.5em;
        width: 70px;
        z-index: 150;
    }
    #smart_nav_bt.menu_isoff{
        background-image: url(/fileadmin/img/MH_Hamburger.png);
    }
    #smart_nav_bt.menu_ison{
        background-image: url(/fileadmin/img/MH_Close.png);
    }
    #smart_nav_bt.menu_ison + #smart_nav{
        padding-top:4em;
        height: 100%;
    }
    #smart_nav_bt.menu_ison + #smart_nav + #header{
        display:none;
    }
    #smart_nav_bt.menu_ison + #smart_nav li a:hover{
        color:var(--color-yellow);
    }
    #footerbanner a:hover{
        color:#fff;
    }
    div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default {
        margin: 0;
    }
    div.REboxRedContent h2 {
        /* font-size: 2.5em!important; */
        margin: 0 0 0em!important;
        padding-bottom: 0px!important;
    }

    p {
        /* font-size: 2.5vw; */
        /* margin-right:50px; */
    }
    p a {
        /* font-size: 2.5vw; */
    }
    table.tbl_worktime {
        border: medium none;
        /* font-size: 2.5vw; */
        margin: 1em 0;
    }
    #header_image {
        display: block;
    }

    body div.ym-wrapper div.ym-wbox div#header {
        height: 84px!important;
        background: var(--color-yellow);
        bottom: 0em;
    }
    #mh-logo img {
        height: auto!important;
        margin: 12px 0 0 10px;
        transition: height 0.4s ease 0s;
        width: 120px!important;
    }

    div.ym-wbox #header #mh-logo.mh-logo {
        background: #fff none repeat scroll 0 0;
        display: block;
        float: left!important;
        height: 84px;
        margin: 0!important;
        padding: 0px!important;
        width: 141px!important;
    }
    .REboxRedContent h1 {
        /* font-size: 3vw; */
    }
    div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50l div.subcl
    div.ym-wbox #header.small #header_name h2, div.ym-wbox #header #header_name h2{
        font-size: 1.7em!important;
    }
  div.ym-wbox #header.small #header_name h1, div.ym-wbox #header #header_name h1{
        font-size: 1.7em!important;
    }
    div.ym-wbox #header #header_name {
        /* height: 100px;  */
        float: left!important;
        background: var(--color-yellow) none repeat scroll 0 0;
        width: calc(100% - 141px - 70px);
    }

    #footer{
        background-color: var(--color-blue);
        height:auto;
    }
    .div_nav2top {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 10% auto;
        border-radius: 0;
        bottom: 0;
        color: var(--color-yellow);
        cursor: pointer;
        display: table;
        height: 4em;
        margin: 0;
        opacity: 1;
        position: relative;
        right: 0;
        left: 0;
        text-align: center;
        transform: rotate(180deg);
        width: 100%;
        z-index: auto;
    }
    #footerbanner {
        clear: none;
        float: none;
        margin: 0;
        padding: 0;
    }
    #footer{
        padding: 1.4em 14px 30px 10px;
    }

    #link2facebook {
        margin: 0;
        height: 70px;
        width: 70px;
    }
    #link2facebook img {
        height: auto;
        width: 70px;
    }
    #infobuttons {
        top: 130px;
        width: 70px;
    }
    #phoneLogo,#phoneLogoImg::before  {
        height: 70px;
        width: 70px;
    }
    #whatsapp {
        margin: 0;
        height: 70px;
        width: 70px;
    }
    #whatsapp img {
        height: auto;
        width: 70px;
    }
    #timeLogo{
        margin:15px 0;
    }
    #timeLogo, #timeLogoImg::before {
        height: 70px;
        width: 70px;
    }
    #terminPlaner,#terminPlanerImg::before{
        height: 70px;
        width: 70px;
        margin-top:15px;
    }

    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2) {
        background: #ffffff none repeat scroll 0 0;
        padding:0 0px 20px ;
        text-align: left;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default {
        padding:0 0px 20px ;
    }
    div.csc-default > div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap + div.csc-textpic-text {
        margin-left: 0px !important;
    }
    div.REboxRed div.REboxRedContent div.csc-default div.tx-nnnfp-pi1 div.csc-default:first-child {
        margin-right: 30px!important;
    }
    ul.subnav li a {
        border-radius: 0.2em;
        display: block;
        font-size: 2.5vmax;
        padding: 0 2em;
        text-decoration: none;
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    .smart_nav ul#mobile_nav > li .subnav li{
        background:  none repeat scroll 0 0 !important;
        border-radius: 0.4em;
        list-style-type: none;
        margin: 0.5em 0;
        text-transform: uppercase;
    }
    #titel {
        /* height: 125px; */
        /* top:84px; */
        height:auto;
        margin-top:84px;
    }
    #main {
        /* margin: 107px auto 0; */
    }
    div#main div.ToolBox div.ToolBoxContent li{
        font-size: 2.5vw!important;
        line-height: 1.2em;
    }
    div.ym-wbox #header #header_name > div.csc-default{
        align-items: center;
        display: flex;
    }
    div.ym-wbox #header #header_name div.csc-default h2{
        height:auto;
        padding: 0 0 0 0.5em;
    }
	    div.ym-wbox #header #header_name div.csc-default h1{
        height:auto;
        padding: 0 0 0 0.5em;
    }
    #footerbanner{
        font-size:16px;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2n-1), div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2){
        padding: 1em;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-header h2{
        font-size:22px;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent img{
        width:100%;
        height:auto;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent h1{
        margin: 1em 0;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent table.tbl_worktime{
        font-size:16px;
    }
    #titel + #main #div_info_titel{
        font-size:16px;
        line-height: 1.5em;
    }
    #titel + #main div.ToolBoxImage{
        margin:0;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default.serviceBox_ie8{
        padding: 20px 50px;
    }
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default.serviceBox_ie8 ul li{
        font-size: 16px !important;
        line-height: 1.5em;
    }
    div.smart_nav ul#mobile_nav  ul.subnav li.menuactive{
        margin: 0 !important;
        padding: 0 0.5em;
        width: 100% !important;
    }
    div.smart_nav ul#mobile_nav  ul.subnav li.menuactive > a {
        background-color: #4d87c7;
        color: var(--color-yellow);
    }
}
@media all and (max-width:768px){
    div.tx-ldi2klickvideo-pi1 > div[id*="video"]{width:100% !important;height:auto !important;min-height:180px}
    div[id*="loadinfo-"]{
        position: relative !important;
        z-index: 1 !important;
        width: 75%;
        margin: 0 auto;
        padding-top: 10px;
    }
}
@media only screen and (max-width: 630px){
    #footer #top_door{
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }
    #footer #footerbanner{
        width: 100%;
    }
}
@media only screen and (max-width:489px){
    div.cc_banner-wrapper {
        height: 150px;
    }
    div.cc_banner-wrapper div.cc_banner.cc_container.cc_container--open p.cc_message{
        font-size: 0.8em !important;
    }
}
@media only screen and (max-width: 485px){
    div.ym-wbox #header #header_name div.csc-default h2{
        font-size: 22px !important;
    }
	    div.ym-wbox #header #header_name div.csc-default h1{
        font-size: 22px !important;
    }
    #phoneLogo:hover #phoneLogoText{
        left:-22em;
    }
    #phoneLogoText{
        width:22em;
    }
    #timeLogo:hover #timeLogoText{
        left:-22em;
    }
    #timeLogoText{
        width:22em;
    }
    #link2facebook:hover div.csc-textpic-text{
        left:-22em;
    }
    #link2facebook div.csc-textpic-text{
        width:22em;
    }
    #whatsapp:hover div.csc-textpic-text{
        left:-22em;
    }
    #whatsapp div.csc-textpic-text{
        width:22em;
    }
    #terminPlaner:hover div.csc-textpic-text{
        left:-22em;
    }
    #terminPlaner div.csc-textpic-text{
        width:22em;
    }
}
@media only screen and (max-width: 420px){
    #titel + #main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.csc-default.serviceBox_ie8 div.ToolBox div.ToolBoxContent{
        width: calc(100% - 25% - 1em);
    }
}
@media only screen and (max-width: 415px){
    div.ym-cbox div.REboxBlue div.csc-frame-rulerAfter div.csc-header h2{
        text-align: left;
        width: 100%;
    }
    #smart_nav_bt {
        top: 1.1em;
    }
    div.ym-wbox > #subheader > #header.small #header_name{
        /* display: table; */
        float: left;
        width: calc(100% - 120px - 70px);
        /* height: 100px; */
        /* width: auto; */
    }
    #header div#mh-logo.mh-logo a img  {
        height: 44px!important;
        width:100px!important;
        margin: 20px 0 0 12px!important;
    }
    div.ym-wbox #header #mh-logo.mh-logo {
        width: 120px!important;
    }

    div.REboxRedContent h2 {
        font-size: 22px!important;
        margin: 0 0 0em!important;
        padding-bottom: 0px!important;
    }
    div.ym-wbox #header.small #header_name h2, div.ym-wbox #header #header_name h2 {
        box-sizing: border-box;
        font-size: 22px!important;
        font-weight: bold;
        height: auto;
        line-height: 1.2em;
        margin: 0;
        padding: 20px;
    }
	    div.ym-wbox #header.small #header_name h1, div.ym-wbox #header #header_name h1 {
        box-sizing: border-box;
        font-size: 22px!important;
        font-weight: bold;
        height: auto;
        line-height: 1.2em;
        margin: 0;
        padding: 20px;
    }
    div.ym-wbox #header #header_name, div.ym-wbox #header.small #header_name {
        /* display: table; */
        float: left;
        /* width: 64% */
        width: calc(100% - 120px - 44px);
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child {
        background: #ffffff none repeat scroll 0 0;
        padding: 0px ;
        text-align: left;
    }
    div.REboxRedContent h2 {
        text-align: left;
    }

    div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_title a {
        font-size: 16px;
        line-height: 1.3em;
    }
    /* div#main div.REboxRed div.REboxRedContent div.news-list-container p {
        font-size: 16px;
    }
    .REboxRedContent h1 {
        font-size: 20px;
    }
    p {
        font-size: 16px;
    }
    p, p a {
        font-size: 16px;
    } */

    div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50l div.subcl table.tbl_worktime {
        border: medium none;
        font-size: 4.5vw;
        margin: 1em 0;
    }
    #titel {
        height: 56px;

    }
    div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default {
        margin: 0;
        padding:0;
    }
    #infobuttons {
        top: 130px;
        width: 44px;
    }
    #phoneLogo {
        height: 44px;
        width: 44px;
    }
    #whatsapp {
        height: 44px;
        width: 44px;
    }
    #timeLogo {
        height: 44px;
        width: 44px;
    }
    #timeLogo:hover #timeLogoText {
        left: -16em;
        opacity: 1;
    }

    #timeLogoText {
        width: 16em;
    }
    #phoneLogo:hover #phoneLogoText {
        left: -16em;
        opacity: 1;
    }
    /* 20210802_ala */
    #phoneLogoText {
        width: 16em;
        /* color:#fff!important; */
    }
    #phoneLogoText .bodytext a, #phoneLogoText .bodytext a:hover {
        /* color: #fff; */
    }
    #link2facebook:hover div.csc-textpic-text{
        left:-16em;
    }
    #link2facebook div.csc-textpic-text{
        width:16em;
    }
    #whatsapp:hover div.csc-textpic-text{
        left:-16em;
    }
    #whatsapp div.csc-textpic-text{
        width:16em;
    }
    #terminPlaner:hover div.csc-textpic-text{
        left:-16em;
    }
    #terminPlaner div.csc-textpic-text{
        width:16em;
    }
    table.tbl_worktime {
        border: medium none;
        font-size: 4.5vw;
        margin: 1em 0;
    }
    #phoneLogoImg::before {
        /* background: no-repeat 63% auto;    */
        content: " ";
        cursor: pointer;
        display: block;
        height: 44px;
        position: relative;
        width: 44px;
        z-index: 10;
    }
    #timeLogoImg::before {
        content: " ";
        cursor: pointer;
        display: block;
        height: 44px;
        position: relative;
        width: 44px;
        z-index: 10;
    }
    #link2facebook img {
        height: auto;
        width: 44px;
    }
    #link2facebook {
        float: none;
        height: 44px;
        width: 44px;
    }
    #terminPlaner, #terminPlanerImg::before{
        height: 44px;
        width: 44px;
    }
    #terminPlaner:hover #terminPlanerText {
        left: -16em;
        opacity: 1;
    }
    #terminPlanerText {
        width: 16em;
        color:#fff!important;
    }
    #smart_nav_bt {
        width: 44px;
        height: 44px;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2) {
        background: #ffffff none repeat scroll 0 0;
        padding: 10px;
        text-align: left;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default {
        padding: 10px;
    }
    div.REboxRed div.REboxRedContent > div.csc-default > div.news-list-container > div.news-list-item {
        clear: none;
        float: left;
        text-align: left;
        width: 100%;
    }
    #main div.subcolumns div.c50l {
        display: block;
        float: left;
        margin-right: 10px;
        width: 100%;
    }
    #main div.subcolumns div.c50r {
        display: block;
        float: left;
        margin-left: 30px;
        width: 100%;
    }
    div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50l div.subcl div.csc-default div.csc-textpic div.csc-textpic-text {
        margin: 0 !important;
        text-align: left;
    }
    div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50r div.subcr div.csc-default div.csc-textpic div.csc-textpic-text {
        margin: 0 !important;
        text-align: left;
    }

    div.ym-cbox div.csc-default:first-child div.csc-header h1.csc-firstHeader {
        font-size: 1.3em!important;
    }
    div#main div.ToolBox div.ToolBoxContent li{
        font-size: 4.5vw!important;
        line-height: 1.2em;
    }
}
@media only screen and (max-width:358px){
    div.cc_banner-wrapper {
        height: 100%;
    }
}
@media only screen and (max-width: 320px){
    div.ym-wbox #header #header_name, div.ym-wbox #header.small #header_name {
        width: 60%!important;
    }
}
/* Print-Ansicht zB bei Hartmann */
#div_frameprint{width:100%; text-align:center}
#frameprint{height:30px; padding:5px; line-height:1em; cursor:pointer; display:inline-block; line-height:30px}
@media print{
    #header{background-color:transparent;position:relative;border:none}
    #mh-logo{display:none !important}
    #header_name h2{background-color:transparent;padding-left:16px}
	 #header_name h1{background-color:transparent;padding-left:16px}
    #navigation{display:none !important}
    #infobuttons{position:static;width:100%}
    #phoneLogo, #timeLogo{width:100%;height:auto;margin-top:0}
    #phoneLogoText{position:static; opacity:1; width:100%; border-left:none; border-right:none}
    #span_anfahrt_link{display:none}
    #phoneLogoImg, #timeLogoImg{display:none}
    #timeLogoText{position:static; opacity:1; width:100%; border:none}
    #link2facebook{display:none}
    #titel{display:none !important}
    #footer{display:none !important}
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child{padding:0}
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2){padding:0}
    div.REboxRed{padding:16px !important}
    div.REboxRedContent h2{text-align:left}
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default{padding:16px}
    div.csc-textpic-intext-left-nowrap img {width:250px}
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2n-1){background-color:transparent;border-top:1px solid #eee}
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{float:none}
    div.csc-default > div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap + div.csc-textpic-text {margin-left: 0 !important}
    div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default{border-top:2px solid #ececec; margin-top:2em}
    div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child{border-top:none; margin-top:0}
}
/* Print-Ansicht zB bei Hartmann */

/* Anpassungen fl 12.06.2025 */

div#bfsg-menu {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 999999;
}

.accessibility-button {
    background-color: var(--color-blue);
    padding: 5px;
    border-radius: 100%;
    border: 5px solid white;
    -webkit-box-shadow: 0 2px 12px -4px var(--color-black);
    box-shadow: 0 2px 12px -4px var(--color-black);
    cursor: pointer;
    position: relative;
}

.accessibility-content {
    display: none;
}

.show .accessibility-content, .accessibility-button:focus-within .accessibility-content {
    display: block;
}

.accessibility-content {
    position: absolute;
    left: 50px;
    bottom: 0;
    background-color: var(--color-white );
    padding: 10px;
    min-width: 175px;
    -webkit-box-shadow: 0 2px 12px -6px var(--color-black);
    box-shadow: 0 2px 12px -6px var(--color-black);
}

.accessibility-content a:focus-visible {
    outline: 2px solid black;
    display: block;
}

.accessibility-content  > div {
    margin-bottom: 15px;
}

.accessibility-content  > div:last-child {
    margin-bottom: 0;
}

.easyl-inner, .hcontrast-inner, .textc-inner, .stopanimation-inner {
    display: flex;
}

.accessibility-content > div > a > div > img {
    margin-right: 5px;
}

.plus {
    margin-left: 3px;
    margin-right: 3px;
}

.minus {
    opacity: 0.3;
}

html.Text-1 .minus, html.Text-2 .minus, html.Text-3 .minus {
    opacity: 1;
}

html.Text-3 .plus{
    opacity: 0.3;
}

.accessibility-content a {
    color: black;
    text-decoration: none;
}

.accessibility-content a:hover {
    color: black;
    text-decoration: none;
}

.high-contrast #hcontrast a {
    font-weight: bold;
}

.bottom-scroll div#bfsg-menu {
    bottom: 60px;
}

html.Text-1 {
    zoom: 1.1;
}

html.Text-2 {
    zoom: 1.2;
}

html.Text-3 {
    zoom: 1.3;
}

:focus, :focus-visible {
    outline: 2px solid black;
    outline-offset: 0;
}

.page-skip-link {
    opacity: 0;
    height: 0;
    display: block;
}
.page-skip-link:focus-within {
    opacity: 1;
    height: auto;
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: var(--color-blue);
    color: white;
    z-index: 9999999;
    padding: 10px 20px;
    border: 2px solid white;
}

div.ym-wbox div#header div#mh-logo.mh-logo a:focus-within {
    outline: 2px solid black;
}

:focus, :focus-visible {
    outline: 2px solid black;
    outline-offset: 0;
}

#navigation #nav > li > a:focus-within {
    outline: 2px solid black;
    outline-offset: 0px;
}

#navigation #nav .subnav > li {
    width: 100%;
}

#navigation #nav li a:focus-within {
    outline: 2px solid black;
}

a:focus-within {
    outline: 2px solid black;
}

.div_kumaglink_thumb.nn-div-kumaglink-thumb {
    margin-top: 5px;
}

#stopanimation.show {
    font-weight: bold;
}
.cc-highlight .cc-btn:focus, .cc-highlight .cc-btn.focus {
    border: 4px solid white!important;
    box-shadow: none!important;
}

.cc-message a:focus, .cc-message input:focus {
    border-color: white!important;
    outline-color: white!important;
}