body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* montserrat-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../../files/mate/fonts/montserrat-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/mate/fonts/montserrat-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* lato-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/mate/fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/mate/fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  } 

body {
    font-family: "Lato";
}

#wrapper {overflow-y: visible;}

.vollebreite .container {width: auto; max-width: 90%;}
#container {
    flex: 1;
    min-height: calc(100vh - 440px);
}

@media only screen and (min-width: 1080px) {
    .container, .sectionTop .inside, #header .nav-wrapper {
        
    }
    #header .nav-wrapper, .sectionTop .inside{
        width: 100%;
        padding:0 3em
    }    
    .sectionTop .inside{ 
        margin:0;
        max-width: 100%;
    }    
}


/* Bestellübersicht Details */
.mod_iso_orderdetails .billing_address {display:none}
.mod_iso_orderdetails h2:nth-child(2) {font-size:1.2em;}
.mod_iso_orderdetails table {margin-top:2em ;}
.mod_iso_orderdetails .available {margin:1em 0} 
.mod_iso_orderdetails .available a::before{content:"⭳🗎 "; font-size: 1.6em; color:#000}


/* 
Registrierungsformular - Mitglieder Registrierung über Partnerverein

#tl_registration_406 .widget-text:nth-child(5) {border-top: 1px solid black; padding-top:1em}
#tl_registration_406 .widget-text:nth-child(5) label {margin-top: 1em;}
*/
.error {color:red}
.mod_registration {border: 1px solid #999; background-color: transparent; margin-top: 1em;}

/* #tl_registration_406 .widget-text:nth-child(4)::after {
    content: "";
    height: 1px;
    background: #999;
    width: 120%;
    display: block;
    margin-left: -10%;
    margin-top: 2em;
}*/



/* OWMV Übersicht / gespeicherte Eingaben */
.ce_metamodels_frontendfilter input[type='radio'] {opacity: 1; margin: 8px 0 0 10px;} 
.ce_metamodels_frontendfilter .mm_radio.status label:first-child {display: none;}
.ce_metamodels_frontendfilter #ctrl_status{display: flex; flex-wrap: wrap;}

.ce_metamodel_content td[data-label="Aktion"] a, .ce_metamodel_content td[data-label="PDF"] a {margin: 0.3em 0;}

#article-258 .ce_metamodel_content {    height: 450px;
    overflow: scroll;}

@media screen and (max-width: 767px) {
    .ce_metamodel_content table {
        border: 0;
      }
    
      .ce_metamodel_content table caption {
        font-size: 1.3em;
      }
      
      .ce_metamodel_content table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }
      
      .ce_metamodel_content table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: 1em;
      }
      
      .ce_metamodel_content table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: left;
        background: #eee;
      }
      
      .ce_metamodel_content table td:not([data-label="PDF"],[data-label="Aktion"])::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 10px;
      }
      :not([data-label="PDF"])

      table td:last-child {
        border-bottom: 0;
      }
}


/* Mobiler Header */
@media (max-width: 767px) {
    #header .mod_mateNavbar .nav-wrapper .brand-logo .ce_image:not(.fixed-nav) img {
        max-height: 50px;
        padding: 0;
    }
    #header .mod_mateNavbar .nav-wrapper .brand-logo .ce_image.fixed-nav img {
        max-height: 50px;    
    }
}

/* STatus Übersicht personendaten */
.mod_iso_addressbook {margin-left:3em; padding:1em; min-width: 45%; max-height: 500px;
    overflow-y: scroll;}
.mod_iso_addressbook .default_billing {margin:1em 0}
.mod_iso_addressbook .default_billing::before {content:"Standard Rechnungsadresse";
    display: block;
    width: 200px;
    font-size: 1.2em;
    background: #eee;
    padding: 0.3em;
    width: 100%;
    text-align: center;
    margin-bottom: 1em;}

.mod_iso_addressbook .default_shipping::before {    content: "Standard Lieferadresse";
    display: block;
    width: 200px;
    font-size: 1.2em;
    background: #eee;
    padding: 0.3em;
    width: 100%;
    text-align: center;
    margin-bottom: 1em;}
