/* ==========================================================
   FAQ - SP PAGE BUILDER
   ========================================================== */


/* -----------------------------------------
   FAQ-KARTEN
   ----------------------------------------- */

.faq-accordion .sppb-panel {
    border: 0 !important;
    border-radius: 12px !important;
    background: #f5f7f2 !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;

    transition:
        background-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}


/* Hover komplette Karte */

.faq-accordion .sppb-panel:hover {
    background: #eef4f7 !important;
    box-shadow: 0 6px 18px rgba(18, 55, 91, 0.10) !important;
    transform: translateY(-2px);
}


/* -----------------------------------------
   FRAGE
   ----------------------------------------- */

.faq-accordion .sppb-panel-heading {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 95px !important;

    padding: 22px 70px 22px 24px !important;

    background: transparent !important;
    border: 0 !important;

    color: #181818 !important;

    cursor: pointer !important;

    transition:
        background-color .25s ease,
        color .25s ease !important;
}


/* Fragetext */

.faq-accordion .sppb-panel-title {
    color: #181818 !important;

    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}


/* -----------------------------------------
   AKTIVE FRAGE
   ----------------------------------------- */

.faq-accordion .sppb-panel-heading.active {
    background: #12375b !important;
    color: #ffffff !important;
}


.faq-accordion .sppb-panel-heading.active .sppb-panel-title {
    color: #ffffff !important;
}


/* -----------------------------------------
   PLUS / MINUS
   ----------------------------------------- */

.faq-accordion .sppb-toggle-direction {
    position: absolute !important;

    right: 20px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    border: 1px solid rgba(18, 55, 91, .30) !important;
    border-radius: 50% !important;

    background: #ffffff !important;
    color: #12375b !important;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease !important;
}


/* Plus-Kreis beim Hover */

.faq-accordion .sppb-panel-heading:hover .sppb-toggle-direction {
    background: #12375b !important;
    border-color: #12375b !important;
    color: #ffffff !important;

    transform:
        translateY(-50%)
        scale(1.07) !important;
}


/* Plus/Minus bei geöffneter Frage */

.faq-accordion .sppb-panel-heading.active .sppb-toggle-direction {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #12375b !important;
}


/* -----------------------------------------
   ANTWORT
   ----------------------------------------- */

.faq-accordion .sppb-panel-collapse {
    border: 0 !important;
    background: #ffffff !important;
}


/* Antwortbereich */

.faq-accordion .sppb-panel-collapse .sppb-panel-body {
    padding: 22px 24px 25px 24px !important;

    background: #ffffff !important;

    color: #687078 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
}


/* Absatz innerhalb der Antwort */

.faq-accordion .sppb-panel-collapse .sppb-panel-body p {
    margin: 0 0 10px 0 !important;

    color: #687078 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 767px) {

    .faq-accordion .sppb-panel-heading {
        min-height: 80px !important;

        padding:
            18px 60px
            18px 18px !important;
    }


    .faq-accordion .sppb-panel-title {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }


    .faq-accordion .sppb-toggle-direction {
        right: 15px !important;

        width: 36px !important;
        height: 36px !important;
    }


    .faq-accordion .sppb-panel-collapse .sppb-panel-body {
        padding:
            18px 18px
            22px 18px !important;
    }

}
/* ==========================================================
   MOBILE HEADER - FINALE VERSION
   Logo proportional + vertikal mittig + Hamburger rechts
   ========================================================== */

@media (max-width: 991px) {

    /* ------------------------------------------------------
       HEADER-HÖHE UND ABSTÄNDE
       ------------------------------------------------------ */

    #sp-header {
        height: auto !important;
        min-height: 0 !important;
    }

    #sp-header .container-fluid {
        height: auto !important;
        min-height: 0 !important;
    }

    #sp-header .container-inner {
        height: auto !important;
        min-height: 0 !important;
    }


    /* ------------------------------------------------------
       HEADER-ZEILE
       ------------------------------------------------------ */

    #sp-header .row.align-items-center {
        display: flex !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        height: auto !important;
        min-height: 74px !important;

        margin: 0 !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }


    /* ------------------------------------------------------
       LOGO-BEREICH
       ------------------------------------------------------ */

    #sp-header #sp-logo {
        display: flex !important;

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        height: auto !important;

        align-items: center !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    #sp-header #sp-logo .sp-column,
    #sp-header #sp-logo .logo,
    #sp-header #sp-logo .logo a {

        display: flex !important;

        align-items: center !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ------------------------------------------------------
       LOGO
       IMMER PROPORTIONAL
       ------------------------------------------------------ */

    #sp-header #sp-logo img.logo-image {

        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: min(260px, calc(100vw - 100px)) !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: left center !important;
    }


    /* ------------------------------------------------------
       MENÜ-BEREICH
       ------------------------------------------------------ */

    #sp-header #sp-menu {

        display: flex !important;

        flex: 0 0 50px !important;

        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;

        height: auto !important;

        margin-left: 10px !important;
        padding: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        position: relative !important;
    }


    /* ------------------------------------------------------
       HAMBURGER
       ------------------------------------------------------ */

    #sp-header #offcanvas-toggler {

        display: flex !important;

        visibility: visible !important;
        opacity: 1 !important;

        position: static !important;

        width: 44px !important;
        height: 44px !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;

        transform: none !important;
    }


    /* "Menu"-Text entfernen */

    #sp-header #offcanvas-toggler::after {
        content: none !important;
        display: none !important;
    }


    /* Hamburger-Symbol */

    #sp-header #offcanvas-toggler .burger-icon {

        display: block !important;

        width: 25px !important;

        margin: 0 !important;
    }

}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width: 992px) {

    #sp-header #sp-logo img.logo-image {

        width: auto !important;
        height: 70px !important;

        max-width: none !important;
    }

}
#sp-header.header-sticky{
   background: #b5c1f6;
}
/* ==========================================================
   Augenarztpraxis Passau
   Header: Logo links | Navigation mittig | Button rechts
   Helix Ultimate
   ========================================================== */
