/* 16.05.2025 fl Variablen hinzufügen */

:root {
    --color-yellow: #fe0;
    --color-blue: #002851;
    --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;
}

html.high-contrast div#ac-logo.ac-logo, html.high-contrast #ac-logo-end {
    background: black;
}

html.high-contrast #footer a:focus-within, html.high-contrast #phoneLogoText 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: var(--color-white)  scroll 0 0;
    color: var(--color-black);
    font-family:'Open Sans', arial, 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: var(--color-white);
    align-items: center;
}
@media all and (max-width:837px){
    #logo_firm{display:none}
}

#phoneLogoText h3{
	color:#fff;
}
/* Firmen-Logo links von Firmen-name im Header auf Unterseiten zB Röske */
/* ProvenExpert im Footer */
div#footer{display:flex;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){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: var(--color-yellow);
    background-position: center;
    background-size: cover;
    border-radius: 8px 0 0 8px;
    box-sizing:border-box;
}
#googleRezensionenLogoText {
    background: var(--color-blue);
    box-sizing: border-box;
    padding: 1em;
    color:	var(--color-white);
    left: 6em;
    position: absolute;
    top: 0em;
    width: 26em;
    opacity: 0;
    border: 1px solid var(--color-blue);
    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: var(--color-white);
    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: var(--color-white) !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;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: var(--color-font);
    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 var(--color-lighter-grey);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}
#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 var(--color-lighter-grey);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: var(--color-font;
	float:none;
	padding-right:8px;
} */
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 ### */
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: var(--color-white);
    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;
}
h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 0.7em 0 0;
    text-shadow: none;
    color:var(--color-black);
    font-family: 'Varela Round', sans-serif;
}
h3{
    color:var(--color-blue);
    font-family: "Varela Round",sans-serif;
}
div.tx-powermail #span_privacyHintLink{
    color:var(--color-blue);
}
ul{list-style: inside;}
p{
    line-height:1.5em;
}
a {
    color: var(--color-blue);
    text-decoration: none;
    text-shadow: unset;
}
a:hover, a:focus{
    color: var(--color-blue);
}
/*a,a:link,a:visited{outline:none}*/
#phoneLogoText  a, #phoneLogoText  a:active, #phoneLogoText   a:focus, #phoneLogoText a:visited {
    color: var(--color-white);
    text-shadow: unset;
}
div.subcolumns #p_address  a {
    color: inherit;
    text-shadow: unset;
}
#infobuttons #p_address a:hover{
    color: var(--color-white);
    text-decoration: underline;
    text-shadow: unset;
}
div#header div.tx-macinasearchbox-pi1 {
    display:none;
}
div.REboxRed div.REboxRedContent a:hover{color:var(--color-blue);}
div.REboxRed div.REboxRedContent figure.csc-textpic-image figcaption.csc-textpic-caption{background:none;}
#header {
    color: var(--color-black);
    display: block;
    overflow:hidden;
    width: 100%;
    z-index:100;
    border-bottom: 1px solid var(--color-light-grey);
    height: 130px;
    padding: 0;
    transition: height 0.4s ease 0s;
    position: fixed;
    top: 0;
    background: var(--color-blue);
}
#ac-logo img{
    -webkit-transition: height 0.4s ;
    transition:  height 0.4s ;
    height:84px;
    width: auto;
    margin: 23px 0 0 45px;
}

div#ac-logo.ac-logo{
    background: url("../../../img/AC_Dreieck_Grafik_BLAU_40mm_breit_x_30mm_hoch_5mm_Eckradius.png") bottom  right  no-repeat var(--color-blue);
    float: left;
    height: 100%;
    width: 170px;
}
div#header div#ac-logo.ac-logo a{
    display:table-cell;
    /* display:block;*/
    width:100%;
    height:100%;
}
div#header div#ac-logo.ac-logo a:focus-within{
    outline: 2px solid white;
}
div.ym-wbox #header #header_name{
    float:left;
    height:100%;
    margin-left:0;
    /* display:table; */
}
#header #header_name h2{
    color: var(--color-white);
}
#header #header_name h1{
    color: var(--color-white);
}
#subheader {
    background: var(--color-white) none repeat scroll 0 0;
    color: var(--color-black);
    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: 157px auto 0;
    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;

}

.table_team td{
    min-width:100px;
    padding:5px 20px 8px 0!important;

}
#footer {
    background: var(--color-blue) none repeat scroll 0 0;
    border: none;
    color: var(--color-yellow);
    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: unset;
    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: var(--color-white);
}
#footer a{font-size:inherit;color:var(--color-yellow);}