.mod_iso_addressbook h2, .mod_personalData h2{margin:1em 0}
#article-331 .mod_personalData {background: white; padding:0;}
#article-331 .ce_bs_gridStart {margin-left:0px;}

.mod_iso_addressbook .even, .mod_iso_addressbook .odd {
    border: 1px solid #7CBED8;
    margin-top: 2em;
    padding: 1em;
}
.mod_iso_addressbook .buttons {margin:1.5em 0 1.5em 0;}

.button a, .buttons a  {    font-size: 12px;
    letter-spacing: 1px;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    padding: 12px 20px;
    line-height: 12px;
    background-color: #318CB8;
    color: #fff;}

/* 
    Sitemap
*/
.sitemap li {margin:1em; width:145px}
.sitemap li li {margin:0 }
.sitemap .mitgliedernav, .sitemap .loginnav {background: transparent;}
.block.sitemap {
    /* Optional: Styling für den gesamten Menü-Container */
    width: 100%; /* oder eine feste Breite */
  }
  
  .sitemap .level_1 {
    list-style: none; /* Entfernt Aufzählungszeichen */
    margin: 0;
    padding: 0;
    display: flex; /* Hauptmenü-Elemente nebeneinander */
  }
  
  .sitemap .level_1 > li { /* Nur direkte Kinder von .level_1 */
    margin-right: 20px; /* Abstand zwischen den Hauptmenü-Elementen */
  }
  
  .sitemap .level_2 {
    margin:1em 0;
  }
  
  .sitemap .level_1 > li:hover .level_2 {
    display: block; /* Untermenü beim Hover anzeigen */
  }
  
  .sitemap .level_2 li {
    width: 200px; /* Breite für die Untermenü-Elemente */
  }

@media screen and (max-width: 800px) {
    .sitemap .level_1 {display: block;}
}


/* 
Footer 
*/
.gg-brand, .gg-brand p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; 
}  


/* 
Navigation 
*/
#header .mod_mateNavbar.stuck {background: rgb(49 140 184);}

.logoutnav {color: #df0000 !important; font-weight: bold;}
    
/*.loginnav a::before {
    background:url(/files/bilder/icons/login-icon.png) no-repeat ;
    background-size: 25px;
    width: 30px; height:30px; display: block; content: "";}
*/
#header .nav-wrapper ul > .loginnav li > a:hover, #header .nav-wrapper ul > li.loginnav > a {color:#2dc26b !important; font-weight: bold;}
.loginnav a::after, .logoutnav a::after {content: ""; display:block; background: url(); height:27px; width:32px;  margin-left: 3px;}

/*#header .nav-wrapper ul > li > a:hover:before, 
#header .nav-wrapper ul > li > a.active:before,
#header .nav-wrapper ul > .loginnav li > a:hover:before, 
#header .nav-wrapper ul > .loginnav li > a.active:before{
        position: relative;
        width: 30px ;
        left: 0;
        top: 0;
        border: 0;
    }     
*/
#header .nav-wrapper ul>li>a.active:before, #header .nav-wrapper ul>li.trail>a:before, #main nav:not(.subnav) .nav-wrapper ul>li>a.active:before, #main nav:not(.subnav) .nav-wrapper ul>li.trail>a:before, #left nav:not(.subnav) .nav-wrapper ul>li>a.active:before, #left nav:not(.subnav) .nav-wrapper ul>li.trail>a:before, #right nav:not(.subnav) .nav-wrapper ul>li>a.active:before, #right nav:not(.subnav) .nav-wrapper ul>li.trail>a:before, #header .nav-wrapper ul>li>a:hover:before, #header .mod_mateNavbar.stuck .nav-wrapper ul>li>a.active:before, #header .mod_mateNavbar.stuck .nav-wrapper ul>li.trail>a:before {border: 0px !important;}

#header .mod_mateNavbar.stuck .desktop-menu {margin-top:0}

.mitgliedernav {background:#DDD;} /* hervorhebung des Mitglieder Punkts */
.mitgliedernav::before {border: 0px;}

/* 
MATE Slider Startseite 
*/

#wrapper .slider.mod_newslist .caption {
    display: block;
    position: absolute !important;
    width: 500px !important;
    height: 380px !important;
    background: #318bb8e5 !important;
    right: 5%;
    left: auto;
    top: 10%;
}
#wrapper .slider .slides {height: 720px !important;}
#wrapper .slider.mod_newslist .slides li .caption p, #wrapper .slider.mod_newslist .slides li .caption h2, #wrapper .slider.mod_newslist .slides li .caption a, #wrapper .slider.mod_newslist .subheadline {color: white;}
@media (max-width: 767px) {
    #wrapper .slider.mod_newslist .img {
        height: 250px;
    }
    /* Ausnahmen für den Startseiten Slider OWMV */
    #wrapper .slider.mod_newslist .slides li.owmvnews img{
    width: 646px;
    margin-left: -95px;
    max-width: none;
    }
    #wrapper .slider.mod_newslist .caption {
        display: block;
        position: relative !important;
        width: 100% !important;
        height: 400px !important;
        right: auto;
        left: auto;
        top: auto;
    }    
    #wrapper .slider.mod_newslist li {height:fit-content ;}
}
#wrapper .slider.mod_newslist .layout_latest {padding: 20px 20px 0;}
#wrapper .slider.mod_newslist .list-nav {height: 55px;}
#wrapper .slider.mod_newslist .list-nav a, #wrapper .slider.mod_newslist .list-nav span {width: 60px;}
#wrapper .slider.mod_newslist .img {width: 100%;}
@media (max-width: 767px) {
    #wrapper .slider.mod_newslist {
        margin: 0 0 120px;
    }
}
@media (max-width: 992px) {
    #wrapper .slider.mod_newslist {
        margin: 0 0 120px;
    }
    nav a.sidenav-trigger {
        right: 10px;
    }
    .search {
        display:none;
    }
}
@media (max-width: 1024px) {
    #wrapper .slider.mod_newslist {
        margin: 0 0 100px;
    }
}



