/* Sitebuilder Elemente E01-E24: nur Design-Tokens (--sb-*), keine festen Farben. Alle Knoepfe eines Portals gleich gross (--sb-btn-h). */
.sbe, .sbe *{box-sizing:border-box}
.sbe a{color:inherit;text-decoration:none}
/* E03 Knopf */
.sbe-knopf{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sb-btn-h);height:var(--sb-btn-h);min-width:var(--sb-btn-minw);padding:0 22px;border-radius:var(--sb-radius-button);border:1px solid transparent;font:600 var(--sb-btn-fs)/1.1 var(--sb-font);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s,border-color .12s,color .12s,transform .12s}
.sbe-knopf.voll{display:flex;width:100%}
.sbe-knopf.k-primaer{background:var(--sb-akzent);color:var(--sb-akzent-text);border-color:var(--sb-akzent)}
.sbe-knopf.k-primaer:hover{background:var(--sb-akzent-dunkel);border-color:var(--sb-akzent-dunkel)}
.sbe-knopf.k-dunkel{background:var(--sb-primaer);color:var(--sb-auf-dunkel);border-color:var(--sb-primaer)}
.sbe-knopf.k-dunkel:hover{background:var(--sb-primaer-dunkel);border-color:var(--sb-primaer-dunkel)}
.sbe-knopf.k-rand{background:var(--sb-karte);color:var(--sb-text);border-color:var(--sb-rand2)}
.sbe-knopf.k-rand:hover{border-color:var(--sb-akzent);color:var(--sb-akzent-dunkel)}
.sbe-knopf.k-gold{background:var(--sb-gold);color:var(--sb-gold-text);border-color:var(--sb-gold)}
.sbe-knopf.k-gold:hover{background:var(--sb-akzent-dunkel);border-color:var(--sb-akzent-dunkel)}
.sbe-knopf.k-koralle{background:var(--sb-sekundaer);color:var(--sb-auf-dunkel);border-color:var(--sb-sekundaer)}
.sbe-knopf.k-koralle:hover{background:var(--sb-sekundaer-dunkel);border-color:var(--sb-sekundaer-dunkel)}
.sbe-knopf.k-gruen{background:var(--sb-erfolg);color:var(--sb-auf-dunkel);border-color:var(--sb-erfolg)}
.sbe-knopf.k-gruen:hover{background:var(--sb-erfolg-dunkel);border-color:var(--sb-erfolg-dunkel)}
.sbe-knopf.k-hell{background:color-mix(in srgb,var(--sb-auf-dunkel) 12%,transparent);color:var(--sb-auf-dunkel);border-color:color-mix(in srgb,var(--sb-auf-dunkel) 35%,transparent)}
.sbe-knopf .pfeil{font-weight:700}
/* E04 Mit Cashback buchen: zweizeilig, gleiche Hoehe */
.sbe-cashback{flex-direction:column;gap:2px;line-height:1.15}
.sbe-cashback small{font-size:.74em;font-weight:500;opacity:.85}
/* E01 Kopieren + weiter */
.sbe-kop{display:flex;align-items:stretch;min-height:var(--sb-btn-h);width:100%;max-width:480px;border-radius:var(--sb-radius-button);overflow:hidden;border:1px solid var(--sb-rand2);background:var(--sb-karte);cursor:pointer;font-family:var(--sb-font);padding:0;text-align:left;color:var(--sb-text)}
.sbe-kop .c{flex:1;display:flex;align-items:center;justify-content:center;padding:0 14px;font:700 calc(var(--sb-btn-fs) + 1px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;border-right:2px dashed var(--sb-akzent);background:var(--sb-akzent-hell);min-width:0;overflow:hidden;text-overflow:ellipsis}
.sbe-kop .a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 18px;min-width:120px;background:var(--sb-akzent);color:var(--sb-akzent-text);font-weight:700;font-size:var(--sb-btn-fs);line-height:1.1}
.sbe-kop .a small{font-size:.72em;font-weight:500;opacity:.9}
.sbe-kop:hover .a{background:var(--sb-akzent-dunkel)}
.sbe-kop.kopiert .a{background:var(--sb-erfolg);color:var(--sb-auf-dunkel)}
.sbe-kopwrap{max-width:480px}
.sbe-kopwrap .hint{font-size:12.5px;color:var(--sb-text3);margin-top:7px}
.sbe-kopwrap .status{display:none;font-size:13px;color:var(--sb-erfolg);font-weight:600;margin-top:8px}
.sbe-kopwrap.kopiert .status{display:block}
/* E02 Code verdeckt */
.sbe-codev{display:inline-flex;align-items:stretch;min-height:var(--sb-btn-h);border-radius:var(--sb-radius-button);overflow:hidden;border:1.5px dashed var(--sb-akzent);background:var(--sb-akzent-hell);text-decoration:none;color:var(--sb-text);font-family:var(--sb-font)}
.sbe-codev .p{display:flex;align-items:center;padding:0 14px;font:700 calc(var(--sb-btn-fs) + 1px)/1 ui-monospace,Menlo,monospace;letter-spacing:.06em}
.sbe-codev .p b{opacity:.45;font-weight:700}
.sbe-codev .z{display:flex;align-items:center;padding:0 18px;background:var(--sb-akzent);color:var(--sb-akzent-text);font-weight:700;font-size:var(--sb-btn-fs)}
.sbe-codev:hover .z{background:var(--sb-akzent-dunkel)}
/* E05 Berechnen */
.sbe-schalter{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--sb-text2);cursor:pointer}
.sbe-schalter input{accent-color:var(--sb-akzent);width:18px;height:18px}
/* E06 / E23 Aufklappen */
.sbe-mehr{display:inline-flex;align-items:center;gap:8px;min-height:var(--sb-btn-h);padding:0 20px;border-radius:var(--sb-radius-button);border:1px solid var(--sb-rand2);background:var(--sb-karte);color:var(--sb-text);font:600 var(--sb-btn-fs)/1 var(--sb-font);cursor:pointer}
.sbe-mehr:hover{border-color:var(--sb-akzent)}
.sbe-klapp{border:var(--sb-card-border);border-radius:var(--sb-radius-card);background:var(--sb-karte);margin:0 0 10px;overflow:hidden}
.sbe-klapp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;font-weight:600;color:var(--sb-text)}
.sbe-klapp>summary::-webkit-details-marker{display:none}
.sbe-klapp>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--sb-text2);border-bottom:2px solid var(--sb-text2);transform:rotate(45deg);transition:transform .15s;flex:none;margin-top:-4px}
.sbe-klapp[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.sbe-klapp .in{padding:0 18px 16px;color:var(--sb-text2);font-size:.97em;line-height:1.6}
.sbe-klapp.balken>summary{background:var(--sb-primaer);color:var(--sb-auf-dunkel)}
.sbe-klapp.balken>summary::after{border-color:var(--sb-auf-dunkel)}
.sbe-klapp.balken{border-color:var(--sb-primaer)}
.sbe-klapp.balken .in{padding-top:14px}
/* E07 Chips */
.sbe-chips{display:flex;gap:8px;flex-wrap:wrap}
.sbe-chip{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:var(--sb-radius-chip);border:1px solid var(--sb-rand2);background:var(--sb-karte);color:var(--sb-text2);font:600 13.5px/1 var(--sb-font);cursor:pointer;text-decoration:none}
.sbe-chip:hover{border-color:var(--sb-akzent);color:var(--sb-text)}
.sbe-chip.an{background:var(--sb-primaer);border-color:var(--sb-primaer);color:var(--sb-auf-dunkel)}
.sbe-chip .n{opacity:.65;font-weight:500}
/* E08 Suche */
.sbe-suche{position:relative;max-width:640px;width:100%}
.sbe-suche form{display:flex;align-items:center;gap:8px;min-height:calc(var(--sb-btn-h) + 12px);padding:6px 6px 6px 18px;background:var(--sb-karte);border:1px solid var(--sb-rand2);border-radius:var(--sb-radius-button);box-shadow:0 8px 24px color-mix(in srgb,var(--sb-text) 10%,transparent)}
.sbe-suche input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 16px/1.2 var(--sb-font);color:var(--sb-text)}
.sbe-suche .sbe-knopf{height:var(--sb-btn-h)}
.sbe-suche .liste{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--sb-karte);border:1px solid var(--sb-rand);border-radius:var(--sb-radius-card);box-shadow:0 14px 30px color-mix(in srgb,var(--sb-text) 14%,transparent);overflow:hidden;display:none}
.sbe-suche .liste a{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;color:var(--sb-text);border-bottom:1px solid var(--sb-rand)}
.sbe-suche .liste a:hover{background:var(--sb-hintergrund)}
.sbe-suche.offen .liste{display:block}
/* E09 Laenderwahl */
.sbe-land{position:relative;display:inline-block}
.sbe-land>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:var(--sb-radius-button);border:1px solid var(--sb-rand2);background:var(--sb-karte);color:var(--sb-text);font:600 14px/1 var(--sb-font);cursor:pointer}
.sbe-land>summary::-webkit-details-marker{display:none}
.sbe-land .pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(300px,86vw);max-height:420px;overflow:auto;background:var(--sb-karte);border:1px solid var(--sb-rand);border-radius:var(--sb-radius-card);box-shadow:0 18px 40px color-mix(in srgb,var(--sb-text) 18%,transparent);padding:8px}
.sbe-land .pop a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--sb-text);font-size:14px}
.sbe-land .pop a:hover{background:var(--sb-hintergrund)}
.sbe-flagge{display:inline-grid;place-items:center;width:22px;height:16px;border-radius:3px;background:var(--sb-primaer-hell);color:var(--sb-primaer);font:700 9px/1 var(--sb-font);text-transform:uppercase;border:1px solid var(--sb-rand);flex:none}
/* E10 Badge */
.sbe-badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:var(--sb-radius-chip);font:700 12px/1 var(--sb-font);background:var(--sb-primaer-hell);color:var(--sb-primaer);border:1px solid transparent;white-space:nowrap}
.sbe-badge.gut{background:var(--sb-erfolg-hell);color:var(--sb-erfolg-dunkel);border-color:var(--sb-erfolg-rand)}
.sbe-badge.warn{background:var(--sb-warnung-hell);color:var(--sb-warnung);border-color:var(--sb-warnung-rand)}
.sbe-badge.akzent{background:var(--sb-akzent-hell);color:var(--sb-akzent-dunkel);border-color:var(--sb-akzent-rand)}
.sbe-badge.gold{background:var(--sb-gold);color:var(--sb-gold-text)}
.sbe-badge.dunkel{background:color-mix(in srgb,var(--sb-erfolg) 25%,transparent);color:var(--sb-auf-dunkel);border-color:color-mix(in srgb,var(--sb-erfolg) 55%,transparent)}
/* E11 Logo */
.sbe-logo{display:inline-grid;place-items:center;border-radius:12px;background:var(--sb-karte);border:1px solid var(--sb-rand);overflow:hidden;flex:none;font:800 18px/1 var(--sb-font);color:var(--sb-auf-dunkel)}
.sbe-logo img{width:100%;height:100%;object-fit:contain;padding:6px;background:var(--sb-karte)}
.sbe-logo.rund{border-radius:50%}
/* E12 Werte */
.sbe-werte{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sbe-werte>div{border-radius:10px;padding:9px 11px;background:var(--sb-erfolg-hell);border:1px solid var(--sb-erfolg-rand);font-size:12.5px;line-height:1.3;color:var(--sb-text2)}
.sbe-werte>div b{display:block;font-size:15px;color:var(--sb-erfolg-dunkel)}
.sbe-werte>div.g{background:var(--sb-akzent-hell);border-color:var(--sb-akzent-rand)}
.sbe-werte>div.g b{color:var(--sb-akzent-dunkel)}
/* E13 Buchungswert */
.sbe-wert{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--sb-rand2);border-radius:var(--sb-radius-button);background:var(--sb-karte);font:600 14px/1 var(--sb-font)}
.sbe-wert input{width:80px;border:0;outline:0;background:transparent;font:700 15px var(--sb-font);color:var(--sb-text)}
/* E14 Verlauf-Kachel */
.sbe-ziel{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:124px;padding:16px;border-radius:var(--sb-radius-card);background:linear-gradient(150deg,var(--sb-primaer),var(--v,var(--sb-akzent)));color:var(--sb-auf-dunkel)}
.sbe-ziel .t{font:700 11px/1 var(--sb-font);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.sbe-ziel b{font-size:18px;letter-spacing:-.02em}
.sbe-ziel span{font-size:13px;opacity:.9}
/* E15 Kategorie-Kachel */
.sbe-kat{display:flex;flex-direction:column;gap:10px;padding:16px;border:var(--sb-card-border);border-radius:var(--sb-radius-card);background:var(--sb-karte);color:var(--sb-text);transition:transform .15s,border-color .15s,box-shadow .15s}
.sbe-kat:hover{transform:translateY(var(--sb-card-hover-lift));border-color:var(--sb-card-hover-border);box-shadow:var(--sb-card-shadow)}
.sbe-kat .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--sb-primaer-hell);color:var(--sb-primaer);font-weight:800}
.sbe-kat b{font-size:15px}
.sbe-kat small{color:var(--sb-text3);font-size:13px}
/* E16 Schritt */
.sbe-schritt{padding:24px;border:var(--sb-card-border);border-radius:var(--sb-radius-card);background:var(--sb-karte);box-shadow:var(--sb-card-shadow)}
.sbe-schritt .nr{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--sb-primaer);color:var(--sb-auf-dunkel);font-weight:800;margin-bottom:14px}
.sbe-schritt h3{margin:0 0 6px;font-size:18px;font-weight:var(--sb-head-weight)}
.sbe-schritt p{margin:0;color:var(--sb-text2);font-size:.97em}
.sbe-schritt p b{color:var(--sb-text)}
/* E17 Ratgeber-Kachel */
.sbe-rk{display:flex;flex-direction:column;gap:8px;padding:20px;border:var(--sb-card-border);border-radius:var(--sb-radius-card);background:var(--sb-karte);color:var(--sb-text)}
.sbe-rk:hover{border-color:var(--sb-card-hover-border)}
.sbe-rk .m{font:700 11.5px/1 var(--sb-font);letter-spacing:.05em;text-transform:uppercase;color:var(--sb-akzent-dunkel)}
.sbe-rk h3{margin:0;font-size:17px;line-height:1.25}
.sbe-rk p{margin:0;color:var(--sb-text2);font-size:.94em}
/* E18 Land-Kachel */
.sbe-ld{display:flex;flex-direction:column;gap:6px;padding:16px;border:var(--sb-card-border);border-radius:var(--sb-radius-card);background:var(--sb-karte);color:var(--sb-text)}
.sbe-ld:hover{border-color:var(--sb-card-hover-border)}
.sbe-ld small{color:var(--sb-text3)}
/* E19/E20 Zeilen */
.sbe-zeile{display:flex;align-items:center;gap:16px;padding:16px 18px;border:var(--sb-card-border);border-radius:var(--sb-radius-card);background:var(--sb-karte);flex-wrap:wrap}
.sbe-zeile .mitte{flex:1;min-width:180px}
.sbe-zeile .preis{font:800 22px/1 var(--sb-font);letter-spacing:-.02em;color:var(--sb-text)}
.sbe-zeile .preis small{display:block;font:500 12px/1.3 var(--sb-font);color:var(--sb-text3);letter-spacing:0;margin-top:4px}
.sbe-zeile .knoepfe{display:flex;gap:8px;flex-wrap:wrap}
.sbe-zeile.best{border-color:var(--sb-erfolg);box-shadow:0 0 0 1px var(--sb-erfolg)}
/* E21 Hinweisleiste */
.sbe-hinweis{background:var(--sb-primaer-dunkel);color:var(--sb-auf-dunkel);font-size:12.5px;text-align:center;padding:7px 16px}
.sbe-hinweis a{text-decoration:underline;opacity:.9}
/* E22 Cookie */
.sbe-cookie{position:fixed;left:16px;bottom:16px;z-index:90;width:min(420px,calc(100vw - 32px));padding:18px;border-radius:var(--sb-radius-card);background:var(--sb-karte);border:1px solid var(--sb-rand);box-shadow:0 18px 44px color-mix(in srgb,var(--sb-text) 22%,transparent);color:var(--sb-text);font:400 14px/1.5 var(--sb-font)}
.sbe-cookie p{margin:0 0 12px;color:var(--sb-text2)}
.sbe-cookie .r{display:flex;gap:8px;flex-wrap:wrap}
.sbe-cookie .sbe-knopf{height:var(--sb-btn-h);padding:0 14px;flex:1}
.sbe-cookie.zu{display:none}
/* E24 Kennzahlen */
.sbe-zahlen{display:flex;gap:28px;flex-wrap:wrap}
.sbe-zahlen div{display:flex;flex-direction:column}
.sbe-zahlen b{font:800 28px/1.1 var(--sb-font);letter-spacing:-.03em}
.sbe-zahlen span{font-size:13px;opacity:.75}
/* Gemeinsam: Abschnittsraum fuer eigene Bloecke */
.sb-sec{padding:var(--sb-section-gap) 0}
.sb-wrap{max-width:var(--sb-container);margin:0 auto;padding:0 var(--sb-gutter)}
.sb-raster{display:grid;gap:14px}
.sb-demo{outline:1px dashed var(--sb-warnung);outline-offset:-1px}
@media(max-width:700px){.sb-sec{padding:calc(var(--sb-section-gap) * .7) 0}.sbe-werte{grid-template-columns:1fr}.sbe-kop{max-width:none}}
.sb-b .x{display:none!important}
/* ===== Coin7: Kopf, Fuss, Seitenleiste, Gutschein-Kasten, Band, Text, A-Z (aus den Live-Screenshots nachgebaut, nur Tokens) ===== */
.sbv-c7 .c7k.sticky{position:sticky;top:0;z-index:50}
.sbv-c7 .c7k-top{background:linear-gradient(100deg,var(--sb-primaer-tief),var(--sb-link) 70%,var(--sb-erfolg));color:var(--sb-auf-dunkel)}
.sbv-c7 .c7k-topin{display:flex;align-items:center;gap:26px;padding-top:15px;padding-bottom:15px}
.sbv-c7 .c7k-logo{display:flex;align-items:center;gap:8px;color:var(--sb-auf-dunkel);text-decoration:none;flex:none;position:relative}
.sbv-c7 .c7k-mark{width:38px;height:38px;border-radius:50%;background:var(--sb-erfolg);display:grid;place-items:center;font-weight:800;border:3px solid var(--sb-auf-dunkel)}
.sbv-c7 .c7k-logo b{font-size:22px;letter-spacing:-.03em}
.sbv-c7 .c7k-logo small{position:absolute;left:46px;bottom:-3px;font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--sb-erfolg-hell)}
.sbv-c7 .c7k-suche{flex:0 1 400px;margin:0 auto}
.sbv-c7 .c7k-suche input{width:100%;height:42px;border-radius:21px;border:1px solid color-mix(in srgb,var(--sb-auf-dunkel) 30%,transparent);background:color-mix(in srgb,var(--sb-auf-dunkel) 14%,transparent);padding:0 20px;color:var(--sb-auf-dunkel);font:500 15px var(--sb-font)}
.sbv-c7 .c7k-suche input::placeholder{color:color-mix(in srgb,var(--sb-auf-dunkel) 80%,transparent)}
.sbv-c7 .c7k-auth{display:flex;gap:12px;margin-left:auto}
.sbv-c7 .c7k-auth a{display:inline-flex;align-items:center;height:var(--sb-btn-h);padding:0 24px;border-radius:var(--sb-radius-button);border:1px solid color-mix(in srgb,var(--sb-auf-dunkel) 40%,transparent);color:var(--sb-auf-dunkel);font:600 13px var(--sb-font);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.sbv-c7 .c7k-auth a.c7k-reg{background:var(--sb-link);border-color:var(--sb-link)}
.sbv-c7 .c7k-menu{background:var(--sb-karte);border-bottom:1px solid var(--sb-rand)}
.sbv-c7 .c7k-menuin{display:flex;align-items:center;gap:34px;min-height:56px;overflow-x:auto}
.sbv-c7 .c7k-menuin a{color:var(--sb-text);font:500 15px var(--sb-font);text-decoration:none;white-space:nowrap}
.sbv-c7 .c7k-menuin a:hover{color:var(--sb-primaer)}
.sbv-c7 .c7k-menuin a.c7k-rat{border:1px solid var(--sb-primaer);border-radius:var(--sb-radius-button);padding:8px 18px;background:var(--sb-primaer-hell);color:var(--sb-primaer)}
.sbv-c7 .c7k-sprache{margin-left:auto;font:600 13px var(--sb-font);color:var(--sb-text2)}
.sbv-c7 .c7f{background:linear-gradient(160deg,var(--sb-primaer),var(--sb-primaer-tief));color:var(--sb-auf-dunkel);position:relative;overflow:hidden}
.sbv-c7 .c7f::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,color-mix(in srgb,var(--sb-auf-dunkel) 5%,transparent) 0 1px,transparent 1px 34px);pointer-events:none}
.sbv-c7 .c7f-in{position:relative;z-index:1;padding-top:44px;padding-bottom:30px}
.sbv-c7 .c7f-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}
.sbv-c7 .c7f h4{margin:0 0 18px;font:500 22px var(--sb-font);color:var(--sb-auf-dunkel);padding-bottom:12px;position:relative}
.sbv-c7 .c7f h4::after{content:"";position:absolute;left:0;bottom:0;width:80px;border-bottom:1px solid color-mix(in srgb,var(--sb-auf-dunkel) 55%,transparent)}
.sbv-c7 .c7f-grid a{display:block;color:var(--sb-auf-dunkel);text-decoration:none;font:500 14.5px var(--sb-font);letter-spacing:.02em;margin:0 0 15px}
.sbv-c7 .c7f-grid a::before{content:"›";font-weight:800;margin-right:11px}
.sbv-c7 .c7f-fuss{border-top:1px solid color-mix(in srgb,var(--sb-auf-dunkel) 30%,transparent);margin-top:26px;padding-top:20px;text-align:center;font-size:14px}
.sbv-c7 .c7f-fuss p{margin:0 0 8px}
.sbv-c7 .c7s-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start;padding-top:26px}
.sbv-c7 .c7s-side{background:var(--sb-karte);border:1px solid var(--sb-rand);border-radius:var(--sb-radius-card);padding:18px 16px;margin-bottom:16px;text-align:center}
.sbv-c7 .c7s-logo{height:56px;border:1px solid var(--sb-rand);border-radius:12px;display:grid;place-items:center;margin:4px 20px 14px;overflow:hidden;font-weight:800}
.sbv-c7 .c7s-logo img{max-height:44px;max-width:140px;object-fit:contain}
.sbv-c7 .c7s-name{font:600 19px var(--sb-font);margin:0 0 14px}
.sbv-c7 .c7s-zeiten{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid var(--sb-rand);padding-bottom:14px}
.sbv-c7 .c7s-zeiten span{display:block;font-size:13px;color:var(--sb-text2);margin-bottom:6px}
.sbv-c7 .c7s-zeiten b{display:block;border:2px solid var(--sb-text);border-radius:6px;padding:6px;font-size:13.5px}
.sbv-c7 .c7s-melden{font-size:13px;margin:12px 0}.sbv-c7 .c7s-melden b{color:var(--sb-erfolg)}
.sbv-c7 .c7s-satz{font-size:14px;margin:14px 0}
.sbv-c7 .c7s-side h4{margin:0 0 14px;text-align:left;font:500 19px var(--sb-font);padding-bottom:8px;position:relative}
.sbv-c7 .c7s-side h4::after{content:"";position:absolute;left:0;bottom:0;width:60px;border-bottom:2px solid var(--sb-text)}
.sbv-c7 .c7s-rate{display:flex;justify-content:space-between;font-size:14px}
.sbv-c7 .c7s-reco{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sbv-c7 .c7s-reco a{border:1px solid var(--sb-rand2);border-radius:12px;padding:12px 8px;color:var(--sb-text);text-decoration:none;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}
.sbv-c7 .c7s-reco .lg{width:64px;height:44px;border:1px solid var(--sb-rand);border-radius:8px;display:grid;place-items:center;overflow:hidden;font-weight:800}
.sbv-c7 .c7s-reco .lg img{max-width:56px;max-height:36px;object-fit:contain}
.sbv-c7 .c7g-kasten{background:var(--sb-karte);border-radius:var(--sb-radius-card);padding:22px 22px 8px;box-shadow:0 6px 24px color-mix(in srgb,var(--sb-text) 7%,transparent)}
.sbv-c7 .c7g-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.sbv-c7 .c7g-kopf h2{font:700 21px var(--sb-font);margin:0}
.sbv-c7 .c7g-tabs{display:flex;border-bottom:1px solid var(--sb-rand)}
.sbv-c7 .c7g-tabs button{appearance:none;background:none;border:0;padding:14px 38px;font:500 15px var(--sb-font);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--sb-text)}
.sbv-c7 .c7g-tabs button.an{border-bottom-color:var(--sb-text);font-weight:600}
.sbv-c7 .c7g-zeile{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--sb-rand)}
.sbv-c7 .c7g-logo{height:110px;border:1px solid var(--sb-text);border-radius:10px;background:var(--sb-primaer-tief);display:grid;place-items:center;overflow:hidden}
.sbv-c7 .c7g-logo img{max-width:100%;max-height:100%;object-fit:contain}.sbv-c7 .c7g-logo span{color:var(--sb-akzent);font:800 34px var(--sb-font)}
.sbv-c7 .c7g-mitte b{display:block;font:500 19px/1.3 var(--sb-font);margin-bottom:8px}
.sbv-c7 .c7g-mitte span{font-size:14.5px;color:var(--sb-text2)}
.sbv-c7 .c7g-rechts{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.sbv-c7 .c7g-rechts small{font-size:12.5px;color:var(--sb-text3)}
.sbv-c7 .sbe-klapp.balken{border:0;border-radius:var(--sb-radius-button);margin:14px 0}
.sbv-c7 .sbe-klapp.balken>summary{background:linear-gradient(90deg,var(--sb-primaer-tief),var(--sb-link) 65%,var(--sb-erfolg));font-weight:700;border-radius:var(--sb-radius-button)}
.sbv-c7 .c7-titelband{background:linear-gradient(160deg,var(--sb-primaer),var(--sb-primaer-tief));color:var(--sb-auf-dunkel);padding:44px 0}
.sbv-c7 .c7-titelband h1{margin:0;font:700 34px var(--sb-font);letter-spacing:-.03em;color:var(--sb-auf-dunkel)}.sbv-c7 .c7-titelband p{margin:10px 0 0;opacity:.85}
.sbv-c7 .c7-seo h2{font:700 24px var(--sb-font);margin:0 0 14px}.sbv-c7 .c7-prose{color:var(--sb-text2);line-height:1.7;max-width:80ch}
.sbv-c7 .c7-az{background:var(--sb-karte);border-radius:var(--sb-radius-card);border:1px solid var(--sb-rand);padding:8px 22px}
.sbv-c7 .c7-stand{color:var(--sb-text3);font-size:13px}
.sbv-c7 .c7-azrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;padding:12px 0;border-bottom:1px solid var(--sb-rand);color:var(--sb-text);text-decoration:none}
.sbv-c7 .c7-azrow span{color:var(--sb-text2)}.sbv-c7 .c7-azrow small{color:var(--sb-text3)}
@media(max-width:900px){.sbv-c7 .c7s-layout{grid-template-columns:1fr}.sbv-c7 .c7g-zeile{grid-template-columns:1fr}.sbv-c7 .c7g-rechts{align-items:flex-start;text-align:left}.sbv-c7 .c7k-topin{flex-wrap:wrap;gap:12px}.sbv-c7 .c7k-suche{order:3;flex-basis:100%}}
/* neutrale Varianten: Abschnittskopf ohne Vorbild-CSS */
.sb-sec .skopf{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.sb-sec .skopf h2{margin:0;font:var(--sb-head-weight) 28px/1.15 var(--sb-font-head);letter-spacing:var(--sb-head-spacing)}
.sb-sec .skopf p{margin:6px 0 0;color:var(--sb-text2)}
.sb-sec .skopf .r{margin-left:auto}.sb-sec .skopf .r a{color:var(--sb-primaer);font-weight:600}
/* Artikel (alle Stile) */
.sb-b .artikel{max-width:760px;margin:0 auto;padding:30px 0}.sb-b .artikel.narrow{max-width:700px}
.sb-b .artikel h1{font-size:clamp(26px,3.6vw,36px);margin:0 0 12px}.sb-b .artikel .prose{line-height:1.75;color:var(--sb-text2)}
.sb-b .artikel .prose h2,.sb-b .artikel .prose h3{color:var(--sb-text);margin:1.6em 0 .5em}
/* ===== Eine Knopfgroesse je Portal: Knoepfe der Vorbild-Varianten folgen --sb-btn-h ===== */
.sbv-tp :is(.zum,.bk,.suchbtn,.btn,.cpbtn,.alle,.gs2:not(.cpcode)),
.sbv-dc :is(.btn,.b,.codebtn,.aktbtn),
.sbv-pp :is(.btn){box-sizing:border-box;min-height:var(--sb-btn-h);height:var(--sb-btn-h);min-width:var(--sb-btn-minw);border-radius:var(--sb-radius-button);font-size:var(--sb-btn-fs);display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;line-height:1.1}
.sbv-tp .btn.voll,.sbv-dc .btn.voll,.sbv-pp .btn.voll{display:flex;width:100%}
.sbv-tp .bk small,.sbv-tp .gs2 small{font-size:.72em;line-height:1}
.sbv-tp .bk{flex-direction:column;gap:2px}
@media (max-width:700px){.sb-mx{display:none!important}}