/* Shared navigation is isolated from the existing account and registration styles. */
html:root { --scf-brand-rose:#C4868A;--scf-brand-rose-hover:#B07276;--scf-brand-background:#FCEBEB;--scf-accent:#C4868A;--scf-accent2:#C4868A;--scf-accent-h:#B07276;--reg-accent2:#C4868A;--pwa-accent:#C4868A; }
.scf-refresh { margin:0; background:#fff; }
.scf-header,.scf-footer,.scf-home { font-family:Arial,Helvetica,sans-serif; color:#282a28; letter-spacing:0; }
.scf-header *,.scf-footer *,.scf-home * { box-sizing:border-box; }
.scf-header a,.scf-footer a,.scf-home a { text-decoration:none; }
.scf-header a:focus-visible,.scf-header summary:focus-visible,.scf-header button:focus-visible,.scf-home a:focus-visible,.scf-home summary:focus-visible,.scf-footer a:focus-visible { outline:3px solid #2c695a; outline-offset:5px; }
.scf-home .scf-container,.scf-footer .scf-container { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.scf-skip { position:fixed;left:16px;top:-100px;z-index:100001;padding:12px;background:white;color:#222; }
.scf-skip:focus { top:12px; }
.scf-header { position:sticky;top:14px;z-index:1000;width:min(1320px,calc(100% - 48px));margin:16px auto 20px; }
.admin-bar .scf-header { top:46px; }
.scf-nav-shell { min-height:82px;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(173,145,154,.24);border-radius:44px;box-shadow:0 8px 32px #4224350c; }
.scf-brand { display:block;color:#292b29;flex-shrink:0; }
.scf-brand>span { font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.1; }
.scf-brand strong { color:#9d3159;font-weight:normal; }
.scf-brand small { display:block;font-size:9px;line-height:1.5;margin-top:6px;color:#69625f;letter-spacing:0; }
.scf-main-nav { display:flex;align-items:center;gap:25px;font-size:14px; }
.scf-main-nav a,.scf-main-nav summary { color:#353733; }
.scf-main-nav a:hover,.scf-main-nav summary:hover { color:#9d3159; }
.scf-nav-group { position:relative; }
.scf-nav-group summary { display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:14px 0; }
.scf-nav-group summary::-webkit-details-marker { display:none; }
.scf-nav-group .dashicons { font-size:13px;width:13px;height:13px; }
.scf-nav-dropdown { position:absolute;top:100%;left:-20px;width:220px;padding:10px;background:#fff;border:1px solid #e6dddf;border-radius:8px;box-shadow:0 12px 32px #29232914; }
.scf-nav-dropdown a { display:block;padding:12px;border-radius:4px; }
.scf-nav-dropdown a:hover { background:#f9edf1; }
.scf-account { display:flex;align-items:center;gap:7px; }
.scf-account .dashicons { font-size:18px;width:18px;height:18px; }
.scf-button,.scf-main-nav a.scf-button { display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:15px 24px;border-radius:5px;background:#993354;color:#fff;font-size:15px;font-weight:600;line-height:1.3;transition:background .18s,transform .18s; }
.scf-button:hover,.scf-main-nav a.scf-button:hover { background:#76253f;color:#fff;transform:translateY(-1px); }
.scf-main-nav a.scf-button-small { min-height:44px;padding:12px 18px;gap:16px;border-radius:24px; }
.scf-menu-toggle { display:none; }
.scf-home h1,.scf-home h2,.scf-home h3,.scf-home p { margin:0;letter-spacing:0; }
.scf-home p { font-size:16px;line-height:1.8; }
.scf-home .scf-eyebrow { font-size:11px;line-height:1.6;font-weight:700;color:#8b3150;margin-bottom:22px; }
.scf-hero { position:relative;background:#efd7df;overflow:hidden;min-height:560px;height:min(650px,75svh); }
.scf-hero-photo { position:absolute;right:0;top:0;width:49%;height:100%;object-fit:cover;object-position:50% 0; }
.scf-hero-inner { position:relative;display:flex;align-items:center;height:100%; }
.scf-hero-copy { width:49%;padding:38px 35px 40px 0; }
.scf-hero h1 { font-family:Georgia,'Times New Roman',serif;font-size:68px;font-weight:400;line-height:1.02; }
.scf-hero h1 em { font-weight:400;color:#8d2d4c;font-style:italic; }
.scf-home .scf-hero-intro { font-size:24px;line-height:1.45;margin:24px 0 14px; }
.scf-hero-copy>p:not(.scf-eyebrow):not(.scf-hero-intro) { max-width:390px;color:#51474b;font-size:15px; }
.scf-actions { display:flex;align-items:center;gap:24px;margin-top:27px;flex-wrap:wrap; }
.scf-text-link { color:#343c33;font-size:14px;border-bottom:1px solid #9f8f94;padding:8px 0; }
.scf-text-link span { margin-left:12px; }
.scf-hero-note { display:flex;align-items:center;gap:9px;margin-top:27px;font-size:12px;color:#65525a; }
.scf-hero-note .dashicons { font-size:16px;width:16px;height:16px; }
.scf-photo-caption { position:absolute;right:28px;bottom:24px;color:#fff;padding:12px 17px;background:#29262c99;backdrop-filter:blur(12px);border:1px solid #ffffff40;border-radius:4px;font-family:Georgia,serif;font-size:21px; }
.scf-photo-caption span { display:block;font-family:Arial,sans-serif;font-size:10px;margin-top:5px; }
.scf-values { background:#f4f7f3;border-bottom:1px solid #e2e7df; }
.scf-values>.scf-container { display:flex;justify-content:space-between;gap:20px;padding:24px 0; }
.scf-values span { display:flex;gap:10px;align-items:center;font-size:13px;color:#3d5649; }
.scf-values i { font-size:20px; }
.scf-section { padding-block:88px;scroll-margin-top:120px; }
.scf-section-heading { display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px; }
.scf-home h2 { font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:44px;line-height:1.16; }
.scf-section-heading>p { max-width:340px;color:#6a6a64; }
.scf-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:0;list-style:none; }
.scf-steps li { border-top:1px solid #dcded7;padding-top:22px; }
.scf-step-number { display:block;color:#a85470;font-family:Georgia,serif;font-size:37px;margin-bottom:25px; }
.scf-home h3 { font-size:21px;font-weight:500;margin-bottom:14px; }
.scf-steps p { color:#6a6a64;min-height:87px; }
.scf-steps a { display:inline-block;margin-top:23px;color:#873450;font-size:14px; }
.scf-steps a span { margin-left:14px; }
.scf-live-band { background:#273f36;color:#fff; }
.scf-live-inner { padding-block:66px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.scf-live-band .scf-eyebrow { color:#d1dfc5; }
.scf-live-band p:not(.scf-eyebrow) { margin-top:24px;color:#d4ded7; }
.scf-live-links a { display:flex;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid #ffffff30;color:#fff; }
.scf-live-links a:first-child { border-top:1px solid #ffffff30; }
.scf-live-links a:hover { color:#efc9d6; }
.scf-live-links a>.dashicons { font-size:26px;width:28px;height:28px;color:#d8b6c4; }
.scf-live-links a>span:nth-child(2) { flex:1;font-size:19px; }
.scf-live-links small { display:block;margin-top:7px;font-size:12px;color:#c3d0c7; }
.scf-live-links b { font-size:24px;font-weight:normal; }
.scf-about { display:grid;grid-template-columns: .9fr 1.1fr;gap:90px;align-items:center; }
.scf-about figure { margin:0; }
.scf-about img { display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 27%;border-radius:4px; }
.scf-about figcaption { padding-top:14px;font-size:12px;color:#6a6a64; }
.scf-about h2 { margin-bottom:28px; }
.scf-about p:not(.scf-eyebrow) { color:#6a6a64;margin-bottom:16px; }
.scf-about .scf-lead { font-size:19px;color:#363f36; }
.scf-about-facts { display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dcded7;padding-top:25px;margin-top:30px; }
.scf-about-facts strong { font-size:18px;font-weight:500; }
.scf-about-facts span { display:block;font-size:11px;color:#6a6a64;margin-top:7px; }
.scf-advice-band { background:#f5f5f1; }
.scf-faq { border-top:1px solid #d9ddd5; }
.scf-faq details { border-bottom:1px solid #d9ddd5; }
.scf-faq summary { list-style:none;cursor:pointer;font-size:19px;display:flex;justify-content:space-between;gap:24px;padding:25px 0; }
.scf-faq summary::-webkit-details-marker { display:none; }
.scf-faq summary>span { font-size:25px;color:#913452;transition:transform .2s; }
.scf-faq details[open] summary>span { transform:rotate(45deg); }
.scf-faq details>div { max-width:810px;padding:0 32px 26px 0; }
.scf-faq p { margin-bottom:13px;color:#5a6057; }
.scf-faq a { display:inline-block;color:#873450;margin:8px 20px 0 0;font-size:14px; }
.scf-final-cta { text-align:center;padding-block:80px; }
.scf-final-cta .scf-button { margin-top:30px; }
.scf-footer { background:#f9eef2;border-top:1px solid #eadde2;padding:52px 0 24px; }
.scf-footer-grid { display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:32px; }
.scf-footer p { font-size:14px;line-height:1.8;color:#72636a;margin:18px 0; }
.scf-footer h2 { font-size:13px;font-weight:600;margin:0 0 18px; }
.scf-footer-grid>div:not(:first-child)>a { display:block;font-size:14px;color:#63595d;margin:14px 0; }
.scf-footer a:hover { color:#963654; }
.scf-footer-bottom { display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2d7dd;padding-top:24px;margin-top:40px;font-size:12px;color:#71636a; }
.scf-footer-bottom>div { display:flex;flex-wrap:wrap;gap:20px; }
.scf-footer-bottom a { color:#71636a; }
@media(max-width:1100px) { .scf-main-nav { gap:17px;font-size:13px; } .scf-brand>span { font-size:23px; } .scf-hero h1 { font-size:55px; } .scf-home .scf-container,.scf-footer .scf-container { width:calc(100% - 56px); } .scf-about { gap:45px; } }
@media(max-width:1050px) {
 .scf-header { top:10px;width:calc(100% - 28px);margin:12px auto; }
 .scf-nav-shell { min-height:72px;padding:12px 20px;position:relative; }
 .scf-menu-toggle { display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#f2e5ea;color:#703047; }
 .scf-menu-toggle:hover,.scf-menu-toggle:focus { background:#e9d2db;color:#703047; }
 .scf-main-nav { display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:20px;background:#fff;border:1px solid #e4d8dc;border-radius:8px;box-shadow:0 18px 40px #30232a20;max-height:calc(100dvh - 150px);overflow:auto; }
 .scf-menu-open .scf-main-nav { display:flex;align-items:stretch;flex-direction:column;gap:8px; }
 .scf-main-nav>a { padding:12px;font-size:16px; }
 .scf-nav-group summary { padding:12px;font-size:16px; }
 .scf-nav-dropdown { position:static;box-shadow:none;border:0;background:#f9f5f6;width:100%; }
 .scf-nav-dropdown a { font-size:15px; }
 .scf-main-nav a.scf-button { margin-top:5px; }
}
@media(min-width:761px) and (max-width:950px) { .scf-hero h1 { font-size:44px; } .scf-home .scf-hero-intro { font-size:21px; } }
@media(max-width:760px) {
 .scf-home .scf-container,.scf-footer .scf-container { width:calc(100% - 40px); }
 .scf-brand>span { font-size:21px; }
 .scf-brand small { font-size:8px; }
 .scf-hero { height:auto;min-height:0;padding-top:min(240px,29svh); }
 .scf-hero-photo { top:0;width:100%;height:min(240px,29svh);object-position:50% 5%; }
 .scf-hero-inner { display:block;background:#efd7df; }
 .scf-hero-copy { width:100%;padding:22px 0 26px; }
 .scf-hero h1 { font-size:42px; }
 .scf-hero h1 br { display:block; }
 .scf-home .scf-eyebrow { margin-bottom:15px;font-size:10px; }
 .scf-home .scf-hero-intro { display:none; }
 .scf-hero-copy>p:not(.scf-eyebrow):not(.scf-hero-intro) { max-width:none;font-size:14px;margin-top:14px; }
 .scf-photo-caption { top:calc(min(240px,29svh) - 44px);bottom:auto;right:16px;font-size:16px;padding:9px 12px; }
 .scf-photo-caption span { display:none; }
 .scf-actions { gap:20px;margin-top:22px; }
 .scf-hero-note { display:none; }
 .scf-values>.scf-container { justify-content:center;gap:16px;flex-wrap:wrap;padding:19px 0; }
 .scf-values span { font-size:11px;gap:6px; }
 .scf-values i { font-size:16px;width:16px;height:16px; }
 .scf-section { padding-block:54px;scroll-margin-top:105px; }
 .scf-section-heading { display:block;margin-bottom:30px; }
 .scf-home h2 { font-size:34px; }
 .scf-section-heading>p { margin-top:22px;max-width:none;font-size:15px; }
 .scf-steps { grid-template-columns:1fr;gap:30px; }
 .scf-steps li { padding-top:20px; }
 .scf-step-number { font-size:29px;margin-bottom:14px; }
 .scf-steps p { min-height:0;font-size:15px; }
 .scf-steps a { margin-top:13px; }
 .scf-live-inner { grid-template-columns:1fr;gap:30px;padding-block:50px; }
 .scf-live-band p:not(.scf-eyebrow) { font-size:15px; }
 .scf-about { grid-template-columns:1fr;gap:35px; }
 .scf-about img { max-height:520px;object-position:50% 20%; }
 .scf-about-facts { gap:12px;flex-wrap:wrap; }
 .scf-about-facts strong { font-size:16px; }
 .scf-faq summary { font-size:17px;line-height:1.5;padding:20px 0; }
 .scf-faq details>div { padding-right:0; }
 .scf-faq p { font-size:15px; }
 .scf-final-cta { padding-block:55px; }
 .scf-footer-grid { grid-template-columns:1fr 1fr;gap:25px; }
 .scf-footer-grid>div:first-child { grid-column:1/-1; }
 .scf-footer-bottom { flex-direction:column;line-height:1.6; }
}
@media(max-width:380px) { .scf-brand>span { font-size:18px; } .scf-hero h1 { font-size:39px; } .scf-button { padding:14px 18px;gap:14px; } }
@media(prefers-reduced-motion:reduce) { .scf-home *, .scf-header * { transition:none!important;scroll-behavior:auto!important; } }
html.scf-standalone .scf-header,html.scf-standalone .scf-footer { display:none; }
@media(display-mode:standalone) { .scf-header,.scf-footer { display:none; } }
/* Shared SCF palette, matching the existing live-shopping and account screens. */
.scf-brand strong,.scf-header a:hover,.scf-main-nav summary:hover,.scf-hero h1 em,.scf-home .scf-eyebrow,.scf-step-number { color:var(--scf-brand-rose); }
.scf-button,.scf-main-nav a.scf-button { background:var(--scf-brand-rose);color:#2e2e2e; }
.scf-button:hover,.scf-main-nav a.scf-button:hover { background:var(--scf-brand-rose-hover);color:#fff; }
.scf-hero,.scf-footer,.scf-values,.scf-advice-band { background:var(--scf-brand-background); }
.scf-hero h1 em,.scf-home .scf-eyebrow { color:#795155; }
.scf-values span,.scf-text-link { color:#644a4c; }
.scf-menu-toggle,.scf-menu-toggle:hover,.scf-menu-toggle:focus,.scf-nav-dropdown a:hover { background:var(--scf-brand-background);color:#795155; }
.scf-steps a,.scf-faq a,.scf-footer a:hover { color:#795155; }
.scf-live-band { background:#302d2e; }
.scf-live-band .scf-eyebrow,.scf-live-links a>.dashicons { color:var(--scf-brand-rose); }
.scf-live-band p:not(.scf-eyebrow),.scf-live-links small { color:#e9dadd; }
.scf-hero-copy>p:not(.scf-eyebrow):not(.scf-hero-intro) { color:#51474b; }
.scf-header a:focus-visible,.scf-header summary:focus-visible,.scf-header button:focus-visible,.scf-home a:focus-visible,.scf-home summary:focus-visible,.scf-footer a:focus-visible { outline-color:#795155; }
body.scf-refresh .reg-btn,body.scf-refresh .reg-bar>span { background:var(--scf-brand-rose);box-shadow:0 4px 14px #c4868a30;color:#2e2e2e; }
.scf-footer-legal { display:flex;justify-content:center;align-items:center;gap:20px;padding-bottom:30px;margin-bottom:34px;border-bottom:1px solid #e8c8c8; }
.scf-footer .scf-legal-link { display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 24px;border:1px solid #795155;border-radius:5px;color:#50373a;font-size:16px;font-weight:600;background:#fff; }
.scf-footer-legal .scf-button { font-size:16px;min-height:56px;padding:16px 30px; }
@media(min-width:761px) and (max-width:1050px) { .scf-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .scf-footer-grid>div:first-child { grid-column:1/-1; } }
@media(max-width:760px) { .scf-hero-inner { background:var(--scf-brand-background); } .scf-footer-legal { justify-content:center;gap:12px; } }

/* ══════════════════════════════════════════════════════════════════════════
   SCF-Gestaltung 20.09.2026 — ein durchgaengiges Formensystem
   Ziel: die Seite soll sich wie ein Wohlfuehlort anfuehlen. Dafuer gilt
   ueberall dasselbe: weiche Rundungen, zarte Konturen, ruhige Flaechen,
   und beim Beruehren hebt sich ein Element leicht an.
   Farben nach dem SCF-Standard (Kundenportal, Live, Registrierung).
   ══════════════════════════════════════════════════════════════════════════ */
html:root,
.scf-refresh {
    --scf-accent:#C4868A;            /* Hauptfarbe: nur Hauptaktionen und Hervorhebungen */
    --scf-accent-dunkel:#B07276;
    --scf-accent-hauch:#FDF5F5;      /* zarte Flaeche */
    --scf-accent-rand:#E8C8C8;
    --scf-grund:#FFFFFF;             /* Seitenhintergrund */
    --scf-schrift:#2E2E2E;
    --scf-schrift-leise:#7A7A7A;
    --scf-karte:#FFFFFF;

    /* Das Formensystem — diese Radien gelten auf der ganzen Seite */
    --scf-rund-gross:28px;           /* Bilder, grosse Flaechen */
    --scf-rund:20px;                 /* Karten, Kaestchen */
    --scf-rund-klein:14px;           /* kleine Elemente */
    --scf-pille:999px;               /* Knoepfe, Etiketten */

    --scf-ruhe:0 1px 2px rgba(46,46,46,.04), 0 8px 24px rgba(46,46,46,.05);
    --scf-hebt:0 2px 4px rgba(46,46,46,.05), 0 18px 44px rgba(196,134,138,.16);

    /* Altnamen weiterversorgen, damit Konto- und Registrierungsseite passen */
    --scf-brand-rose:#C4868A; --scf-brand-rose-hover:#B07276;
    --scf-brand-background:#FFFFFF; --scf-accent2:#C4868A;
    --scf-accent-h:#B07276; --reg-accent2:#C4868A; --pwa-accent:#C4868A;
}

.scf-refresh { background:var(--scf-grund); }
.scf-header,.scf-footer,.scf-home { color:var(--scf-schrift); }
.scf-home p,.scf-footer p { color:var(--scf-schrift-leise); }

/* ── Kopfleiste: mehr Glas, Inhalte mittig ───────────────────────────────── */
.scf-nav-shell {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:20px;
    padding:12px 16px 12px 26px;
    background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.64));
    backdrop-filter:blur(30px) saturate(1.6);
    -webkit-backdrop-filter:blur(30px) saturate(1.6);
    border:1px solid rgba(255,255,255,.75);
    border-radius:var(--scf-pille);
    box-shadow:0 1px 1px rgba(255,255,255,.7) inset,
               0 10px 34px rgba(46,46,46,.07),
               0 2px 8px rgba(196,134,138,.06);
}
.scf-brand { justify-self:start; }
.scf-brand>span { font-size:24px;color:var(--scf-schrift); }
.scf-brand strong { color:var(--scf-accent);font-weight:400; }
.scf-brand small { font-size:10px;letter-spacing:.06em;color:var(--scf-schrift-leise);margin-top:4px; }

.scf-main-nav { justify-self:center;gap:4px; }
.scf-nav-actions { justify-self:end;display:flex;align-items:center;gap:10px; }

/* Beruehren legt eine runde Kapsel unter den Menuepunkt (Vorbild: Billbee) */
.scf-main-nav>a,
.scf-nav-group summary,
.scf-account {
    padding:11px 18px;
    border-radius:var(--scf-pille);
    color:var(--scf-schrift);
    transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.scf-main-nav>a:hover,
.scf-nav-group summary:hover,
.scf-nav-group[open] summary,
.scf-account:hover {
    background:rgba(255,255,255,.96);
    color:var(--scf-accent-dunkel);
    box-shadow:0 1px 2px rgba(46,46,46,.05), 0 6px 18px rgba(46,46,46,.07);
}
.scf-nav-dropdown {
    left:50%;transform:translateX(-50%);top:calc(100% + 10px);
    padding:8px;border:1px solid var(--scf-accent-rand);border-radius:var(--scf-rund);
    background:rgba(255,255,255,.97);backdrop-filter:blur(20px);
    box-shadow:var(--scf-ruhe);
}
.scf-nav-dropdown a { border-radius:var(--scf-rund-klein);padding:11px 14px;color:var(--scf-schrift); }
.scf-nav-dropdown a:hover { background:var(--scf-accent-hauch);color:var(--scf-accent-dunkel); }

/* ── Knoepfe: Pillenform, Hauptaktion in der Hausfarbe ───────────────────── */
.scf-button,.scf-nav-actions a.scf-button {
    gap:12px;border-radius:var(--scf-pille);
    background:var(--scf-accent);color:#fff;font-weight:600;
    box-shadow:0 2px 8px rgba(196,134,138,.28);
    transition:background .18s, transform .18s, box-shadow .18s;
}
.scf-button:hover,.scf-nav-actions a.scf-button:hover {
    background:var(--scf-accent-dunkel);color:#fff;
    transform:translateY(-2px);box-shadow:0 8px 22px rgba(196,134,138,.34);
}
.scf-nav-actions a.scf-button-small { min-height:46px;padding:12px 22px;border-radius:var(--scf-pille); }
.scf-account { display:inline-flex;align-items:center;gap:8px;font-size:14px; }

/* ── Startbild: eingefasst und rund ──────────────────────────────────────── */
.scf-hero {
    background:linear-gradient(160deg,#FDF5F5 0%, #FCEBEB 100%);
    border-radius:var(--scf-rund-gross);
    width:min(1320px,calc(100% - 48px));margin:0 auto 8px;
}
.scf-hero-photo { right:14px;top:14px;height:calc(100% - 28px);width:47%;border-radius:var(--scf-rund); }
.scf-photo-caption {
    right:40px;bottom:38px;border-radius:var(--scf-rund-klein);
    background:rgba(46,46,46,.55);border:1px solid rgba(255,255,255,.28);
    backdrop-filter:blur(14px);padding:12px 18px;
}
.scf-hero h1 em { color:var(--scf-accent-dunkel); }

/* Etiketten als zarte Pille statt nackter Text */
.scf-home .scf-eyebrow {
    display:inline-block;padding:7px 15px;border-radius:var(--scf-pille);
    background:rgba(196,134,138,.10);color:var(--scf-accent-dunkel);
    letter-spacing:.08em;margin-bottom:20px;
}
.scf-text-link {
    border-bottom:0;padding:13px 20px;border-radius:var(--scf-pille);
    border:1px solid var(--scf-accent-rand);background:rgba(255,255,255,.7);
    color:var(--scf-schrift);transition:background .18s, box-shadow .18s, transform .18s;
}
.scf-text-link:hover { background:#fff;box-shadow:var(--scf-ruhe);transform:translateY(-2px);color:var(--scf-accent-dunkel); }
.scf-hero-note { color:var(--scf-schrift-leise); }
.scf-hero-note .dashicons { color:var(--scf-accent); }

/* ── Werte-Leiste: Kaertchen statt nackter Text, mittig ──────────────────── */
.scf-values { background:transparent;border:0;margin-top:14px; }
.scf-values>.scf-container {
    display:flex;justify-content:center;flex-wrap:wrap;gap:14px;padding:6px 0 4px;
}
.scf-values span {
    padding:13px 24px;border-radius:var(--scf-pille);
    background:var(--scf-karte);border:1px solid var(--scf-accent-rand);
    color:var(--scf-schrift);font-size:14px;box-shadow:var(--scf-ruhe);
    transition:transform .2s, box-shadow .2s;
}
.scf-values span:hover { transform:translateY(-3px);box-shadow:var(--scf-hebt); }
.scf-values i { color:var(--scf-accent); }

/* ── Schritte: echte Karten ──────────────────────────────────────────────── */
.scf-steps li {
    border-top:0;padding:30px 28px 28px;
    background:var(--scf-karte);border:1px solid var(--scf-accent-rand);
    border-radius:var(--scf-rund);box-shadow:var(--scf-ruhe);
    transition:transform .22s, box-shadow .22s, border-color .22s;
}
.scf-steps li:hover { transform:translateY(-4px);box-shadow:var(--scf-hebt);border-color:rgba(196,134,138,.45); }
.scf-step-number {
    display:inline-flex;align-items:center;justify-content:center;
    width:52px;height:52px;margin-bottom:20px;font-size:21px;
    border-radius:var(--scf-pille);background:var(--scf-accent-hauch);color:var(--scf-accent-dunkel);
}
.scf-steps a { color:var(--scf-accent-dunkel); }

/* ── Live-Band: dunkle Karte mit Rundung ─────────────────────────────────── */
.scf-live-band {
    background:linear-gradient(150deg,#3A3335 0%, #2E2E2E 100%);
    border-radius:var(--scf-rund-gross);
    width:min(1320px,calc(100% - 48px));margin-inline:auto;
}
.scf-live-band .scf-eyebrow { background:rgba(196,134,138,.18);color:#EBD3D5; }
.scf-live-band p:not(.scf-eyebrow) { color:#D8CFD0; }
.scf-live-links a {
    padding:18px 22px;margin-bottom:10px;border:1px solid rgba(255,255,255,.12);
    border-radius:var(--scf-rund);background:rgba(255,255,255,.05);
    transition:background .2s, transform .2s, border-color .2s;
}
.scf-live-links a:first-child { border-top:1px solid rgba(255,255,255,.12); }
.scf-live-links a:hover { background:rgba(255,255,255,.11);transform:translateX(5px);border-color:rgba(196,134,138,.5);color:#fff; }
.scf-live-links a>.dashicons { color:var(--scf-accent); }
.scf-live-links small { color:#B9AEB0; }

/* ── Ueber uns: Bild rund, Kennzahlen als Kaertchen ──────────────────────── */
.scf-about img { border-radius:var(--scf-rund-gross);box-shadow:var(--scf-ruhe); }
.scf-about figcaption { color:var(--scf-schrift-leise);padding-top:16px;text-align:center; }
.scf-about-facts {
    border-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.scf-about-facts>div {
    padding:20px 18px;text-align:center;
    background:var(--scf-karte);border:1px solid var(--scf-accent-rand);
    border-radius:var(--scf-rund);box-shadow:var(--scf-ruhe);
    transition:transform .2s, box-shadow .2s;
}
.scf-about-facts>div:hover { transform:translateY(-3px);box-shadow:var(--scf-hebt); }
.scf-about-facts strong { font-size:21px;color:var(--scf-accent-dunkel);font-weight:600; }
.scf-about-facts span { color:var(--scf-schrift-leise); }

/* ── Fragen und Antworten: Karten ────────────────────────────────────────── */
.scf-advice-band { background:transparent; }
.scf-faq { border-top:0; }
.scf-faq details {
    border-bottom:0;margin-bottom:12px;padding:4px 24px;
    background:var(--scf-karte);border:1px solid var(--scf-accent-rand);
    border-radius:var(--scf-rund);box-shadow:var(--scf-ruhe);
    transition:box-shadow .2s, border-color .2s;
}
.scf-faq details:hover,.scf-faq details[open] { box-shadow:var(--scf-hebt);border-color:rgba(196,134,138,.4); }
.scf-faq summary>span { color:var(--scf-accent); }
.scf-faq a { color:var(--scf-accent-dunkel); }

/* ── Schlussaufruf als eigene Flaeche ────────────────────────────────────── */
.scf-final-cta {
    background:linear-gradient(160deg,#FDF5F5, #FCEBEB);
    border:1px solid var(--scf-accent-rand);border-radius:var(--scf-rund-gross);
    padding:66px 32px;margin-bottom:60px;
}

/* ── Fussbereich ─────────────────────────────────────────────────────────── */
.scf-footer { background:var(--scf-karte);border-top:1px solid var(--scf-accent-rand); }
.scf-footer a:hover { color:var(--scf-accent-dunkel); }
.scf-footer-legal { border-bottom:1px solid var(--scf-accent-rand);display:flex;justify-content:center;align-items:center;gap:20px;padding-bottom:30px;margin-bottom:34px; }

/* Widerruf: bewusst andere Farbe — kein Verkaufsknopf, sondern ein Recht */
.scf-widerruf {
    display:inline-flex;align-items:center;justify-content:center;gap:12px;
    min-height:52px;padding:14px 28px;border-radius:var(--scf-pille);
    background:#FFF6EC;border:1px solid #F0D6B4;color:#7A4E12;
    font-size:15px;font-weight:600;
    transition:background .18s, transform .18s, box-shadow .18s;
}
.scf-widerruf:hover { background:#FDEBD6;color:#663F0A;transform:translateY(-2px);box-shadow:0 8px 20px rgba(122,78,18,.14); }
.scf-widerruf .dashicons { font-size:17px;width:17px;height:17px; }

/* ── Handy ───────────────────────────────────────────────────────────────── */
@media(max-width:1050px) {
    .scf-nav-shell { grid-template-columns:auto 1fr auto;padding:10px 12px 10px 20px;border-radius:var(--scf-rund-gross); }
    .scf-brand { grid-column:1; }
    .scf-nav-actions { grid-column:2;justify-self:end;gap:8px; }
    .scf-menu-toggle { grid-column:3;border-radius:var(--scf-pille);background:var(--scf-accent-hauch);color:var(--scf-accent-dunkel); }
    .scf-main-nav { grid-column:1/-1;border-radius:var(--scf-rund);border:1px solid var(--scf-accent-rand);box-shadow:var(--scf-ruhe); }
    .scf-account-text { display:none; }
    .scf-account { padding:11px 13px; }
    .scf-nav-dropdown { transform:none;left:0; }
    .scf-hero { width:calc(100% - 28px); }
    .scf-live-band { width:calc(100% - 28px); }
}
@media(max-width:760px) {
    .scf-hero { width:calc(100% - 20px);border-radius:var(--scf-rund);padding-top:min(240px,29svh); }
    .scf-hero-photo { right:10px;top:10px;left:10px;width:auto;height:min(230px,28svh);border-radius:var(--scf-rund-klein); }
    .scf-hero-inner { background:transparent; }
    .scf-hero-copy { padding-inline:18px; }
    .scf-photo-caption { right:22px; }
    .scf-values>.scf-container { gap:9px; }
    .scf-values span { padding:10px 16px;font-size:12px; }
    .scf-about-facts { grid-template-columns:1fr; }
    .scf-live-band { width:calc(100% - 20px);border-radius:var(--scf-rund); }
    .scf-final-cta { padding:46px 22px;border-radius:var(--scf-rund); }
}

body.scf-refresh .reg-btn,body.scf-refresh .reg-bar>span { color:#fff;box-shadow:0 4px 14px rgba(196,134,138,.3); }

/* ══════════════════════════════════════════════════════════════════════════
   Nachbesserung 20.09.2026 — Kopfleiste in Hausfarbe + Handy-Ansicht
   Die Handy-Ansicht war zerbrochen: die Kopfleiste umbrach in drei Zeilen,
   das Foto stand klein in der Ecke und die Bildunterschrift war zu einem
   grossen grauen Balken gestreckt (top UND bottom gleichzeitig gesetzt).
   Alle Regeln hier setzen die Werte vollstaendig, damit nichts von den
   frueheren Regeln durchschlaegt.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Kopfleiste traegt jetzt die Hausfarbe ───────────────────────────────── */
.scf-header .scf-nav-shell {
    background:linear-gradient(180deg, rgba(252,235,235,.92), rgba(253,245,245,.82));
    border:1px solid rgba(255,255,255,.85);
    box-shadow:0 1px 1px rgba(255,255,255,.75) inset,
               0 10px 34px rgba(46,46,46,.08),
               0 2px 10px rgba(196,134,138,.12);
}
/* Die Kapsel beim Beruehren bleibt hell, damit sie sich abhebt */
.scf-main-nav>a:hover,
.scf-nav-group summary:hover,
.scf-nav-group[open] summary,
.scf-account:hover {
    background:rgba(255,255,255,.95);
    box-shadow:0 1px 2px rgba(46,46,46,.06), 0 6px 18px rgba(196,134,138,.18);
}

/* ── Handy: eine Zeile, nichts bricht um ─────────────────────────────────── */
@media(max-width:760px) {
    .scf-header { top:8px;width:calc(100% - 20px);margin:10px auto 14px; }

    .scf-header .scf-nav-shell {
        display:flex;
        flex-wrap:nowrap;
        align-items:center;
        justify-content:flex-start;
        gap:8px;
        min-height:0;
        padding:8px 8px 8px 16px;
        border-radius:var(--scf-pille);
    }
    /* Auf dem Handy bleibt der Schriftzug weg — der Platz gehoert den Knoepfen.
       Zur Startseite kommt man ueber die Menuepunkte, die alle dorthin fuehren. */
    .scf-header .scf-brand { display:none; }
    .scf-header .scf-nav-shell { justify-content:center;padding:7px 10px;min-height:0;gap:10px; }

    .scf-header .scf-nav-actions { flex:0 0 auto;display:flex;align-items:center;gap:6px;margin:0; }
    .scf-header .scf-account { padding:9px 10px;flex:0 0 auto; }
    .scf-header .scf-account-text { display:none; }
    .scf-header .scf-nav-actions a.scf-button-small {
        min-height:38px;padding:9px 14px;font-size:12.5px;gap:6px;flex:0 0 auto;white-space:nowrap;
    }
    .scf-header .scf-brand { order:1; }
    .scf-header .scf-nav-actions { order:2; }
    .scf-header .scf-menu-toggle {
        order:3;
        flex:0 0 auto;width:38px;height:38px;margin:0;
        border-radius:var(--scf-pille);background:rgba(255,255,255,.9);color:var(--scf-accent-dunkel);
    }
    /* Das aufklappbare Menue haengt unter der Kapsel */
    .scf-header .scf-main-nav {
        position:absolute;top:calc(100% + 8px);left:0;right:0;
        flex-direction:column;align-items:stretch;gap:4px;
        padding:12px;background:#fff;
        border:1px solid var(--scf-accent-rand);border-radius:var(--scf-rund);
        box-shadow:0 18px 40px rgba(46,46,46,.14);
    }
    .scf-header .scf-nav-dropdown { position:static;transform:none;width:100%;box-shadow:none;background:var(--scf-accent-hauch); }

    /* ── Startbild: Foto oben ueber die volle Breite ─────────────────────── */
    .scf-hero {
        width:calc(100% - 20px);
        border-radius:var(--scf-rund);
        padding:0;
        height:auto;min-height:0;
        overflow:hidden;
    }
    .scf-hero-photo {
        position:relative;
        inset:auto;
        display:block;
        width:100%;height:min(300px,38svh);
        border-radius:0;
        object-position:50% 12%;
    }
    .scf-hero-inner { display:block;background:transparent; }
    .scf-hero-copy { width:100%;padding:22px 20px 26px; }

    /* Bildunterschrift: sitzt am Foto, wird NICHT mehr gestreckt */
    .scf-photo-caption {
        position:absolute;
        top:calc(min(300px,38svh) - 52px);
        bottom:auto;
        left:auto;
        right:14px;
        width:auto;height:auto;
        transform:none;
        font-size:15px;padding:8px 14px;
        border-radius:var(--scf-rund-klein);
    }
    .scf-photo-caption span { display:none; }
}

/* ── Sehr schmale Geraete ────────────────────────────────────────────────── */
@media(max-width:390px) {
    .scf-header .scf-nav-actions a.scf-button-small { padding:10px 16px;font-size:13px; }
    .scf-hero-copy { padding-inline:16px; }
}

/* ── Rechtstexte auf eigener Seite (20.09.2026) ──────────────────────────── */
.scf-rechtstext { padding-block:40px 70px; }
.scf-rechtstext-kopf { text-align:center;margin-bottom:28px; }
.scf-rechtstext-kopf h1 { font-family:Georgia,'Times New Roman',serif;font-size:40px;font-weight:400;line-height:1.15;margin:0; }
.scf-rechtstext-blatt {
    background:var(--scf-karte);border:1px solid var(--scf-accent-rand);
    border-radius:var(--scf-rund-gross);box-shadow:var(--scf-ruhe);
    padding:44px 52px;max-width:880px;margin-inline:auto;
}
.scf-rechtstext-blatt h1 { font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 22px; }
.scf-rechtstext-blatt h2 { font-family:Georgia,serif;font-size:21px;font-weight:400;margin:34px 0 12px;color:var(--scf-schrift); }
.scf-rechtstext-blatt h3,.scf-rechtstext-blatt h4 { font-size:16px;font-weight:600;margin:24px 0 10px; }
.scf-rechtstext-blatt p,.scf-rechtstext-blatt li { font-size:15px;line-height:1.75;color:var(--scf-schrift-leise); }
.scf-rechtstext-blatt p { margin:0 0 14px; }
.scf-rechtstext-blatt ul,.scf-rechtstext-blatt ol { margin:0 0 18px;padding-left:22px; }
.scf-rechtstext-blatt li { margin-bottom:7px; }
.scf-rechtstext-blatt a { color:var(--scf-accent-dunkel);text-decoration:underline;text-underline-offset:3px; }
.scf-rechtstext-blatt table { width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px; }
.scf-rechtstext-blatt td,.scf-rechtstext-blatt th { border:1px solid var(--scf-accent-rand);padding:9px 12px;text-align:left;vertical-align:top; }
.scf-rechtstext-blatt hr { border:0;border-top:1px solid var(--scf-accent-rand);margin:28px 0; }
.scf-rechtstext-blatt img { max-width:100%;height:auto;border-radius:var(--scf-rund-klein); }
.scf-rechtstext-fuss { text-align:center;margin-top:24px;font-size:12px;color:var(--scf-schrift-leise); }
@media(max-width:760px) {
    .scf-rechtstext { padding-block:22px 46px; }
    .scf-rechtstext-kopf h1 { font-size:29px; }
    .scf-rechtstext-blatt { padding:26px 20px;border-radius:var(--scf-rund); }
    .scf-rechtstext-blatt h2 { font-size:19px; }
    .scf-rechtstext-blatt p,.scf-rechtstext-blatt li { font-size:14.5px; }
}

/* ── Menueschrift groesser (Wunsch 20.09.) ───────────────────────────────── */
.scf-header .scf-main-nav { font-size:18px; }
.scf-header .scf-main-nav>a,
.scf-header .scf-nav-group summary { font-size:18px;font-weight:500;padding:12px 20px; }
.scf-header .scf-account { font-size:17px;font-weight:500;white-space:nowrap; }
.scf-header .scf-main-nav>a,
.scf-header .scf-nav-group summary { white-space:nowrap; }
.scf-header .scf-nav-actions a.scf-button-small { font-size:16px;min-height:48px;padding:13px 24px; }
.scf-header .scf-nav-dropdown a { font-size:16px; }
.scf-header .scf-nav-shell { min-height:88px; }
.scf-header .scf-brand>span { font-size:26px; }
.scf-header .scf-brand small { font-size:11px; }
@media(max-width:760px) {
    .scf-header .scf-main-nav>a,
    .scf-header .scf-nav-group summary { font-size:16px; }
    .scf-header .scf-nav-actions a.scf-button-small { font-size:12.5px; }
}

/* ── Kontaktwege (20.09.) ────────────────────────────────────────────────── */
.scf-kontakt-wege { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.scf-kontakt-gross { grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin-inline:auto; }
.scf-kontakt-karte {
    display:flex;align-items:center;gap:16px;padding:20px 22px;
    background:var(--scf-karte);border:1px solid var(--scf-accent-rand);
    border-radius:var(--scf-rund);box-shadow:var(--scf-ruhe);
    color:var(--scf-schrift);
    transition:transform .2s, box-shadow .2s, border-color .2s;
}
.scf-kontakt-karte:hover { transform:translateY(-4px);box-shadow:var(--scf-hebt);border-color:var(--scf-accent);color:var(--scf-schrift); }
.scf-kontakt-karte .kk-ic {
    flex:0 0 auto;display:flex;align-items:center;justify-content:center;
    width:48px;height:48px;border-radius:var(--scf-pille);
    background:var(--scf-accent-hauch);color:var(--scf-accent);
}
.scf-kontakt-karte .kk-ic .dashicons { font-size:23px;width:23px;height:23px; }
.scf-kontakt-karte .kk-tx { flex:1;min-width:0; }
.scf-kontakt-karte strong { display:block;font-size:16px;font-weight:600;margin-bottom:3px; }
.scf-kontakt-karte small { display:block;font-size:13px;color:var(--scf-schrift-leise);line-height:1.5;overflow-wrap:anywhere; }
.scf-kontakt-karte .kk-ar { flex:0 0 auto;color:var(--scf-accent);font-weight:700; }
/* WhatsApp ist der schnellste Weg — der darf auffallen */
.scf-kontakt-karte.kk-whatsapp { border-color:rgba(37,211,102,.4);background:linear-gradient(160deg,#F4FCF6,#FFFFFF); }
.scf-kontakt-karte.kk-whatsapp .kk-ic { background:rgba(37,211,102,.14);color:#12864A; }
.scf-kontakt-karte.kk-whatsapp:hover { border-color:#25D366;box-shadow:0 2px 4px rgba(46,46,46,.05), 0 18px 40px rgba(37,211,102,.2); }
.scf-kontakt-karte.kk-whatsapp .kk-ar { color:#12864A; }

.scf-kontaktseite { padding-block:36px 66px; }
.scf-kontakt-vorwort { max-width:520px;margin:16px auto 0;font-size:16px;text-align:center;text-wrap:balance; }
.scf-kontakt-hinweise { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:880px;margin:16px auto 0; }
.scf-kontakt-hinweis {
    padding:24px 22px;background:var(--scf-karte);border:1px solid var(--scf-accent-rand);
    border-radius:var(--scf-rund);box-shadow:var(--scf-ruhe);
}
.scf-kontakt-hinweis h2 { font-family:inherit;font-size:16px;font-weight:600;margin:0 0 10px;line-height:1.35; }
.scf-kontakt-hinweis p { font-size:14px;margin-bottom:14px; }
.scf-kontakt-hinweis .scf-text-link { padding:9px 15px;font-size:13px; }

/* Kontaktwege im Fussbereich */
.scf-footer-kontakt { display:flex;flex-wrap:wrap;gap:9px;margin-top:4px; }
.scf-footer-kontakt a {
    display:inline-flex;align-items:center;gap:8px;padding:9px 16px;
    border:1px solid var(--scf-accent-rand);border-radius:var(--scf-pille);
    font-size:13px;color:var(--scf-schrift);background:var(--scf-accent-hauch);
    transition:background .18s, box-shadow .18s, transform .18s;
}
.scf-footer-kontakt a:hover { background:#fff;box-shadow:var(--scf-ruhe);transform:translateY(-2px);color:var(--scf-accent-dunkel); }
.scf-footer-kontakt .dashicons { font-size:15px;width:15px;height:15px;color:var(--scf-accent); }

@media(max-width:960px) {
    .scf-kontakt-wege,.scf-kontakt-gross { grid-template-columns:1fr; }
    .scf-kontakt-hinweise { grid-template-columns:1fr; }
}

/* ── "Das gibt es nur bei uns" — eigener Livestream, eigenes Kundenkonto ─── */
.scf-eigen {
    margin:56px auto 8px;
    padding:60px 0 56px;
    background:linear-gradient(165deg,#FDF5F5 0%, #FCEBEB 60%, #F7DFE0 100%);
    border-radius:var(--scf-rund-gross);
    width:min(1320px,calc(100% - 48px));
}
.scf-eigen-kopf { text-align:center;max-width:720px;margin:0 auto 38px; }
.scf-eigen-kopf h2 { font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:46px;line-height:1.12;margin:0; }
.scf-eigen-kopf h2 em { font-style:italic;color:var(--scf-accent-dunkel); }
.scf-eigen-intro { margin-top:20px;font-size:17px;line-height:1.7;color:var(--scf-schrift); }

.scf-eigen-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.scf-eigen-karte {
    display:block;padding:34px 32px 30px;
    background:var(--scf-karte);border:1px solid rgba(255,255,255,.9);
    border-radius:var(--scf-rund-gross);
    box-shadow:0 2px 6px rgba(46,46,46,.05), 0 20px 50px rgba(196,134,138,.16);
    color:var(--scf-schrift);
    transition:transform .24s, box-shadow .24s;
}
.scf-eigen-karte:hover { transform:translateY(-6px);box-shadow:0 4px 10px rgba(46,46,46,.06), 0 30px 64px rgba(196,134,138,.28);color:var(--scf-schrift); }
.ek-badge {
    display:inline-block;margin-bottom:18px;padding:8px 17px;
    border-radius:var(--scf-pille);background:var(--scf-accent);color:#fff;
    font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
.scf-eigen-karte h3 { font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.2;margin:0 0 14px; }
.scf-eigen-karte>p { font-size:15.5px;line-height:1.7;color:var(--scf-schrift-leise);margin:0 0 20px; }
.ek-liste { list-style:none;padding:0;margin:0 0 24px; }
.ek-liste li {
    position:relative;padding:9px 0 9px 32px;font-size:15px;color:var(--scf-schrift);
    border-bottom:1px solid var(--scf-accent-rand);
}
.ek-liste li:last-child { border-bottom:0; }
.ek-liste li::before {
    content:'';position:absolute;left:4px;top:15px;
    width:9px;height:9px;border-radius:50%;background:var(--scf-accent);
}
.ek-cta {
    display:inline-flex;align-items:center;gap:10px;padding:13px 26px;
    border-radius:var(--scf-pille);background:var(--scf-accent);color:#fff;
    font-size:15px;font-weight:600;
    box-shadow:0 2px 8px rgba(196,134,138,.3);
    transition:background .18s, box-shadow .18s;
}
.scf-eigen-karte:hover .ek-cta { background:var(--scf-accent-dunkel);box-shadow:0 8px 22px rgba(196,134,138,.4); }
/* Die Live-Karte bekommt etwas mehr Gewicht — sie ist unser Herzstueck */
.scf-eigen-karte.eigen-live { background:linear-gradient(170deg,#FFFFFF 0%, #FFFBFB 100%); }

.scf-eigen-punkte { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px; }
.scf-eigen-punkte>div {
    text-align:center;padding:18px 14px;
    background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);
    border-radius:var(--scf-rund);backdrop-filter:blur(10px);
}
.scf-eigen-punkte strong { display:block;font-size:16px;font-weight:600;color:var(--scf-accent-dunkel); }
.scf-eigen-punkte span { display:block;margin-top:5px;font-size:12.5px;color:var(--scf-schrift-leise);line-height:1.5; }

@media(max-width:1050px) { .scf-eigen { width:calc(100% - 28px); } }
@media(max-width:900px) {
    .scf-eigen-grid { grid-template-columns:1fr; }
    .scf-eigen-punkte { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
    .scf-eigen { width:calc(100% - 20px);margin-top:34px;padding:40px 0 36px;border-radius:var(--scf-rund); }
    .scf-eigen-kopf { margin-bottom:26px; }
    .scf-eigen-kopf h2 { font-size:32px; }
    .scf-eigen-intro { font-size:15.5px;margin-top:16px; }
    .scf-eigen-karte { padding:26px 22px 24px;border-radius:var(--scf-rund); }
    .scf-eigen-karte h3 { font-size:23px; }
    .scf-eigen-karte>p { font-size:14.5px; }
    .ek-liste li { font-size:14.5px; }
}