body .sppb-btn, body .btn {
    text-transform: none!important;
  }
@media (min-width: 992px) {

    /* ------------------------------------------------------
       1. Header als Bezugspunkt
       ------------------------------------------------------ */

    #sp-header .container-fluid {
        position: relative;
    }

    #sp-header .container-inner {
        position: relative;
    }

    #sp-header .row.align-items-center {
        position: relative;
        width: 100%;
    }


    /* ------------------------------------------------------
       2. Menü-Container im normalen Layout lassen
       WICHTIG: nicht position:absolute verwenden!
       Dadurch bleibt der Kontakt-Button rechts.
       ------------------------------------------------------ */

    #sp-menu {
        position: static !important;
        flex: 1 1 auto;
    }


    /* ------------------------------------------------------
       3. Nur die eigentliche Navigation zentrieren
       ------------------------------------------------------ */

    #sp-menu .sp-megamenu-wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: max-content;
        z-index: 10;
    }


    /* ------------------------------------------------------
       4. Menü horizontal ausrichten
       ------------------------------------------------------ */

    #sp-menu .sp-megamenu-parent {
        float: none !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin: 0;
        width: max-content;
    }


    /* ------------------------------------------------------
       5. Kontaktbutton weiterhin rechts halten
       ------------------------------------------------------ */

    #sp-menu .header-menu {
        position: absolute !important;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 20;
        margin: 0 !important;
    }

}
/* Automatische Nummerierung im Hauptmenü ausblenden */
.spmenu-number {
    display: none !important;
   }
.sp-megamenu-parent>li:has(.spmenu-number) {
    top: 0px;
    position: relative;
}
/* ==========================================================
   Hauptmenü - Active & Hover
   ========================================================== */

@media (min-width: 992px) {

    /* Grundzustand */
    #sp-header .sp-megamenu-parent > li > a {
        padding: 10px 16px;
        border-radius: 9px;
        transition:
            background-color 0.25s ease,
            color 0.25s ease,
            transform 0.25s ease,
            box-shadow 0.25s ease;
    }


    /* ------------------------------------------------------
       AKTIVER MENÜPUNKT
       ------------------------------------------------------ */

    #sp-header .sp-megamenu-parent > li.active > a,
    #sp-header .sp-megamenu-parent > li.current-item > a {
        background-color: #12375b;
        color: #ffffff !important;
        box-shadow: 0 4px 12px rgba(18, 55, 91, 0.18);
    }


    /* ------------------------------------------------------
       HOVER
       ------------------------------------------------------ */

    #sp-header .sp-megamenu-parent > li:not(.active):not(.current-item) > a:hover {
        background-color: #eaf2f8;
        color: #12375b !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(18, 55, 91, 0.10);
    }


    /* ------------------------------------------------------
       Aktiver Menüpunkt beim Hover
       ------------------------------------------------------ */

    #sp-header .sp-megamenu-parent > li.active > a:hover,
    #sp-header .sp-megamenu-parent > li.current-item > a:hover {
        background-color: #194a78;
        color: #ffffff !important;
        transform: translateY(-1px);
        box-shadow: 0 5px 14px rgba(18, 55, 91, 0.24);
    }

}
/* ==========================================================
   Kontaktieren Sie Uns Button
   Gleicher Stil wie aktiver Menüpunkt
   ========================================================== */

@media (min-width: 992px) {

    /* Button Grundzustand */
    #sp-header .header-menu a {
        background-color: #12375b !important;
        color: #ffffff !important;

        padding: 10px 16px !important;
        border-radius: 9px !important;

        border: none !important;
        text-decoration: none !important;

        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;

        box-shadow: 0 4px 12px rgba(18, 55, 91, 0.18);

        transition:
            background-color 0.25s ease,
            color 0.25s ease,
            transform 0.25s ease,
            box-shadow 0.25s ease;
    }


    /* Hover */
    #sp-header .header-menu a:hover {
        background-color: #194a78 !important;
        color: #ffffff !important;

        transform: translateY(-2px);

        box-shadow: 0 6px 16px rgba(18, 55, 91, 0.25);
    }


    /* Icon ebenfalls weiß */
    #sp-header .header-menu a i,
    #sp-header .header-menu a svg {
        color: #ffffff !important;
        fill: currentColor;
    }

}
/* ==========================================================
   GLOBALER BUTTON-STYLE
   Augenarztpraxis Passau
   ========================================================== */


