/* ==========================================================================
   footer.css – Fußbereich: Footer-Spalten, Copyright, Scroll-Top, "Ersttermin planen"-Button
   Erzeugt am 26.10.2026 aus customs.css + new.css (Reihenfolge beibehalten).
   Komponenten-CSS der Inhaltselemente liegt jetzt direkt im jeweiligen
   Template (templates/rsce_*.html5, news_*, mod_*).
   Einbindung im Seitenlayout: main.css, header.css, footer.css
   ========================================================================== */
/* ---------- aus customs.css ---------- */
.termin_vereinbaren a {
    color: #fff; background: #CE0437; padding: 12px 25px 10px 25px; border-radius:30px; font-size: 15px; font-variation-settings: 'wdth' 100, 'wght' 400; transition: all ease .6s; font-family: 'ZwoWebPro'; letter-spacing: .5px;
}
.termin_vereinbaren a:hover {
    color: #fff; background: #a5bbd1;  transition: all ease .5s; text-decoration: none;
}
.termin_vereinbaren {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    /* Neu: */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.termin_vereinbaren.visible {
    opacity: 1;
    pointer-events: auto;
}
@media (max-width: 428px) {
    footer .copyrightsRight,
    footer .copyrightsLeft { text-align: center!important }
    footer .copyrightsRight { padding: 0px 0 125px 0!important; }
    .termin_vereinbaren { justify-content: flex-start; margin-left:15px; margin-bottom: 20px; }
}
.scrollTopWrapper .goTop {
    position: fixed;
    bottom: 20px;
    right: 90px;
    z-index: 99999;
    outline: 0;
    background: #fff;
    width: 45px;
    height: 45px;
    border: 1px solid #edf1f5;
    /*opacity:0.5;*/
    border-radius: 28px;
}
.scrollTopWrapper .goTop:hover,
.scrollTopWrapper .goTop:active { opacity:1.0 }
.scrollTopWrapper .goTop .fa {
    font-size: 19px;
    color: #000;
    text-decoration: none;
    border: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
footer {
    background: #edf1f5;
    font-size: 14px;
    line-height: 20px
}
footer .copyrightsImage { margin-bottom:40px; }
footer .copyrightsImage img {
    width: 292px !important;
    height: auto;
}
footer hr {
    border: 0;
    border-bottom: 1px solid #7191a6;
    margin: 0
}
footer a {
    color: #324f68;
    -webkit-transition: color ease .3s;
    transition: color ease .3s
}
footer a:hover {
    color: #ce0538;
    text-decoration: none
}
.FooterTopCol1,
.FooterTopCol2,
.FooterTopCol3,
.FooterTopCol4 { margin: 40px 0 }
.FooterTopCol4 a.icon {
    width: 25px;
    display: inline-block;
    text-align: center;
}
.FooterTopCol4 a img {
    margin: 0 5px 0 0;
    height: 20px;
    width: auto;
}
footer .footerBottom ul {
    margin: 0;
    padding: 0
}
footer .footerBottom ul li {
    margin: 0;
    padding: 0;
    font-family: 'ZwoWebPro', sans-serif
}
footer .footerBottom ul li:first-child {
    text-transform: uppercase;
    margin: 0 0 10px
}
.FooterBottomCol1,
.FooterBottomCol2,
.FooterBottomCol3,
.FooterBottomCol4 { margin: 40px 0 0 }
footer .FooterBottomCol4 ul li {
    text-transform: uppercase;
    margin: 0 0 10px
}
footer .copyrightsImage {
    text-align: center;
    border-bottom: 1px solid #7191a6;
}
footer .copyrightsImage img { display: inline-block }
footer .copyrightsLeft {
    color: #333;
    padding: 15px 0
}
footer .copyrightsRight { padding: 15px 0 }
.copyrightsRight .mod_customnav { text-align: right }
.copyrightsRight .mod_customnav ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.copyrightsRight .mod_customnav li {
    margin: 0;
    padding: 0 0 0 15px;
    display: inline-block
}
.copyrightsRight .mod_customnav a,
.copyrightsRight .mod_customnav span { color: #333 }
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
@media (max-width: 767px) {
    .copyrightsRight .mod_customnav { text-align: center }
    .copyrightsRight .mod_customnav a,
    .copyrightsRight .mod_customnav span {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .FooterBottomCol1,
    .FooterBottomCol2,
    .FooterBottomCol3,
    .FooterBottomCol4 { margin: 15px 0 }
    .FooterTopCol1,
    .FooterTopCol2,
    .FooterTopCol3,
    .FooterTopCol4 { margin: 15px 0 }
    .copyrightsRight .mod_customnav a,
    .copyrightsRight .mod_customnav span { font-size: 13px }
    .copyrightsRight .mod_customnav li { padding-left: 5px }
    footer hr { display: none }
    footer .copyrightsImage { display: none }
}
@media (max-width: 440px) {
    .scrollTopWrapper .goTop { bottom: 20px; }
}
/* 26.10.2026 Im Neuland – reCAPTCHA-Badge entfernt:
   Top-Button wieder ganz rechts, Termin-Button mobil mittig */
.scrollTopWrapper .goTop { right: 20px; }
@media (max-width: 428px) {
    .termin_vereinbaren {
        justify-content: center;
        margin-left: 0;
    }
}
/* 26.10.2026 Im Neuland – Barrierefreiheit: Footer-Links mobil
   mit ausreichend großer Klickfläche (min. 24px, WCAG 2.5.8) */
@media (max-width: 991px) {
    .footerBottom .mod_customnav li a {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
    }
}

/* ---------- aus new.css ---------- */
/*2024*/
footer .copyrightsRight { text-align:right }
@media (max-width: 767px) {
    .FooterTopCol1 { margin-top:30px }
}

/* Barrierefreiheit (Lighthouse "target-size"): Footer-Links mind. 24px hohe Klickfläche */
footer .footerBottom .mod_customnav li a {
    display: inline-block;
    line-height: 24px;
}

/* Spaltentitel im Footer: <p> statt <h3> (keine Überschrift für SEO), gleiche Optik (27.10.2026) */
footer .footer-title { font-family: 'ZwoWebPro-Light', sans-serif; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding: 0; }

/* ==========================================================================
   Hormonzentrum: Footer-Illustration
   ========================================================================== */
footer .copyrightsImage {
    margin-bottom:40px;
}
footer .copyrightsImage img {
    width: 292px !important;
    height: auto;
}