/* 
NORMALER Slider Startseite 
*/
.ce_sliderStart .ce_mateTextBackgroundElement h2, .ce_sliderStart .ce_mateTextBackgroundElement h3, .ce_sliderStart .ce_mateTextBackgroundElement h4, 
.ce_sliderStart .ce_mateTextBackgroundElement h5, .ce_mateTextBackgroundElement h6, .ce_sliderStart .ce_mateTextBackgroundElement p {
    font-style: normal;
    color: black;

}

.ce_sliderStart .ce_mateTextBackgroundElement .bg-image {
-webkit-filter: none;
filter: none;
height: 600px;}


.ce_mateTextBackgroundElement .inside > div {
    width: auto;
    background: #ffffffb5;
    padding: 1em 0.5em;
    margin: 0 auto;
}

.slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 3.5em;
    margin: 0;
    z-index: 99;
}

#wrapper .slider:not(.mod_newslist) .indicators .indicator-item.active {
    background: #009cdf;
}

/*
    Schrift Slider h2
*/

#wrapper .slider.mod_newslist h2, .slides li .caption a {
    font-family: "Montserrat";
    color: white !important;
    font-size: 28px;
}


/* 
    Startseite Shopkategorien
*/
.ce_hyperlink.teaser.m6 .caption {
    font-size: 1.1em;
    left: 0;
    bottom: 0;
    width: calc(100%);
}

/* Kasse */ 

.ctrl_billingaddress, .widget-radio {min-height: 200px !important; }

.mod_iso_checkout p.error {position: relative; left:0 ; padding: 1em;
    border: 1px dashed red;}


/*
    News Boxen Startseite - Ecken abgerundet
*/

.layout_latest .inner, .layout_short .inner, .layout_teaser .inner, .layout_list .inner {
    background: #F2F3F7;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
    height: 100%;
    margin-bottom: 3px;
    border-radius: 1%;
}

.inner h2, .layout_short {
    font-family: 'Montserrat' !important;
}
.layout_short .inner h2 {font-size: 1.3em;}
.layout_short .inner .teaser {margin:1em 0}