/* ----------------------------------------------------------
   Alle normalen Buttons + SP Page Builder Buttons
   ---------------------------------------------------------- */

.sppb-btn,
.btn,
a.btn,
button.btn,
input[type="submit"],
input[type="button"],
#sp-header .header-menu a {

    /* Farbe */
    background: #12375b !important;
    background-color: #12375b !important;
    color: #ffffff !important;

    /* Größe und Form */
    padding: 10px 16px !important;
    border-radius: 9px !important;

    /* Rahmen entfernen */
    border: 1px solid #12375b !important;

    /* Schrift */
    text-decoration: none !important;

    /* Ausrichtung */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    /* Schatten */
    box-shadow: 0 4px 12px rgba(18, 55, 91, 0.18);

    /* Animation */
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* ----------------------------------------------------------
   HOVER
   ---------------------------------------------------------- */

.sppb-btn:hover,
.btn:hover,
a.btn:hover,
button.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
#sp-header .header-menu a:hover {

    background: #194a78 !important;
    background-color: #194a78 !important;
    border-color: #194a78 !important;
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 6px 16px rgba(18, 55, 91, 0.25);

    text-decoration: none !important;
}


/* ----------------------------------------------------------
   ACTIVE / Klick
   Kleiner Druck-Effekt beim Anklicken
   ---------------------------------------------------------- */

.sppb-btn:active,
.btn:active,
button.btn:active,
input[type="submit"]:active,
input[type="button"]:active,
#sp-header .header-menu a:active {

    transform: translateY(0);

    box-shadow: 0 2px 6px rgba(18, 55, 91, 0.20);
}


/* ----------------------------------------------------------
   Tastatur-Fokus
   Wichtig für Barrierefreiheit
   ---------------------------------------------------------- */

.sppb-btn:focus-visible,
.btn:focus-visible,
button.btn:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
#sp-header .header-menu a:focus-visible {

    outline: 3px solid rgba(18, 55, 91, 0.30) !important;
    outline-offset: 3px;
}


/* ----------------------------------------------------------
   Icons innerhalb der Buttons
   ---------------------------------------------------------- */

.sppb-btn i,
.sppb-btn svg,
.btn i,
.btn svg,
#sp-header .header-menu a i,
#sp-header .header-menu a svg {

    color: #ffffff !important;
    fill: currentColor;

    transition: transform 0.25s ease;
}


/* Icon beim Hover leicht bewegen */

.sppb-btn:hover i,
.btn:hover i,
#sp-header .header-menu a:hover i {

    transform: translateX(2px);
}


/* ----------------------------------------------------------
   SP PAGE BUILDER
   vorhandene Varianten überschreiben
   ---------------------------------------------------------- */

.sppb-btn-primary,
.sppb-btn-secondary,
.sppb-btn-success,
.sppb-btn-info,
.sppb-btn-warning,
.sppb-btn-danger,
.sppb-btn-dark,
.sppb-btn-custom {

    background: #12375b !important;
    background-color: #12375b !important;

    border-color: #12375b !important;

    color: #ffffff !important;
}


/* Hover der SP Page Builder Varianten */

.sppb-btn-primary:hover,
.sppb-btn-secondary:hover,
.sppb-btn-success:hover,
.sppb-btn-info:hover,
.sppb-btn-warning:hover,
.sppb-btn-danger:hover,
.sppb-btn-dark:hover,
.sppb-btn-custom:hover {

    background: #194a78 !important;
    background-color: #194a78 !important;

    border-color: #194a78 !important;

    color: #ffffff !important;
}


/* ----------------------------------------------------------
   SP Page Builder "Round" überschreiben

   In deinem Screenshot setzt .sppb-btn-round aktuell einen
   sehr starken Radius von 100px.
   ---------------------------------------------------------- */

.sppb-btn-round {
    border-radius: 9px !important;
}

/* Normalzustand */
#sp-page-builder .sppb-section {
    position: relative;
    z-index: 1;
}

/* Nur die Section eines aktuell geöffneten Team-Popups anheben */
#sp-page-builder .sppb-section:has(.sppb-dynamic-content-collection__item.active) {
    z-index: 10000 !important;
}

/* Popup */
#sp-page-builder .sppb-dynamic-content-collection__item.active {
    z-index: 10001 !important;
}