.footer_yellow table.tbl_worktime{margin:0.5em 0 0;}
#footerbanner {
    padding: 0;
    float: right;
    margin: 0;
    clear:none;
}
#top_door{
    color: var(--color-yellow);
    display: block;
    margin: 0;
    text-align:left;
    width: auto;
    float:left;
}
#top_door a{
    color:var(--color-white);
    font-size:inherit;
}
#top_door a, #top_door a:focus, #top_door a:hover, #top_door a:active {
    color: var(--color-yellow);
    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:unset;
    width:100%;
    padding:0;
}

/*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: var(--color-white);
    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:130px;
}
#navigation div.ym-hlist{
    background:var(--color-yellow);
}
#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;
}
#phoneLogoImg:before{
    content:" ";
    background: var(--color-yellow) url("../../../img/phone.png");
    display:block;
    width:84px;
    height:84px;
    cursor:pointer;
    position:relative;
    z-index:10;
    background-position:center;
    background-size:73%;
    border-radius: 8px 0 0 8px;
    background-repeat:no-repeat;
}
#phoneLogoImg, #timeLogoImg{cursor:pointer;}
#phoneLogo:hover #phoneLogoText, #phoneLogo:focus-within #phoneLogoText{
    left:-26em;
    opacity:1;
}
#phoneLogoText{
    background:var(--color-blue);
    box-sizing:border-box;
    padding:0 0em 0 0;
    color:var(--color-white);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid var(--color-blue);
    border-radius:8px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
#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 div.csc-default h2{
    color: var(--color-white);
    font-family: "Varela Round",sans-serif;
    font-size: 20px;
    /* line-height: 25px; */
    height: 100%;
    margin: 0;
}
#phoneLogoText div.csc-default p.bodytext{
    margin:0;
}
#phoneLogoText #p_mail_title.bodytext a.mail, #phoneLogoText #p_mail_title.bodytext a.mail:hover{
    color:var(--color-white);
}
#timeLogo{
    float: none;
    height:84px;
    width:84px;
    /* margin: 30px 0; */
    position:relative;
}
#timeLogoImg:before{
    background: var(--color-yellow) url("../../../img/icon_uhr_170119-01.png");
    width:84px;
    height:84px;
    display:block;
    cursor:pointer;
    position:relative;
    z-index:10;
    background-position:center;
    background-size:cover;
    border-radius:8px 0 0 8px;
    content:" ";
}
#timeLogo:hover #timeLogoText, #timeLogo:focus-within #timeLogoText{
    left:-26em;
    opacity:1;
}
#timeLogoText{
    background:var(--color-blue);
    box-sizing:border-box;
    padding:1em;
    color:var(--color-white);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:1px solid var(--color-blue);
    border-radius:8px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