.layout_short .inner .text{
    font-family: "Lato";
}

.layout_simple a {    display: block;
    margin-bottom: 1em;}
.layout_simple time {
    font-size: 13px;
    color: #AFB2BF;
}

/*
    H1 übergreifend
*/

h1.ce_headline {
    color: #009cdf;
    font-family: Montserrat;
}

/*
    Dekobalken H1
*/

h1.bordered-left:after, .layout_full h1:after, h2.bordered-left:after, h3.bordered-left:after, h4.bordered-left:after, h5.bordered-left:after, h6.bordered-left:after, h1.bordered-right:after, h2.bordered-right:after, h3.bordered-right:after, h4.bordered-right:after, h5.bordered-right:after, h6.bordered-right:after {
    position: absolute;
    content: "";
    bottom: 0;
    border-bottom: 5px solid #009cdf;
    width:165px;
}

/* TEST
*/
.ce_sliderStart .ce_mateTextBackgroundElement {
height: 800px;
}

/* 
    Download Hinweis für Mitglieder 
*/
.mitgliederdatei .image_container {
    border: 2px dashed rgb(0, 144, 181);
}
.mitgliederdatei .image_container::after {
    content: "Interessiert? Jetzt Mitglied werden und vollen Zugriff auf alle Inhalte erhalten!";
    display:inline-block;
    width: auto;
    background-color: #ffffff;
    padding: 0.7em ;      
}



.mitgliederdatei h2 {display: none;}
.mitgliederdatei {margin-top: 1em;}
.blurry-text {color: transparent;
    text-shadow: 0 0 7px rgb(0 0 0 / 50%);
    font-size: 1.2em !important;
    line-height: 1.5em !important;
    padding:0.3em;
    word-break: break-word;    
    user-select: none;
    pointer-events: none}

/*
    FAQ News, Einstellungen
*/
.mod_newsreader h1 {font-size: 1.6em;}
.mod_newsreader h2 {font-size: 1.2em; margin: 0 0 1em 0;}
.mod_newsreader h1::after {border:none}

.p {font-family: "Lato" !important}