#sp-page-builder .sppb-dynamic-content-collection__item.active .articulo-team-popup {
    z-index: 10002 !important;
}
a.sppb-btn.team-popup-close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #252f63 !important;
    border: none !important;
    border-radius: 50% !important;

    transform: none !important;
    box-shadow: none !important;
}

a.sppb-btn.team-popup-close > i {
    display: none !important;
}

a.sppb-btn.team-popup-close::after {
    content: "\00d7";

    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;

    position: relative;
    top: -1px;
}

a.sppb-btn.team-popup-close:hover {
    background: #111946 !important;
}
/* =====================================================
   TEAM KARTEN
   Bild
   Name        volle Breite
   Funktion    | Button
   ===================================================== */

.artolio-teams .sppb-dynamic-content-collection__item {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) 52px;
    grid-template-rows: auto auto 1fr;

    column-gap: 10px;

    position: relative;
    align-items: start;
}


/* Bild */
.artolio-teams .sppb-dynamic-content-collection__item
> .sppb-addon-wrapper:nth-child(1) {
    grid-column: 1 / -1;
    grid-row: 1;
}


/* Name */
.artolio-teams .sppb-dynamic-content-collection__item
> .sppb-addon-wrapper:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;

    min-width: 0;
}


/* Berufsbezeichnung */
.artolio-teams .sppb-dynamic-content-collection__item
> .sppb-addon-wrapper:nth-child(3) {
    grid-column: 1;
    grid-row: 3;

    min-width: 0;
}


/* Button */
.artolio-teams .sppb-dynamic-content-collection__item
> .sppb-addon-wrapper:nth-child(4) {
    grid-column: 2;
    grid-row: 3;

    position: static !important;

    align-self: end;
    justify-self: end;

    margin: 0 !important;
    padding: 0 !important;
}


/* Alte absolute Button-Positionierung neutralisieren */
.artolio-teams .team-popup-button,
.artolio-teams .sppb-button-wrapper {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}
.sppb-dynamic-content-image-wrapper img {
    object-fit: contain !important;
}

/*Ab hier CLaude*/
/* =========================================================
   augenpraxis-passau.de – Startseite: Optimierung + Mobile
   Einfügen in: Templates > Artolio > Custom Code > Custom CSS
   (oder ans Ende von /templates/artolio/css/custom.css)
   ========================================================= */

/* ---------- 1. Kacheln "Was unsere Augenarztpraxis auszeichnet":
              nicht klickbar wirken (keine Hand, kein Zoom-Effekt) ---------- */
.slider-track .corporate-feature-item,
.slider-track .corporate-feature-item:hover {
  cursor: default !important;
}
.slider-track .corporate-feature-item:hover .sppb-icon > .sppb-icon-container {
  transform: none !important;
}

/* ---------- 2. Kachel-Slider auf Tablet/Handy: sauberes Einrasten beim Wischen ---------- */
@media (max-width: 991.98px) {
  .slider-track {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-padding-left: 15px;
    padding-bottom: 6px;
  }
  .slider-track > .addon-root-feature {
    scroll-snap-align: start;
  }
  /* Hinweis, dass man wischen kann */
  #sppb-addon-wrapper-f8637ed0-2add-41ab-aae1-973877eab64f::after {
    content: "\2190  Wischen für mehr  \2192";
    display: block;
    text-align: center;
    font-size: 13px;
    letter-spacing: .5px;
    color: var(--sppb-text-variant-1, #777);
    margin-top: 14px;
  }
}

/* ---------- 3. Hero-Überschrift (H1) am Handy:
              3 Zeilen sauber zentriert, "Herzlich Willkommen bei" bricht nicht mehr um.
              Die animierte Zeile (Kreis-SVG) bleibt unangetastet, nur Schriftgröße/Abstand. ---------- */
@media (max-width: 767.98px) {
  #sppb-addon-1198ba34-6d2d-4437-a1d9-80d7d577d15c h1 {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    text-align: center !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  #sppb-addon-1198ba34-6d2d-4437-a1d9-80d7d577d15c h1 > span {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
  }
  #sppb-addon-1198ba34-6d2d-4437-a1d9-80d7d577d15c .animated-heading-highlighted-wrap {
    margin: 6px 0 !important;
    white-space: nowrap;
  }
}

/* ---------- 3b. Logo am Handy/Tablet linksbündig ---------- */
@media (max-width: 991.98px) {
  #sp-header .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  #sp-logo {
    padding-left: 0;
    flex: 1 1 auto;
  }
  #sp-logo .sp-column,
  #sp-logo .logo,
  #sp-logo .logo a {
    justify-content: flex-start;
    margin-left: 0;
  }
  #sp-logo .logo-image {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 52px;
  }
}

/* ---------- 4. Box "Wir helfen Ihnen gerne!" (Leistungen):
              Text lief am Handy rechts aus dem Bild ---------- */