#timeLogoText table{color:var(--color-white);}
#timeLogoText table.tbl_worktime{margin: 0.5em 0;}
/*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-light-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:var(--color-white);
    box-sizing:border-box;
    padding:1em;
    color:var(--color-light-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-light-blue);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#whatsapp div.csc-textpic-text h2 a{
    color: var(--color-light-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-yellow);
    margin:0;
    z-index:1;
    position:relative;
    border-radius: 8px 0 0 8px;
}
#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:var(--color-blue);
    box-sizing:border-box;
    padding:1em;
    color:var(--color-white);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:none;
    border-radius:8px;
    -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-white);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#link2facebook div.csc-textpic-text h2 a{
    color: var(--color-white);
}
#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, #terminPlaner > div > div, #terminPlaner > div > div > div.csc-textpic-imagewrap, #terminPlaner > div > div > div.csc-textpic-imagewrap > figure, #terminPlaner > div > div > div.csc-textpic-imagewrap > figure a{
    width:100%;
    height:100%;
}
#terminPlaner div.csc-textpic-imagewrap{
    background-color: var(--color-yellow);
    margin:0;
    z-index:1;
    position:relative;
    border-radius: 8px 0 0 8px;
}
#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:var(--color-blue);
    box-sizing:border-box;
    padding:1em;
    color:var(--color-white);
    left:6em;
    position:absolute;
    top:0em;
    width:26em;
    opacity:0;
    border:none;
    border-radius:8px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index:0;
    text-align:left;
}
#terminPlaner div.csc-textpic-text h2{
    margin:0 auto;
    color: var(--color-white);
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
}
#terminPlaner div.csc-textpic-text h2 a{
    color: var(--color-white);
    font-size: 16px;
}
#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: var(--color-light-grey);
    border:none;
    border-radius:0;
    box-shadow: none;
    color: var(--color-blue);
    display: block;
    float: right;
    margin: 0;
    max-width: 19.35em;
    min-width: unset;
    padding: 30px;
    position:static;
}
#header_grey {
    background: var(--color-light-grey);
    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%;
    display:table;
}
div.REboxRedContent .textpic-text h3{
	text-align:left;
}
#header_name h1{
    color: var(--color-yellow);
    font-size: 2.125em;
    font-weight: bold;
    line-height: 1.2em;
    background: var(--color-blue);
    margin:0;
    font-family: 'Varela Round', sans-serif;
    padding:1em;
    -webkit-transition: font-size 0.4s ;
    transition:  font-size 0.4s;
    width:auto;
    display: table-cell;
    box-sizing: border-box;
    height:100%;
    vertical-align:middle;
}
#header_name h2{
    color: var(--color-yellow);
    font-size: 2.125em;
    font-weight: bold;
    line-height: 1.2em;
    background: var(--color-blue);
    margin:0;
    font-family: 'Varela Round', sans-serif;
    padding:1em;
    -webkit-transition: font-size 0.4s ;
    transition:  font-size 0.4s;
    width:auto;
    display: table-cell;
    box-sizing: border-box;
    height:100%;
    vertical-align:middle;
}
#ac-logo-end{
    /* background-image: url("/fileadmin/img/AC_Dreieck_Grafik_BLAU_gedreht.svg"); */
    background-image: url("/fileadmin/img/AC_Dreieck_Grafik_BLAU_40mm_breit_x_30mm_hoch_5mm_Eckradius_gedreht.png");
    float: left;
    width: 74px;
    height: 100%;
    /* background-position: right 137%;
	background-size: 950%; */
    background-position: right top;
}
#infobuttons figcaption.csc-textpic-caption {
    display: none;
}
#header_image {

    width:100%;
    margin: 0px 0em 0px 0px;
    min-width:none;
    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: var(--color-white);
}
.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:var(--color-font);}
table.tbl_worktime td:first-child {
    width: 4em;
    padding-right:1em
}
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;
}
table.contenttable tr td{
    vertical-align:middle;
    border:1px solid #ccc
}
table.contenttable tr td.align-center, table.contenttable tr th.align-center{
    text-align:center;
}
#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;
}

/* ############ TEST NK ############################################################################################################## */

div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_img img {
    border: 1px solid var(--color-lighter-grey);
    float: none;
    height: auto;
    margin: 0;
    width: 404px;
}

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

div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default {
    text-align: left;
    padding: 50px 20%;
    background:var(--color-white);
}


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;
    background:var(--color-white);
}

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:var(--color-white);
}