.ce_accordion .ui-accordion-header {background: #009cdf;}


/*
    TEST Akkordion volle Breite (max. 1920px)
*/


/* 
    4 Themenbereiche
*/
.themenbereich h1 {font-size: 2em; color:#fff; background-color: #009cdf; text-align: center; padding:1em}
.themenbereich h2 {font-size: 1.3em; color: #009cdf;}
.themenbereich p {margin-right: 10%;}
.themenbereich .image_container {padding-left:10%;}

.right-col #container .col.l9 {width: 70%; margin-right: 5%;}

.right-outer {position: sticky; top:1em;}
.left-col #right, .right-col #right, .left-right-col #right {padding:0}
.themenbereich_rechts {position:  sticky;  top:100px}
.themenbereich_rechts h2 {text-align:center; color: #fff; background-color: #009cdf; padding: 1em; margin:0 0 1em 0; font-size: 1em;}
.themenbereich_rechts .ce_hofff_recursive-download-folder, .themenbereich_rechts .externe_links {
    margin: 0 -0.75rem 2em; width: 110%;}

@media only screen and (max-width: 992px) {
    .themenbereich_rechts .ce_hofff_recursive-download-folder, .themenbereich_rechts .externe_links {
            width: 100%;}
}    
.themenbereich_rechts .externe_links p{margin-left:1em}
.themenbereich_rechts .ce_hofff_recursive-download-folder ul {overflow:hidden; margin:1.5rem;}

.themenbereich_rechts .ce_hofff_recursive-download-folder, 
.themenbereich_rechts .externe_links, 
.themenbereich_rechts .mod_newslist {background:#eee; box-shadow: 0px 0px 10px -3px; margin-bottom:2em;}

.themenbereich_rechts .mod_newslist a::before {content:"📰 "}

/* rechte Spalte gesperrt für Gastuser */
.themenbereich_rechts .mod_newslist .lock {margin-top:0em;}
.themenbereich_rechts .lock {
    margin:1em; 
    border: 2px #009cdf dashed;
    padding: 0 0.6em 0.6em 0.6em;
    text-align: center;
}
.themenbereich_rechts .lock img {
    display: block;
    margin: 0 auto;
    width: 80px;
    margin-bottom: 1em;
}

/* alle externen Links mit Symbol versehen */
a[href*="//"]:not([href*="hausundgrund-nuernberg.de"])::before {content:"🌐 "}

.download-element {margin:1em 0;}
.download-element.folder::before {content:"📁 "}
.download-element.file-pdf::before {content: "🗎 "; font-size: 1.4em;}

.akkordeon_mitglieder .ui-accordion-header{background: #0091ffcc;}
.akkordeon_mitglieder .ui-accordion-header::before {content: "🔒"; margin-right:1em}



/* 
   Registrierung Übersicht
*/
.reg_headline {background-color: #f2f3f7; text-align: center;}
.reg_headline h2 {color:#009cdf; font-size: 2.5em; text-transform: capitalize; font-weight: bold; text-transform: uppercase; margin:0.5em 0}
.reg_headline h2:last-child {color:#000}

#mitglieder_uebersicht h3 {
    margin:0.5em 0;
    color:#009cdf;
}
#mitglieder_uebersicht .reg_mitglied h3 {
    color:#ffffff;
    margin-top: 2em;
}
#mitglieder_uebersicht .reg_mitglied {
    background-color:#009cdf;
    box-shadow: 0px 0px 11px 6px #b8b6b6;
    z-index: 9;
    padding: 0 17px 0 0;
    margin-top: -25px;
}
#mitglieder_uebersicht .ce_text {
    background-color: #f2f3f7;
    padding: 0.5em 1em;
    border-top: 8px solid #009cdf;
    box-shadow: 0px 0px 11px 6px #b8b6b6;
    text-align: center;
}
#mitglieder_uebersicht .reg_mitglied .ce_text {
    background-color: #009cdf;
    border:4px solid #fff;
    margin: 0.5em;
    box-shadow: none;
}
#mitglieder_uebersicht .reg_partnerverein .icon {position: absolute;
    top: 195px;
    right: 10px;
    width: 100px;}
#mitglieder_uebersicht .reg_mitglied .icon {    position: absolute;
    top: 170px;
    right: 490px;
    width: 100px;}
#mitglieder_uebersicht .reg_shopuser .icon {position: absolute;
    top: 195px;
    right: 960px;
    width: 100px;}
    

#mitglieder_uebersicht h3 {
    margin:0.5em 0;
    color:#009cdf;
}
#mitglieder_uebersicht ol {
    list-style-type: none;
    color:#009cdf;
    padding-left: 20px;
}
#mitglieder_uebersicht .reg_mitglied ol {
    color:#000;
}
#mitglieder_uebersicht .reg_mitglied ol strong{
    color:#fff;
}
#mitglieder_uebersicht li {
    text-align: left;
}  
#mitglieder_uebersicht li {
    display: flex;
    align-items: flex-start; /* Oder center, je nachdem, wie du es ausrichten möchtest */
  }
  
  #mitglieder_uebersicht  li::before {
    margin-right: 5px; /* Optional, um etwas Abstand zwischen Icon und Text zu schaffen */
  }


#mitglieder_uebersicht ol li::before {
    content: "✓";
    display: inline-block;
    color:#009cdf;
    margin-right: 10px;
    font-weight: bold;
}
#mitglieder_uebersicht .reg_mitglied ol li::before {
    color:#fff;
}
#mitglieder_uebersicht ol li.no::before {content: "X"; color: #dd0000;}

#mitglieder_uebersicht p strong {
    display: block;
    margin: 1.2em;
    padding:0.5em;
    font-weight: normal;
    border-left:4px solid #0091ffcc;
    border-bottom:4px solid #0091ffcc;
} 

#mitglieder_uebersicht a {margin:1em 0; display: inline-block; border:2px solid #009cdf; padding:0.5em; background-color: #eee; -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25); }
#mitglieder_uebersicht a.logindown {width: 100%; padding:0.3em; background:#318CB8; color:white; font-size:1.2em; text-align:center; -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);}
#mitglieder_uebersicht .reg_mitglied h3 {}

