/* InvestorScout Abrechnung – Design nach Booster-/Startseite: Inter, Blau #2F5E99, Pill-Buttons, Karten 15px */
:root { --isab-blau: #2F5E99; --isab-blau-hell: rgba(205, 223, 245, .38); --isab-blau-rand: rgba(47, 94, 153, .42); --isab-gelb: #F5C025; --isab-grau: #948C8C; --isab-grau-hell: #F3F3F3; --isab-rand: #E0E0E0; --isab-text: #212121; --isab-text-2: #555; }

.isab-preise, .isab-status, .isab-dialog, .isab-postbox, .isab-hinweis, .isab-toast { font-family: Inter, sans-serif; color: var(--isab-text); }

/* Buttons – wie die Elementor-Buttons der Website */
.isab-btn { display: inline-block; padding: 9px 22px; border-radius: 50px; background: var(--isab-blau); color: #fff !important; font-weight: 500; font-size: 15px; line-height: 1.4; text-decoration: none !important; border: 1px solid var(--isab-blau); cursor: pointer; text-align: center; transition: background .15s, color .15s; }
.isab-btn:hover { background: #24497a; border-color: #24497a; }
.isab-preise .isab-btn:hover, .isab-seite .isab-btn:hover, .isab-postbox .isab-btn:hover, .isab-status .isab-btn:hover, .isab-hinweis .isab-btn:hover { font-size: 15px; line-height: 1.4; }
.isab-postbox .isab-btn-klein:hover { font-size: 14px; }
.isab-btn:disabled { opacity: .6; cursor: wait; }
.isab-btn.isab-btn-hell, button.isab-btn.isab-btn-hell { background: #fff !important; color: var(--isab-blau) !important; border: 1px solid var(--isab-blau); }
.isab-btn.isab-btn-hell:hover, button.isab-btn.isab-btn-hell:hover { background: var(--isab-blau-hell) !important; color: var(--isab-blau) !important; }
.isab-btn-grau { background: var(--isab-grau); border-color: var(--isab-grau); }
.isab-btn-grau:hover { background: #7d7575; border-color: #7d7575; }
.isab-btn-sekundaer { background: #fff; color: var(--isab-blau) !important; border: 1px solid var(--isab-blau); }
.isab-btn-klein { padding: 7px 16px; font-size: 14px; }

/* Kleinteile */
.isab-pill { display: inline-block; padding: 4px 15px; border-radius: 50px; background: var(--isab-blau-hell); border: 1px solid var(--isab-blau-rand); color: var(--isab-blau); font-size: 13px; font-weight: 600; margin-bottom: 14px; }
.isab-badge { display: inline-block; padding: 2px 10px; border-radius: 50px; background: var(--isab-blau-hell); border: 1px solid var(--isab-blau-rand); color: var(--isab-blau); font-size: 12px; font-weight: 600; vertical-align: middle; }
.isab-empfohlen { display: inline-block; margin-left: 8px; padding: 2px 10px; border-radius: 50px; background: var(--isab-blau-hell); border: 1px solid var(--isab-blau-rand); color: var(--isab-blau); font-size: 12px; font-weight: 600; vertical-align: middle; }
.isab-warn { color: #b3261e; }
.isab-ok { color: #1b7a3d; }
.isab-klein { font-size: 13px; color: var(--isab-text-2); }

/* Preisseite */
.isab-preise .isab-block { margin: 0 0 72px; }
.isab-preise .isab-kopf { text-align: center; max-width: 820px; margin: 0 auto 30px; }
.isab-preise .isab-kopf h2 { font-size: 36px; font-weight: 600; line-height: 1.2; margin: 0 0 12px; color: var(--isab-text); }
.isab-preise .isab-kopf p { font-size: 18px; line-height: 1.55; color: var(--isab-text); margin: 0; }
.isab-karten { display: grid; gap: 16px; align-items: stretch; grid-auto-rows: auto; }
.isab-karten-3 { grid-template-columns: repeat(3, 1fr); max-width: 1020px; margin: 0 auto; }
.isab-karten-4 { grid-template-columns: repeat(4, 1fr); }
.isab-karte { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--isab-rand); border-radius: 15px; padding: 24px 22px 22px; }
@supports (grid-template-rows: subgrid) { .isab-karte { display: grid; grid-template-rows: subgrid; grid-row: span 5; align-content: start; } .isab-karte .isab-karte-fuss { margin-top: 0; } }
.isab-karte-hervor { border: 2px solid var(--isab-blau); background: #F4F8FD; }
.isab-karte .isab-empfohlen { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); margin: 0; padding: 4px 14px; background: var(--isab-blau); color: #fff; border: 0; font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; border-radius: 50px; white-space: nowrap; }
.isab-preise h3.isab-karte-titel { font-size: 20px; font-weight: 700; color: var(--isab-text); margin: 0 0 10px; line-height: 1.2; }
.isab-karte-label { font-size: 16px; font-weight: 700; color: var(--isab-blau); margin: 0 0 6px; }
.isab-karte-label-grau { color: #6f6f6f; }
.isab-preis { font-size: 40px; font-weight: 800; line-height: 1; color: var(--isab-text); margin: 0 0 6px; letter-spacing: -.01em; }
.isab-preis span { display: block; font-size: 14px; font-weight: 500; color: var(--isab-text-2); margin-top: 6px; letter-spacing: 0; }
.isab-karte-monat { font-size: 13px; color: var(--isab-text-2); margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px solid var(--isab-rand); min-height: 1.4em; }
.isab-karte-monat b.isab-spar { display: inline-block; margin-left: 4px; padding: 1px 9px; border-radius: 50px; background: #E3F5EA; color: #1b7a3d; font-size: 12px; font-weight: 700; white-space: nowrap; }
.isab-karte ul { list-style: none; padding: 0; margin: 0 0 18px; flex: 1; }
.isab-karte li { position: relative; padding: 4px 0 4px 26px; font-size: 14.5px; line-height: 1.4; color: #333; }
.isab-karte li b { font-weight: 700; color: var(--isab-text); }
.isab-karte li::before { content: "\2713"; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--isab-blau-hell); color: var(--isab-blau); font-size: 11px; font-weight: 700; text-align: center; line-height: 18px; }
.isab-karte .isab-btn { align-self: flex-start; }
.isab-btn-breit { display: block; width: 100%; padding: 12px 18px; font-size: 15px; font-weight: 600; }
.isab-preise .isab-btn-breit:hover, .isab-seite .isab-btn-breit:hover { font-size: 15px; }
.isab-karte-fuss { align-self: start; margin-top: auto; }
.isab-karte-fuss .isab-btn { display: block; width: 100%; }
.isab-karte-status { font-size: 13px; color: var(--isab-text-2); margin: 8px 0 0; }
.isab-karte-note { font-size: 12px; color: #7a7a7a; text-align: center; margin: 8px 0 0; line-height: 1.4; }
.isab-fuss { text-align: center; font-size: 13px; line-height: 1.6; color: #7a7a7a; margin: 18px auto 0; max-width: 900px; }
.isab-fuss a { color: #7a7a7a; text-decoration: underline; font-size: 13px; line-height: 1.6; }
.isab-fuss a:hover { color: #1a1a1a; font-size: 13px; line-height: 1.6; }

/* Preisseite: Rahmen (Seite /preise/, Markup in der Seite selbst) */
.isab-seite { font-family: Inter, sans-serif; color: var(--isab-text); max-width: 1180px; margin: 0 auto; padding: 40px 16px 56px; }
.isab-seite h1, .isab-seite h2, .isab-seite h3 { font-family: Inter, sans-serif; color: var(--isab-text); }
.isab-hero { text-align: center; max-width: 860px; margin: 0 auto 36px; }
.isab-hero h1 { font-size: 44px; font-weight: 600; line-height: 1.15; margin: 0 0 14px; }
.isab-hero p { font-size: 20px; line-height: 1.5; margin: 0 0 26px; }
.isab-sprung { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.isab-sprung a { display: inline-block; padding: 9px 22px; border-radius: 50px; border: 1px solid var(--isab-blau); color: var(--isab-blau) !important; font-weight: 500; font-size: 15px; line-height: 1.4; text-decoration: none !important; background: #fff; transition: background .15s; }
.isab-sprung a.isab-sprung-voll { background: var(--isab-blau); color: #fff !important; }
.isab-seite .isab-sprung a:hover { font-size: 15px; line-height: 1.4; background: var(--isab-blau-hell); }
.isab-seite .isab-sprung a.isab-sprung-voll:hover { background: #24497a; }

/* Kennzahlen-Kacheln (Zahlen aus dem Theme-Zaehler wie auf der Startseite) */
.isab-zahlen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 980px; margin: 0 auto 72px; }
.isab-zahl { text-align: center; padding: 26px 20px 22px; border-radius: 15px; background: var(--isab-blau-hell); border: 1px solid var(--isab-blau-rand); }
.isab-zahl b { display: block; font-size: 40px; font-weight: 700; line-height: 1.1; color: var(--isab-blau); font-variant-numeric: tabular-nums; }
.isab-zahl span { display: block; margin-top: 6px; font-size: 16px; font-weight: 600; color: var(--isab-text); }
.isab-zahl small { display: block; margin-top: 4px; font-size: 13px; color: #5F6B7A; }
.isab-zahl .is-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #22A06B; margin: 0 8px 2px 0; vertical-align: middle; }

/* Logoleiste registrierter Investoren */
.isab-logos { text-align: center; margin: -32px auto 72px; max-width: 1180px; }
.isab-logos-titel { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #7a7a7a; margin: 18px 0 0; }
.isab-logos-reihe { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 36px; }
.isab-logo { display: inline-flex; align-items: center; height: 40px; max-width: 150px; } /* 04.11.2026 (Jan): Logos immer in Farbe und voll sichtbar - vorher grau/halb durchsichtig, farbig erst beim Ueberfahren bzw. Tippen */
.isab-logo img { max-height: 40px; max-width: 150px; width: auto; height: auto; object-fit: contain; }

/* Abschnittskopf */
.isab-abschnitt { margin: 0 0 72px; }
.isab-abschnitt > h2 { text-align: center; font-size: 36px; font-weight: 600; line-height: 1.2; margin: 0 0 10px; }
.isab-abschnitt > p.isab-sub { text-align: center; font-size: 18px; line-height: 1.5; margin: 0 auto 32px; max-width: 760px; }

/* So funktioniert's: zwei Wege, je drei Schritte */
.isab-wege { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.isab-weg { border: 1px solid var(--isab-rand); border-radius: 15px; padding: 28px 28px 22px; background: #fff; }
.isab-weg .isab-pill { margin-bottom: 18px; }
.isab-schritt { position: relative; display: flex; gap: 16px; padding: 0 0 22px; }
.isab-schritt::before { content: ""; position: absolute; left: 19px; top: 40px; bottom: 0; width: 2px; background: var(--isab-blau-hell); }
.isab-schritt:last-child::before { display: none; }
.isab-schritt:last-child { padding-bottom: 0; }
.isab-schritt-nr { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: var(--isab-blau); color: #fff; font-weight: 700; font-size: 16px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.isab-schritt h3 { font-size: 17px; font-weight: 600; margin: 8px 0 4px; line-height: 1.3; }
.isab-schritt p { font-size: 15px; line-height: 1.5; margin: 0; color: #444; }
.isab-schritt .isab-tag { display: inline-block; margin-left: 8px; padding: 1px 9px; border-radius: 50px; background: #edf7f0; color: #1b7a3d; font-size: 12px; font-weight: 600; vertical-align: middle; }

/* Argumente mit Icon */
.isab-kacheln { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.isab-kachel { border: 1px solid var(--isab-rand); border-radius: 15px; padding: 26px 24px; background: #fff; }
.isab-kachel .isab-icon { width: 48px; height: 48px; border-radius: 50%; background: var(--isab-blau-hell); border: 1px solid var(--isab-blau-rand); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; color: var(--isab-blau); }
.isab-kachel .isab-icon svg { width: 24px; height: 24px; }
.isab-kachel h3 { font-size: 19px; font-weight: 600; margin: 0 0 8px; line-height: 1.3; }
.isab-kachel p { font-size: 15px; line-height: 1.55; margin: 0; color: #333; }

/* Rechenbeispiel */
.isab-rechnung { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.isab-rechnung > div { display: flex; gap: 22px; align-items: center; padding: 22px 26px; border-radius: 15px; background: var(--isab-grau-hell); }
.isab-rechnung b { flex: 0 0 auto; font-size: 34px; font-weight: 700; color: var(--isab-blau); line-height: 1; white-space: nowrap; }
.isab-rechnung b small { display: block; font-size: 13px; font-weight: 500; color: #5F6B7A; margin-top: 4px; white-space: normal; }
.isab-rechnung p { margin: 0; font-size: 15px; line-height: 1.5; color: #333; }

/* Vertrauensleiste */
.isab-vertrauen { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0 0 72px; }
.isab-vertrauen > div { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; line-height: 1.45; color: #333; }
.isab-vertrauen svg { flex: 0 0 22px; width: 22px; height: 22px; color: var(--isab-blau); margin-top: 1px; }
.isab-vertrauen strong { display: block; font-weight: 600; color: var(--isab-text); }

/* Blaue CTA-Box wie auf der Startseite */
.isab-cta { background: #2E5A96; border-radius: 20px; padding: 56px 48px; color: #fff; display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; margin: 0 0 72px; }
.isab-cta h2 { color: #fff; font-size: 34px; font-weight: 600; line-height: 1.2; margin: 0 0 12px; }
.isab-cta p { font-size: 17px; line-height: 1.5; margin: 0 0 24px; color: #fff; }
.isab-cta-knoepfe { display: flex; gap: 12px; flex-wrap: wrap; }
.isab-cta a.isab-cta-weiss, .isab-cta a.isab-cta-rand { display: inline-block; padding: 11px 26px; border-radius: 50px; font-weight: 500; font-size: 15px; line-height: 1.4; text-decoration: none !important; transition: opacity .15s; }
.isab-cta a.isab-cta-weiss { background: #fff; color: #2E5A96 !important; }
.isab-cta a.isab-cta-rand { border: 1px solid #fff; color: #fff !important; }
.isab-cta ul { list-style: none; margin: 0; padding: 0; }
.isab-cta li { position: relative; padding: 11px 0 11px 30px; font-size: 16px; line-height: 1.4; color: #fff; }
.isab-cta li::before { content: "\2713"; position: absolute; left: 0; top: 11px; color: var(--isab-gelb); font-weight: 700; }
.isab-seite .isab-cta a:hover { font-size: 15px; line-height: 1.4; opacity: .9; }

/* FAQ: schlicht, passend zu den Abschnitten darueber - keine Boxen, keine Icons,
   duenne Trennlinien, Frage 17px/600 wie die Schritt-Titel, Antwort im Fliesstext-Grau */
.isab-faq { max-width: 840px; margin: 0 auto; }
.isab-faq > h2 { text-align: center; font-size: 36px; font-weight: 600; line-height: 1.2; margin: 0 0 10px; }
.isab-faq > p.isab-sub { text-align: center; font-size: 18px; margin: 0 0 8px; }
.isab-faq h3.isab-faq-gruppe { font-size: 22px; font-weight: 600; color: var(--isab-text); margin: 40px 0 6px; padding: 0 15px; line-height: 1.3; }
.isab-faq details { border: 0; border-radius: 0; margin: 0; background: transparent; }
.isab-faq summary { display: block; cursor: pointer; list-style: none; background: #fff; padding: 18px 15px; border-bottom: 1px solid var(--isab-rand); color: var(--isab-text); }
.isab-faq summary::-webkit-details-marker { display: none; }
.isab-faq summary::marker { content: ""; }
.isab-faq summary h3 { font-size: 17px; font-weight: 600; line-height: 1.35; margin: 0; }
.isab-faq details[open] summary { border-bottom: 0; padding-bottom: 8px; }
.isab-faq details[open] summary h3, .isab-faq summary:hover h3 { color: var(--isab-blau); }
.isab-faq .isab-faq-antwort { padding: 0 15px 18px; border-bottom: 1px solid var(--isab-rand); }
.isab-faq .isab-faq-antwort p { margin: 0 0 10px; font-size: 15px; line-height: 1.55; color: #444; }
.isab-faq .isab-faq-antwort p:last-child { margin-bottom: 0; }

/* Statuszeile im Anfrage-Modal, Kaufdialog */
.isab-formstatus { background: var(--isab-grau-hell); border: 1px solid var(--isab-rand); border-radius: 10px; padding: 10px 14px; margin: 0 0 14px; font-size: 14px; }
.isab-formstatus-leer { background: #fff8e1; border-color: #f0d68a; }
.isab-formstatus-text { display: block; }
.isab-formkauf:not(:empty) { margin-top: 12px; }
.isab-dialog-titel { font-weight: 700; font-size: 20px; margin: 0 0 14px; color: var(--isab-text); }
.isab-pakete { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 14px; }
.isab-paket { display: flex; flex-direction: column; gap: 4px; padding: 14px; border: 1px solid var(--isab-rand); border-radius: 15px; cursor: pointer; background: #fff; }
.isab-paket input { position: absolute; opacity: 0; }
.isab-paket-aktiv { border: 2px solid var(--isab-blau); padding: 13px; }
.isab-paket-name { font-weight: 700; color: var(--isab-blau); }
.isab-paket-preis { font-weight: 700; font-size: 18px; }
.isab-paket-preis small { color: #777; font-weight: 400; font-size: 11px; }
.isab-paket-info { font-size: 12px; color: var(--isab-text-2); }
.isab-zustimmung { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.45; color: #444; margin: 0 0 14px; cursor: pointer; }
.isab-zustimmung input { margin-top: 3px; flex: none; }
.isab-dialog-knoepfe { display: flex; flex-wrap: wrap; gap: 10px; }
.isab-fehler { color: #b3261e; font-size: 13px; margin: 10px 0 0; }
.isab-overlay { position: fixed; inset: 0; background: rgba(15, 25, 40, .55); display: flex; align-items: center; justify-content: center; z-index: 100010; padding: 16px; }
.isab-overlay-inhalt { background: #fff; border-radius: 15px; padding: 28px 24px 24px; max-width: 640px; width: 100%; position: relative; max-height: 90vh; overflow: auto; }
/* Ruhiges Schliessen-Zeichen: Im Kaufabschluss gibt es genau einen blauen
   Knopf - den Weg nach vorn. Alles andere ist grau. */
.isab-overlay .isab-overlay-zu, .isab-overlay button.isab-overlay-zu { position: absolute; top: 10px; right: 12px; width: 28px; height: 28px; min-width: 0; min-height: 0; max-width: 28px; box-sizing: border-box; border: 1px solid var(--isab-rand); border-radius: 50%; background: #fff; background-color: #fff; font-size: 17px; font-weight: 400; line-height: 1; cursor: pointer; color: #6b7280; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; box-shadow: none; text-shadow: none; }
.isab-overlay .isab-overlay-zu:hover, .isab-overlay button.isab-overlay-zu:hover { background: #f5f6f8; background-color: #f5f6f8; color: var(--isab-text); }

/* Kauffenster: Untertitel, Merkmale, Summenblock, Hinweiszeile */
.isab-dialog-unter { font-size: 13px; color: var(--isab-text-2); margin: -8px 0 14px; }
.isab-paket-merkmale { display: grid; gap: 4px; margin-top: 8px; }
.isab-paket-merkmale span { position: relative; padding-left: 15px; font-size: 12px; line-height: 1.4; color: var(--isab-text-2); }
.isab-paket-merkmale span::before { content: "✓"; position: absolute; left: 0; top: 0; color: #1b7a3d; font-size: 11px; }
.isab-summe { border: 1px solid var(--isab-rand); border-radius: 12px; background: #f8f9fb; padding: 12px 14px; margin-bottom: 14px; font-size: 13.5px; }
.isab-summe > div { display: flex; justify-content: space-between; gap: 14px; padding: 3px 0; }
.isab-summe-ges { border-top: 1px solid var(--isab-rand); margin-top: 5px; padding-top: 8px !important; font-weight: 700; font-size: 15px; }
.isab-summe-fuss { margin: 9px 0 0; font-size: 12px; line-height: 1.45; color: var(--isab-text-2); }
.isab-weiterhinweis { margin: 10px 0 0; font-size: 12px; line-height: 1.45; color: var(--isab-text-2); }
@media (max-width: 560px) { .isab-dialog-knoepfe .isab-btn { width: 100%; } }

/* Toast */
.isab-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); background: var(--isab-blau); color: #fff; padding: 14px 22px; border-radius: 50px; font-size: 15px; z-index: 100010; box-shadow: 0 6px 24px rgba(0,0,0,.2); max-width: 92vw; transition: opacity .6s; }
.isab-toast.isab-ok { background: #1b7a3d; color: #fff; }
.isab-toast.isab-warn { background: #b3261e; color: #fff; }
.isab-toast-weg { opacity: 0; }

/* Postbox */
.isab-teaser { background: var(--isab-grau-hell); border-left: 4px solid var(--isab-blau); }
.isab-hinweis { margin: 18px 0; padding: 16px 18px; border: 1px solid var(--isab-rand); border-radius: 15px; background: var(--isab-blau-hell); display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.isab-hinweis.isab-ok { background: #edf7f0; color: #1b7a3d; }

/* Statusbox Dashboard */
.isab-status { margin-top: 24px; padding: 18px 20px; border: 1px solid var(--isab-rand); border-radius: 15px; background: var(--isab-grau-hell); }
.isab-status h3 { margin: 0 0 8px; color: var(--isab-blau); font-size: 18px; }
.isab-status p { margin: 6px 0; }

@media (max-width: 1024px) { .isab-karten-4 { grid-template-columns: repeat(2, 1fr); } .isab-kacheln, .isab-wege, .isab-rechnung { grid-template-columns: 1fr; } .isab-vertrauen { grid-template-columns: 1fr 1fr; } .isab-cta { grid-template-columns: 1fr; padding: 40px 28px; } }
@media (max-width: 768px) { .isab-karten-3, .isab-karten-4 { grid-template-columns: 1fr; } .isab-karte { grid-row: auto; display: flex; } .isab-preise .isab-kopf h2 { font-size: 28px; } .isab-preis { font-size: 34px; }  .isab-hero h1 { font-size: 32px; } .isab-hero p { font-size: 17px; } .isab-zahlen { grid-template-columns: 1fr; gap: 12px; margin-bottom: 56px; } .isab-logos { margin-top: -24px; } .isab-logos-reihe { gap: 14px 24px; } .isab-logo { height: 30px; max-width: 110px; } .isab-logo img { max-height: 30px; max-width: 110px; } .isab-zahl b { font-size: 34px; } .isab-abschnitt > h2, .isab-faq > h2 { font-size: 28px; } .isab-faq h3.isab-faq-gruppe { font-size: 20px; } .isab-faq summary h3 { font-size: 16px; } .isab-cta h2 { font-size: 26px; } .isab-vertrauen { grid-template-columns: 1fr; } .isab-weg { padding: 22px 18px; } }
@media (max-width: 480px) { .isab-overlay-inhalt { padding: 22px 16px 18px; } }

/* ---- Top-Platzierung: Kennzeichen, Preisseiten-Zusatz, Dashboard ---- */
.isab-top-badge { display: inline-block; padding: 2px 10px; border-radius: 50px; background: var(--isab-gelb); color: #1a1a1a; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; line-height: 1.6; }
/* 2.3.8 (N342, Jan 02.10.2026): Top-Kachel neu - gestaltet im Theme (inc/karte.php): hellblau gefuellt, kein gelber Rahmen, kein Abzeichen ueber dem Kaestchen. */
.isab-addon { display: flex; gap: 14px; align-items: flex-start; margin: 22px 0 0; padding: 16px 18px; border: 1px dashed var(--isab-gelb); border-radius: 12px; background: #FFFBEC; font-size: 15px; line-height: 1.5; color: var(--isab-text); }
.isab-addon .isab-top-badge { margin-top: 3px; flex: 0 0 auto; }
.isab-addon span { color: var(--isab-text-2); font-size: 14px; }
.isab-flat { margin: 18px 0 6px; padding: 16px 18px; border: 1px solid var(--isab-rand); border-radius: 12px; background: #fff; font-size: 15px; }
.isab-flat h4 { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--isab-text); }
.isab-flat p { margin: 6px 0; }
.isab-flat small { color: var(--isab-text-2); }
.isab-top { margin: 18px 0 6px; padding: 16px 18px; border: 1px solid var(--isab-rand); border-radius: 12px; background: #fff; font-size: 15px; }
.isab-top h4 { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--isab-text); display: flex; align-items: center; gap: 8px; }
.isab-top p { margin: 6px 0; }
.isab-top .isab-top-hinweis { color: var(--isab-text-2); font-size: 14px; }
.isab-top form { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--isab-grau-hell); }
.isab-top-liste { list-style: none; margin: 8px 0 12px; padding: 0; columns: 2; column-gap: 24px; }
.isab-top-liste li { break-inside: avoid; margin: 0 0 6px; }
.isab-top-liste label { display: flex; gap: 8px; align-items: flex-start; cursor: pointer; font-size: 14px; }
.isab-top-liste input { margin-top: 3px; }
.isab-top select { margin: 0 6px; padding: 4px 8px; border: 1px solid var(--isab-rand); border-radius: 6px; font-size: 14px; }
.isab-top .isab-top-betrag { display: block; margin: 8px 0; font-size: 13px; color: var(--isab-text-2); }
.isab-top .isab-zustimmung { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 12px; font-size: 13px; color: var(--isab-text-2); }
.isab-top .isab-zustimmung input { margin-top: 3px; }
.isab-top .isab-btn { font-size: 14px; padding: 7px 18px; }
.isab-top .isab-warn { color: #b45309; }
.isab-top .isab-top-fehler { color: #b91c1c; font-size: 14px; }
@media (max-width: 600px) { .isab-top-liste { columns: 1; } }
.isab-top .isab-dialog-knoepfe { display: flex; gap: 10px; flex-wrap: wrap; margin: 4px 0 8px; }
.isab-top-start select { min-width: 200px; }

.isab-top-voll{opacity:.55}
.isab-top-voll small{color:#8A94A3}
.isab-top-hinweis{margin:10px 0 6px;font-size:12.5px;color:#6B7280;line-height:1.5}
.isab-top-vormerken{list-style:none;margin:0 0 12px;padding:0}
.isab-top-vormerken li{margin:4px 0;font-size:13px}

/* ---------------------------------------------------------------------
 * Kaufdialog v2 (21.09.2026)
 * Mehr Luft, eindeutige Auswahl (gewaehlter Tarif komplett blau),
 * gelber Hauptknopf. Die Regeln stehen am Dateiende und ueberschreiben
 * bewusst die aelteren Werte weiter oben.
 * ------------------------------------------------------------------- */
.isab-overlay-inhalt{max-width:720px;padding:32px 34px 28px;border-radius:20px}
.isab-dialog-titel{font-size:24px;font-weight:700;margin:0 0 4px}
.isab-dialog-unter{margin:0 0 22px;font-size:14px}
.isab-pakete{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:20px}

/* Beide Karten mit Platz fuer das Abzeichen, damit die Titel auf einer Hoehe stehen. */
.isab-paket{position:relative;padding:42px 18px 18px;border:2px solid #DCE3EC;border-radius:16px;gap:5px}
.isab-paket-aktiv{padding:42px 18px 18px;background:var(--isab-blau,#285A96);border-color:var(--isab-blau,#285A96)}
.isab-paket::after{content:"";position:absolute;top:14px;right:16px;width:22px;height:22px;border-radius:50%;border:2px solid #DCE3EC;box-sizing:border-box}
.isab-paket-aktiv::after{content:"\2713";background:#fff;border-color:#fff;color:var(--isab-blau,#285A96);font-size:13px;line-height:18px;text-align:center;font-weight:700}
/* 2.6.3 (Paket 2.15): Chip „Empfohlen“ als Element (abrechnung.js setzt .isab-paket-chip) */
.isab-paket .isab-paket-chip{position:absolute;top:14px;left:18px;background:var(--isab-gelb,#F5C025);color:#3A2C00;font-size:11px;line-height:14px;font-weight:600;border-radius:999px;padding:3px 10px;pointer-events:none}
.isab-paket-aktiv .isab-paket-name{color:#fff}
.isab-paket-aktiv .isab-paket-preis{color:#fff}
.isab-paket-aktiv .isab-paket-preis small,
.isab-paket-aktiv .isab-paket-info{color:#C9DCF2}
.isab-paket-aktiv .isab-paket-merkmale span{color:#EAF2FB}
.isab-paket-aktiv .isab-paket-merkmale span::before{color:var(--isab-gelb,#F5C025)}

.isab-summe{padding:16px 18px;border-radius:14px;margin-bottom:18px}
.isab-zustimmung{margin:0 0 12px;font-size:13.5px}

/* Ein gelber Weg nach vorn, daneben der ruhige Rechnungsweg. */
.isab-dialog-knoepfe{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-top:6px}
.isab-dialog-knoepfe .isab-btn.isab-checkout{flex:1 1 240px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--isab-gelb,#F5C025);border:2px solid var(--isab-gelb,#F5C025);color:#3A2C00;font-weight:600}
.isab-dialog-knoepfe .isab-btn.isab-checkout:hover{background:#E8B61C;border-color:#E8B61C;color:#3A2C00}
.isab-dialog-knoepfe .isab-btn.isab-rechnung,
.isab-dialog-knoepfe .isab-btn.isab-rechnung:hover{flex:0 1 210px;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;border:2px solid var(--isab-blau,#285A96);color:var(--isab-blau,#285A96)}
.isab-weiterhinweis{margin-top:12px;text-align:center}
@media (max-width:640px){
	.isab-overlay-inhalt{padding:24px 18px 20px}
	.isab-dialog-knoepfe .isab-btn.isab-checkout,
	.isab-dialog-knoepfe .isab-btn.isab-rechnung,
	.isab-dialog-knoepfe .isab-btn.isab-rechnung:hover{flex:1 1 100%} /* 2.1.29: auch im Hover - sonst sprang der Rechnungsknopf am Telefon um 90 px */
}

.isab-dialog-knoepfe .isab-btn.isab-checkout,
.isab-dialog-knoepfe .isab-btn.isab-rechnung{min-height:56px;padding:14px 22px;margin:0;line-height:1.2}
.isab-dialog-titel{margin:0 0 6px}

/* Kaestchen wie ueberall auf der Seite: 18 px, Haken in Hausblau (accent-color). */
.isab-zustimmung input[type="checkbox"]{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;padding:0;cursor:pointer}
.isab-zustimmung{align-items:flex-start;gap:10px}

/* Der Rechnungsweg braucht eine Rueckmeldung beim Ueberfahren - Farben aendern sich, Maße nicht. */
.isab-dialog-knoepfe .isab-btn.isab-rechnung:hover,
.isab-dialog-knoepfe .isab-btn.isab-rechnung:focus-visible{background:#EDF3FA;border-color:var(--isab-blau,#285A96);color:var(--isab-blau,#285A96)}

/* Kopf des Dialogs: Titel und Unterzeile standen zu dicht aufeinander,
   und am Telefon lief der Titel bis unter das Schliessen-Zeichen. */
.isab-dialog-titel{margin:0 0 10px;line-height:1.25;padding-right:56px}
.isab-dialog-unter{margin:0 0 24px;line-height:1.55;padding-right:56px}

/* Fehlermeldung mittig wie der uebrige Fuss des Dialogs. */
.isab-fehler{text-align:center}
/* Breiter, damit der Hinweis unter den Knoepfen in eine Zeile passt. */
.isab-overlay-inhalt{max-width:880px}

/* Das Schliessen-Zeichen sass in der Ecke - etwas mehr Luft nach oben und rechts. */
.isab-overlay .isab-overlay-zu,
.isab-overlay button.isab-overlay-zu{top:18px;right:20px}

/* ------------------------------------------------------------------
 * 2.1.3 (26.09.2026): Erfolgsfenster nach dem Kauf
 * Getoente Kopfflaeche mit Haken, drei Kacheln, blauer Hauptknopf,
 * Zweitknopf "Schliessen". Knoepfe mit Klasse am Element und !important,
 * weil Theme und Elementor jedem <button> Rahmen und Radius geben.
 * ------------------------------------------------------------------ */
html.isab-fe-offen{overflow:hidden}
.isab-fe{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.45);box-sizing:border-box}
.isab-fe *{box-sizing:border-box}
.isab-fe-fenster{position:relative;width:100%;max-width:560px;max-height:92vh;overflow:auto;background:#fff;border-radius:20px;text-align:center;color:#0F172A;font-family:inherit}
.isab-fe-kopf{background:#F2FBF7;border-bottom:1px solid #DDF1E8;padding:36px 30px 26px}
.isab-fe-kopf.isab-fe-warten{background:#FDF9EC;border-bottom-color:#F1E4BF}
.isab-fe-ring{width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:#fff;border:1px solid #9FE1CB;display:flex;align-items:center;justify-content:center}
.isab-fe-ring span{width:52px;height:52px;border-radius:50%;background:#0F6E56;color:#fff;display:flex;align-items:center;justify-content:center}
.isab-fe-warten .isab-fe-ring{border-color:#EBD9A6}
.isab-fe-warten .isab-fe-ring span{background:#B54708}
.isab-fe-titel{margin:0!important;padding:0 24px;font-size:24px;font-weight:600;line-height:1.25;color:#0F172A}
.isab-fe-satz{margin:8px auto 0!important;max-width:400px;font-size:15px;line-height:1.55;color:#4B5563}
.isab-fe-rumpf{padding:22px 30px 22px}
.isab-fe-fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.isab-fe-fakt{border:1px solid #DFE3E8;border-radius:12px;padding:12px 12px 11px;text-align:left;min-width:0}
.isab-fe-fakt span{display:block;font-size:12px;line-height:1.3;color:#8A94A3;letter-spacing:.2px}
.isab-fe-fakt b{display:block;margin-top:3px;font-size:16px;font-weight:600;line-height:1.3;color:#0F172A;overflow-wrap:anywhere}
/* 2.15.5 (Board 13): Menge mit Einheit in einer Zeile – Zahl groß, Einheit klein */
.isab-fe-fakt b.isab-fe-mz{white-space:nowrap;overflow-wrap:normal;font-size:13px;font-weight:400;color:#374151}
.isab-fe-fakt b.isab-fe-mz em{font-style:normal;font-family:'Space Grotesk',Inter,sans-serif;font-size:20px;font-weight:700;color:#0F172A}
.isab-fe-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.isab-fe .isab-fe-haupt,
.isab-fe .isab-fe-haupt:hover,
.isab-fe .isab-fe-haupt:focus,
.isab-fe .isab-fe-haupt:visited{flex:1 1 220px;display:inline-flex!important;align-items:center;justify-content:center;min-height:50px!important;height:auto!important;width:auto!important;margin:0!important;padding:14px 20px!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:18px!important;letter-spacing:.2px!important;text-transform:none!important;text-decoration:none!important;color:#fff!important;transform:none!important;scale:none!important;cursor:pointer;transition:none!important}
.isab-fe .isab-fe-haupt{background:var(--is-blau,#285A96)!important}
.isab-fe .isab-fe-haupt:hover{background:#1F4877!important}
/* 27.09.2026 (Jan): kein Ring um Knoepfe in Meldungen, Fokus veraendert die Farbe nicht */
.isab-fe button:focus-visible,.isab-fe a:focus-visible,.isab-fe-fenster:focus{outline:none!important;box-shadow:none!important}
.isab-fe button.isab-fe-zweit,
.isab-fe button.isab-fe-zweit:hover,
.isab-fe button.isab-fe-zweit:focus{flex:0 1 auto;display:inline-flex!important;align-items:center;justify-content:center;min-height:50px!important;height:auto!important;width:auto!important;margin:0!important;padding:14px 20px!important;border:1px solid #DFE3E8!important;border-radius:10px!important;box-shadow:none!important;font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:18px!important;letter-spacing:.2px!important;text-transform:none!important;color:#2E3544!important;transform:none!important;scale:none!important;cursor:pointer;transition:none!important}
.isab-fe button.isab-fe-zweit{background:#fff!important}
.isab-fe button.isab-fe-zweit:hover{background:#F0F4F9!important}
.isab-fe-fuss{margin:14px 0 0!important;font-size:12.5px;line-height:1.5;color:#8A94A3}
.isab-fe button.isab-fe-zu,
.isab-fe button.isab-fe-zu:hover,
.isab-fe button.isab-fe-zu:focus{position:absolute;top:16px;right:16px;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:transparent!important;color:#6B7280!important;font-family:inherit!important;font-size:24px!important;font-weight:400!important;line-height:1!important;display:flex!important;align-items:center;justify-content:center;transform:none!important;cursor:pointer;z-index:1;transition:none!important}
.isab-fe button.isab-fe-zu:hover{background:rgba(15,23,42,.06)!important;color:#0F172A!important}
@media (max-width:640px){
	.isab-fe{padding:12px;align-items:flex-end}
	.isab-fe-fenster{max-height:94vh}
	.isab-fe-kopf{padding:30px 18px 22px}
	.isab-fe-titel{font-size:21px;padding:0 20px}
	.isab-fe-rumpf{padding:18px 18px 18px}
	.isab-fe .isab-fe-haupt,.isab-fe .isab-fe-haupt:hover,.isab-fe .isab-fe-haupt:focus,.isab-fe button.isab-fe-zweit,.isab-fe button.isab-fe-zweit:hover,.isab-fe button.isab-fe-zweit:focus{flex:1 1 100%} /* 2.1.30: auch im Hover - Schliessen sprang am Telefon */
}
/* Am Telefon stehen die Kacheln als Zeilen in einem Kasten - drei Kacheln
   passten nicht nebeneinander, die dritte stand allein in der zweiten Reihe. */
@media (max-width:640px){
	.isab-fe-fakten{grid-template-columns:1fr;gap:0;border:1px solid #DFE3E8;border-radius:12px}
	.isab-fe-fakt{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:0;border-top:1px solid #EEF1F6;border-radius:0;padding:11px 14px}
	.isab-fe-fakt:first-child{border-top:0}
	.isab-fe-fakt b{margin-top:0;font-size:15px;text-align:right}
}

/* ---- Preisseite in Elementor (27.09.2026, #158, Nachtrag 148) ----
   Rollenteile: Elementor-Container mit Klasse isab-ps-anbieter / isab-ps-investor.
   data-isab-ansicht am html setzt das Kopf-Skript; im Editor fehlt es -> beide sichtbar. */
html[data-isab-ansicht="anbieter"] .isab-ps-investor,html[data-isab-ansicht="investor"] .isab-ps-anbieter{display:none!important}
body.elementor-editor-active .isab-ps-anbieter,body.elementor-editor-active .isab-ps-investor{outline:2px dashed #C6D4E4;outline-offset:6px}
body.elementor-editor-active .isab-ps-anbieter::before,body.elementor-editor-active .isab-ps-investor::before{display:block;width:100%;margin:0 0 14px;padding:6px 12px;border-radius:8px;background:#EAF1F9;color:#1F4877;font:600 13px/1.4 Inter,sans-serif}
body.elementor-editor-active .isab-ps-anbieter::before{content:"Ansicht „Ich verkaufe Objekte“ – sichtbar für Gäste und Anbieter"}
body.elementor-editor-active .isab-ps-investor::before{content:"Ansicht „Ich kaufe Immobilien“ – sichtbar für Investorenkonten"}

/* Weiche: zwei Karten mit Symbol (v4) */
.isab-ps-weiche{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:600px;margin:0 auto}
.isab-ps-weiche button{white-space:normal!important;min-width:0!important}
.isab-ps-weiche button{display:flex!important;align-items:center;gap:12px;text-align:left!important;appearance:none!important;margin:0!important;padding:14px 16px!important;width:100%!important;min-height:0!important;height:auto!important;font-family:inherit!important;font-size:15px!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;color:#1F2A37!important;background:#fff!important;border:1px solid #DFE3E8!important;border-radius:14px!important;box-shadow:none!important;cursor:pointer;transform:none!important;transition:border-color .15s,background-color .15s!important}
.isab-ps-weiche button:hover,.isab-ps-weiche button:focus{background:#F7F9FB!important;border-color:#C6D4E4!important;color:#1F2A37!important;padding:14px 16px!important;font-size:15px!important;line-height:1.3!important;transform:none!important}
.isab-ps-weiche button:focus-visible{outline:2px solid #285A96!important;outline-offset:2px}
.isab-ps-wico{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#EAF1F9;color:#285A96;display:flex;align-items:center;justify-content:center}
.isab-ps-wico svg{width:22px;height:22px}
.isab-ps-wtext{display:flex;flex-direction:column;gap:2px;min-width:0}
.isab-ps-wt{font-size:15px;font-weight:600;color:inherit}
.isab-ps-ws{font-size:13px;font-weight:400;color:#6B7280}
.isab-ps-weiche button[aria-pressed="true"],
html[data-isab-ansicht="anbieter"] .isab-ps-weiche button[data-ansicht="anbieter"],
html[data-isab-ansicht="investor"] .isab-ps-weiche button[data-ansicht="investor"]{background:#EAF1F9!important;border:1.5px solid #285A96!important;color:#1F4877!important;padding:13.5px 15.5px!important}
html[data-isab-ansicht="anbieter"] .isab-ps-weiche button[data-ansicht="investor"],
html[data-isab-ansicht="investor"] .isab-ps-weiche button[data-ansicht="anbieter"]{background:#fff!important;border:1px solid #DFE3E8!important;color:#1F2A37!important;padding:14px 16px!important}
html[data-isab-ansicht="anbieter"] .isab-ps-weiche button[data-ansicht="anbieter"] .isab-ps-wico,
html[data-isab-ansicht="investor"] .isab-ps-weiche button[data-ansicht="investor"] .isab-ps-wico{background:#285A96;color:#fff}
html[data-isab-ansicht="anbieter"] .isab-ps-weiche button[data-ansicht="anbieter"] .isab-ps-ws,
html[data-isab-ansicht="investor"] .isab-ps-weiche button[data-ansicht="investor"] .isab-ps-ws{color:#1F4877}

/* Preiskacheln v4: Container in Elementor, Preis und Knopf aus dem Plugin */
.isab-ps-karte{position:relative}
.isab-ps-bdg{position:absolute!important;top:-12px!important;left:18px!important;right:auto!important;bottom:auto!important;width:auto!important;margin:0!important;z-index:2}
.isab-ps-bdg p{margin:0!important;display:inline-block;background:#285A96;color:#fff;font-size:12px;font-weight:600;line-height:1.5;padding:2px 10px;border-radius:999px}
.isab-ps-preis{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0}
.isab-ps-betrag{font-size:30px;font-weight:700;line-height:1.1;color:#1F2A37;font-variant-numeric:tabular-nums}
.isab-ps-einheit{font-size:14px;color:#4B5563}
.isab-ps-preiszeile{margin:4px 0 0;font-size:13px;color:#6B7280}
.isab-ps-kn{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none!important;margin:0!important;padding:11px 18px!important;font-family:inherit!important;font-size:15px!important;font-weight:600!important;line-height:18px!important;letter-spacing:.2px!important;border-radius:999px!important;border:1px solid transparent!important;box-shadow:none!important;cursor:pointer;transform:none!important;transition:background-color .15s,border-color .15s,color .15s!important}
.isab-ps-kn:hover,.isab-ps-kn:focus{padding:11px 18px!important;font-size:15px!important;font-weight:600!important;line-height:18px!important;letter-spacing:.2px!important;transform:none!important;text-decoration:none!important}
.isab-ps-kn-gelb,.isab-ps-kn-gelb:visited{background:#F5C025!important;color:#3A2C00!important}
.isab-ps-kn-gelb:hover,.isab-ps-kn-gelb:focus{background:#E0AE12!important;color:#3A2C00!important}
.isab-ps-kn-blau,.isab-ps-kn-blau:visited{background:#285A96!important;color:#fff!important}
.isab-ps-kn-blau:hover,.isab-ps-kn-blau:focus{background:#1F4877!important;color:#fff!important}
.isab-ps-kn-rand,.isab-ps-kn-rand:visited{background:#fff!important;color:#2E3544!important;border-color:#DFE3E8!important;border-radius:10px!important;font-weight:500!important}
.isab-ps-kn-rand:hover,.isab-ps-kn-rand:focus{background:#F7F9FB!important;color:#285A96!important;border-color:#C6D4E4!important;border-radius:10px!important;font-weight:500!important}
.isab-ps-knstatus{margin:0;text-align:center;font-size:14px;color:#4B5563}
.isab-ps-knstatus.isab-ok{color:#0F6E56;font-weight:600}
.isab-ps-knnotiz{margin:8px 0 0;text-align:center;font-size:12px;color:#8A94A3}

/* Live-Block */
.isab-ps-livekopf{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 14px;font-size:13px;color:#4B5563}
.isab-ps-punkt{position:relative;width:8px;height:8px;border-radius:50%;background:#1D9E75;flex:0 0 8px}
.isab-ps-punkt::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #1D9E75;animation:isabPuls 1.8s ease-out infinite}
@keyframes isabPuls{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(1.7)}}
@media (prefers-reduced-motion:reduce){.isab-ps-punkt::after{animation:none;opacity:0}}
.isab-ps-kzreihe{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.isab-ps-kz{background:#fff;border:1px solid #DFE3E8;border-radius:12px;padding:16px 12px;text-align:center}
.isab-ps-kz b{display:block;font-size:30px;font-weight:700;line-height:1.15;color:#285A96;font-variant-numeric:tabular-nums}
.isab-ps-kz span{display:block;margin-top:4px;font-size:13px;color:#4B5563}
.isab-ps-feedtitel{margin:22px 0 8px;font-size:13px;font-weight:600;color:#4B5563}
.isab-ps-feed{background:#fff;border:1px solid #DFE3E8;border-radius:12px;overflow:hidden}
a.isab-ps-fz{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #EEF1F6;text-decoration:none!important;color:#1F2A37!important;font-size:14px;transition:background-color 1.2s}
a.isab-ps-fz:last-child{border-bottom:0}
a.isab-ps-fz:hover{background:#F7F9FB;color:#285A96!important}
a.isab-ps-fz.isab-ps-neu{background:#E7F5EE;transition:none}
.isab-ps-fchip{font-size:12px;line-height:1.5;padding:2px 9px;border-radius:999px;background:#EAF1F9;color:#1F4877;white-space:nowrap}
.isab-ps-ftitel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.isab-ps-fzeit{font-size:12px;color:#8A94A3;white-space:nowrap}

/* Kennzahlen und Logos innerhalb der Seite */
.isab-ps .isab-zahlen{margin:0 auto}
.isab-ps .isab-logos,.isab-ps .isab-ps-logos{margin:0 auto}
.isab-ps .isab-ps-logos .isab-logos-titel{margin:0 0 14px}
.isab-ps .isab-logo{text-decoration:none!important;border:0!important}
.isab-ps .isab-tag{display:inline-block;margin-left:8px;vertical-align:2px;padding:2px 9px;border-radius:999px;background:#E7F5EE;color:#0F6E56;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}

/* Rechner */
.isab-ps-box{max-width:860px;margin:0 auto;padding:28px 32px;background:#fff;border:1px solid var(--isab-rand,#e3e8ef);border-radius:14px;text-align:left}
.isab-ps-zeile{display:grid;grid-template-columns:240px 1fr 130px;align-items:center;gap:18px;padding:10px 0}
.isab-ps-zeile label{font-weight:600;font-size:15px;color:#1f2a37;margin:0}
.isab-ps-zeile input[type=range]{width:100%;margin:0;accent-color:#285A96;cursor:pointer;background:transparent;border:0;padding:0;height:24px}
.isab-ps-zeile output{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:#285A96;white-space:nowrap}
.isab-ps-ergebnis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.isab-ps-ergebnis>div{padding:16px;border-radius:10px;background:#f3f5f8;text-align:center}
.isab-ps-ergebnis b{display:block;font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums;color:#1f2a37}
.isab-ps-ergebnis span{display:block;margin-top:4px;font-size:13px;color:#5b6675}
.isab-ps-ergebnis .isab-ps-haupt{background:#EAF1F9;border:1px solid #C9D9EC}
.isab-ps-ergebnis .isab-ps-haupt b{color:#285A96}
.isab-ps-hinweis{margin:16px 0 0;font-size:13px;line-height:1.5;color:#5b6675}

/* Liste im Kontaktblock: Haken in Gelb wie auf der Startseite */
.isab-ps-liste ul{list-style:none;margin:0;padding:0}
.isab-ps-liste li{position:relative;margin:0 0 12px;padding-left:28px}
.isab-ps-liste li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5C025' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

@media (max-width:768px){
.isab-ps-weiche{gap:8px}
.isab-ps-weiche button,.isab-ps-weiche button:hover{padding:11px 10px!important;gap:8px}
.isab-ps-wico{flex-basis:32px;width:32px;height:32px}
.isab-ps-ws{display:none}
.isab-ps-kzreihe{gap:8px}
.isab-ps-kz{padding:12px 6px}
.isab-ps-kz b{font-size:22px}
.isab-ps-kz span{font-size:12px}
a.isab-ps-fz{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}
.isab-ps-fchip{grid-column:1/-1;justify-self:start}
.isab-ps-box{padding:20px 16px}
.isab-ps-zeile{grid-template-columns:1fr auto;gap:6px 12px}
.isab-ps-zeile input[type=range]{grid-column:1/-1;grid-row:2}
.isab-ps-ergebnis{grid-template-columns:1fr}
.isab-ps .isab-zahlen{grid-template-columns:repeat(3,1fr);gap:8px}
.isab-ps .isab-zahl{padding:14px 6px 12px}
.isab-ps .isab-zahl b{font-size:22px}
.isab-ps .isab-zahl span{font-size:12px;line-height:1.3}
.isab-ps .isab-zahl small,.isab-ps .isab-zahl .is-dot{display:none}
}

/* Nachtrag 148: Feinschliff */
.isab-ps .isab-ps-logos .isab-logo img{opacity:1}
.isab-ps-freigabe p::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-4px;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23285A96' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5a13 13 0 0 1 0 17M12 3.5a13 13 0 0 0 0 17'/%3E%3C/svg%3E")}
@media (max-width:768px){.isab-ps .elementor-widget-shortcode:has(.isab-ps-weiche){align-self:stretch;width:100%}}

/* v4: Kennzeichen über den Tarifen und Top-Zusatz */
.isab-ps-pill p{display:inline-block;margin:0!important;padding:4px 12px;border-radius:999px;background:#EAF1F9;border:1px solid #C9D9EC;color:#1F4877;font-size:13px;font-weight:600;line-height:1.4}
.isab-ps-topzeichen{display:inline-block;margin-right:6px;padding:1px 9px;border-radius:999px;background:#F5C025;color:#3A2C00;font-size:12px;font-weight:700;line-height:1.5;vertical-align:1px}
.isab-ps-karte .elementor-widget-divider{--divider-border-width:1px}
.isab-ps-karte .elementor-icon-list-item{align-items:flex-start!important}
.isab-ps-karte .elementor-icon-list-icon{margin-top:4px}

/* ===== So funktioniert's (2.1.18): Weiche als Pille, Logos zufaellig ===== */
.isab-ps-weiche.isab-ps-weiche-pille{display:inline-flex !important;grid-template-columns:none !important;gap:4px !important;padding:4px !important;background:#fff !important;border:1px solid #D6E1EE !important;border-radius:999px !important;max-width:100% !important;width:auto !important;margin:0 auto !important}
.isab-ps-weiche.isab-ps-weiche-pille button,html[data-isab-ansicht] .isab-ps-weiche.isab-ps-weiche-pille button{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;padding:10px 22px !important;min-height:0 !important;border:0 !important;border-radius:999px !important;background:transparent !important;box-shadow:none !important;color:#285A96 !important;font-size:15px !important;font-weight:600 !important;line-height:1.2 !important;white-space:nowrap !important;text-align:center !important;cursor:pointer;transition:background-color .15s,color .15s}
.isab-ps-weiche.isab-ps-weiche-pille button:hover{background:#EEF3FA !important}
.isab-ps-weiche.isab-ps-weiche-pille button[aria-pressed="true"],html[data-isab-ansicht="anbieter"] .isab-ps-weiche.isab-ps-weiche-pille button[data-ansicht="anbieter"],html[data-isab-ansicht="investor"] .isab-ps-weiche.isab-ps-weiche-pille button[data-ansicht="investor"]{background:#285A96 !important;color:#fff !important;border:0 !important;padding:10px 22px !important}
html[data-isab-ansicht="anbieter"] .isab-ps-weiche.isab-ps-weiche-pille button[data-ansicht="investor"],html[data-isab-ansicht="investor"] .isab-ps-weiche.isab-ps-weiche-pille button[data-ansicht="anbieter"]{background:transparent !important;color:#285A96 !important}
.isab-ps-weiche.isab-ps-weiche-pille .isab-ps-wtext{display:block}
.isab-ps-weiche.isab-ps-weiche-pille .isab-ps-wt{color:inherit !important;font-size:inherit !important;font-weight:inherit !important}
.isab-logos .isab-logo.isab-logo-reserve{display:none !important}
@media (max-width:767px){
.isab-ps-weiche.isab-ps-weiche-pille{display:flex !important;width:100% !important}
.isab-ps-weiche.isab-ps-weiche-pille button,html[data-isab-ansicht] .isab-ps-weiche.isab-ps-weiche-pille button,.isab-ps-weiche.isab-ps-weiche-pille button[aria-pressed="true"],html[data-isab-ansicht="anbieter"] .isab-ps-weiche.isab-ps-weiche-pille button[data-ansicht="anbieter"],html[data-isab-ansicht="investor"] .isab-ps-weiche.isab-ps-weiche-pille button[data-ansicht="investor"]{flex:1 1 0 !important;padding:10px 8px !important;font-size:14px !important;white-space:normal !important}
}

/* 2.1.28 (F3): Rechnungsknopf nur, wo das gewaehlte Paket ihn kennt. */
.isab-dialog-knoepfe .isab-btn[hidden]{display:none!important}
/* 2.1.28 (F6): Bestellung per Rechnung - Kopf in Markenblau-hell, Rechnungssymbol. */
.isab-fe-kopf.isab-fe-rechnung{background:#EAF1F9;border-bottom-color:#D3E1F1}
.isab-fe-rechnung .isab-fe-ring{border-color:#B9CDE6}
.isab-fe-rechnung .isab-fe-ring span{background:var(--is-blau,#285A96)}
/* 2.1.29: Schrift auf Gelb dunkel (Styleguide #3A2C00) - .isab-btn setzt weiss mit !important. */
.isab-dialog-knoepfe .isab-btn.isab-checkout:not(.is-knopf-gesperrt),
.isab-dialog-knoepfe .isab-btn.isab-checkout:not(.is-knopf-gesperrt):hover{color:#3A2C00!important;-webkit-text-fill-color:#3A2C00}

/* 2.1.32 (01.10.2026, Jan): Im Guthaben-Dialog ist die Flat die Empfehlung -
   dasselbe gelbe Abzeichen wie bei Managed. Nur dort: im reinen Flat-Dialog
   (eine Kachel) waere es sinnlos. */
/* 2.6.3: Chip der Flat im Guthaben-Dialog kommt jetzt als .isab-paket-chip (siehe oben). */

/* 2.2.0 (02.10.2026, Jan, Variante A): Schritt "Bezahlen" im Kaufdialog.
   Der Dialog behaelt Titel und Unterzeile; Pakete, Summe, Haken und Knoepfe
   treten zurueck, an ihrer Stelle steht der eingebettete Stripe-Checkout.
   "Zurueck zur Auswahl" ist ein Textbutton - nichts bewegt sich im Hover. */
.isab-ec-an > :not(.isab-ec):not(.isab-dialog-titel):not(.isab-dialog-unter):not(.isab-overlay-zu):not(.isab-schritte):not(.isab-schritte-balken){display:none!important}
.isab-ec{margin-top:6px}
.isab-ec button.isab-ec-zurueck,.isab-ec button.isab-ec-zurueck:hover,.isab-ec button.isab-ec-zurueck:focus{display:inline-block;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--is-blau,#285A96)!important;font-family:inherit;font-size:13.5px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important;cursor:pointer;transform:none!important}
.isab-ec button.isab-ec-zurueck:hover{text-decoration:underline}
.isab-ec-ziel{min-height:320px}
.isab-ec-laden{margin:0;padding:48px 0;text-align:center;font-size:14px;color:var(--isab-text-2,#6B7280)}

/* 2.2.2: Waehrend der eingebetteten Bezahlung keine zweite Button-Leiste im Vorstellungs-Popup -
   zurueck geht es ueber "Zurueck zur Auswahl". */
.sp2:has(.isab-ec) .sp2-fuss{display:none!important}
.isab-formstatus.isab-formstatus-ok{background:#E7F4EC;border-color:#BFE3CC;color:#1F7A4D;font-weight:500}

/* 2.3.0 (02.10.2026, Jan): Schrittanzeige wie im Vorstellungs-Popup */
.isab-schritte{margin:0 0 3px!important;font-size:12.5px!important;font-weight:500;line-height:1.4;color:var(--is-blau,#285A96)!important}
.isab-schritte-balken{display:flex;gap:6px;margin:-8px 0 22px}
.isab-schritte-balken span{flex:1 1 0;height:4px;border-radius:999px;background:#DFE3E8}
.isab-schritte-balken span.an{background:var(--is-blau,#285A96)}
/* 2.3.0: Bezahlen im eigenen Design (Stripe-Zahlungsfeld im Dialog) */
.isab-ec-feld{display:flex;flex-direction:column;gap:14px;margin-top:0}
.isab-ec-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid #DFE3E8;border-radius:12px;background:var(--is-flaeche,#F7F9FB);font-size:15px;color:#0F172A}
.isab-ec-name{font-weight:600}
.isab-ec-takt{color:#4B5563}
.isab-ec-betrag{display:flex;align-items:baseline;gap:6px;margin-left:auto}
.isab-ec-betrag b{font-size:18px;font-weight:700}
.isab-ec-betrag span{font-size:12.5px;color:#6B7280}
.isab-ec-feld button.isab-ec-zurueck{align-self:flex-start;margin:-6px 0 0!important;text-align:left!important}
.isab-ec-pe{min-height:120px}
.isab-ec-h{margin:4px 0 -4px!important;font-size:15px!important;font-weight:600!important;color:#0F172A!important}
.isab-ec-meldung{padding:10px 14px;border:1px solid #F2C6C6;border-radius:10px;background:#FDF2F2;color:#A32D2D;font-size:14px;line-height:1.45}
.isab-ec-meldung[hidden]{display:none}
.isab-ec-feld button.isab-ec-zahlen,.isab-ec-feld button.isab-ec-zahlen:hover,.isab-ec-feld button.isab-ec-zahlen:focus{width:100%!important;min-height:52px!important;margin:4px 0 0!important;padding:14px 20px!important;border:0!important;border-radius:999px!important;background:var(--is-gelb,#F5C025)!important;color:#3A2C00!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:20px!important;letter-spacing:.2px!important;box-shadow:none!important;transform:none!important;cursor:pointer}
.isab-ec-feld button.isab-ec-zahlen:hover{background:#E0AE12!important}
.isab-ec-feld button.isab-ec-zahlen:disabled{opacity:.55;cursor:default}
.isab-ec-sicher{margin:-4px 0 0!important;text-align:center;font-size:12.5px!important;color:#6B7280!important}

/* ===== 2.3.2 (02.10.2026, Jan): Kaufdialog final - Kacheln, Summe, Fußzeile, Bezahlschritt ===== */
.isab-dialog .isab-paket{border:1px solid #DFE3E8;border-radius:14px;padding:42px 16px 14px;background:#fff}
.isab-dialog .isab-paket.isab-paket-aktiv{border:2px solid var(--isab-blau,#285A96);background:#F3F7FC;padding:41px 15px 13px}
.isab-dialog .isab-paket::after{top:14px;right:14px;width:20px;height:20px;border:1.5px solid #C3CBD6}
.isab-dialog .isab-paket.isab-paket-aktiv::after{content:"\2713";background:var(--isab-blau,#285A96);border-color:var(--isab-blau,#285A96);color:#fff;font-size:12px;line-height:17px;text-align:center;font-weight:700}
.isab-dialog .isab-paket-name,.isab-dialog .isab-paket-aktiv .isab-paket-name{font-size:16px;font-weight:600;color:var(--isab-blau,#285A96)}
.isab-dialog .isab-paket-preis,.isab-dialog .isab-paket-aktiv .isab-paket-preis{font-size:20px;font-weight:700;color:#0F172A}
.isab-dialog .isab-paket-preis small,.isab-dialog .isab-paket-aktiv .isab-paket-preis small,.isab-dialog .isab-paket-info,.isab-dialog .isab-paket-aktiv .isab-paket-info{color:#6B7280;font-size:12px}
.isab-dialog .isab-paket-merkmale span,.isab-dialog .isab-paket-aktiv .isab-paket-merkmale span{font-size:13px;line-height:1.5;color:#2E3544;padding-left:17px}
.isab-dialog .isab-paket-merkmale span::before,.isab-dialog .isab-paket-aktiv .isab-paket-merkmale span::before{color:#1F7A4D;font-weight:600;font-size:12px}
.isab-dialog .isab-summe{border:1px solid #E3E8EF;border-radius:14px;background:#F7F9FB;padding:14px 16px;margin:16px 0}
.isab-dialog .isab-summe > div.isab-summe-ges{border:0;margin:0;padding:0!important;display:flex;justify-content:space-between;align-items:baseline;font-size:16px;font-weight:700}
.isab-dialog .isab-summe > div.isab-summe-ges span:last-child{font-size:20px}
.isab-dialog .isab-summe-fuss{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#6B7280}
.isab-dialog .isab-dialog-knoepfe{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #EEF1F6}
.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-checkout,.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-checkout:hover{order:2;flex:0 0 auto;margin-left:auto;min-height:50px;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap}
.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-checkout::after{content:"\00a0\2192"}
.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung,.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung:hover,.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung:focus,.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung:focus-visible{order:1;flex:0 1 auto;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--isab-blau,#285A96);font-size:14px;font-weight:500;line-height:1.4;text-align:left}
.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung:hover{text-decoration:underline}
.isab-dialog .isab-weiterhinweis{margin:12px 0 0;text-align:center;font-size:12.5px;color:#6B7280}
@media (max-width:560px){
	.isab-dialog .isab-dialog-knoepfe{flex-direction:column-reverse;align-items:stretch}
	.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-checkout,.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-checkout:hover{width:100%;margin-left:0}
	.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung,.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung:hover{flex:0 0 auto;align-self:center;text-align:center}
}
.isab-ec-zeile{padding:13px 16px;border-radius:12px;font-size:15px}
.isab-ec-betrag b{font-size:18px}
.isab-ec-fuss{display:flex;align-items:center;gap:12px;margin-top:6px;padding-top:16px;border-top:1px solid #EEF1F6}
.isab-ec-feld .isab-ec-fuss button.isab-ec-zurueck,.isab-ec-feld .isab-ec-fuss button.isab-ec-zurueck:hover,.isab-ec-feld .isab-ec-fuss button.isab-ec-zurueck:focus{flex:0 0 auto;align-self:auto;margin:0!important;padding:13px 18px!important;min-height:50px;border:1px solid #DFE3E8!important;border-radius:10px!important;background:#fff!important;color:#2E3544!important;font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:20px!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;cursor:pointer}
.isab-ec-feld .isab-ec-fuss button.isab-ec-zurueck:hover{background:#F7F9FB!important}
.isab-ec-feld .isab-ec-fuss button.isab-ec-zahlen,.isab-ec-feld .isab-ec-fuss button.isab-ec-zahlen:hover,.isab-ec-feld .isab-ec-fuss button.isab-ec-zahlen:focus{flex:1 1 auto;width:auto!important;min-height:50px!important;margin:0!important;font-size:15px!important}
.isab-ec-sicher{display:flex;align-items:center;justify-content:center;gap:6px;margin:-2px 0 0!important}
/* 2.3.5 (02.10.2026, Jan): "Per Rechnung bestellen" ist ein Textlink - gesperrt (AGB-Haken fehlt) nur grau, ohne grauen Kasten. */
.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung.is-knopf-gesperrt:not(#is-kg-a):not(#is-kg-b),
.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung.is-knopf-gesperrt:not(#is-kg-a):not(#is-kg-b):hover,
.isab-dialog .isab-dialog-knoepfe .isab-btn.isab-rechnung.is-knopf-gesperrt:not(#is-kg-a):not(#is-kg-b):focus{background:none!important;border-color:transparent!important;color:#8A94A3!important;-webkit-text-fill-color:#8A94A3!important;text-decoration:none!important;box-shadow:none!important;cursor:not-allowed!important}
/* ===== 2.8.3 (23.10.2026, Jan Punkt 28): mobil kompakt - Leiste statt Paketwahl im Formular,
   Paketwahl als Fenster von unten, Pakete als schlanke Zeilen. Gilt bis 640 px. ===== */
.isab-formstatus.isab-formstatus-kompakt{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:9px 10px 9px 12px;background:#FDF9EC;border:1px solid #EBD9A6;border-radius:12px}
.sp2 .sp2-form > .isab-formstatus.isab-formstatus-kompakt,.sp2 .sp2-rumpf > .isab-formstatus.isab-formstatus-kompakt{margin:0 16px 0;padding:9px 10px 9px 12px;border-radius:12px;overflow:visible;flex:0 0 auto}
.isab-formstatus-kompakt .isab-kompakt-text{flex:1 1 auto;min-width:0;font-size:13px;line-height:1.35;color:#0F172A}
.isab-formstatus-kompakt .isab-kompakt-text b{display:block;font-weight:600}
.isab-formstatus-kompakt .isab-kompakt-text small{display:block;font-size:12px;color:#6B5312}
.isab-formstatus-kompakt .isab-formkauf{display:none}
button.isab-kompakt-wahl,button.isab-kompakt-wahl:hover,button.isab-kompakt-wahl:focus{flex:0 0 auto;min-height:40px;margin:0!important;padding:9px 14px!important;border:0!important;border-radius:999px!important;background:var(--isab-gelb,#F5C025)!important;color:#3A2C00!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap;box-shadow:none!important;transform:none!important;cursor:pointer}
button.isab-kompakt-wahl:hover{background:#E0AE12!important}
.sp-submit-btn.isab-gesperrt,.sp-submit-btn.isab-gesperrt:hover{opacity:.5;cursor:not-allowed}
@media (max-width:640px){
	.isab-overlay{align-items:flex-end;padding:0}
	.isab-overlay-inhalt{width:100%;max-width:none;max-height:88vh;max-height:88dvh;padding:26px 16px 18px;border-radius:20px 20px 0 0}
	.isab-overlay-inhalt::before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#DFE3E8}
	.isab-overlay .isab-overlay-zu,.isab-overlay button.isab-overlay-zu{top:14px;right:14px}
	.isab-dialog .isab-pakete{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:12px}
	.isab-dialog .isab-paket,.isab-dialog .isab-paket.isab-paket-aktiv{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:baseline;padding:12px 44px 12px 14px}
	.isab-dialog .isab-paket.isab-paket-aktiv{padding:11px 43px 11px 13px}
	.isab-dialog .isab-paket .isab-paket-chip{position:static;grid-column:1/-1;justify-self:start;margin:0 0 2px}
	.isab-dialog .isab-paket-name{grid-column:1;font-size:15px}
	.isab-dialog .isab-paket-preis,.isab-dialog .isab-paket-aktiv .isab-paket-preis{grid-column:2;text-align:right;font-size:16px;white-space:nowrap}
	.isab-dialog .isab-paket-info,.isab-dialog .isab-paket-merkmale{grid-column:1/-1}
	.isab-dialog .isab-pakete-guthaben .isab-paket-merkmale{display:none}
	.isab-dialog .isab-paket::after,.isab-dialog .isab-paket.isab-paket-aktiv::after{top:50%;right:12px;margin-top:-10px}
}

/* UX-025 (Jan 23.10.2026): kurzer Tarifvergleich über den Karten, nur am Telefon. */
.isab-vergleich { display: none; }
@media (max-width: 767px) {
	/* 2.11.1 (Jan 29.10.2026): Der Kasten sitzt in einer Elementor-Spalte mit Umbruch und wuchs dort auf die Breite seiner längsten Zeile
	   (angemeldet 444 px bei 375 px Inhalt, Preise rechts abgeschnitten). Jetzt immer genau so breit wie die Spalte. */
	.isab-vergleich { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0 0 20px; border: 1px solid #DFE3E8; border-radius: 12px; background: #fff; overflow: hidden; }
	.isab-vergleich button.isab-vergleich-zeile, .isab-vergleich button.isab-vergleich-zeile:hover, .isab-vergleich button.isab-vergleich-zeile:focus { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 60px; margin: 0; padding: 12px 16px; border: 0; border-bottom: 1px solid #EEF1F6; border-radius: 0; background: #fff; color: #0F172A; text-align: left; font: inherit; box-shadow: none; cursor: pointer; white-space: normal; }
	/* 2.11.1: white-space normal – das Grund-CSS des Themes (reset.css) setzt jeden Button auf nowrap; der Unterschied darf umbrechen, der Preis (strong) bleibt einzeilig. */
	.isab-vergleich button.isab-vergleich-zeile:hover { background: #F0F4F9; }
	.isab-vergleich-text { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
	.isab-vergleich-text b { font-size: 16px; font-weight: 600; }
	.isab-vergleich-text small { font-size: 14px; color: #4B5563; }
	.isab-vergleich-zeile strong { font-size: 16px; font-weight: 600; white-space: nowrap; }
	.isab-vergleich-fuss { margin: 0; padding: 10px 16px; font-size: 13px; color: #6B7280; }
}

/* ---------------------------------------------------------------------
 * 2.8.7 (24.10.2026, Jan): Formularfenster einheitlich.
 * Kopf mit mehr Luft über dem Titel, das × als runder grauer Knopf mittig auf
 * der Höhe des Titels (wie „Objekt vorstellen“ und „Kontakt aufnehmen“).
 * Bis 767 px füllt das Fenster den ganzen Bildschirm (kein Rand, keine Rundung).
 * Ruhezustand und Hover mit denselben Maßen (Regel 1).
 * ------------------------------------------------------------------- */
.isab-overlay .isab-overlay-inhalt > .isab-dialog-titel { padding-right: 52px; }
.isab-overlay .isab-overlay-zu, .isab-overlay button.isab-overlay-zu,
.isab-overlay .isab-overlay-zu:hover, .isab-overlay button.isab-overlay-zu:hover,
.isab-overlay .isab-overlay-zu:focus, .isab-overlay button.isab-overlay-zu:focus { top: 29px; right: 24px; width: 40px; height: 40px; max-width: 40px; border: 0; background: #F1F5F9; background-color: #F1F5F9; color: #0F172A; font-size: 24px; }
.isab-overlay .isab-overlay-zu:hover, .isab-overlay button.isab-overlay-zu:hover { background: #E2E8F0; background-color: #E2E8F0; }
@media (max-width: 767px) {
	.isab-overlay { padding: 0; align-items: stretch; }
	.isab-overlay-inhalt { max-width: none; width: 100%; height: 100vh; height: 100dvh; max-height: none; border-radius: 0; padding: 22px 16px calc(20px + env(safe-area-inset-bottom, 0px)); }
	.isab-dialog-titel { font-size: 20px; line-height: 1.3; }
	.isab-overlay .isab-overlay-zu, .isab-overlay button.isab-overlay-zu,
	.isab-overlay .isab-overlay-zu:hover, .isab-overlay button.isab-overlay-zu:hover,
	.isab-overlay .isab-overlay-zu:focus, .isab-overlay button.isab-overlay-zu:focus { top: 15px; right: 16px; }
	.isab-dialog-knoepfe .isab-btn.isab-checkout, .isab-dialog-knoepfe .isab-btn.isab-rechnung { white-space: nowrap; }
}
/* 2.9.0 (Preise 27.10.2026, Jan): Unternehmen sehen netto, Privatpersonen brutto. Beide Fassungen stehen im HTML
   (isab_nb), das Attribut data-isab-steuer am html-Element setzt das Kopf-Skript vor dem Zeichnen - kein Sprung. */
.isab-nb-b{display:none}
html[data-isab-steuer="brutto"] .isab-nb-b{display:inline}
html[data-isab-steuer="brutto"] .isab-nb-n{display:none}
/* Umschalter "Unternehmen | Privatperson" ueber den Verkaeuferpreisen (aus [isab_ps_status rolle="anbieter"]). */
.isab-ps-steuer{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:6px auto 18px;padding:3px;border:1px solid #DFE3E8;border-radius:999px;background:#fff}
.isab-ps-steuer button,.isab-ps-steuer button:hover,.isab-ps-steuer button:focus{appearance:none!important;margin:0!important;padding:7px 16px!important;min-height:0!important;height:auto!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:18px!important;letter-spacing:0!important;text-transform:none!important;border:0!important;border-radius:999px!important;box-shadow:none!important;transform:none!important;cursor:pointer;white-space:normal;transition:background-color .15s,color .15s!important}
.isab-ps-steuer button{background:transparent!important;color:#4B5563!important}
.isab-ps-steuer button:hover{color:#285A96!important}
.isab-ps-steuer button:focus-visible{outline:2px solid #285A96!important;outline-offset:2px}
html:not([data-isab-steuer="brutto"]) .isab-ps-steuer button[data-steuer="netto"],html[data-isab-steuer="brutto"] .isab-ps-steuer button[data-steuer="brutto"]{background:#285A96!important;color:#fff!important}

/* ===== 2.12.3 (Jan 06.11.2026 14:15: „ich finde die Liste kann visuell besser sein“): Paketwahl Guthaben als ruhige Liste -
   Auswahlkreis links, Name mit Chip, Preis rechts mit „netto“ darunter, Flat (Empfehlung) oben, Link zur Preisseite darunter.
   Gilt im Fenster „Objekt vorstellen“ am Computer (.sp2) und am Telefon (Fenster von unten, bis 640 px). ===== */
.sp2 .isab-dialog .isab-pakete-guthaben{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 10px}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket,.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name chip preis" "info info preis";column-gap:8px;row-gap:2px;align-items:center;margin:0;padding:12px 14px 12px 46px;border:1px solid #DFE3E8;border-radius:12px;background:#fff;box-shadow:none;cursor:pointer;transition:border-color .12s,background-color .12s}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket:hover{border-color:#B9C3D0}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv{border-color:#285A96;background:#F5F8FC;box-shadow:inset 0 0 0 1px #285A96}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket::after,.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv::after{content:"";position:absolute;left:14px;right:auto;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;border:2px solid #C3CBD6;background:#fff;box-sizing:border-box;color:transparent;font-size:0}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv::after{border:6px solid #285A96}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-name,.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-name{grid-area:name;font-size:15px;font-weight:600;line-height:1.3;color:#0F172A}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-chip{grid-area:chip;position:static;justify-self:start;margin:0;padding:1px 8px;border-radius:999px;background:#FDF0C4;color:#6B5312;font-size:11px;font-weight:600;line-height:1.5}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-info,.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-info{grid-area:info;font-size:12.5px;line-height:1.4;color:#6B7280}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-preis,.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-preis{grid-area:preis;display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:16px;font-weight:600;line-height:1.25;color:#0F172A;white-space:nowrap}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-preis small,.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-preis small{font-size:11px;font-weight:400;color:#6B7280}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket-merkmale{display:none}
.sp2 .isab-dialog .isab-pakete-guthaben .isab-paket[data-typ="flat"]{order:-1}
.isab-dialog .isab-mehrinfo{margin:0 0 14px;font-size:13px;text-align:left}
.isab-dialog .isab-mehrinfo a{color:#285A96;text-decoration:none;font-weight:500}
.isab-dialog .isab-mehrinfo a::after{content:" →"}
.isab-dialog .isab-mehrinfo a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
.isab-overlay .isab-dialog .isab-pakete-guthaben{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 10px}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket,.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name chip preis" "info info preis";column-gap:8px;row-gap:2px;align-items:center;margin:0;padding:12px 14px 12px 46px;border:1px solid #DFE3E8;border-radius:12px;background:#fff;box-shadow:none;cursor:pointer;transition:border-color .12s,background-color .12s}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket:hover{border-color:#B9C3D0}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv{border-color:#285A96;background:#F5F8FC;box-shadow:inset 0 0 0 1px #285A96}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket::after,.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv::after{content:"";position:absolute;left:14px;right:auto;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;border:2px solid #C3CBD6;background:#fff;box-sizing:border-box;color:transparent;font-size:0}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket.isab-paket-aktiv::after{border:6px solid #285A96}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-name,.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-name{grid-area:name;font-size:15px;font-weight:600;line-height:1.3;color:#0F172A}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-chip{grid-area:chip;position:static;justify-self:start;margin:0;padding:1px 8px;border-radius:999px;background:#FDF0C4;color:#6B5312;font-size:11px;font-weight:600;line-height:1.5}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-info,.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-info{grid-area:info;font-size:12.5px;line-height:1.4;color:#6B7280}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-preis,.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-preis{grid-area:preis;display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:16px;font-weight:600;line-height:1.25;color:#0F172A;white-space:nowrap}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket .isab-paket-preis small,.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket-aktiv .isab-paket-preis small{font-size:11px;font-weight:400;color:#6B7280}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket-merkmale{display:none}
.isab-overlay .isab-dialog .isab-pakete-guthaben .isab-paket[data-typ="flat"]{order:-1}
}

/* 2.15.0 Aktionen (Oberflächen freigegeben 10.11.2026 23:37): eine Marke überall – ×2-Kachel in Markengelb auf Nachtblau,
   „noch X Tage“. Nach dem Ende entfernt ein kleines Skript die Bausteine (.isab-akt) und zeigt die normale Fassung
   (.isab-akt-ohne) wieder – auch auf Seiten aus dem Zwischenspeicher. */
.isab-akt-ohne{display:none!important}
.isab-akt-marke{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#F5C025;color:#14243A;border-radius:6px;padding:1px 7px;font-weight:700;font-size:13px;line-height:20px;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.isab-akt-marke-gross{width:64px;height:64px;padding:0;border-radius:14px;font-size:28px;line-height:1}
.isab-akt-rest{color:#F5C025;font-weight:600;white-space:nowrap}
.isab-akt-oben{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#14243A;color:#fff;font-size:13px;line-height:1.4;padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));position:relative;z-index:30}
.isab-akt-oben a{color:#F5C025!important;font-weight:600;text-decoration:none}
.isab-akt-oben a:hover{text-decoration:underline}
.isab-akt-oben .isab-akt-zu{background:none!important;border:0!important;color:#8FA1B8!important;font-size:18px;line-height:1;min-width:32px;min-height:32px;padding:0!important;cursor:pointer;box-shadow:none!important}
.isab-akt-oben .isab-akt-zu:hover{color:#fff!important}
.isab-akt-oben.isab-akt-oben-preise{display:none}
.isab-akt-band{display:flex;align-items:center;gap:20px;background:#14243A;color:#fff;border-radius:18px;padding:20px 24px;margin:0 0 22px;box-sizing:border-box;width:100%}
.isab-akt-band-text{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.isab-akt-band-text strong{font-size:21px;line-height:1.25;color:#fff}
.isab-akt-band-text span{font-size:14px;color:#C9D4E3}
.isab-akt-band-text .isab-akt-ueber{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F5C025}
.isab-akt-uhr{display:flex;gap:8px;flex:0 0 auto}
.isab-akt-uhr span{width:60px;background:#23395A;border-radius:10px;padding:7px 0;display:flex;flex-direction:column;align-items:center;font-size:11px;color:#C9D4E3}
.isab-akt-uhr b{font-size:22px;line-height:1.15;color:#fff;font-variant-numeric:tabular-nums}
.isab-akt-chip{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;color:#14243A;background:#FFF4CC;border-radius:999px;padding:3px 10px 3px 4px}
.isab-akt-chip .isab-akt-marke{border-radius:999px;font-size:12px;line-height:18px}
.isab-ps-karte:has(.isab-akt-chip){outline:2px solid #F5C025;outline-offset:-2px;border-radius:18px}
.isab-ps-einheit s,.isab-paket-name s{color:#9AA4B2;font-weight:500;margin-right:2px}
.isab-akt-je{color:#7A5A00!important;font-weight:600}
/* 2.15.1 (Jan 11.11.2026, Board 9): ein Streifen für Dashboard, Objekt vorstellen, Kauffenster, Investoren finden, Erfolgsband,
   Noch im Verkauf – dunkel wie Band und Kauffenster, aber immer genau eine Zeile (Text kürzt statt umzubrechen). */
.isab-akt-streifen,.isab-akt-zeile,.isab-akt-dlg{display:flex!important;align-items:center;gap:10px;flex-wrap:nowrap;margin:8px 0 0;background:#14243A;color:#fff;border-radius:8px;padding:7px 12px;font-size:13px;line-height:1.35;min-width:0;box-sizing:border-box}
.isab-akt-dlg{margin:0 0 12px}
.isab-akt-streifen .isab-akt-text,.isab-akt-dlg .isab-akt-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.isab-akt-streifen .isab-akt-marke,.isab-akt-dlg .isab-akt-marke{font-size:12px;line-height:18px;padding:0 6px;border-radius:5px}
.isab-akt-streifen .isab-akt-rest,.isab-akt-dlg .isab-akt-rest{font-size:12px;color:#F5C025}
/* 2.15.1 (Jan 07:36): während der Aktion Pakete gelb, Flat blau, kein „Empfohlen“ an der Flat – Preisseite (Seite 35135). */
body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n15,body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n50,
body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n15:hover,body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n50:hover,
body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n15:focus,body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n50:focus{background:#F5C025!important;color:#3A2C00!important;border-color:#F5C025!important}
body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n15:hover,body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-n50:hover{background:#E0AE12!important;border-color:#E0AE12!important}
body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-flat,body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-flat:focus{background:#285A96!important;color:#fff!important;border-color:#285A96!important}
body.isab-aktion-laeuft .isab-ps-kn.isab-ps-kn-p-flat:hover{background:#1F4877!important;color:#fff!important;border-color:#1F4877!important}
body.isab-aktion-laeuft .isab-ps-karte-hervor:has(.isab-ps-kn.isab-ps-kn-p-flat) .isab-ps-bdg{display:none!important}
body.isab-aktion-laeuft .isab-ps-karte-hervor:has(.isab-ps-kn.isab-ps-kn-p-flat){border-color:#E3E8EF!important;background-color:#fff!important;box-shadow:none!important;outline:0!important}
.isab-paket .isab-paket-chip-akt{background:#14243A;color:#F5C025;font-weight:700}
.isab-paket-akt{box-shadow:inset 0 0 0 2px #F5C025}
@media (max-width:640px){
	.isab-akt-band{flex-wrap:wrap;gap:14px;padding:16px}
	.isab-akt-marke-gross{width:52px;height:52px;font-size:22px}
	.isab-akt-band-text{flex:1 1 200px}
	.isab-akt-band-text strong{font-size:18px}
	.isab-akt-uhr{width:100%;justify-content:flex-start}
}
/* 2.15.3 (Jan 11.11.2026 09:18): in der Aktion stehen die Pakete auch in der schlanken Liste vor der Flat (Fehler 3) */
.sp2 .isab-dialog .isab-pakete-guthaben.isab-pakete-akt .isab-paket[data-typ="flat"],.isab-overlay .isab-dialog .isab-pakete-guthaben.isab-pakete-akt .isab-paket[data-typ="flat"]{order:9}
/* 2.15.3 (Punkt 7): Hinweis „Guthaben aufgebraucht“ mit Luft zu den Schritten, ruhiger Zeilenhöhe und Abstand zum Streifen */
.isab-formstatus.isab-formstatus-leer:not(.isab-formstatus-kompakt){margin:12px 0 14px;padding:14px 16px;line-height:1.5}
.isab-formstatus-leer:not(.isab-formstatus-kompakt) > .isab-formstatus-text{line-height:1.5;margin:0 0 10px}
.isab-formstatus-leer .isab-akt-dlg{margin:0 0 12px}
/* 2.15.3 (Board 10): eigener Schritt „Paket“ im Fenster „Objekt vorstellen“ – Kauf in voller Höhe, Rest des Formulars ruht */
.sp2[data-isab-paket] .sp2-form > *:not(.isab-formstatus){display:none!important}
.sp2[data-isab-paket] .sp2-form > .isab-formstatus.isab-formstatus-leer{flex:1 1 auto;margin:12px 26px 16px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow-y:auto}
.sp2[data-isab-paket] .sp2-form > .isab-formstatus-leer > .isab-formstatus-text{font-size:14px;line-height:1.5;color:#374151;margin:0 0 12px}
.sp2[data-isab-paket] .sp2-stufen span[data-n]{color:#8A94A3}.sp2[data-isab-paket] .sp2-stufen span[data-n] i{background:#DFE3E8}
.sp2 .sp2-stufen .isab-p-fertig{color:#1D7A55}.sp2 .sp2-stufen .isab-p-fertig i{background:#1D9E75}
.sp2 .isab-paket-ok{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#E8F5EE;color:#1E6B45;font-size:14px;line-height:1.45}
@media (max-width:767px){.sp2[data-isab-paket] .sp2-form > .isab-formstatus.isab-formstatus-leer{margin:12px 16px 16px!important}}
/* 2.16.0 (Jan 11.11.2026, Abschlusskette): „Ich kaufe als“ (Unternehmen / Privatperson), USt-IdNr., Widerrufshinweis */
.isab-ec-feld .isab-ec-art{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#EEF2F7}
.isab-ec-feld .isab-ec-art button,.isab-ec-feld .isab-ec-art button:hover,.isab-ec-feld .isab-ec-art button:focus{margin:0!important;padding:10px 8px!important;min-height:42px;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#4B5563!important;font-family:inherit!important;font-size:14.5px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;transform:none!important;cursor:pointer}
.isab-ec-feld .isab-ec-art button[aria-checked="true"],.isab-ec-feld .isab-ec-art button[aria-checked="true"]:hover{background:#fff!important;color:var(--is-blau,#285A96)!important;box-shadow:0 1px 3px rgba(15,23,42,.14)!important}
.isab-ec-feld .isab-ec-art button:focus-visible{outline:2px solid var(--is-blau,#285A96)!important;outline-offset:1px}
.isab-ec-feld.isab-ec-wechsel{opacity:.55;pointer-events:none}
.isab-ec-feld .isab-ec-ust{display:flex;flex-direction:column;gap:6px;margin:0}
.isab-ec-feld .isab-ec-ust span{font-size:12px;font-weight:500;color:#6B7280}
.isab-ec-feld .isab-ec-ust input{width:100%;box-sizing:border-box;margin:0;padding:11px 12px;border:1px solid #DFE3E8;border-radius:10px;background:#fff;color:#0F172A;font:inherit;font-size:15px;line-height:1.3;text-transform:uppercase}
.isab-ec-feld .isab-ec-ust input:focus{outline:none;border-color:#285A96;box-shadow:0 0 0 3px rgba(40,90,150,.12)}
.isab-ec-feld .isab-ec-ust input::placeholder{color:#8A94A3;text-transform:none}
.isab-ec-feld .isab-ec-wr{margin:-6px 0 0!important;text-align:center;font-size:12.5px!important;color:#6B7280!important}
.isab-ec-feld .isab-ec-wr a{color:inherit!important;text-decoration:underline}