div.REboxRed {
    background: var(--color-white) 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 ############# */

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 0 0.5em 0;
    font-family: 'Varela Round', sans-serif;
    padding-bottom:10px;
    width: 100%;
    text-align: center;
    border:none;
    font-weight:500;
}
div.REboxRedContent h3{text-align:center}
div.REboxRedContent .nn-news-list-header h3{text-align:left }
#titel{
    top:140px;
    position:relative;
    height:300px;
}
#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: var(--color-warm-yellow none repeat scroll 0 0; */
    box-sizing: border-box;
    color: var(--color-blue);
    display: inline-block;
    font-family: "Varela Round",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: "Varela Round",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:var(--color-font);}
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;
}
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:var(--color-white);
    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: "Varela Round",sans-serif;
    font-size: 2.125em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    padding-bottom: 10px;
    position: relative;
    width:370px;
}
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;
}
div.REboxRed div.REboxRedContent div.csc-default div.video-js{
    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 var(--color-light-grey;
    border-right:1px solid var(--color-light-grey;
    border-left:1px solid var(--color-light-grey; */
    padding-left:2.1em;
}
#navigation  #nav li{
    display:table;
    position:relative;
    margin:0;
}
#navigation  #nav li a{
    box-sizing: border-box;
    height: 100%;
    color:var(--color-blue);
    font-family: "Varela Round",sans-serif;
    font-size: 1.5em;
    border:none;
    display: table-cell;
    vertical-align: middle;
}
#navigation #nav li.menuactive{background:var(--color-blue);}
#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{

}
#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 li ul.subnav li{
    width:100%;
}
#navigation #nav ul {
    background: var(--color-yellow);
}
/* #navigation  #nav > li:first-child > a{
	padding-left:0;
}
#navigation  #nav > li:last-child > a{
	padding-right:0;
} */
/* #navigation #nav li{float:none;font-family: "Varela Round",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:var(--color-warm-yellow;} */
/*Menü*/
div.REboxRed div.REboxRedContent div.tx-powermail{
    margin-top:1.1em;
}
div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html{margin-top:0;}
div.news-list-container hr.hr_newstrenner {
    clear: both;
    margin: 2em 0;
}
div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_check fieldset legend.powermail_label.powermail_check_legend{display:none;}
.subcolumns {
    clear: both;
    display: inline-block;
    padding-bottom: 0em;
    width: 100%;
}
div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.subcr div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_submit input.powermail_field.powermail_submit{
    background: var(--color-yellow);
    color: var(--color-blue);
    border: none;
    width:auto;
    height: 42px;
    font-size: 1em;
    padding:0.3em 0.5em;
}
.div_news_list_date{
    font-size:0.8em;
}
.td_tt_news_list_title{
    font-family: 'Varela Round', sans-serif;
    font-size: 1.3em;
}
dl.news-single-related h4 {
    color: var(--color-black);
    font-family: 'Varela Round', 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: var(--color-white);
}
.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;
}
#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 only screen and (max-width: 1360px){
    #navigation #nav li a {
        font-size: 1.3em;
        vertical-align: middle;
        padding: 0 0.3em;
    }
}
@media only screen and (max-width: 1280px){
    #main {
        margin: 37px auto 0;
    }
    div.REboxRed {
        padding: 40px 5% 50px!important;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default {
        background: var(--color-white) none repeat scroll 0 0;
        padding: 50px 5%;
        text-align: left;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2) {
        background: var(--color-white) none repeat scroll 0 0;
        padding: 50px 5%;
        text-align: left;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child {
        background: var(--color-white) none repeat scroll 0 0;
        padding: 10px 5%;
        text-align: left;
    }
    div.csc-textpic-intext-left-nowrap img {
        height: auto;
        width: 100%;
    }
    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
        margin-bottom: 10px;
        width: 100%;
    }
    div.ym-cbox div.REboxBlue div.csc-frame-rulerAfter div.csc-header h2 {
        font-size: 26px!important;
    }
    div.REboxRedContent h2 {
        font-size: 26px!important;
    }
    h1 {
        font-size: 20px;
    }
    #subheader #header #ac-logo.ac-logo, #subheader #header #header_name{height:100%}
}
@media only screen and (max-width: 1142px){
    #navigation #nav li a {
        font-size: 1.2em;
        vertical-align: middle;
        padding: 0 0.3em;
    }
}
@media only screen and (max-width: 1060px){
    #navigation #nav {padding-left:0em}
    #navigation #nav li a{font-weight:normal}
}
@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){
    div.ym-wrapper div.ym-wbox{min-width:auto}
    #navigation #nav{
        display:none;
    }

    a, a:hover, a:active, a:focus{
        background:none;
    }
    div.ym-cbox > div.csc-default > div.csc-frame-rulerAfter > div.csc-header h2 {
        font-size:22px;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child{
        padding:20px 0;
    }
    #smart_nav_bt{background-color:var(--color-blue);border-radius:.5em 0 0 .5em;box-sizing:border-box;color:var(--color-yelloew);cursor:pointer;display:table;/* font-size:inherit; *//* font-weight:unset; */height:4em;margin:0;opacity:.8;padding:.4em .3em;position:fixed;right:0;text-align:center;top:4em;width:4em;z-index:110;background-repeat:no-repeat;background-position:center;background-size:57%;}
    #smart_nav_bt.menu_isoff{background-image:url(/uploads/pics/icon_responsive_menu_striche_AC.png);}
    #smart_nav_bt.menu_ison{background-image:url(/uploads/pics/close_AC.png);}
    #smart_nav_bt.fixed{top:1em!important;}
    .smart_nav{background:none repeat scroll 0 0 --color-yellow;clear:both;display:none;margin:0;overflow:visible;padding:1em;position:absolute;top:0;width:100%;box-sizing:border-box;}
    .smart_nav ul#mobile_nav{margin:0;padding:1em;box-sizing:border-box;width:100%;}
    .smart_nav ul#mobile_nav > li{background:none repeat scroll 0 0 #FFFEF6!important;border-radius:.4em .4em .4em .4em;color:var(--color-blue);list-style-type:none;margin:.5em 0;text-transform:uppercase;}
    .smart_nav ul#mobile_nav > li.menuactive > span.span_menuactive{display:block;font-size:2em;font-weight:700;text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0);width:auto;color:var(--color-blue);border-radius:.2em;}
    .smart_nav ul#mobile_nav > li > a,.smart_nav ul#mobile_nav > li.menuactive > a{display:block;font-size:2.5vmax;font-weight:700;padding:.5em 1em;text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0);width:auto;border:2px solid transparent;border-radius:.2em;}
    .smart_nav ul#mobile_nav > li.menuactive > a,.smart_nav ul#mobile_nav > li.menuactive_menuparent > a{color:var(--color-yellow);background-color:var(--color-blue)}
    ul.subnav li a{display:block;text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0);padding:0 .5em;border-radius:.2em;font-size:2.5vmax}
    ul.subnav li.menuactive a{color:var(--color-yellow);border:2px solid transparent;}
    #kdeWidget{width:75em!important;}
    #navigation div.ym-hlist {
        display: none;
    }
    #smart_nav_bt {
        background-color: var(--color-yellow);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 57% auto;
        border-radius: 0.5em 0 0 0.5em;
        box-sizing: border-box;
        color: var(--color-warm-yellow);
        cursor: pointer;
        display: table;
        height: 5em;
        margin: 0;
        opacity: 1;
        padding: 0.4em 0.3em;
        position: fixed;
        right: 0;
        text-align: center;
        top: 1em;
        width: 5em;
        z-index: 150;
    }
    #smart_nav_bt.menu_isoff{
        background-image: url(/fileadmin/img/AC_Hamburger.png);
    }
    #smart_nav_bt.menu_ison{
        background-image: url(/fileadmin/img/AC_Close.png);
        background-color: var(--color-blue);
    }
    #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);
    }
    div#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 img{
        height:none!important;
        width:none!important;
        min-width:none!important;
    }
    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: 22px!important;
        margin: 0 0 0em!important;
        padding-bottom: 0px!important;
        text-align:left;
    }
    div#main div.REboxRed div.REboxRedContent div.news-list-container p {
        font-size: 16px;
    }
    p {
        font-size: 16px;
        margin-right:50px;
    }
    p a {
        font-size: 16px;
    }
    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: 14px;
        line-height: 1em;
        margin: 1em 0;
    }
    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: 3vw;
        line-height: 1.3em;
    }
    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 {
        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: 16px;
        margin: 1em 0;
    }
    #header_image {
        display: block;
    }

    body div.ym-wrapper div.ym-wbox div#header {
        height: 100px;
    }
    #ac-logo img {
        height: calc(100% - (28px * 2));
        margin: 28px 0 0 45px;
        transition: height 0.4s ease 0s;
        width: auto;
    }
    .REboxRedContent h1 {
        font-size: 20px;
        padding-top:20px;
    }
    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.6em!important;
    }
	  div.ym-wbox #header.small #header_name h1, div.ym-wbox #header #header_name h1{
        font-size: 1.6em!important;
    }

    div.ym-wbox #header #header_name {
        height: 100px;
    }

    #ac-logo-end {
        background-image: unset;
        background-size: 100%;
        height: 100px;
    }

    div#ac-logo.ac-logo {
        height: 100px;
    }
    #footer{
        padding: 1em;
        height:auto;
    }
    .div_nav2top {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 10% auto;
        border-radius: 0;
        bottom: 0;
        color: var(--color-warm-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: unset;
    }
    #footerbanner {
        clear:none;
        float: right;
        margin: 0;
        padding: 0;
    }
    #footerbanner a:hover{
        color:var(--color-yellow);
    }
    body div.ym-wrapper div.ym-wbox div#header {
        background-color: var(--color-blue);
        height: 100px;
        overflow: hidden;
        padding: 0;
    }
    #link2facebook {
        margin: 0;
    }
    #infobuttons {
        top: 130px;
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:nth-child(2) {
        background: var(--color-white) 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: var(--color-white)ef6 none repeat scroll 0 0 !important;
        border-radius: 0.4em;
        color: var(--color-blue);
        list-style-type: none;
        margin: 0.5em 0;
        text-transform: uppercase;
    }

    #titel {
        height: 125px;
        top:100px;
    }

    #main {
        margin: 107px auto 0;
    }
    div#main div.ToolBox div.ToolBoxContent li{
        font-size: 16px!important;
        line-height: 1.2em;
    }
}
@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;
    }
}
@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{
        display: block;
        float: left;
        margin-right: 0px;
        width: 100%;
    }
    #titel + #main div.REboxRed div.REboxRedContent div.csc-default div.subcolumns div.c50r{
        display: block;
        float: left;
        margin-left: 0px;
        width: 100%;
    }
}
@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: 624px){
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child{
        padding:20px ;
    }
    #header div#ac-logo.ac-logo a img  {
        height: 44px;
        margin: 27px 0 0 25px!important;
    }
    div#ac-logo.ac-logo {
        width: 100px;
    }
    div.ym-wbox > #subheader > #header.small #header_name{
        width:calc(100% - 100px - 44px);
    }
  div.ym-wbox #header.small #header_name h1, div.ym-wbox #header #header_name h1 {
        background: var(--color-blue) none repeat scroll 0 0;
        box-sizing: border-box;
        color: var(--color-white);
        display: table-cell;
        font-family: "Varela Round",sans-serif;
        font-size: 16px!important;
        font-weight: bold;
        height: 100%;
        line-height: 1.2em;
        margin: 0;
        padding: 1em;
        vertical-align: middle;
        width: 210px!important;
    }
    div.ym-wbox #header.small #header_name h2, div.ym-wbox #header #header_name h2 {
        background: var(--color-blue) none repeat scroll 0 0;
        box-sizing: border-box;
        color: var(--color-white);
        display: table-cell;
        font-family: "Varela Round",sans-serif;
        font-size: 16px!important;
        font-weight: bold;
        height: 100%;
        line-height: 1.2em;
        margin: 0;
        padding: 1em;
        vertical-align: middle;
        width: 210px!important;
    }
    div.ym-wbox #header #header_name {
        float: left;
        height: 100px;
        width: auto
    }
    div.ym-col1 div.ym-cbox div.csc-default > div.REboxRed > div.REboxRedContent > div.csc-default:first-child {
        background: var(--color-white) none repeat scroll 0 0;
        padding: 10px ;
        text-align: left;
    }
    div.REboxRedContent h2 {
        text-align: left;
        font-size: 22px;
    }

    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: 16px;
        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;
    }
    #infobuttons {
        top: 130px;
        width: 44px;
    }
    #phoneLogo {
        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;
    }
    #phoneLogoText {
        width: 16em;
        color:var(--color-white)!important;

    }
    #phoneLogoText .bodytext a, #phoneLogoText .bodytext a:hover {
        color: var(--color-white);
    }

    table.tbl_worktime {
        border: medium none;
        font-size: 4.5vw;
        margin: 1em 0;
    }
    #phoneLogoImg::before {
        background-size:  63% auto;
        border-radius: 8px 0 0 8px;
        content: " ";
        cursor: pointer;
        display: block;
        height: 44px;
        position: relative;
        width: 44px;
        z-index: 10;
    }
    #timeLogoImg::before {

        border-radius: 8px 0 0 8px;
        content: " ";
        cursor: pointer;
        display: block;
        height: 44px;
        position: relative;
        width: 44px;
        z-index: 10;
    }
    #link2facebook img {
        height: auto;
        width: 44px;
    }
    #link2facebook {
        background: var(--color-yellow) none repeat scroll 0 0;
        border-radius: 8px 0 0 8px;
        float: none;
        height: 44px;
        width: 44px;
    }
    #whatsapp {
        background: var(--color-yellow) none repeat scroll 0 0;
        border-radius: 8px 0 0 8px;
        float: none;
        height: 44px;
        width: 44px;
    }
    #whatsapp img {
        height: auto;
        width: 44px;
    }
    #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: var(--color-white) 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: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){
    #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: 415px){
    #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;
    }
    #phoneLogoText {
        width: 16em;
        color:var(--color-white)!important;
    }
    #phoneLogoText .bodytext a, #phoneLogoText .bodytext a:hover {
        /* color: var(--color-white); */
    }
    #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;
    }
    #smart_nav_bt {
        width: 44px;
        height: 44px;
    }
}
@media only screen and (max-width:358px){
    div.cc_banner-wrapper {
        height: 100%;
    }
}
/* 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 16.05.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;
}

#stopanimation.show {
    font-weight: bold;
}

#infobuttons div.frame.frame-type-textpic div.textpic:focus-within div.textpic-item.textpic-text {
    opacity: 1;
    left: -26em;
}

.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;
}