/* Anpassung Boxen rechte Spalte */
 .themenbereich_rechts .lock {width: -webkit-fill-available;}

/*
    Kontaktleiste header
*/

.sectionTop {background: #009cdf}


/* Service Leistungen */
.themenbereich .image_container {padding-left:0;}


/* Service Leistungen - 4 Themen - Boxen */
#article-281 .ce_mateContentBox .vierthemen {
    margin-bottom: none !important;
}

/*
    H2 übergreifend
*/

h2, h3, h4 {
    color: #0B2F47;
    font-family: "Montserrat" !important;
}

h3{font-size: 1.4em;}

/*
    Recht&Steuern - IconBox BOX
*/

.iconboxhauptthemen .inside {
    background-color: white;
    border: 5px solid #009cdf;
    position: relative;
    bottom: 150px;
    padding-top: 15%;
}

/*
    Recht&Steuern - IconBox ICON
*/

.RechtSteuern_Icon {
    position: relative;
    bottom: 42px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
    Leistungen&Vorteile - ContentBoxen
*/  
.ce_mateContentBox .vierthemen {
    max-width: 400px !important;
    margin: 0% 1% 1% 1%;
    text-align: center;
    border-top: 10px solid #318CB8;
    background-color: rgba(242, 243, 247, 0.95);
    color: #000;
}


/*
    Recht&Steuern - ContentBoxen Rechtsbereiche
*/ 

.content_rechtsbereiche {
    max-width: 500px;
}

/*
    TEST ZENTRIERT
*/
.LeistungenVorteile_ContentBoxen {   
    display: grid;   
    justify-content: center;
    align-items: center;
}

/*
    TEST Rahmen Themenbilder
*/


@media only screen and (max-width: 992px) {
    .VierThemenbilder img {background-image: url(/files/bilder/Service_Leistungen/Bauen_Renovieren/Bauen_1.jpg) ;}
    .right-col #container .col.l9 {width: 100%; margin-right: 0%;}
    }


/*
    Bauen&Renovieren - IconBox BOX
*/

.iconboxhauptthemen .inside {
    background-color: white;
    border: 5px solid #009cdf;
    position: relative;
    bottom: 150px;
    padding-top: 30px;
}


/*
    Bauen&Renovieren - IconBox ICON
*/

.BauenRenovieren_Icon {
    position: relative;
    bottom: 42px;
    left: 45%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 992px) {
    .BauenRenovieren_Icon {
        bottom: 42px;
        left: 42%;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/*
    Leistungen&Vorteile - IconBox
*/

@media only screen and (min-width: 993px) {
    #article-281 .vierthemen {
    width: 23%;
    margin: 1% 1%;
    }
}

@media only screen and (max-width: 993px) {
    #article-281 .vierthemen {
    width: 48%;
    margin: 1% 1%;
    }
}

@media only screen and (max-width: 650px) {
    #article-281 .vierthemen {
    width: 100%;
    margin: 1% 10%;
    }
}

/*
    Recht&Steuern - Versatzkorrektur
*/
#article-325 .ce_mateTeaserBox { margin-bottom: -140px;}




/*
    Bauen&Renovieren - Versatzkorrektur
*/
#article-326 .ce_mateTeaserBox { margin-bottom: -140px;}

/*
    Bauen&Renovieren - Zentrieren Icons
*/
@media only screen and (max-width: 616px) {
    .bauenrenovieren_downloadicons {
        display: flex;
        align-items: center;
    }
}

/*
    Bauen&Renovieren - Bildanpassung Hero
*/
#BauenRenovieren_Hero {
    background-image: url('/files/bilder/Service_Leistungen/heroe_pexels-jeshootscom-834892.jpg');
    width: 100%;
    height: auto;
}

/* Mobile and tablet version */
@media only screen and (max-width: 992px) {
    #BauenRenovieren_Hero {
    background-image: url('/files/bilder/Service_Leistungen/Bauen_1.jpg');
    width: 100%;
    height: auto;
  }
} 