@media (max-width: 575.98px) {
  #sppb-addon-71d42dd4-e83f-479d-a2ac-c489f631c353 {
    margin: 0 -15px !important;
    padding: 32px 20px !important;
    border-radius: 16px 16px 0 0;
  }
  .agency-achivement .agency-achivement-description {
    max-width: 100%;
  }
  #sppb-addon-71d42dd4-e83f-479d-a2ac-c489f631c353 .sppb-btn {
    display: block;
    text-align: center;
  }
  /* Hintergrundfoto über der Box nicht seitlich abschneiden */
  #section-id-dd3abe50-9f27-4ae2-9d6d-290c096c1391 {
    background-size: cover !important;
    background-position: center top !important;
  }
}

/* ---------- 5. Telefon-CTA-Bereich: Abstände am Handy straffen ---------- */
@media (max-width: 767.98px) {
  #section-id-1750324743624 h4.sppb-addon-title {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
  #section-id-1750324743624 .sppb-btn {
    white-space: normal;
    line-height: 1.3;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* ---------- 6. Footer: Links fingerfreundlich (Tap-Fläche ≥ 40px) ---------- */
@media (max-width: 991.98px) {
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 a {
    display: inline-block;
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

/* ---------- 7. Kein horizontales Wackeln auf iOS ---------- */
html, body {
  overflow-x: clip;
}

/* =========================================================
   8. FOOTER – Eyecatcher (Desktop + Mobil)
   - Farbverlaufs-Akzent oben (Flieder -> Praxisblau)
   - dezentes "Iris"-Ringmotiv (greift das Auge im Logo auf)
   - E-Mail / Telefon als Kontakt-Pills mit Icons, Telefon als Haupt-CTA
   ========================================================= */
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7::before {          /* Akzentlinie */
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(260px, 50%);
  height: 4px;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, #B5C1F6, #12375B);
  z-index: 1;
}
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7::after {           /* Iris-Ringe */
  content: "";
  position: absolute;
  top: -170px;
  right: -140px;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  opacity: .55;
  background:
    radial-gradient(circle, rgba(18,55,91,.85) 0 7%, transparent 7.5%),
    radial-gradient(circle, transparent 0 18%, rgba(181,193,246,.55) 18.5% 30%, transparent 30.5%),
    repeating-radial-gradient(circle, rgba(18,55,91,.10) 0 1px, transparent 1.5px 26px);
}

/* Kontakt-Pills */
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-bd3ab055-74e6-4ebf-8a30-175442f29689 a,
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-58c0b919-ea9c-4ed9-a693-f0ef94eb8381 a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 22px 8px 8px;
  border-radius: 999px;
  background: #fff;
  color: #12375B;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(18,55,91,.12);
  transition: transform .2s ease, box-shadow .2s ease;
}
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-bd3ab055-74e6-4ebf-8a30-175442f29689 a:hover,
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-58c0b919-ea9c-4ed9-a693-f0ef94eb8381 a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(18,55,91,.18);
}
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-bd3ab055-74e6-4ebf-8a30-175442f29689 a::before,
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-58c0b919-ea9c-4ed9-a693-f0ef94eb8381 a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  background: #B5C1F6;
  color: #12375B;
}
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-bd3ab055-74e6-4ebf-8a30-175442f29689 a::before { content: "\f0e0"; } /* Brief */
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-58c0b919-ea9c-4ed9-a693-f0ef94eb8381 a::before { content: "\f095"; } /* Telefon */
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-bd3ab055-74e6-4ebf-8a30-175442f29689 h3,
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-58c0b919-ea9c-4ed9-a693-f0ef94eb8381 h3 {
  margin: 0;
  color: inherit;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}
/* Telefon = Haupt-CTA in Praxisblau */
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-58c0b919-ea9c-4ed9-a693-f0ef94eb8381 a {
  background: #12375B;
  color: #fff;
}
#section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 #sppb-addon-58c0b919-ea9c-4ed9-a693-f0ef94eb8381 a::before {
  background: #fff;
}

/* Adresse mit Pin-Icon */
#sppb-addon-6e34eebf-8303-420b-b8ff-597a61d095aa p::before {
  content: "\f3c5";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #12375B;
  margin-right: 8px;
}

/* ---------- 9. FOOTER mobil zentriert ---------- */
@media (max-width: 767.98px) {
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .sppb-column,
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .sppb-addon,
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .sppb-addon-content,
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .mod-footer,
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .mod-footer > div {
    text-align: center !important;
  }
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .sppb-addon-single-image-container {
    display: inline-block;
  }
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .sppb-addon-single-image-container img {
    margin: 0 auto;
    max-width: 240px;
  }
  #sppb-addon-5863500f-09b3-4fd2-94a6-7ba538b4cbf3 {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
  }
  #sppb-addon-b31b280f-3c1f-4950-8d76-696e4dbf875e {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
  }
  #sppb-addon-7e33d40d-1880-4fdc-8585-5cce5cfc84bf ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    padding-left: 0;
    margin-left: 0;
  }
  /* Iris-Ringe mobil: kleiner, mittig hinter dem Logo */
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7::after {
    width: 300px;
    height: 300px;
    top: -150px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    opacity: .4;
  }
}