.ce_mateContentBox {
    width: 100%;
    text-align: center;
    border-top: 10px solid #318CB8;
    background-color: rgba(242, 243, 247, 0.95);
    color: #000;
}

/* Archiv ContentBooxen Abstand */
.ce_mateContentBox.archiv.block {
    margin: 1% 0%;
}

.MitgliederWerbenBox {
    /* ausgeklammert wergen responsive Handyansicht: width: 513px; */
    height: auto;
}

.Mitgliedsausweis {
    display: contents;
}
 
@media only screen and (min-width: 992px) {

    /* Header Fullscreen Darstellung */
    #header {
        padding-top: 0; /* Entferne den standardmäßigen Padding-Top */
    }

    .mod_article.themenbereich {
        position: relative; /* Damit wir das Bild absolut positionieren können */
        overflow: hidden;  /* Versteckt überlaufendes Bild */
    }

    .mod_article.themenbereich .ce_image.VierThemenbilder img {
        width: 100%;       /* Bild auf volle Container-Breite skalieren */
        height: auto;      /* Höhe automatisch anpassen, um das Seitenverhältnis beizubehalten */
        min-height: calc(100vh - 270px); /* Mindesthöhe = Viewport-Höhe - (Navbar + ce_headline + sectionTop) */
        object-fit: cover; /* Bildinhalt so anpassen, dass er den Container füllt und zentriert ist */
    }

    .ce_headline {
        position: relative; /* Positioniere den Text über dem Bild */
        z-index: 10;    /* Stellt sicher, dass der Text über dem Bild liegt */
        margin-top: 0px; /* Verschiebt den Text nach oben, um ihn über dem Bild zu platzieren */
    }
}

/* Anpassung Akkordeon - mittig Seite Mitglied werden */
@media (max-width: 450px) { .ce_bs_gridStart.akkordeon-mitglied-werden.col.l6.row {margin: 0;}}

/* Benutzerkonten Responsive Mobilansicht - mittig */
@media (max-width: 450px) { 
    .ce_bs_gridStart.reg_shopuser.col.l4.row, .ce_bs_gridStart.reg_partnerverein.col.l4.row {margin: 0; padding-bottom: 5%;}
    .ce_bs_gridStart.reg_mitglied.col.l4.row {margin: 1.5%;}
    #mitglieder_uebersicht .reg_shopuser .icon, #mitglieder_uebersicht .reg_mitglied .icon, #mitglieder_uebersicht .reg_partnerverein .icon  {display: none;} }

.faq-titel {padding-top: 30px;}

/*Caroussel Verein Ueber Uns Abstand*/
.ce_gallery.center-align.block h2{
    
    margin-bottom: -5%;

}

@media (max-width: 997px) {
    .eventbox_gg p{padding: 0 3em !important;}
}

@media (max-width: 465px) {
    .eventbox_gg p{padding: 0 2em !important;}
}

/*Wartungsseite Online Shop CSS*/
.wartung-h1 {
    color: #FF0000 !important;
    padding-top: 2em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#contentbox-wartung {
    z-index: 100;
    background-color: #fff2f2;
    border: ridge 10px #ff0000;
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.25);
}

.wartungsseite-layout div#wrapper {
    background-color: darkgrey;
}

@media (max-width: 997px) {
    #contentbox-wartung {width: 75%;
    }
}

@media (max-width: 500px) {
    #contentbox-wartung {width: 95%;
    }
}

/* START Passwortsichtbarkeit Login Formulare*/
.widget-password {
  position: relative;
}

.widget-password input[type="password"],
.widget-password input[type="text"] {
  width: 100%;
  padding-right: 2.5rem;
  box-sizing: border-box;
}

.widget-password .toggle-password {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
  opacity: 0.7;
  display: flex;
  align-items: center;
}

.widget-password .toggle-password svg {
  height: 1.5rem;
  width: 1.5rem;
  stroke: #318CB8; /* Farbe der Linien */
}

.widget-password .toggle-password:hover {
  opacity: 1;
}

/* ENDE Passwortsichtbarkeit Login Formulare*/