/* ---------- 10. Laptop/Tablet quer (992–1459px): Menü überlappte das Logo
              (getestet bei 992, 1123, 1200, 1300, 1536px; 14.11.2026 nachjustiert: Logo schmaler, ~16px Abstand zum Menü) ---------- */
@media (min-width: 992px) and (max-width: 1459.98px) {
  #sp-header #sp-menu .sp-megamenu-parent > li > a {
    font-size: 17px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #sp-header #sp-logo img.logo-image {
    width: min(386px, calc(50vw - 322px)) !important;
    height: auto !important;
    max-width: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1459.98px) {
  #sp-header #sp-logo img.logo-image {
    width: min(386px, calc(50vw - 352px)) !important;
    height: auto !important;
    max-width: none !important;
  }
}
/* 11. Footer: Sprechzeiten-Widget unter den Kontakt-Buttons */
#sppb-addon-5863500f-09b3-4fd2-94a6-7ba538b4cbf3 {
  flex-wrap: wrap !important;
  column-gap: 16px !important;
  row-gap: 14px !important;
}
#sppb-addon-5863500f-09b3-4fd2-94a6-7ba538b4cbf3 > .addon-root-raw-html {
  flex: 0 0 100%;
  max-width: 100%;
}
#sppb-addon-5863500f-09b3-4fd2-94a6-7ba538b4cbf3 .apz-hours {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .addon-root-heading a {
    gap: 10px !important;
    padding-right: 16px !important;
  }
  #section-id-bf9055fb-2bdf-45c8-8716-6879a97dece7 .addon-root-heading a h3 {
    font-size: 14px !important;
  }
  .apz-more { font-size: 0; }
  .apz-more::after { content: "\203A"; font-size: 20px; line-height: 1; }
}
/* 12. Kachel-Icons: eigene Augenarzt-Icons (SVG, Praxisblau) */
.slider-track .corporate-feature-item .sppb-icon-container {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: no-repeat center / contain;
}
.slider-track .corporate-feature-item .sppb-icon-container > i {
  display: none !important;
}
/* ausbildung */
#sppb-addon-5e63e034-91c0-4cca-83e7-fd195647236f .sppb-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%2312375B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 5 L43 12.5 L24 20 L5 12.5 Z'/%3E%3Cpath d='M13 16 V21.5 C13 24 18 25.5 24 25.5 S35 24 35 21.5 V16'/%3E%3Cpath d='M43 12.5 V20'/%3E%3Ccircle cx='43' cy='21.5' r='1.4' fill='%2312375B' stroke='none'/%3E%3Cpath d='M9 36 Q24 23 39 36 Q24 49 9 36 Z'/%3E%3Ccircle cx='24' cy='36' r='4.2'/%3E%3Ccircle cx='24' cy='36' r='1.60' fill='%2312375B' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); }
/* erfahrung */
#sppb-addon-aea07fbe-a761-475d-a409-8857d4829ce4 .sppb-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%2312375B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='19' r='13'/%3E%3Cpath d='M16.5 29.5 L12 43 L18 40.5 L21 45.5 L24 32'/%3E%3Cpath d='M31.5 29.5 L36 43 L30 40.5 L27 45.5 L24 32'/%3E%3Cpath d='M15.5 19 Q24 10 32.5 19 Q24 28 15.5 19 Z'/%3E%3Ccircle cx='24' cy='19' r='3'/%3E%3Ccircle cx='24' cy='19' r='1.14' fill='%2312375B' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); }
/* ausstattung */
#sppb-addon-f2958923-65d7-42a6-9e0f-b2aa00044a20 .sppb-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%2312375B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13 V7 A2 2 0 0 1 7 5 H13'/%3E%3Cpath d='M35 5 H41 A2 2 0 0 1 43 7 V13'/%3E%3Cpath d='M43 35 V41 A2 2 0 0 1 41 43 H35'/%3E%3Cpath d='M13 43 H7 A2 2 0 0 1 5 41 V35'/%3E%3Cpath d='M10 24 Q24 9 38 24 Q24 39 10 24 Z'/%3E%3Ccircle cx='24' cy='24' r='5'/%3E%3Ccircle cx='24' cy='24' r='1.90' fill='%2312375B' stroke='none'/%3E%3Cpath d='M8 24 H11 M37 24 H40' stroke-dasharray='0'/%3E%3C/g%3E%3C/svg%3E"); }
/* team */
#sppb-addon-56bd15ad-c5ef-40ad-86bd-1f4670ef54d1 .sppb-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%2312375B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='14' r='6'/%3E%3Cpath d='M13 40 V36 C13 29.5 18 25 24 25 S35 29.5 35 36 V40'/%3E%3Ccircle cx='10.5' cy='18.5' r='4.5'/%3E%3Cpath d='M3 37 V35 C3 30.5 6 27.5 10.5 27.5 C12 27.5 13.3 27.9 14.4 28.6'/%3E%3Ccircle cx='37.5' cy='18.5' r='4.5'/%3E%3Cpath d='M45 37 V35 C45 30.5 42 27.5 37.5 27.5 C36 27.5 34.7 27.9 33.6 28.6'/%3E%3C/g%3E%3C/svg%3E"); }
/* fuer-sie-da */
#sppb-addon-488abc9f-981c-40fa-b6a7-61ff59af160a .sppb-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%2312375B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='9' width='36' height='33' rx='4'/%3E%3Cpath d='M6 18 H42'/%3E%3Cpath d='M15 5 V12 M33 5 V12'/%3E%3Cpath d='M24 37 C24 37 15.5 32 15.5 26.8 C15.5 24.3 17.4 22.6 19.6 22.6 C21.5 22.6 23 23.7 24 25.3 C25 23.7 26.5 22.6 28.4 22.6 C30.6 22.6 32.5 24.3 32.5 26.8 C32.5 32 24 37 24 37 Z'/%3E%3C/g%3E%3C/svg%3E"); }
/* immer-wieder */
#sppb-addon-078a5402-cdc5-492f-bf48-0d825c27e48a .sppb-icon-container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%2312375B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 34 C24 34 13 27.5 13 20.5 C13 17.2 15.5 15 18.4 15 C20.9 15 22.8 16.4 24 18.5 C25.2 16.4 27.1 15 29.6 15 C32.5 15 35 17.2 35 20.5 C35 27.5 24 34 24 34 Z'/%3E%3Cpath d='M40.5 31 A18 18 0 1 1 41.5 16.5'/%3E%3Cpath d='M42.5 9.5 L41.8 16.8 L34.6 15.6'/%3E%3C/g%3E%3C/svg%3E"); }
/* 13. Seite "Unsere Leistungen": Illustrationen in den Kachel-Köpfen */
#sppb-addon-2a39ad8f-9163-483a-8470-e00169287138 > .sppb-addon-overlayer,
#sppb-addon-2a39ad8f-9163-483a-8470-e00169287138 .addon-root-raw-html,
#sppb-addon-2a39ad8f-9163-483a-8470-e00169287138 .addon-root-icon,
#sppb-addon-44dd1291-509e-4e98-b4e3-532681b764b9 > .sppb-addon-overlayer,
#sppb-addon-44dd1291-509e-4e98-b4e3-532681b764b9 .addon-root-raw-html,
#sppb-addon-44dd1291-509e-4e98-b4e3-532681b764b9 .addon-root-icon,
#sppb-addon-c9d880a7-f3c1-44ac-b1f4-2c078b814f30 > .sppb-addon-overlayer,
#sppb-addon-c9d880a7-f3c1-44ac-b1f4-2c078b814f30 .addon-root-raw-html,
#sppb-addon-c9d880a7-f3c1-44ac-b1f4-2c078b814f30 .addon-root-icon,
#sppb-addon-201fb884-24e6-4adb-af5f-65255e97fd95 > .sppb-addon-overlayer,
#sppb-addon-201fb884-24e6-4adb-af5f-65255e97fd95 .addon-root-raw-html,
#sppb-addon-201fb884-24e6-4adb-af5f-65255e97fd95 .addon-root-icon {
  display: none !important;
}
#sppb-addon-2a39ad8f-9163-483a-8470-e00169287138.expertise-card-header { background: url("/images/leistungen/leistung-diagnostik.webp") center / cover no-repeat !important; }
#sppb-addon-44dd1291-509e-4e98-b4e3-532681b764b9.expertise-card-header { background: url("/images/leistungen/leistung-therapie.webp") center / cover no-repeat !important; }
#sppb-addon-c9d880a7-f3c1-44ac-b1f4-2c078b814f30.expertise-card-header { background: url("/images/leistungen/leistung-lasertherapie.webp") center / cover no-repeat !important; }
#sppb-addon-201fb884-24e6-4adb-af5f-65255e97fd95.expertise-card-header { background: url("/images/leistungen/leistung-operationen.webp") center / cover no-repeat !important; }
/* Kachel-Kopf im 4:3-Format, damit die Illustration nie abgeschnitten wird */
#sppb-addon-2a39ad8f-9163-483a-8470-e00169287138.expertise-card-header,
#sppb-addon-44dd1291-509e-4e98-b4e3-532681b764b9.expertise-card-header,
#sppb-addon-c9d880a7-f3c1-44ac-b1f4-2c078b814f30.expertise-card-header,
#sppb-addon-201fb884-24e6-4adb-af5f-65255e97fd95.expertise-card-header {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  padding: 0 !important;
}
/* 14. Seite "Unser Team": Info-Popup am Handy */
@media (max-width: 767.98px) {
  .artolio-teams .sppb-dynamic-content-collection__item .artolio-team-popup,
  .artolio-teams .sppb-dynamic-content-collection__item.active .artolio-team-popup {
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    transform: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 64px 20px 28px !important;
    box-sizing: border-box;
    transition: opacity .25s ease, visibility .25s ease !important;
  }
  /* Schließen-Button bleibt beim Scrollen immer oben rechts sichtbar */
  .artolio-teams .sppb-dynamic-content-collection__item .artolio-team-popup .team-popup-close {
    position: fixed !important;
    top: 24px !important;
    right: 24px !important;
    left: auto !important;
    z-index: 20 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
  }
  .artolio-teams .sppb-dynamic-content-collection__item .artolio-team-popup img {
    max-width: 100%;
    height: auto;
  }
}
/* 14b. Team-Popup am Handy: Foto und Text direkt untereinander, ohne Leerraum */
@media (max-width: 767.98px) {
  .artolio-teams .sppb-dynamic-content-collection__item .artolio-team-popup {
    justify-content: flex-start !important;
    gap: 20px;
  }
  .artolio-teams .sppb-dynamic-content-collection__item .artolio-team-popup > .sppb-addon-wrapper {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
  }
  .artolio-teams .artolio-team-popup .sppb-dynamic-content-image-wrapper {
    aspect-ratio: auto !important;
    height: auto !important;
    display: flex;
    justify-content: center;
  }
  .artolio-teams .artolio-team-popup .sppb-dynamic-content-image-wrapper .sppb-dynamic-content-image {
    aspect-ratio: auto !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 300px !important;
    margin: 0 auto;
  }
}
/* 15. Seite "Unser Team": Namen nicht mehr vom +-Button verdeckt (alle Ansichten) */
.artolio-teams .sppb-dynamic-content-collection__item .team-popup-toggle {
  top: 16px !important;
  right: 16px !important;
  bottom: auto !important;
}
.artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-text .sppb-dynamic-content-text {
  padding-right: 15px !important;
  box-sizing: border-box;
  flex-wrap: wrap;
  overflow-wrap: break-word;
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-image + .addon-root-dynamic-content-text .sppb-dynamic-content-text {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
}
/* 15. Seite "Unser Team": Button "Mehr über mich" zwischen Foto und Name */
.artolio-teams .sppb-dynamic-content-collection__item {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto !important;
  row-gap: 0 !important;
}
.artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-image {
  grid-row: 1 !important;
  grid-column: 1 !important;
}
.artolio-teams .sppb-dynamic-content-collection__item > .addon-root-button {
  grid-row: 2 !important;
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: start !important;
}
.artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-image + .addon-root-dynamic-content-text {
  grid-row: 3 !important;
  grid-column: 1 !important;
}
.artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-text + .addon-root-dynamic-content-text {
  grid-row: 4 !important;
  grid-column: 1 !important;
  padding-bottom: 22px;
}
.artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-image + .addon-root-dynamic-content-text .clearfix {
  padding-top: 12px !important;
}
.artolio-teams .sppb-dynamic-content-collection__item .team-popup-toggle {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 16px 0 0 15px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 600;
  border-radius: 999px !important;
}
.artolio-teams .sppb-dynamic-content-collection__item .team-popup-toggle > i {
  display: none !important;
}
.artolio-teams .sppb-dynamic-content-collection__item .team-popup-toggle::after {
  content: "Mehr \00FC ber mich  \2192";
  white-space: pre;
}
.artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-text .sppb-dynamic-content-text {
  padding-right: 15px !important;
  box-sizing: border-box;
  flex-wrap: wrap;
  overflow-wrap: break-word;
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .artolio-teams .sppb-dynamic-content-collection__item > .addon-root-dynamic-content-image + .addon-root-dynamic-content-text .sppb-dynamic-content-text {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
}

/* 12. Startseite "Was unsere Augenarztpraxis auszeichnet": ab 992px kein abgeschnittener
       Horizontal-Slider mehr (am Desktop nicht wischbar). 992-1199: 3+2 Karten, ab 1200: 5 in einer Reihe */
@media (min-width: 992px) {
  .slider-track { overflow-x: visible !important; align-items: stretch !important; }
  .slider-track > .addon-root-feature { width: auto !important; max-width: none !important; min-width: 0 !important; }
  .slider-track > .addon-root-feature > .clearfix { width: 100% !important; height: 100%; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .slider-track { flex-wrap: wrap !important; justify-content: center !important; row-gap: 30px; }
  .slider-track > .addon-root-feature { flex: 0 0 calc(33.333% - 30px) !important; }
}
@media (min-width: 1200px) {
  .slider-track > .addon-root-feature { flex: 1 1 0 !important; }
}

/* 13. Impressum/Datenschutz: grosse Hero-Ueberschrift lief mobil rechts aus dem Bild */
@media (max-width: 767.98px) {
  #sppb-addon-7031649f-d8ac-48c0-8e9a-e7da59838c6b .sppb-addon-title,
  #sppb-addon-6106e02c-656c-4ebf-bbe0-2354058ce33e .sppb-addon-title {
    font-size: 16vw !important;
    line-height: 1.15 !important;
  }
}