.s7b{--s7b-akzent:var(--s7-accent, #c40000);--s7b-akzent-tief:var(--s7-accent-deep, #a80000);--s7b-akzent-stark:#7f0000;--s7b-schrift:"Instrument Sans", "Segoe UI", "Helvetica Neue", sans-serif;--s7b-versal:"Archivo", "Montserrat", "Arial Narrow", sans-serif;--s7b-tinte:var(--s7-text, #15153d);--s7b-tinte-leise:color-mix(in srgb, var(--s7b-tinte) 72%, transparent);--s7b-linie:color-mix(in srgb, var(--s7b-tinte) 14%, transparent);--s7b-erhaben:-1px -1px 2px rgba(255, 255, 255, 0.9), 1px 2px 5px rgba(107, 62, 62, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);--s7b-erhaben-hoch:-1px -1px 3px rgba(255, 255, 255, 0.95), 2px 4px 9px rgba(107, 62, 62, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);--s7b-vertieft:inset 2px 3px 7px rgba(107, 62, 62, 0.11), inset -2px -2px 5px rgba(255, 255, 255, 0.75), 0 1px 0 rgba(255, 255, 255, 0.9);--s7b-karte-flaeche:rgba(255, 255, 255, 0.42);--s7b-karte-rand:rgba(255, 255, 255, 0.45);--s7b-glas-schatten:0 10px 30px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -1px 0 rgba(255, 255, 255, 0.18);--s7b-glas-schatten-hoch:0 14px 36px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(255, 255, 255, 0.18);--s7b-glas-verlauf:linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.68));--s7b-deckend:#f7ecea;--s7b-mulde-flaeche:linear-gradient(180deg, rgba(128, 74, 74, 0.13), rgba(128, 74, 74, 0.07));--s7b-mulde-rand:rgba(128, 74, 74, 0.05);--s7b-pille-flaeche:linear-gradient(180deg, rgba(128, 74, 74, 0.035), rgba(128, 74, 74, 0.065));--s7b-pille-rand:rgba(128, 74, 74, 0.07);--s7b-aktiv-flaeche:linear-gradient(180deg, color-mix(in srgb, var(--s7b-akzent) 26%, transparent), color-mix(in srgb, var(--s7b-akzent) 18%, transparent));--s7b-aktiv-rand:color-mix(in srgb, var(--s7b-akzent) 34%, transparent);--s7b-aktiv-schatten:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 2px 6px rgba(64, 30, 30, 0.1);--s7b-aktiv-tinte:var(--s7b-tinte);--s7b-knopf-flaeche:linear-gradient(180deg, color-mix(in srgb, var(--s7b-akzent) 28%, transparent), color-mix(in srgb, var(--s7b-akzent) 18%, transparent));--s7b-knopf-rand:color-mix(in srgb, var(--s7b-akzent) 40%, transparent);--s7b-knopf-schatten:0 6px 16px rgba(64, 30, 30, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.45);--s7b-knopf-schatten-hoch:0 10px 24px rgba(64, 30, 30, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.55);--s7b-randlicht:rgba(255, 255, 255, 0.9);--s7b-delle:rgba(84, 40, 40, 0.2);--s7b-delle-weit:rgba(84, 40, 40, 0.14);--s7b-gedrueckt:inset 1px 4px 8px rgba(84, 40, 40, 0.19), inset -1px -2px 3px rgba(255, 255, 255, 0.5);--s7b-glanz-kern:rgba(255, 255, 255, 0.42);--s7b-glanz-saum:rgba(255, 255, 255, 0.2);--s7b-grund-basis:#fdf3f0;--s7b-grund-verlauf:radial-gradient(at center center, rgba(255, 238, 238, 0.98) 0%, rgba(0, 0, 0, 0.42) 100%);--s7b-wolke-a:rgba(163, 66, 66, 0.22);--s7b-wolke-b:rgba(110, 14, 14, 0.19);--s7b-wolke-c:rgba(196, 0, 0, 0.12);--s7b-buehne-grund:#e8d6d3;--s7b-buehne-glow:radial-gradient(120% 90% at 50% 42%, rgba(233, 200, 190, 0.9) 0%, rgba(210, 168, 158, 0.55) 48%, rgba(160, 116, 108, 0.45) 100%);--s7b-buehne-licht:linear-gradient(135deg, rgba(255, 251, 246, 0.3) 0%, rgba(255, 251, 246, 0) 42%), linear-gradient(315deg, rgba(107, 62, 62, 0.22) 0%, rgba(107, 62, 62, 0) 46%);--s7b-avatar-verlauf:linear-gradient(150deg, #f4e3de, #e2cbc4);--s7b-trenner:linear-gradient(to right, rgba(11, 11, 42, 0.02), rgba(11, 11, 42, 0.14), rgba(11, 11, 42, 0.02));--s7b-signatur:rgba(56, 16, 16, 0.82);--s7b-radius:26px;--s7b-radius-knopf:13px;--s7b-feder:cubic-bezier(0.34, 1.8, 0.5, 1);--s7b-fahrt:cubic-bezier(0.22, 1, 0.36, 1);color:var(--s7b-tinte);}
.s7b-karte{position:relative;display:flex;flex-direction:column;border-radius:var(--s7b-radius);background:var(--s7b-karte-flaeche);border:1px solid var(--s7b-karte-rand);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--s7b-glas-schatten);color:var(--s7b-tinte);text-decoration:none;overflow:hidden;transform-origin:50% 100%;transition:transform 0.45s var(--s7b-feder), box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.s7b-mulde, .s7b-autor-popover, .s7b-fuss-kapsel, .s7b-empfohlen,
.s7b-teilen, .s7b-leiste-kasten, .s7b-karte{background:var(--s7b-deckend);}
}
@media (hover: hover) { .s7b-karte:hover{transform:translateY(-4px);box-shadow:var(--s7b-glas-schatten-hoch);}
} .s7b-karte--starr:active{transform:none;}
.s7b-karte:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-karte-bild{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;transform:none;}
.s7b-karte-inhalt{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;}
.s7b-mulde{position:relative;border-radius:var(--s7b-radius);background:var(--s7b-mulde-flaeche);border:1px solid var(--s7b-mulde-rand);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--s7b-vertieft);}
.s7b-mulde--kasten{padding:16px 18px;}
.s7b-mulde--schiene{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:6px 8px;padding:5px;width:fit-content;max-width:100%;margin-inline:auto;}
.s7b-pille{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:12px 14px;border-radius:999px;border:1px solid var(--s7b-pille-rand);background:var(--s7b-pille-flaeche);box-shadow:var(--s7b-erhaben);color:var(--s7b-tinte-leise);font:inherit;font-family:var(--s7b-versal);font-size:12.5px;font-weight:700;letter-spacing:0.4px;line-height:1.15;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transform-origin:50% 50%;transition:transform 0.45s var(--s7b-feder), box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.22s ease;}
@media (hover: hover) {
.s7b-pille:hover{box-shadow:var(--s7b-erhaben-hoch);color:var(--s7b-tinte);transform:translateY(-1px);}
}
.s7b-pille:active{transition-duration:0.06s, 0.06s, 0.06s, 0.06s, 0.06s;transform:perspective(200px) scale(0.95, 0.9) rotateX(var(--s7b-neig-x, var(--s7-neig-x, 0deg))) rotateY(var(--s7b-neig-y, var(--s7-neig-y, 0deg)));background:radial-gradient(circle 26px at var(--s7b-druck-x, var(--s7-druck-x, 50%)) var(--s7b-druck-y, var(--s7-druck-y, 55%)), var(--s7b-delle), transparent), var(--s7b-pille-flaeche);box-shadow:var(--s7b-gedrueckt);}
.s7b-pille:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-pille.ist-aktiv{background:var(--s7b-aktiv-flaeche);border-color:var(--s7b-aktiv-rand);box-shadow:var(--s7b-aktiv-schatten);color:var(--s7b-aktiv-tinte);font-weight:800;}
.s7b-mulde--schiene:has(.s7b-gleiter:not(.ist-still)) .s7b-pille.ist-aktiv:not(.ist-ruht){background:transparent;border-color:transparent;box-shadow:none;}
.s7b-pille-text{display:grid;}
.s7b-pille-text > *{grid-area:1 / 1;}
.s7b-pille-jetzt{justify-self:center;}
.s7b-pille-zwilling{font-weight:800;visibility:hidden;pointer-events:none;}
.s7b-gleiter{position:absolute;top:0;left:0;z-index:2;border-radius:999px;background:var(--s7b-aktiv-flaeche);border:1px solid var(--s7b-aktiv-rand);box-shadow:var(--s7b-aktiv-schatten);pointer-events:none;transition:transform 0.42s var(--s7b-fahrt), width 0.42s var(--s7b-fahrt), height 0.42s var(--s7b-fahrt);}
.s7b-gleiter.ohne-fahrt{transition:none;}
.s7b-gleiter.ist-still{visibility:hidden;}
.s7b-knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--s7b-radius-knopf);border:1px solid var(--s7b-knopf-rand);background:var(--s7b-knopf-flaeche);box-shadow:var(--s7b-knopf-schatten);color:var(--s7b-akzent-stark);font:inherit;font-family:var(--s7b-versal);font-size:13px;font-weight:700;letter-spacing:0.09em;line-height:1.15;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transform-origin:50% 100%;transition:transform 0.45s var(--s7b-feder), box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;}
@media (hover: hover) {
.s7b-knopf:hover{transform:translateY(-2px);box-shadow:var(--s7b-knopf-schatten-hoch);}
}
.s7b-knopf:active{transition-duration:0.06s, 0.06s, 0.06s, 0.06s;transform:perspective(200px) scale(0.94, 0.88) translateY(1px) rotateX(var(--s7b-neig-x, var(--s7-neig-x, 0deg))) rotateY(var(--s7b-neig-y, var(--s7-neig-y, 0deg)));background:radial-gradient(circle 26px at var(--s7b-druck-x, var(--s7-druck-x, 50%)) var(--s7b-druck-y, var(--s7-druck-y, 55%)), var(--s7b-delle), transparent), var(--s7b-knopf-flaeche);box-shadow:var(--s7b-gedrueckt);}
.s7b-knopf--breit{width:100%;}
.s7b-knopf--breit:active{transform:perspective(600px) scale(0.975, 0.94) translateY(1px) rotateX(calc(var(--s7b-neig-x, var(--s7-neig-x, 0deg)) * 0.7)) rotateY(calc(var(--s7b-neig-y, var(--s7-neig-y, 0deg)) * 0.7));background:radial-gradient(circle 44px at var(--s7b-druck-x, var(--s7-druck-x, 50%)) var(--s7b-druck-y, var(--s7-druck-y, 55%)), var(--s7b-delle-weit), transparent), var(--s7b-knopf-flaeche);}
.s7b-knopf--leise{border-color:var(--s7b-karte-rand);background:var(--s7b-glas-verlauf);box-shadow:var(--s7b-glas-schatten);color:var(--s7b-tinte);}
@media (hover: hover) {
.s7b-knopf--leise:hover{box-shadow:var(--s7b-glas-schatten-hoch);color:var(--s7b-tinte);}
} .s7b-knopf--leise:active{background:radial-gradient(circle 26px at var(--s7b-druck-x, var(--s7-druck-x, 50%)) var(--s7b-druck-y, var(--s7-druck-y, 55%)), var(--s7b-delle), transparent), var(--s7b-glas-verlauf);}
.s7b-knopf:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-knopf[aria-disabled="true"],
.s7b-knopf:disabled{opacity:0.55;cursor:default;}
.s7b-knopf[aria-disabled="true"]:active,
.s7b-knopf:disabled:active{transform:none;background:var(--s7b-knopf-flaeche);box-shadow:var(--s7b-knopf-schatten);}
.s7b-knopf-logo{display:block;width:20px;height:20px;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:contain;}
.s7b-knopf:not(.s7b-knopf--leise)::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(120deg, transparent 0%, var(--s7b-akzent) 30%, var(--s7b-randlicht) 50%, var(--s7b-akzent) 70%, transparent 100%);background-size:250% 250%;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}
@keyframes s7bRandlinie {
from{background-position:0% 50%;}
to{background-position:250% 50%;}
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.s7b-knopf:not(.s7b-knopf--leise):hover::before{opacity:1;animation:s7bRandlinie 1.8s linear infinite;}
} .s7b-glanz{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:1;}
.s7b-glanz::before{content:"";position:absolute;top:0;left:0;width:60%;height:100%;opacity:0;transform:translateX(-100%) skewX(-20deg);background:linear-gradient(120deg, transparent 0%, var(--s7b-glanz-saum) 35%, var(--s7b-glanz-kern) 50%, var(--s7b-glanz-saum) 65%, transparent 100%);}
@keyframes s7bGlanz {
0%{transform:translateX(-100%) skewX(-20deg);opacity:0;}
20%{opacity:1;}
100%{transform:translateX(200%) skewX(-20deg);opacity:0;}
}
@media (hover: hover) { .s7b-karte:hover > .s7b-glanz::before, .s7b-knopf:hover > .s7b-glanz::before, .s7b-fuss-kapsel:hover > .s7b-glanz::before{animation:s7bGlanz 1.2s ease;}
} .s7b-glanz.laeuft::before{animation:s7bGlanz 1.2s ease;}
.s7b-buehne{position:relative;display:grid;place-items:center;margin:0;height:clamp(300px, 82vw, 430px);overflow:hidden;isolation:isolate;background:var(--s7b-buehne-glow), var(--s7b-buehne-grund);}
.s7b-buehne::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--s7b-buehne-licht);}
.s7b-buehne .s7b-buehne-bild{position:relative;z-index:1;width:auto;height:calc(100% - 36px);max-width:calc(100% - 36px);object-fit:contain;border-radius:10px;box-shadow:8px 14px 26px rgba(30, 12, 12, 0.5);}
.s7b-artikel-figur.s7b-buehne{width:fit-content;max-width:100%;height:auto;margin-inline:auto;padding:16px;border-radius:18px;}
.s7b-artikel-figur.s7b-buehne .s7b-buehne-bild{width:auto;height:auto;max-width:100%;max-height:min(520px, 68vh);}
.s7b-buehne-video{display:block;position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:min(520px, 68vh);border-radius:10px;box-shadow:8px 14px 26px rgba(30, 12, 12, 0.5);background:#241c1f;}
.s7b-artikel-figur.s7b-buehne--fest{position:relative;--s7b-buehne-hoehe:min(520px, 68vh);width:100%;height:var(--s7b-buehne-hoehe);display:grid;grid-template-rows:minmax(0, 1fr);justify-items:center;align-items:center;touch-action:pan-y;padding:0;background:none;}
.s7b-buehne-fassung{position:relative;display:block;width:fit-content;max-width:100%;padding:10px;border-radius:20px;border:1px solid var(--s7b-mulde-rand);background:var(--s7b-mulde-flaeche);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--s7b-vertieft);}
.s7b-buehne-pfeil{position:absolute;top:50%;z-index:3;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--s7b-karte-rand);background:var(--s7b-karte-flaeche);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--s7b-glas-schatten);color:var(--s7b-tinte);cursor:pointer;opacity:0.78;transition:opacity 0.18s ease, transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;}
.s7b-buehne-pfeil svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.s7b-buehne-pfeil--zurueck{left:14px;}
.s7b-buehne-pfeil--vor {right:14px;}
@media (hover: hover) {
.s7b-buehne-pfeil:hover{opacity:1;border-color:color-mix(in srgb, var(--s7b-akzent) 34%, transparent);}
.s7b-buehne-pfeil--zurueck:hover{transform:translateY(-50%) translateX(-2px);}
.s7b-buehne-pfeil--vor:hover  {transform:translateY(-50%) translateX(2px);}
} @media (hover: none) {
.s7b-buehne-pfeil{opacity:0.88;}
}
.s7b-buehne-pfeil:focus-visible{opacity:1;outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-buehne-pfeil{transition:none;}
.s7b-buehne-pfeil:hover{transform:translateY(-50%);}
} @media(max-width:560px){
.s7b-buehne-pfeil{width:38px;height:38px;}
.s7b-buehne-pfeil svg{width:14px;height:14px;}
.s7b-buehne-pfeil--zurueck{left:8px;}
.s7b-buehne-pfeil--vor {right:8px;}
} .s7b-artikel-figur.s7b-buehne--fest::after{content:none;}
.s7b-artikel-figur.s7b-buehne--fest .s7b-buehne-fassung > .s7b-buehne-bild, .s7b-artikel-figur.s7b-buehne--fest .s7b-buehne-fassung > .s7b-buehne-video{display:block;width:auto;height:auto;max-width:100%;max-height:calc(var(--s7b-buehne-hoehe) - 22px);border-radius:12px;background:none;box-shadow:none;}
.s7b-buehne-zaehler{position:absolute;top:14px;left:14px;z-index:3;padding:5px 11px;border-radius:999px;border:1px solid var(--s7b-karte-rand);background:color-mix(in srgb, var(--s7b-buehne-grund) 72%, transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(30, 12, 12, 0.18);font-family:var(--s7b-versal);font-size:10.5px;font-weight:700;letter-spacing:0.18em;color:var(--s7b-tinte);font-variant-numeric:tabular-nums;pointer-events:none;}
[data-s7b-lupe] .s7b-buehne-bild{cursor:zoom-in;}
@media(min-width:560px){
.s7b-raster--themen{grid-template-columns:repeat(2, 1fr);}
}
@media(min-width:900px){
.s7b-raster--themen{grid-template-columns:repeat(4, 1fr);}
}
.s7b-themakachel{display:flex;flex-direction:column;gap:6px;padding:20px;text-decoration:none;color:var(--s7b-tinte);}
.s7b-themakachel-titel{font-family:var(--s7b-versal);font-size:15px;font-weight:800;letter-spacing:0.02em;line-height:1.2;text-transform:uppercase;color:var(--s7b-tinte);}
.s7b-themakachel-text{font-size:13.5px;line-height:1.5;color:var(--s7b-tinte-leise);}
.s7b-themakachel-zahl{margin-top:auto;padding-top:8px;font-family:var(--s7b-versal);font-size:10.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
@media (hover: hover) {
a.s7b-themakachel:hover .s7b-themakachel-titel{color:var(--s7b-akzent-tief);}
}
a.s7b-themakachel:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:3px;}
.s7b-verz-titel-link{text-decoration:none;color:inherit;transition:color 0.18s ease;}
@media (hover: hover) {
.s7b-verz-titel-link:hover{color:var(--s7b-akzent-tief);}
}
.s7b-verz-titel-link:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:3px;}
@media (prefers-reduced-motion: reduce) {
.s7b-verz-titel-link{transition:none;}
} .s7b-archiv--kollektionen{display:block;}
@media(min-width:760px){
.s7b-raster--kollektionen{grid-template-columns:repeat(3, 1fr);}
}
.s7b-kollkachel{display:flex;flex-direction:column;}
.s7b-kollkachel-bildfeld{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb, var(--s7b-akzent) 7%, transparent);}
.s7b-kollkachel-bild{display:block;width:100%;height:100%;object-fit:cover;}
.s7b-kollkachel-titel{margin:0;font-family:var(--s7b-versal);font-size:17px;font-weight:800;line-height:1.2;letter-spacing:0.01em;text-transform:uppercase;color:var(--s7b-tinte);}
.s7b-kollkachel-unter{margin:0;font-size:13.5px;line-height:1.5;color:var(--s7b-tinte-leise);}
.s7b-kollkachel-zahl{margin:0;font-family:var(--s7b-versal);font-size:10.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-kollkachel .s7b-knopf{margin-top:auto;}
.s7b-druck{margin-top:4px;}
.s7b-druck-liste{display:grid;grid-template-columns:1fr;gap:2px 20px;margin:0;}
@media(min-width:620px){
.s7b-druck-liste{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.s7b-druck-zeile{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:7px 0;border-bottom:1px solid var(--s7b-linie);}
.s7b-druck-zeile:last-child, .s7b-druck-zeile:nth-last-child(2):nth-child(odd){border-bottom:0;}
.s7b-druck-name{margin:0;font-family:var(--s7b-versal);font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-druck-wert{margin:0;font-size:14px;line-height:1.45;color:var(--s7b-tinte);}
.s7b-kollkarte{gap:10px;}
.s7b-kollkarte-liste{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;}
.s7b-kollkarte-zeile{display:flex;align-items:center;gap:10px;padding:6px;border-radius:12px;text-decoration:none;color:var(--s7b-tinte);transition:background 0.18s ease;}
.s7b-kollkarte-bild{width:48px;height:48px;flex:0 0 auto;object-fit:cover;border-radius:10px;border:1px solid var(--s7b-linie);background:color-mix(in srgb, var(--s7b-akzent) 8%, transparent);}
.s7b-kollkarte-name{font-family:var(--s7b-versal);font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.3;text-transform:uppercase;}
@media (hover: hover) {
a.s7b-kollkarte-zeile:hover{background:color-mix(in srgb, var(--s7b-akzent) 9%, transparent);}
}
a.s7b-kollkarte-zeile:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-kollkarte-zeile{transition:none;}
} .s7b-galerie{display:flex;flex-direction:column;gap:12px;}
.s7b-galerie-leiste{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:fit-content;max-width:100%;margin-inline:auto;padding:8px 10px;border-radius:16px;border:1px solid var(--s7b-mulde-rand);background:var(--s7b-mulde-flaeche);box-shadow:var(--s7b-vertieft);}
.s7b-galerie-daumen{appearance:none;padding:0;border:2px solid transparent;border-radius:10px;background:none;cursor:pointer;line-height:0;overflow:hidden;opacity:0.62;transition:opacity 0.18s ease, border-color 0.18s ease, transform 0.18s ease;}
.s7b-galerie-daumen img{display:block;width:68px;height:68px;object-fit:cover;border-radius:8px;}
.s7b-galerie-daumen.ist-aktiv{opacity:1;border-color:color-mix(in srgb, var(--s7b-akzent) 55%, transparent);}
@media (hover: hover) {
.s7b-galerie-daumen:hover{opacity:1;transform:translateY(-2px);}
}
.s7b-galerie-daumen:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-galerie-daumen{transition:none;}
.s7b-galerie-daumen:hover{transform:none;}
} .s7b-galerie-daumen--video{position:relative;}
.s7b-daumen-modell{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(24, 14, 16, 0.62);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.18);color:rgba(255, 251, 246, 0.95);pointer-events:none;}
.s7b-daumen-leer{display:grid;place-items:center;width:100%;height:100%;background:var(--s7b-mulde-flaeche);color:var(--s7b-tinte-leise);}
.s7b-galerie-daumen--modell{position:relative;}
.s7b-buehne-modell{display:block;aspect-ratio:var(--s7b-modell-verhaeltnis, 1);width:100%;height:auto;border:0;border-radius:12px;background:var(--s7b-mulde-flaeche);}
.s7b-artikel-figur.s7b-buehne.zeigt-modell .s7b-buehne-fassung{width:min( 100%, calc((var(--s7b-buehne-hoehe) - 22px) * var(--s7b-modell-verhaeltnis, 1) + 22px) );}
.s7b-buehne.zeigt-modell{cursor:default;}
.s7b-daumen-abspielen{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;}
.s7b-daumen-abspielen::before{content:"";width:26px;height:26px;border-radius:50%;background:rgba(24, 14, 16, 0.62);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.18);}
.s7b-daumen-abspielen::after{content:"";position:absolute;width:0;height:0;margin-left:3px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent rgba(255, 251, 246, 0.95);}
@media (prefers-reduced-motion: no-preference) {
.s7b-buehne-bild.ist-neu, .s7b-buehne-video.ist-neu{animation:s7bMedienBlende 0.18s ease;}
}
@keyframes s7bMedienBlende {
from{opacity:0;}
}  html.s7b-lupe-offen{overflow:hidden;}
.s7b.s7b-lupe-vorhang{position:fixed;inset:0;z-index:2147483000;isolation:isolate;display:grid;place-items:center;width:auto;padding:0;max-width:none;margin:0;background:rgba(12, 8, 10, 0.88);}
.s7b.s7b-lupe-vorhang[hidden]{display:none;}
.s7b-lupe{position:relative;width:min(1280px, 94vw);height:min(920px, 92vh);max-width:94vw;max-height:92vh;padding:12px;border:1px solid var(--s7b-karte-rand);border-radius:var(--s7b-radius);background:var(--s7b-deckend);color:var(--s7b-tinte);box-shadow:0 40px 90px rgba(0, 0, 0, 0.45), inset 0 1px 0 var(--s7b-randlicht);overflow:hidden;display:grid;grid-template-rows:minmax(0, 1fr);gap:10px;}
.s7b-lupe:has(.s7b-lupe-leiste){grid-template-rows:minmax(0, 1fr) auto;}
@media (max-width: 560px), (max-height: 500px) {
.s7b-lupe{width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;padding:0;border:0;border-radius:0;}
}
.s7b-lupe-flaeche{position:relative;display:grid;place-items:center;width:100%;height:100%;grid-template-rows:minmax(0, 1fr);grid-template-columns:minmax(0, 1fr);overflow:hidden;border-radius:18px;border:1px solid var(--s7b-mulde-rand);background:var(--s7b-mulde-flaeche);box-shadow:var(--s7b-vertieft);}
.s7b-lupe-leiste{display:flex;gap:8px;justify-content:flex-start;width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;overflow-y:hidden;padding:8px 10px;border-radius:16px;border:1px solid var(--s7b-mulde-rand);background:var(--s7b-mulde-flaeche);scrollbar-width:thin;}
.s7b-lupe-daumen{flex:0 0 auto;appearance:none;padding:0;border:2px solid transparent;border-radius:9px;background:none;cursor:pointer;line-height:0;overflow:hidden;opacity:0.55;transition:opacity 0.18s ease, border-color 0.18s ease;}
.s7b-lupe-daumen img{display:block;width:54px;height:54px;object-fit:cover;}
.s7b-lupe-daumen.ist-aktiv{opacity:1;border-color:var(--s7b-akzent);}
@media (hover: hover) {
.s7b-lupe-daumen:hover{opacity:0.85;}
}
.s7b-lupe-daumen:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-lupe-daumen{transition:none;}
} @media (max-width: 560px), (max-height: 500px) {
.s7b-lupe-leiste{border-radius:0;border:0;justify-content:flex-start;}
.s7b-lupe-daumen img{width:44px;height:44px;}
.s7b-lupe-zaehler{top:14px;left:14px;}
}
.s7b-lupe-bild{display:block;max-width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:zoom-in;transform-origin:center;}
.s7b-lupe-bild.ist-gezoomt{cursor:grab;}
.s7b-lupe-bild.ist-gezoomt:active{cursor:grabbing;}
.s7b-lupe-video{display:block;max-width:100%;max-height:100%;background:#140e10;}
.s7b-lupe-modell{display:block;justify-self:stretch;align-self:stretch;width:100%;height:100%;border:0;border-radius:12px;background:var(--s7b-mulde-flaeche);}
.s7b-lupe-daumen--modell{display:grid;place-items:center;background:rgba(255, 251, 246, 0.1);}
.s7b-lupe-daumen--modell > *{grid-area:1 / 1;}
.s7b-lupe-pfeil{position:absolute;top:44%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:52px;height:52px;padding:0;appearance:none;border-radius:50%;border:1px solid var(--s7b-karte-rand);background:var(--s7b-deckend);color:var(--s7b-tinte);cursor:pointer;box-shadow:var(--s7b-glas-schatten);transition:background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;}
.s7b-lupe-pfeil svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.s7b-lupe-pfeil--zurueck{left:24px;}
.s7b-lupe-pfeil--vor {right:24px;}
@media (hover: hover) {
.s7b-lupe-pfeil:hover{border-color:color-mix(in srgb, var(--s7b-akzent) 34%, transparent);}
.s7b-lupe-pfeil--zurueck:hover{transform:translateY(-50%) translateX(-2px);}
.s7b-lupe-pfeil--vor:hover  {transform:translateY(-50%) translateX(2px);}
}
.s7b-lupe-pfeil:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-lupe-pfeil{transition:none;}
.s7b-lupe-pfeil:hover{transform:translateY(-50%);}
}  @media(max-width:560px){
.s7b-lupe-pfeil{top:auto;bottom:82px;transform:none;width:46px;height:46px;}
.s7b-lupe-pfeil--zurueck{left:calc(50% - 84px);}
.s7b-lupe-pfeil--vor {right:calc(50% - 84px);}
@media (hover: hover) {
.s7b-lupe-pfeil--zurueck:hover, .s7b-lupe-pfeil--vor:hover{transform:none;}
}
} .s7b-lupe-schliessen{position:absolute;top:24px;right:24px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;appearance:none;border-radius:50%;border:1px solid var(--s7b-karte-rand);background:var(--s7b-deckend);color:var(--s7b-tinte);cursor:pointer;box-shadow:var(--s7b-glas-schatten);transition:border-color 0.18s ease, color 0.18s ease, transform 0.12s ease;}
.s7b-lupe-schliessen svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
@media (hover: hover) {
.s7b-lupe-schliessen:hover{border-color:color-mix(in srgb, var(--s7b-akzent) 40%, transparent);color:var(--s7b-akzent);}
}
@media (hover: hover) {
.s7b-lupe-schliessen:hover{background:rgba(255, 255, 255, 0.14);}
}
.s7b-lupe-schliessen:active{transform:scale(0.94, 0.88);}
.s7b-lupe-schliessen:focus-visible, .s7b-lupe-bild:focus-visible{outline:2px solid var(--s7b-akzent);outline-offset:2px;}
.s7b-lupe-zaehler{position:absolute;top:24px;left:24px;z-index:2;padding:5px 11px;border-radius:999px;border:1px solid var(--s7b-karte-rand);background:var(--s7b-deckend);font-family:var(--s7b-versal);font-size:10.5px;font-weight:700;letter-spacing:0.18em;color:var(--s7b-tinte-leise);font-variant-numeric:tabular-nums;pointer-events:none;}
.s7b-kicker{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--s7b-versal);font-size:10.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-kicker::before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:2px;background:var(--s7b-akzent);box-shadow:1px 2px 3px rgba(107, 62, 62, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35);}
.s7b-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--s7b-avatar-verlauf);box-shadow:var(--s7b-erhaben);font-family:var(--s7b-versal);font-size:13px;font-weight:800;color:var(--s7b-akzent-tief);}
.s7b-avatar-stapel{display:inline-flex;align-items:center;isolation:isolate;flex-shrink:0;}
.s7b-avatar-stapel .s7b-avatar{box-shadow:var(--s7b-erhaben), 0 0 0 2px var(--s7b-deckend);}
.s7b-avatar-stapel .s7b-avatar + .s7b-avatar{margin-left:-12px;z-index:-1;}
.s7b-avatar-stapel .s7b-avatar + .s7b-avatar + .s7b-avatar{z-index:-2;}
.s7b-autor-und{opacity:0.6;font-weight:600;}
.s7b-autor-komma{opacity:0.6;}
.s7b-avatar--bild{display:block;object-fit:cover;border:1px solid var(--s7b-linie);}
.s7b-thema-container{display:flex;flex-direction:column;align-items:center;gap:5px;align-self:flex-end;}
.s7b-thema-schalter{touch-action:pan-y;position:relative;display:flex;align-items:stretch;width:118px;height:38px;border-radius:999px;background:linear-gradient(180deg, rgba(128, 74, 74, 0.07), rgba(128, 74, 74, 0.035));border:1px solid rgba(128, 74, 74, 0.05);box-shadow:inset 2px 3px 7px rgba(107, 62, 62, 0.11), inset -2px -2px 5px rgba(255, 255, 255, 0.75), 0 1px 0 rgba(255, 255, 255, 0.9);}
.s7b-thema-raste{position:relative;z-index:2;width:33.33%;height:100%;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:rgba(21, 21, 61, 0.4);transition:transform 0.45s cubic-bezier(0.34, 1.8, 0.5, 1);}
.s7b-thema-schalter[data-s7b-wahl="hell"] [data-s7b-wahl-knopf="hell"],
.s7b-thema-schalter[data-s7b-wahl="auto"] [data-s7b-wahl-knopf="auto"],
.s7b-thema-schalter[data-s7b-wahl="dunkel"] [data-s7b-wahl-knopf="dunkel"]{color:rgba(21, 21, 61, 0.85);}
.s7b-thema-scheibe{position:absolute;top:3px;left:3px;z-index:1;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg, rgba(128, 74, 74, 0.035), rgba(128, 74, 74, 0.065));border:1px solid rgba(128, 74, 74, 0.07);box-shadow:-1px -1px 2px rgba(255, 255, 255, 0.9), 1px 2px 5px rgba(107, 62, 62, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);pointer-events:none;transition:transform 0.45s cubic-bezier(0.34, 1.8, 0.5, 1);}
.s7b-thema-schalter[data-s7b-wahl="hell"] .s7b-thema-scheibe{transform:translateX(0);}
.s7b-thema-schalter[data-s7b-wahl="auto"] .s7b-thema-scheibe{transform:translateX(40px);}
.s7b-thema-schalter[data-s7b-wahl="dunkel"] .s7b-thema-scheibe{transform:translateX(80px);}
.s7b-thema-raste:active{transition-duration:0.06s;transform:scale(0.92);}
.s7b-thema-schalter:active .s7b-thema-scheibe{transition-duration:0.06s;}
.s7b-thema-schalter[data-s7b-wahl="hell"]:active .s7b-thema-scheibe{transform:scale(0.92);}
.s7b-thema-schalter[data-s7b-wahl="auto"]:active .s7b-thema-scheibe{transform:translateX(40px) scale(0.92);}
.s7b-thema-schalter[data-s7b-wahl="dunkel"]:active .s7b-thema-scheibe{transform:translateX(80px) scale(0.92);}
.s7b-thema-label{font-family:var(--s7b-versal);font-size:9px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:rgba(21, 21, 61, 0.5);}
.s7b-archiv-titel{position:relative;width:fit-content;max-width:100%;padding-bottom:16px;}
.s7b-archiv-titel::before{content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;border-radius:999px;background:linear-gradient(90deg, #8B0000, #c40000);box-shadow:0 2px 8px rgba(139, 0, 0, 0.18);pointer-events:none;}
.s7b-archiv-titel::after{content:"";position:absolute;bottom:3px;left:0;width:26%;height:5px;border-radius:999px;background:radial-gradient(closest-side, rgba(255, 120, 120, 0.95), rgba(230, 40, 40, 0.55) 55%, rgba(196, 0, 0, 0) 100%);box-shadow:0 0 8px rgba(230, 40, 40, 0.55);animation:s7b-kitt 1.7s ease-in-out infinite alternate;pointer-events:none;}
@keyframes s7b-kitt {
from{transform:translateX(0);}
to{transform:translateX(284%);}
} .s7b-inhalt h2,
.s7b-empfohlen-titel, .s7b-teilen-titel, .s7b-zitat-titel, .s7b-kollkarte-titel, .s7b-autor-kicker, .s7b-druck-titel, .s7b-kauf-titel, .s7b-partner-titel, .s7b-nl-titel{position:relative;width:fit-content;max-width:100%;}
.s7b-inhalt h2::before, .s7b-empfohlen-titel::before, .s7b-teilen-titel::before, .s7b-zitat-titel::before, .s7b-kollkarte-titel::before, .s7b-autor-kicker::before, .s7b-druck-titel::before, .s7b-kauf-titel::before, .s7b-partner-titel::before, .s7b-nl-titel::before{content:"";position:absolute;bottom:-7.5px;left:0;right:0;height:3px;border-radius:2px;background:var(--s7b-akzent);pointer-events:none;}
.s7b-inhalt h2::after, .s7b-empfohlen-titel::after, .s7b-teilen-titel::after, .s7b-zitat-titel::after, .s7b-kollkarte-titel::after, .s7b-autor-kicker::after, .s7b-druck-titel::after, .s7b-kauf-titel::after, .s7b-partner-titel::after, .s7b-nl-titel::after{content:"";position:absolute;bottom:-8px;left:0;width:30%;height:4px;border-radius:999px;background:radial-gradient(closest-side, rgba(255, 120, 120, 0.9), rgba(230, 40, 40, 0.5) 55%, rgba(196, 0, 0, 0) 100%);box-shadow:0 0 5px rgba(230, 40, 40, 0.4);animation:s7b-kitt-leise 2.1s ease-in-out infinite alternate;pointer-events:none;}
@keyframes s7b-kitt-leise {
from{transform:translateX(0);}
to{transform:translateX(233%);}
} @media (prefers-reduced-motion: reduce) {
.s7b-archiv-titel::after, .s7b-inhalt h2::after, .s7b-empfohlen-titel::after, .s7b-teilen-titel::after, .s7b-zitat-titel::after, .s7b-kollkarte-titel::after, .s7b-autor-kicker::after, .s7b-druck-titel::after, .s7b-kauf-titel::after, .s7b-partner-titel::after, .s7b-nl-titel::after{animation:none;opacity:0;}
} .s7b[data-s7-thema="dunkel"],
[data-s7-thema="dunkel"] .s7b{--s7b-akzent:#ff5252;--s7b-akzent-tief:#e64545;--s7b-akzent-stark:#ff8a8a;--s7b-tinte:var(--s7-d-tinte, #efe6e6);--s7b-tinte-leise:color-mix(in srgb, var(--s7b-tinte) 62%, transparent);--s7b-linie:color-mix(in srgb, var(--s7b-tinte) 10%, transparent);--s7b-erhaben:-1px -1px 2px rgba(255, 255, 255, 0.04), 1px 2px 5px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);--s7b-erhaben-hoch:-1px -1px 3px rgba(255, 255, 255, 0.06), 2px 4px 9px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.07);--s7b-vertieft:inset 2px 3px 7px rgba(0, 0, 0, 0.5), inset -2px -2px 5px rgba(255, 255, 255, 0.04), 0 1px 0 rgba(255, 255, 255, 0.05);--s7b-karte-flaeche:rgba(38, 28, 31, 0.55);--s7b-karte-rand:rgba(255, 255, 255, 0.08);--s7b-glas-schatten:0 10px 30px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.35);--s7b-glas-schatten-hoch:0 18px 48px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 -1px 0 rgba(0, 0, 0, 0.35);--s7b-glas-verlauf:linear-gradient(180deg, rgba(48, 36, 40, 0.66), rgba(38, 28, 31, 0.78));--s7b-deckend:#251c1f;--s7b-mulde-flaeche:linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.18));--s7b-mulde-rand:rgba(0, 0, 0, 0.35);--s7b-pille-flaeche:linear-gradient(180deg, rgba(70, 52, 55, 0.55), rgba(42, 33, 37, 0.55));--s7b-pille-rand:rgba(255, 255, 255, 0.06);--s7b-aktiv-schatten:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 8px rgba(0, 0, 0, 0.4);--s7b-knopf-flaeche:linear-gradient(180deg, color-mix(in srgb, var(--s7b-akzent) 58%, transparent), color-mix(in srgb, var(--s7b-akzent) 46%, transparent));--s7b-knopf-rand:color-mix(in srgb, var(--s7b-akzent) 72%, transparent);--s7b-knopf-schatten:0 4px 10px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);--s7b-knopf-schatten-hoch:0 8px 18px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);--s7b-randlicht:rgba(255, 82, 82, 0.95);--s7b-delle:rgba(0, 0, 0, 0.5);--s7b-delle-weit:rgba(0, 0, 0, 0.32);--s7b-gedrueckt:inset 1px 4px 8px rgba(0, 0, 0, 0.55), inset -1px -2px 3px rgba(255, 255, 255, 0.04);--s7b-glanz-kern:rgba(255, 255, 255, 0.12);--s7b-glanz-saum:rgba(255, 255, 255, 0.06);--s7b-grund-basis:#1b1518;--s7b-grund-verlauf:linear-gradient(160deg, #201a1c 0%, #171114 55%, #120d10 100%);--s7b-wolke-a:rgba(150, 52, 52, 0.26);--s7b-wolke-b:rgba(120, 40, 40, 0.25);--s7b-wolke-c:rgba(150, 30, 30, 0.18);--s7b-buehne-grund:#2a2023;--s7b-buehne-glow:radial-gradient(120% 90% at 50% 42%, rgba(90, 62, 66, 0.9) 0%, rgba(64, 44, 48, 0.55) 48%, rgba(40, 28, 31, 0.45) 100%);--s7b-buehne-licht:linear-gradient(135deg, rgba(255, 251, 246, 0.06) 0%, rgba(255, 251, 246, 0) 42%), linear-gradient(315deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 46%);--s7b-avatar-verlauf:linear-gradient(150deg, #3c2e32, #2b2226);--s7b-trenner:linear-gradient(to right, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02));--s7b-signatur:rgba(239, 230, 230, 0.82);color:var(--s7b-tinte);}
.s7b[data-s7-thema="dunkel"] .s7b-pille,
[data-s7-thema="dunkel"] .s7b .s7b-pille{color:color-mix(in srgb, var(--s7b-tinte) 72%, transparent);}
.s7b[data-s7-thema="dunkel"] .s7b-knopf:not(.s7b-knopf--leise),
[data-s7-thema="dunkel"] .s7b .s7b-knopf:not(.s7b-knopf--leise){color:#fff;}
.s7b[data-s7-thema="dunkel"] .s7b-kauf-knopf,
[data-s7-thema="dunkel"] .s7b .s7b-kauf-knopf{box-shadow:0 6px 16px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);}
@media (hover: hover) {
.s7b[data-s7-thema="dunkel"] .s7b-kauf-knopf:hover,
[data-s7-thema="dunkel"] .s7b .s7b-kauf-knopf:hover{box-shadow:0 10px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 18px rgba(255, 82, 82, 0.22);}
.s7b[data-s7-thema="dunkel"] .s7b-kauf-knopf--patreon:hover,
[data-s7-thema="dunkel"] .s7b .s7b-kauf-knopf--patreon:hover{color:var(--s7b-tinte);border-color:#e8674f;box-shadow:0 10px 24px rgba(0, 0, 0, 0.4), 0 0 18px rgba(232, 103, 79, 0.3);}
.s7b[data-s7-thema="dunkel"] .s7b-kauf-knopf--thangs:hover,
[data-s7-thema="dunkel"] .s7b .s7b-kauf-knopf--thangs:hover{color:var(--s7b-tinte);border-color:#6aa9e0;box-shadow:0 10px 24px rgba(0, 0, 0, 0.4), 0 0 18px rgba(106, 169, 224, 0.3);}
} @media (hover: hover) {
.s7b[data-s7-thema="dunkel"] .s7b-knopf:not(.s7b-knopf--leise):hover,
[data-s7-thema="dunkel"] .s7b .s7b-knopf:not(.s7b-knopf--leise):hover{background:linear-gradient(180deg, color-mix(in srgb, var(--s7b-akzent) 74%, transparent), color-mix(in srgb, var(--s7b-akzent) 62%, transparent));border-color:var(--s7b-akzent);box-shadow:var(--s7b-knopf-schatten-hoch), 0 0 0 1px color-mix(in srgb, var(--s7b-akzent) 30%, transparent);}
} .s7b[data-s7-thema="dunkel"] .s7b-thema-schalter,
[data-s7-thema="dunkel"] .s7b .s7b-thema-schalter{background:rgba(20, 14, 16, 0.6);border-color:rgba(255, 255, 255, 0.05);box-shadow:inset 2px 3px 7px rgba(0, 0, 0, 0.5), inset -2px -2px 5px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05);}
.s7b[data-s7-thema="dunkel"] .s7b-thema-scheibe,
[data-s7-thema="dunkel"] .s7b .s7b-thema-scheibe{background:linear-gradient(180deg, #2e2427, #241c1f);border-color:rgba(255, 255, 255, 0.08);}
.s7b[data-s7-thema="dunkel"] .s7b-thema-raste,
[data-s7-thema="dunkel"] .s7b .s7b-thema-raste{color:rgba(239, 230, 230, 0.4);}
.s7b[data-s7-thema="dunkel"] .s7b-thema-schalter[data-s7b-wahl="hell"] [data-s7b-wahl-knopf="hell"],
.s7b[data-s7-thema="dunkel"] .s7b-thema-schalter[data-s7b-wahl="auto"] [data-s7b-wahl-knopf="auto"],
.s7b[data-s7-thema="dunkel"] .s7b-thema-schalter[data-s7b-wahl="dunkel"] [data-s7b-wahl-knopf="dunkel"],
[data-s7-thema="dunkel"] .s7b .s7b-thema-schalter[data-s7b-wahl="hell"] [data-s7b-wahl-knopf="hell"],
[data-s7-thema="dunkel"] .s7b .s7b-thema-schalter[data-s7b-wahl="auto"] [data-s7b-wahl-knopf="auto"],
[data-s7-thema="dunkel"] .s7b .s7b-thema-schalter[data-s7b-wahl="dunkel"] [data-s7b-wahl-knopf="dunkel"]{color:rgba(239, 230, 230, 0.9);}
.s7b[data-s7-thema="dunkel"] .s7b-thema-label,
[data-s7-thema="dunkel"] .s7b .s7b-thema-label{color:rgba(239, 230, 230, 0.5);}
.s7b[data-s7-thema="dunkel"] .s7b-archiv-titel::before,
[data-s7-thema="dunkel"] .s7b .s7b-archiv-titel::before{background:linear-gradient(90deg, #c62828, #ff5252);box-shadow:0 2px 10px rgba(255, 82, 82, 0.28);}
.s7b[data-s7-thema="dunkel"] .s7b-archiv-titel::after,
[data-s7-thema="dunkel"] .s7b .s7b-archiv-titel::after{background:radial-gradient(closest-side, rgba(255, 190, 190, 1), rgba(255, 82, 82, 0.65) 55%, rgba(255, 82, 82, 0) 100%);box-shadow:0 0 12px rgba(255, 82, 82, 0.7);}
.s7b[data-s7-thema="dunkel"] .s7b-inhalt h2::after,
.s7b[data-s7-thema="dunkel"] .s7b-empfohlen-titel::after,
.s7b[data-s7-thema="dunkel"] .s7b-zitat-titel::after,
.s7b[data-s7-thema="dunkel"] .s7b-kollkarte-titel::after,
.s7b[data-s7-thema="dunkel"] .s7b-autor-kicker::after,
.s7b[data-s7-thema="dunkel"] .s7b-teilen-titel::after,
.s7b[data-s7-thema="dunkel"] .s7b-nl-titel::after,
[data-s7-thema="dunkel"] .s7b .s7b-inhalt h2::after,
[data-s7-thema="dunkel"] .s7b .s7b-empfohlen-titel::after,
[data-s7-thema="dunkel"] .s7b .s7b-zitat-titel::after,
[data-s7-thema="dunkel"] .s7b .s7b-kollkarte-titel::after,
[data-s7-thema="dunkel"] .s7b .s7b-autor-kicker::after,
[data-s7-thema="dunkel"] .s7b .s7b-teilen-titel::after,
[data-s7-thema="dunkel"] .s7b .s7b-nl-titel::after{background:radial-gradient(closest-side, rgba(255, 180, 180, 0.95), rgba(255, 82, 82, 0.6) 55%, rgba(255, 82, 82, 0) 100%);box-shadow:0 0 8px rgba(255, 82, 82, 0.5);}
.s7b, .s7b *,
.s7b *::before,
.s7b *::after{box-sizing:border-box;}
.s7b :where(h1, h2, h3, h4, h5, h6){color:var(--s7b-tinte);}
.s7b{display:flex;flex-direction:column;gap:22px;width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(14px, 4vw, 20px);font-family:var(--s7b-schrift);font-size:16px;line-height:1.6;}
.s7b::before{content:"";position:fixed;inset:0;z-index:-1;background-color:var(--s7b-grund-basis);pointer-events:none;}
.s7b-uebersicht, .s7b-artikel-seite, .s7b-archiv{display:flex;flex-direction:column;gap:24px;}
.s7b-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.s7b-bg{position:fixed;left:0;right:0;top:-22vh;bottom:-22vh;z-index:-1;overflow:hidden;pointer-events:none;}
.s7b-bg::before{content:"";position:absolute;inset:0;background:var(--s7b-grund-verlauf);-webkit-mask-image:linear-gradient(180deg, #000 0%, #000 36%, transparent 74%);mask-image:linear-gradient(180deg, #000 0%, #000 36%, transparent 74%);}
.s7b-bg-wolke{position:absolute;display:block;border-radius:50%;will-change:transform;}
.s7b-bg-wolke:nth-child(1){width:62vmax;height:62vmax;top:-18vmax;left:-14vmax;background:radial-gradient(closest-side, var(--s7b-wolke-a), transparent 78%);}
.s7b-bg-wolke:nth-child(2){width:70vmax;height:70vmax;right:-22vmax;bottom:-26vmax;left:auto;background:radial-gradient(closest-side, var(--s7b-wolke-b), transparent 76%);}
.s7b-bg-wolke:nth-child(3){width:48vmax;height:48vmax;top:24%;right:-12vmax;left:auto;background:radial-gradient(closest-side, var(--s7b-wolke-c), transparent 78%);}
@keyframes s7b-wolke-a {
from{transform:translate3d(0, 0, 0) scale(1);}
to{transform:translate3d(5vmax, 4vmax, 0) scale(1.06);}
}
@keyframes s7b-wolke-b {
from{transform:translate3d(0, 0, 0) scale(1.04);}
to{transform:translate3d(-6vmax, -4vmax, 0) scale(1);}
}
@keyframes s7b-wolke-c {
from{transform:translate3d(0, 0, 0) scale(1);}
to{transform:translate3d(-4vmax, 6vmax, 0) scale(1.08);}
} @media (prefers-reduced-motion: no-preference) {
.s7b-bg-wolke:nth-child(1){animation:s7b-wolke-a 52s ease-in-out infinite alternate;}
.s7b-bg-wolke:nth-child(2){animation:s7b-wolke-b 72s ease-in-out infinite alternate;}
.s7b-bg-wolke:nth-child(3){animation:s7b-wolke-c 61s ease-in-out infinite alternate;}
}
@media (prefers-reduced-motion: reduce) {
.s7b-bg-wolke{animation:none;}
} .s7b-kopfzeile{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-bottom:18px;}
.s7b-logo{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;}
.s7b-logo:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:3px;border-radius:8px;}
.s7b-logo-bild{display:block;width:auto;height:116px;}
@media(min-width:760px){
.s7b-logo-bild{height:168px;}
} .s7b-logo-bild--dunkel{display:none;}
.s7b[data-s7-thema="dunkel"] .s7b-logo-bild--hell,
[data-s7-thema="dunkel"] .s7b .s7b-logo-bild--hell{display:none;}
.s7b[data-s7-thema="dunkel"] .s7b-logo-bild--dunkel,
[data-s7-thema="dunkel"] .s7b .s7b-logo-bild--dunkel{display:block;}
.s7b-kopfnav{display:flex;gap:2px;flex:1 1 100%;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:3px;border-radius:999px;background:linear-gradient(180deg, rgba(128, 74, 74, 0.07), rgba(128, 74, 74, 0.035));border:1px solid rgba(128, 74, 74, 0.05);box-shadow:inset 2px 3px 7px rgba(107, 62, 62, 0.11), inset -2px -2px 5px rgba(255, 255, 255, 0.75), 0 1px 0 rgba(255, 255, 255, 0.9);}
.s7b-kopfnav::-webkit-scrollbar{display:none;}
@media(min-width:760px){
.s7b-kopfnav{flex:0 1 auto;margin-left:auto;}
} .s7b-kopfnav a{gap:7px;}
.s7b-kopfnav-trenner{flex:0 0 auto;align-self:stretch;width:1px;margin-inline:6px;border-radius:1px;background:linear-gradient(to bottom, rgba(11, 11, 42, 0.02), rgba(11, 11, 42, 0.14), rgba(11, 11, 42, 0.02));}
.s7b[data-s7-thema="dunkel"] .s7b-kopfnav-trenner,
[data-s7-thema="dunkel"] .s7b .s7b-kopfnav-trenner{background:linear-gradient(to bottom, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.02));}
.s7b-knopf-logo-bild{width:16px;height:16px;flex:0 0 auto;object-fit:contain;}
.s7b-kopfnav .s7b-knopf-icon{width:16px;height:16px;flex:0 0 auto;}
.s7b-archiv-kopf{display:flex;flex-direction:column;gap:10px;}
.s7b-archiv-titel{margin:0;color:var(--s7b-tinte);font-family:var(--s7b-versal);font-size:clamp(30px, 5.4vw, 48px);font-weight:800;line-height:1.04;letter-spacing:-0.015em;text-transform:uppercase;text-wrap:balance;}
.s7b-archiv-text{margin:0;max-width:68ch;font-size:15px;line-height:1.6;color:var(--s7b-tinte-leise);}
.s7b-archiv-zahl{margin:0;font-size:11px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-filter{align-self:center;max-width:100%;}
.s7b-verzeichnis{position:relative;margin-top:clamp(48px, 7vw, 88px);padding:clamp(28px, 4vw, 44px) clamp(20px, 3vw, 34px) clamp(32px, 4vw, 48px);border-radius:var(--s7b-radius);background:linear-gradient(180deg, color-mix(in srgb, var(--s7b-akzent) 3%, transparent), transparent 62%), var(--s7b-karte-flaeche);border:1px solid var(--s7b-karte-rand);box-shadow:var(--s7b-glas-schatten);}
.s7b-verzeichnis::before{content:"";position:absolute;top:calc(clamp(48px, 7vw, 88px) / -2);left:10%;right:10%;height:1px;background:linear-gradient(to right, rgba(11, 11, 42, 0.02), rgba(11, 11, 42, 0.12), rgba(11, 11, 42, 0.02));}
.s7b[data-s7-thema="dunkel"] .s7b-verzeichnis::before,
[data-s7-thema="dunkel"] .s7b .s7b-verzeichnis::before{background:linear-gradient(to right, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.02));}
.s7b-verz-spalten{display:grid;gap:clamp(24px, 3vw, 36px);margin-top:18px;}
@media(min-width:760px){
.s7b-verz-spalten{grid-template-columns:1fr 1fr;}
}
.s7b-verz-titel{margin:0 0 12px;font-family:var(--s7b-versal);font-size:13px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--s7b-tinte);}
.s7b-verz-punkte{display:flex;flex-wrap:wrap;gap:8px;}
.s7b-verz-punkt{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--s7b-linie);font-family:var(--s7b-versal);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;color:var(--s7b-tinte-leise);transition:color 0.18s ease, border-color 0.18s ease, background 0.18s ease;}
.s7b-verz-zahl{font-size:10px;letter-spacing:0;font-variant-numeric:tabular-nums;opacity:0.75;}
.s7b-verz-spalte{min-width:0;}
@media (hover: hover) {
.s7b-verz-punkt:hover{color:var(--s7b-akzent-tief);border-color:color-mix(in srgb, var(--s7b-akzent) 34%, transparent);background:color-mix(in srgb, var(--s7b-akzent) 6%, transparent);}
}
.s7b-verz-punkt:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-thema-chip{min-height:25px;display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;border:1px solid var(--s7b-linie);font-family:var(--s7b-versal);font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;color:var(--s7b-tinte-leise);transition:color 0.18s ease, border-color 0.18s ease;}
@media (hover: hover) {
a.s7b-thema-chip:hover{color:var(--s7b-akzent-tief);border-color:color-mix(in srgb, var(--s7b-akzent) 34%, transparent);}
}
a.s7b-thema-chip:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-kopf-trenner{height:1px;margin:22px 0 20px;border:0;background:linear-gradient(to right, rgba(11, 11, 42, 0.02), rgba(11, 11, 42, 0.14), rgba(11, 11, 42, 0.02));}
.s7b[data-s7-thema="dunkel"] .s7b-kopf-trenner,
[data-s7-thema="dunkel"] .s7b .s7b-kopf-trenner{background:linear-gradient(to right, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.02));}
.s7b-filter-block{display:flex;flex-direction:column;align-items:center;gap:14px;}
.s7b-filter-gruppen{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;}
.s7b-filter-gruppe{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:100%;}
@media(max-width:999px){
.s7b-filter-gruppe{flex:1 0 100%;}
}
.s7b-filter-titel{font-family:var(--s7b-versal);font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--s7b-tinte-leise);opacity:0.8;}
.s7b-filter-label{align-self:center;margin:0;display:inline-flex;align-items:center;gap:8px;font-family:var(--s7b-versal);font-size:10.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-filter-label::before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:2px;background:var(--s7b-akzent);box-shadow:1px 2px 3px rgba(107, 62, 62, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35);}
.s7b-raster{display:grid;grid-template-columns:1fr;gap:clamp(20px, 3vw, 30px);}
@media(min-width:560px){
.s7b-raster{grid-template-columns:repeat(2, 1fr);}
}
@media(min-width:900px){
.s7b-raster{grid-template-columns:repeat(3, 1fr);}
} .s7b-raster.s7b-raster--schmal{grid-template-columns:1fr;gap:14px;}
.s7b-karte--beitrag{height:100%;}
@keyframes s7bFadeUp {
from{opacity:0;transform:translateY(16px);}
to{opacity:1;transform:translateY(0);}
}
@media (prefers-reduced-motion: no-preference) {
.s7b-raster > .s7b-karte{animation:s7bFadeUp 0.7s ease backwards;}
.s7b-raster > .s7b-karte:nth-child(1){animation-delay:0.05s;}
.s7b-raster > .s7b-karte:nth-child(2){animation-delay:0.12s;}
.s7b-raster > .s7b-karte:nth-child(3){animation-delay:0.19s;}
.s7b-raster > .s7b-karte:nth-child(4){animation-delay:0.26s;}
.s7b-raster > .s7b-karte:nth-child(5){animation-delay:0.33s;}
.s7b-raster > .s7b-karte:nth-child(6){animation-delay:0.4s;}
} .s7b-karte-inhalt{flex:1 1 auto;}
.s7b-karte-inhalt > .s7b-knopf{margin-top:auto;}
.s7b-karte-pillen{display:flex;flex-wrap:wrap;gap:6px;}
.s7b-karte-pillen .s7b-pille{min-height:28px;padding:6px 10px;font-size:10.5px;}
.s7b-etikett{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;}
.s7b-etikett-name{font-family:var(--s7b-versal);font-size:8.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--s7b-tinte-leise);opacity:0.72;}
.s7b-etikett--koll .s7b-pille{background:color-mix(in srgb, var(--s7b-akzent) 14%, transparent);border-color:color-mix(in srgb, var(--s7b-akzent) 30%, transparent);color:var(--s7b-akzent-tief);}
.s7b-etikett--topic{padding-left:12px;border-left:1px solid var(--s7b-linie);}
@media(max-width:560px){
.s7b-karte-pillen{flex-direction:column;align-items:flex-start;}
.s7b-etikett--topic{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid var(--s7b-linie);align-self:stretch;}
} .s7b-karte-titel{margin:0;color:var(--s7b-tinte);font-family:var(--s7b-versal);font-size:19px;font-weight:800;line-height:1.18;letter-spacing:-0.005em;text-transform:uppercase;}
.s7b-karte-link{color:inherit;text-decoration:none;}
@media (hover: hover) {
.s7b-karte-link:hover{text-decoration:underline;text-underline-offset:3px;}
}
.s7b-karte-datum{margin:0;font-size:11.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-karte-auszug{margin:0;font-size:14px;line-height:1.55;color:var(--s7b-tinte-leise);}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;align-items:start;row-gap:10px;}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-datum{grid-row:1;justify-self:start;white-space:nowrap;}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-pillen{grid-row:2;}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-titel{grid-row:3;align-self:start;}
.s7b-karte--beitrag .s7b-karte-pillen{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.s7b-karte--beitrag .s7b-etikett{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;min-width:0;}
.s7b-karte--beitrag .s7b-etikett .s7b-pille, .s7b-karte--beitrag .s7b-etikett .s7b-thema-chip{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s7b-karte--beitrag .s7b-etikett-name{flex:0 0 74px;}
.s7b-karte--beitrag .s7b-etikett--topic{padding-left:0;padding-top:0;border-left:0;border-top:0;}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-auszug{display:none;}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf{grid-row:4;align-self:end;justify-self:start;justify-content:center;width:auto;min-height:34px;padding:7px 15px;border:1px solid var(--s7b-linie);border-radius:999px;background:none;box-shadow:none;color:var(--s7b-tinte);font-size:11px;letter-spacing:0.14em;transition:border-color 0.18s ease, color 0.18s ease, background 0.18s ease;}
@media (hover: hover) {
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf:hover{border-color:color-mix(in srgb, var(--s7b-akzent) 45%, transparent);background:color-mix(in srgb, var(--s7b-akzent) 8%, transparent);color:var(--s7b-akzent-text, var(--s7b-tinte));}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf:hover::after{transform:translateX(3px);}
}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf,
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf::after{transition:none;}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf:hover::after{transform:none;}
} .s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf::after{content:"\2192";}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf::before{content:none;}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf > .s7b-glanz{display:none;}
@media (hover: hover) {
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf:hover{transform:none;box-shadow:none;color:var(--s7b-akzent-tief);}
}
.s7b-karte--beitrag:not(.s7b-karte--aufmacher) .s7b-karte-inhalt > .s7b-knopf:active{transform:none;background:none;box-shadow:none;}
.s7b-karte-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:13px;color:var(--s7b-tinte-leise);}
.s7b-karte-meta .s7b-avatar{width:26px;height:26px;font-size:11px;}
.s7b-karte-meta .s7b-autor-name{font-weight:700;color:var(--s7b-tinte);}
.s7b-karte-meta .s7b-avatar-stapel .s7b-avatar + .s7b-avatar{margin-left:-9px;}
.s7b-karte--aufmacher .s7b-karte-titel{font-size:clamp(24px, 4.4vw, 34px);}
.s7b-karte--aufmacher .s7b-buehne{height:auto;aspect-ratio:var(--s7b-bv, 1 / 1);}
.s7b-karte--aufmacher .s7b-buehne::after{content:none;}
.s7b-karte--aufmacher .s7b-buehne .s7b-buehne-bild{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;box-shadow:none;}
@media(min-width:760px){
.s7b-karte--aufmacher{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;}
.s7b-karte--aufmacher.s7b-karte--bild-hoch{grid-template-columns:0.85fr 1.15fr;}
.s7b-karte--aufmacher .s7b-karte-inhalt{justify-content:center;gap:12px;padding:28px 30px;}
.s7b-karte--aufmacher .s7b-karte-titel{font-size:clamp(27px, 3.4vw, 40px);}
.s7b-karte--aufmacher .s7b-karte-auszug{font-size:15px;}
.s7b-karte--aufmacher .s7b-karte-inhalt > .s7b-knopf{margin-top:4px;width:auto;align-self:start;}
} .s7b-mehr{display:flex;justify-content:center;}
.s7b-mehr .s7b-knopf--breit{width:auto;min-width:220px;max-width:100%;padding-inline:32px;}
.s7b-leer{margin:0;text-align:center;color:var(--s7b-tinte-leise);}
.s7b-artikel{display:flex;flex-direction:column;gap:22px;min-width:0;}
.s7b-artikel-kopf{display:flex;flex-direction:column;gap:12px;}
.s7b-artikel-pillen{display:flex;flex-wrap:wrap;gap:6px;}
.s7b-artikel-titel{margin:0;color:var(--s7b-tinte);font-family:var(--s7b-versal);font-size:clamp(27px, 4.4vw, 44px);font-weight:800;line-height:1.06;letter-spacing:-0.015em;text-transform:uppercase;text-wrap:balance;}
.s7b-artikel-unterzeile{margin:-4px 0 0;color:var(--s7b-tinte-leise);font-family:var(--s7b-schrift);font-size:clamp(15px, 2.1vw, 19px);font-weight:500;line-height:1.42;letter-spacing:0;text-transform:none;text-wrap:balance;}
.s7b-artikel-figur{display:flex;flex-direction:column;gap:8px;margin:0;}
.s7b-artikel-figur .s7b-buehne{height:clamp(340px, 88vw, 520px);border-radius:var(--s7b-radius);}
.s7b-artikel-bild{display:block;width:100%;height:auto;border-radius:var(--s7b-radius);}
.s7b-artikel-bu{font-size:12.5px;line-height:1.5;text-align:center;color:var(--s7b-tinte-leise);}
.s7b-krumen{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}
.s7b-krumen-liste{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;}
.s7b-krumen-punkt{display:flex;align-items:center;gap:6px;}
.s7b-krumen-punkt + .s7b-krumen-punkt::before{content:"/";color:var(--s7b-tinte-leise);}
.s7b-krumen-link{display:inline-block;padding-block:8px;color:var(--s7b-tinte-leise);text-decoration:none;}
@media (hover: hover) {
.s7b-krumen-link:hover{color:var(--s7b-tinte);text-decoration:underline;}
}
.s7b-krumen-hier{color:var(--s7b-tinte);}
.s7b-meta{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:0;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--s7b-linie);background:color-mix(in srgb, var(--s7b-akzent) 4%, transparent);font-size:12.5px;color:var(--s7b-tinte-leise);}
@media(max-width:560px){
.s7b-meta{border-radius:16px;}
}
.s7b-autor-knopf .s7b-autor-name{text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px;}
.s7b-meta-autor .s7b-autor-name{font-weight:700;color:var(--s7b-tinte);}
.s7b-autor-knopf{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;color:var(--s7b-tinte);font-weight:700;text-decoration:none;cursor:pointer;}
.s7b-autor-namen{min-width:0;}
@media (hover: hover) {
.s7b-autor-knopf:hover{color:var(--s7b-akzent-tief);}
}
.s7b-autor-knopf:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;border-radius:4px;}
.s7b-autor-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:6;width:min(420px, calc(100vw - 40px));padding:18px 20px;border-radius:var(--s7b-radius);background:var(--s7b-glas-verlauf);border:1px solid var(--s7b-karte-rand);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--s7b-glas-schatten-hoch);color:var(--s7b-tinte);font-size:13.5px;line-height:1.55;display:flex;flex-direction:column;gap:16px;}
.s7b-popover-person{display:flex;align-items:flex-start;gap:16px;}
.s7b-popover-person + .s7b-popover-person{padding-top:16px;border-top:1px solid var(--s7b-linie);}
.s7b-autor-popover[hidden]{display:none;}
@media (prefers-reduced-motion: no-preference) {
.s7b-autor-popover{animation:s7bFadeUp 0.22s ease backwards;}
}
.s7b-autor-popover .s7b-avatar{width:44px;height:44px;font-size:16px;flex:0 0 auto;}
.s7b-popover-text{min-width:0;}
.s7b-popover-strich{position:relative;display:block;width:64px;height:3px;margin:9px 0 10px;border-radius:999px;background:linear-gradient(90deg, #8B0000, #c40000);box-shadow:0 2px 8px rgba(139, 0, 0, 0.18);overflow:hidden;}
.s7b-popover-strich::after{content:"";position:absolute;top:50%;left:0;width:30%;height:4px;transform:translate(0, -50%);border-radius:999px;background:radial-gradient(closest-side, rgba(255, 120, 120, 0.9), rgba(230, 40, 40, 0.5) 55%, rgba(196, 0, 0, 0) 100%);box-shadow:0 0 5px rgba(230, 40, 40, 0.4);animation:s7b-kitt-leise 2.1s ease-in-out infinite alternate;pointer-events:none;}
@media (prefers-reduced-motion: reduce) {
.s7b-popover-strich::after{animation:none;opacity:0;}
}
.s7b[data-s7-thema="dunkel"] .s7b-popover-strich,
[data-s7-thema="dunkel"] .s7b .s7b-popover-strich{background:linear-gradient(90deg, #c62828, #ff5252);}
.s7b-popover-bio{margin:0;color:var(--s7b-tinte-leise);}
.s7b-autor-popover .s7b-autor-rolle{display:block;font-size:12px;font-weight:600;letter-spacing:0.04em;color:var(--s7b-akzent-tief);}
.s7b-autor-popover .s7b-autor-name{font-family:var(--s7b-versal);font-size:14px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:var(--s7b-tinte);}
.s7b-autor-popover p{margin:6px 0 0;color:var(--s7b-tinte-leise);}
.s7b-meta-datum, .s7b-meta-zeit, .s7b-meta-neu, .s7b-meta-trenner{color:var(--s7b-tinte-leise);}
.s7b-knoepfe{display:flex;flex-wrap:wrap;gap:8px;}
.s7b-knoepfe .s7b-knopf{flex:1 1 auto;}
.s7b-knopf-text{position:relative;z-index:2;}
.s7b-knopf-icon{position:relative;z-index:2;width:18px;height:18px;flex:0 0 auto;}
.s7b-knoepfe--modell{margin-top:2px;}
.s7b-kauf{display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;margin-inline:auto;gap:12px;padding:14px 16px 16px;border-radius:var(--s7b-radius);background:var(--s7b-karte-flaeche);border:1px solid var(--s7b-karte-rand);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--s7b-glas-schatten);}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.s7b-kauf{background:var(--s7b-deckend);}
}
@media(min-width:680px){
.s7b-kauf{padding:18px 22px 20px;}
} .s7b-kauf-knopf--leise{background:transparent;border-color:var(--s7b-linie);color:var(--s7b-tinte-leise);box-shadow:none;}
@media (hover: hover) {
.s7b-kauf-knopf--leise:hover{color:var(--s7b-tinte);border-color:color-mix(in srgb, var(--s7b-akzent) 30%, transparent);box-shadow:none;}
}
.s7b-kauf--modell{margin-top:2px;}
.s7b-kauf--koll{margin-top:16px;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;flex-direction:column;align-items:flex-start;}
.s7b-kauf--abschluss{margin-top:12px;}
.s7b-kauf-titel{align-self:center;margin:0;text-transform:uppercase;color:var(--s7b-tinte);text-wrap:balance;}
.s7b-kauf-gruppe{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:0;}
.s7b-kauf-gruppe + .s7b-kauf-gruppe{padding-left:18px;border-left:1px solid var(--s7b-linie);}
@media(max-width:640px){
.s7b-kauf{align-items:stretch;}
.s7b-kauf-gruppe + .s7b-kauf-gruppe{padding-left:0;padding-top:14px;border-left:0;border-top:1px solid var(--s7b-linie);}
}
@media(min-width:641px){
.s7b-kauf{flex-direction:row;align-items:flex-start;gap:18px;}
}
.s7b-kauf-knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.s7b-kauf-logo--glyph{display:inline-flex;align-items:center;justify-content:center;background:none;}
.s7b-kauf-knopf{flex:0 1 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg, color-mix(in srgb, var(--s7b-akzent) 20%, transparent), color-mix(in srgb, var(--s7b-akzent) 13%, transparent));border:1px solid color-mix(in srgb, var(--s7b-akzent) 26%, transparent);color:var(--s7b-tinte);text-decoration:none;font-family:var(--s7b-versal);font-size:13px;font-weight:700;letter-spacing:0.01em;cursor:pointer;box-shadow:0 6px 16px rgba(120, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.45);transition:transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1);}
.s7b-kauf-logo{display:block;width:24px;height:24px;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:contain;transition:transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);}
.s7b-kauf-logo--patreon{background-image:url(//sektor7.studio/wp-content/plugins/sektor7-blog/assets/images/PATREON.webp);}
.s7b-kauf-logo--thangs{background-image:url(//sektor7.studio/wp-content/plugins/sektor7-blog/assets/images/THANGS.webp);}
.s7b-kauf-logo--instagram{background-image:url(//sektor7.studio/wp-content/plugins/sektor7-blog/assets/images/INSTAGRAM.png);}
@media (hover: hover) {
.s7b-kauf-knopf:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(120, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.55);}
.s7b-kauf-knopf:hover .s7b-kauf-logo{transform:scale(1.08);}
.s7b-kauf-knopf--patreon:hover{border-color:#a3331f;box-shadow:0 10px 24px rgba(163, 51, 31, 0.3);color:#a3331f;}
.s7b-kauf-knopf--thangs:hover{border-color:#0d4577;box-shadow:0 10px 24px rgba(13, 69, 119, 0.3);color:#0d4577;}
}
.s7b-kauf-knopf:active{transform:scale(0.97);transition:transform 0.1s ease;}
.s7b-kauf-knopf:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-kauf-knopf, .s7b-kauf-logo{transition:none;}
.s7b-kauf-knopf:hover, .s7b-kauf-knopf:active{transform:none;}
} .s7b-knoepfe--abschluss,
.s7b-knoepfe--koll{margin-top:4px;}
.s7b-knoepfe--teilen{display:flex;flex-wrap:wrap;gap:12px;}
.s7b-kurz-titel, .s7b-toc-titel, .s7b-empfohlen-titel, .s7b-teilen-titel, .s7b-zitat-titel, .s7b-kollkarte-titel, .s7b-autor-kicker, .s7b-druck-titel, .s7b-koll-hinweis{margin:0;font-family:var(--s7b-versal);font-size:11px;line-height:1.3;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-kurz{margin:0;padding-block:18px;}
.s7b-kurz-titel{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:0.2em;color:var(--s7b-akzent-tief);}
.s7b-kurz-titel::before{content:"";width:9px;height:9px;flex-shrink:0;border-radius:2px;background:var(--s7b-akzent);transform:rotate(45deg);box-shadow:1px 2px 3px rgba(107, 62, 62, 0.35);}
.s7b-kurz-liste{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;}
.s7b-kurz-punkt{position:relative;padding-left:18px;font-size:15px;line-height:1.55;}
.s7b-kurz-punkt{padding-left:20px;}
.s7b-kurz-punkt::before{content:"\2713";position:absolute;left:0;top:0;font-size:13px;font-weight:800;line-height:inherit;color:var(--s7b-akzent-tief);}
.s7b-toc{overflow:hidden;}
.s7b-toc-titel{min-height:44px;display:flex;align-items:center;gap:8px;min-height:24px;cursor:pointer;list-style:none;}
.s7b-toc-titel::-webkit-details-marker{display:none;}
.s7b-toc-titel::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 0.25s var(--s7b-fahrt);}
.s7b-toc[open] .s7b-toc-titel::after{transform:translateY(1px) rotate(-135deg);}
.s7b-toc-liste{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;font-size:14px;}
.s7b-toc-punkt{margin:0;}
.s7b-toc-punkt--2{padding-left:0;}
.s7b-toc-punkt--3{padding-left:16px;font-size:13px;}
.s7b-toc-link{color:var(--s7b-tinte-leise);text-decoration:none;}
@media (hover: hover) {
.s7b-toc-link:hover{color:var(--s7b-tinte);text-decoration:underline;}
}  .s7b-inhalt,
.s7b-artikel-titel, .s7b-artikel-unterzeile, .s7b-karte-titel, .s7b-karte-auszug{overflow-wrap:break-word;}
.s7b-inhalt{max-width:68ch;font-size:17px;line-height:1.7;}
.s7b-inhalt > * + *{margin-top:1.1em;}
.s7b-inhalt p, .s7b-inhalt ul, .s7b-inhalt ol{margin-bottom:0;color:var(--s7b-tinte);}
.s7b-inhalt h2, .s7b-inhalt h3, .s7b-inhalt h4{margin-bottom:0.5em;color:var(--s7b-tinte);font-family:var(--s7b-versal);font-weight:800;line-height:1.15;letter-spacing:-0.01em;text-transform:uppercase;scroll-margin-top:24px;}
.s7b-inhalt h2{margin-top:1.9em;margin-bottom:0.75em;font-size:22px;}
.s7b-inhalt h3{margin-top:1.6em;font-size:18.5px;}
.s7b-inhalt h4{margin-top:1.4em;font-size:16.5px;}
.s7b-inhalt > p:first-child, .s7b-inhalt > ul:first-child, .s7b-inhalt > ol:first-child{margin-top:0;}
.s7b-artikel .s7b-inhalt > p:first-of-type::first-letter{float:left;padding:6px 12px 2px 0;font-family:var(--s7b-versal);font-size:3.1em;font-weight:900;line-height:0.82;color:var(--s7b-akzent-tief);}
.s7b-inhalt a{color:var(--s7b-akzent-tief);text-decoration:underline;text-underline-offset:2px;}
.s7b-inhalt ul, .s7b-inhalt ol{padding-left:1.3em;}
.s7b-inhalt li + li{margin-top:0.45em;}
.s7b-inhalt img{display:block;max-width:100%;height:auto;border-radius:var(--s7b-radius);}
.s7b-inhalt figure{margin:1.8em 0;}
.s7b-inhalt figcaption{margin-top:8px;font-size:12.5px;line-height:1.5;text-align:center;color:var(--s7b-tinte-leise);}
.s7b-inhalt blockquote{margin:1.8em 0;padding:2px 0 2px 16px;border-left:3px solid var(--s7b-akzent);font-size:18px;font-style:italic;}
.s7b-schnitt{height:1px;width:100%;margin:26px 0 20px;border:0;background:var(--s7b-trenner);}
.s7b-inhalt hr{height:1px;margin:2.2em 0;border:0;background:var(--s7b-trenner);}
.s7b-inhalt pre{overflow-x:auto;padding:14px 16px;border-radius:var(--s7b-radius-knopf);background:var(--s7b-mulde-flaeche);box-shadow:var(--s7b-vertieft);font-size:13.5px;line-height:1.5;}
.s7b-inhalt :not(pre) > code{padding:2px 6px;border-radius:6px;background:var(--s7b-mulde-flaeche);font-size:0.88em;}
.s7b-inhalt table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:14.5px;}
.s7b-inhalt th, .s7b-inhalt td{padding:8px 12px;border-bottom:1px solid var(--s7b-linie);text-align:left;}
@media(min-width:720px){
.s7b-koll{overflow:hidden;display:grid;grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);align-items:center;gap:22px;}
.s7b-koll .s7b-karte-inhalt{padding-left:26px;}
} .s7b-koll .s7b-karte-inhalt{gap:10px;}
.s7b-koll-bildfeld{display:flex;overflow:hidden;border-radius:var(--s7b-radius) 0 0 var(--s7b-radius);}
.s7b-koll-bildfeld .s7b-karte-bild{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:0;}
@media(max-width:719px){ .s7b-koll-bildfeld{border-radius:var(--s7b-radius) var(--s7b-radius) 0 0;}
.s7b-koll-bildfeld .s7b-karte-bild{min-height:0;max-height:240px;}
}
.s7b-koll-titel{margin:0;font-family:var(--s7b-versal);font-size:clamp(22px, 3.4vw, 30px);font-weight:800;line-height:1.15;text-transform:uppercase;}
.s7b-koll-unter{margin:0;font-size:14px;line-height:1.55;color:var(--s7b-tinte-leise);}
.s7b-koll-alle{align-self:start;padding-block:4px;font-family:var(--s7b-versal);font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;color:var(--s7b-tinte-leise);}
@media (hover: hover) {
.s7b-koll-alle:hover{color:var(--s7b-akzent-tief);}
}
.s7b-autor .s7b-karte-inhalt{flex-direction:row;align-items:center;gap:18px;}
.s7b-autor .s7b-avatar{width:56px;height:56px;font-size:21px;}
.s7b-autor-text{display:flex;flex-direction:column;gap:4px;min-width:0;}
.s7b-autor--mehrere > .s7b-autor-kicker{margin:0 0 16px;}
.s7b-autor--mehrere .s7b-karte-inhalt + .s7b-karte-inhalt{margin-top:16px;padding-top:16px;border-top:1px solid var(--s7b-linie);}
.s7b-autor-kicker{margin:0 0 10px;}
.s7b-autor-kopf{margin:0;font-size:16px;}
.s7b-autor-name{font-weight:800;}
.s7b-autor-rolle{color:var(--s7b-tinte-leise);}
.s7b-autor-org{margin:0;font-size:13px;color:var(--s7b-tinte-leise);}
.s7b-autor-kurz{margin:0;font-size:14px;line-height:1.55;color:var(--s7b-tinte-leise);}
.s7b-autor-zitat{position:relative;margin:4px 0 0;padding:0;border:0;font-size:17.5px;font-style:italic;line-height:1.5;color:var(--s7b-tinte);background:transparent;border-left:0;quotes:none;}
.s7b-autor-zitat::after{content:none;}
.s7b-autor-zitat::before{content:"\201C";display:block;height:0.55em;font-family:var(--s7b-versal);font-size:52px;font-style:normal;font-weight:800;line-height:1;color:color-mix(in srgb, var(--s7b-akzent) 45%, transparent);}
.s7b-seitenleiste{display:flex;flex-direction:column;gap:20px;min-width:0;}
@media(min-width:1000px){ .s7b-artikel-raster{display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:40px;align-items:start;}
.s7b-artikel-raster > .s7b-artikel{grid-column:1;}
.s7b-artikel-raster > .s7b-seitenleiste{grid-column:2;}
.s7b-seitenleiste{position:sticky;top:24px;}
.s7b-inhalt{font-size:17.5px;}
} .s7b-empfohlen,
.s7b-teilen, .s7b-leiste-kasten{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px;border-radius:var(--s7b-radius);background:var(--s7b-karte-flaeche);border:1px solid var(--s7b-karte-rand);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--s7b-glas-schatten);}
@media(min-width:680px){
.s7b-empfohlen, .s7b-teilen, .s7b-leiste-kasten{padding:20px 22px 24px;}
} .s7b-zitat-kasten{gap:12px;}
.s7b-zitat-eins{display:flex;flex-direction:column;gap:10px;}
.s7b-zitat-eins[hidden]{display:none;}
.s7b-zitat-text{position:relative;margin:0;padding:0;border:0;font-size:16.5px;font-style:italic;line-height:1.5;color:var(--s7b-tinte);background:transparent;border-left:0;quotes:none;}
.s7b-zitat-text::after{content:none;}
.s7b-zitat-text::before{content:"\201C";display:block;height:0.55em;font-family:var(--s7b-versal);font-size:40px;font-style:normal;font-weight:800;line-height:1;color:color-mix(in srgb, var(--s7b-akzent) 45%, transparent);}
.s7b-zitat-quelle{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:13px;}
.s7b-zitat-bild{display:block;width:28px;height:28px;flex:0 0 auto;object-fit:cover;border-radius:50%;border:1px solid var(--s7b-linie);}
.s7b-zitat-name{font-weight:800;color:var(--s7b-tinte);}
.s7b-zitat-rolle{color:var(--s7b-tinte-leise);}
.s7b-empfohlen-titel, .s7b-teilen-titel, .s7b-zitat-titel, .s7b-kollkarte-titel, .s7b-nl-titel{display:flex;align-items:center;gap:8px;padding-left:15px;background:linear-gradient(var(--s7b-akzent), var(--s7b-akzent)) 0 50% / 7px 7px no-repeat;font-size:13.5px;line-height:1.3;letter-spacing:0.14em;color:var(--s7b-tinte);margin-bottom:4px;}
.s7b-verwandt{display:grid;gap:16px;margin:0;padding:0;list-style:none;}
.s7b-verwandt-punkt{display:flex;align-items:center;gap:14px;margin:0;}
.s7b-verwandt-bild{width:56px;height:56px;flex-shrink:0;object-fit:cover;border-radius:12px;border:1px solid var(--s7b-karte-rand);box-shadow:0 4px 10px rgba(64, 30, 30, 0.12);}
.s7b-verwandt-text{display:flex;flex-direction:column;gap:3px;min-width:0;}
.s7b-verwandt-titel{display:block;padding-block:4px;font-family:var(--s7b-versal);font-size:13.5px;font-weight:700;letter-spacing:0.02em;line-height:1.25;text-transform:uppercase;text-decoration:none;color:var(--s7b-tinte);}
@media (hover: hover) {
.s7b-verwandt-titel:hover{color:var(--s7b-akzent-tief);}
}
.s7b-verwandt-datum{font-size:12px;color:var(--s7b-tinte-leise);}
.s7b-teilen-leiste{display:inline-flex;align-items:center;gap:0;padding:4px 0;margin-top:6px;}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .s7b-teilen-leiste{background:transparent;}
} .s7b-teilen-trenner{flex:0 0 auto;width:1px;height:20px;margin-inline:7px;background:linear-gradient(to bottom, rgba(11, 11, 42, 0.02), rgba(11, 11, 42, 0.16), rgba(11, 11, 42, 0.02));}
.s7b[data-s7-thema="dunkel"] .s7b-teilen-trenner,
[data-s7-thema="dunkel"] .s7b .s7b-teilen-trenner{background:linear-gradient(to bottom, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.02));}
.s7b-teilen-knopf{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid transparent;background:transparent;box-shadow:none;color:var(--s7b-tinte);text-decoration:none;transition:background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;}
@media (hover: hover) {
.s7b-teilen-knopf:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--s7b-akzent) 26%, transparent), color-mix(in srgb, var(--s7b-akzent) 18%, transparent));border-color:color-mix(in srgb, var(--s7b-akzent) 34%, transparent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(120, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.5);}
} .s7b-teilen-knopf--x     {--s7b-marke:#000000;}
.s7b-teilen-knopf--facebook{--s7b-marke:#1877F2;}
.s7b-teilen-knopf--whatsapp{--s7b-marke:#25D366;}
.s7b-teilen-knopf--x, .s7b-teilen-knopf--facebook, .s7b-teilen-knopf--whatsapp{color:color-mix(in srgb, var(--s7b-marke) 62%, var(--s7b-tinte-leise));}
@media (hover: hover) {
.s7b-teilen-knopf--x:hover, .s7b-teilen-knopf--facebook:hover, .s7b-teilen-knopf--whatsapp:hover{color:var(--s7b-marke);}
} .s7b[data-s7-thema="dunkel"] .s7b-teilen-knopf--x,
[data-s7-thema="dunkel"] .s7b .s7b-teilen-knopf--x{--s7b-marke:var(--s7b-tinte);}
.s7b-teilen-knopf:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-teilen-knopf svg{width:20px;height:20px;stroke:currentColor;}
@media (hover: hover) {
.s7b-teilen-knopf:hover{transform:translateY(-2px);box-shadow:var(--s7b-glas-schatten-hoch);color:var(--s7b-akzent-tief);}
}
.s7b-teilen-knopf:active{transition-duration:0.06s, 0.06s, 0.06s;transform:translateY(1px) scale(0.92) rotateX(var(--s7b-neig-x, var(--s7-neig-x, 0deg))) rotateY(var(--s7b-neig-y, var(--s7-neig-y, 0deg)));background:radial-gradient(circle 22px at var(--s7b-druck-x, var(--s7-druck-x, 50%)) var(--s7b-druck-y, var(--s7-druck-y, 55%)), var(--s7b-delle), transparent), var(--s7b-glas-verlauf);box-shadow:var(--s7b-gedrueckt);}
.s7b-teilen-knopf:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-raster--schmal .s7b-karte-bild{aspect-ratio:1 / 1;}
.s7b-raster--schmal .s7b-karte-titel{font-size:15px;}
.s7b-nl .s7b-karte-inhalt{gap:12px;}
.s7b-nl-titel{margin:0;font-family:var(--s7b-versal);font-weight:800;text-transform:uppercase;}
.s7b-nl-text{margin:0;font-size:13.5px;line-height:1.55;color:var(--s7b-tinte-leise);}
.s7b-nl-form{display:flex;flex-direction:column;gap:8px;}
.s7b-nl-label{font-size:11px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--s7b-tinte-leise);}
.s7b-nl-feld{min-height:44px;padding:10px 14px;border-radius:var(--s7b-radius-knopf);border:1px solid var(--s7b-mulde-rand);background:var(--s7b-mulde-flaeche);box-shadow:var(--s7b-vertieft);color:var(--s7b-tinte);font:inherit;font-size:16px;}
.s7b-nl-feld:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
.s7b-nl-meldung{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:var(--s7b-radius-knopf);background:var(--s7b-mulde-flaeche);box-shadow:var(--s7b-vertieft);font-size:13px;line-height:1.5;}
.s7b-nl-meldung::before{font-weight:800;}
.s7b-nl-meldung.ist-gut::before{content:"\2713";color:var(--s7b-tinte);}
.s7b-nl-meldung.ist-fehler::before{content:"!";color:var(--s7b-akzent-tief);}
.s7b-nl-meldung.ist-fehler{color:var(--s7b-tinte);}
.s7b-partner-titel{margin:0;text-transform:uppercase;}
.s7b-partner{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:44px;margin-bottom:-18px;}
.s7b-partner-karten{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.s7b-partner-karte{display:block;width:190px;max-width:42vw;border-radius:18px;overflow:hidden;box-shadow:var(--s7b-glas-schatten);transition:transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1);}
.s7b-partner-bild{display:block;width:100%;height:auto;}
.s7b-partner-bild--dunkel{display:none;}
.s7b[data-s7-thema="dunkel"] .s7b-partner-bild--hell,
[data-s7-thema="dunkel"] .s7b .s7b-partner-bild--hell{display:none;}
.s7b[data-s7-thema="dunkel"] .s7b-partner-bild--dunkel,
[data-s7-thema="dunkel"] .s7b .s7b-partner-bild--dunkel{display:block;}
@media (hover: hover) {
a.s7b-partner-karte:hover{transform:translateY(-3px);box-shadow:var(--s7b-knopf-schatten-hoch, var(--s7b-glas-schatten));}
}
a.s7b-partner-karte:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:3px;}
@media (prefers-reduced-motion: reduce) {
.s7b-partner-karte{transition:none;}
a.s7b-partner-karte:hover{transform:none;}
}
.s7b-fusszeile{display:flex;justify-content:center;margin-top:clamp(28px, 6vw, 64px);}
.s7b-fuss-kapsel{position:relative;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;width:100%;padding:12px 20px;border-radius:var(--s7b-radius);background:var(--s7b-karte-flaeche);border:1px solid var(--s7b-karte-rand);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--s7b-glas-schatten);overflow:hidden;}
.s7b-fuss-copy{font-family:var(--s7b-versal);font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap;color:var(--s7b-signatur);}
.s7b-fuss-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.s7b-fuss-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border-radius:999px;border:1px solid var(--s7b-pille-rand);background:var(--s7b-pille-flaeche);box-shadow:var(--s7b-erhaben);color:var(--s7b-tinte-leise);font-family:var(--s7b-versal);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transform-origin:50% 100%;transition:transform 0.45s var(--s7b-feder), box-shadow 0.3s ease, background 0.3s ease, color 0.22s ease;}
@media (hover: hover) {
.s7b-fuss-chip:hover{transform:translateY(-1px);box-shadow:var(--s7b-erhaben-hoch);color:var(--s7b-tinte);}
}
.s7b-fuss-chip:active{transition-duration:0.06s, 0.06s, 0.06s, 0.06s;transform:perspective(200px) scale(0.94, 0.88) translateY(1px) rotateX(var(--s7b-neig-x, var(--s7-neig-x, 0deg))) rotateY(var(--s7b-neig-y, var(--s7-neig-y, 0deg)));background:radial-gradient(circle 26px at var(--s7b-druck-x, var(--s7-druck-x, 50%)) var(--s7b-druck-y, var(--s7-druck-y, 55%)), var(--s7b-delle), transparent), var(--s7b-pille-flaeche);box-shadow:var(--s7b-gedrueckt);}
.s7b-fuss-chip:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media(max-width:600px){
.s7b-fuss-kapsel{flex-direction:column;width:100%;max-width:400px;padding:16px 18px;}
.s7b-fuss-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;}
.s7b-fuss-chip{min-height:42px;white-space:normal;text-align:center;}
.s7b-fuss-copy{order:2;}
} @media (prefers-reduced-motion: reduce) {
.s7b-karte, .s7b-pille, .s7b-knopf, .s7b-gleiter, .s7b-thema-scheibe, .s7b-thema-raste, .s7b-teilen-knopf, .s7b-fuss-chip{transition:none;}
.s7b-karte:hover, .s7b-pille:hover, .s7b-pille:active, .s7b-knopf:hover, .s7b-knopf:active, .s7b-teilen-knopf:hover, .s7b-teilen-knopf:active, .s7b-fuss-chip:hover, .s7b-fuss-chip:active{transform:none;}
.s7b-glanz::before{animation:none;}
.s7b-karte:hover > .s7b-glanz::before, .s7b-knopf:hover > .s7b-glanz::before, .s7b-mulde:hover > .s7b-glanz::before, .s7b-glanz.laeuft::before{animation:none;}
.s7b-toc-titel::after{transition:none;}
} @media(min-width:680px){
.s7b-karte-inhalt{gap:10px;padding:20px 22px 24px;}
.s7b-mulde--kasten{padding:20px 24px;}
.s7b-mulde--schiene{gap:8px 10px;padding:6px;}
.s7b-pille{padding:12px 18px;font-size:13px;}
.s7b-knopf{padding:12px 20px;}
} .s7b-mehr-chip{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;border:1px dashed var(--s7b-linie);background:none;color:var(--s7b-tinte-leise);font-family:var(--s7b-versal);font-size:10.5px;font-weight:700;letter-spacing:0.06em;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap;transition:border-color 0.18s ease, color 0.18s ease;}
@media (hover: hover) {
.s7b-mehr-chip:hover{border-color:color-mix(in srgb, var(--s7b-akzent) 40%, transparent);color:var(--s7b-tinte);}
}
.s7b-mehr-chip:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-mehr-chip{transition:none;}
} .s7b-koll-karussell{display:flex;flex-direction:column;gap:14px;}
.s7b-koll-karussell.ist-karussell .s7b-koll-folie[hidden]{display:none;}
.s7b-koll-steuer{display:flex;align-items:center;justify-content:center;gap:12px;}
.s7b-koll-pfeil{display:grid;place-items:center;width:44px;height:44px;padding:0;appearance:none;border-radius:50%;border:1px solid var(--s7b-karte-rand);background:var(--s7b-karte-flaeche);color:var(--s7b-tinte);cursor:pointer;box-shadow:var(--s7b-glas-schatten);transition:border-color 0.18s ease, transform 0.18s ease;}
.s7b-koll-pfeil svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
@media (hover: hover) {
.s7b-koll-pfeil:hover{border-color:color-mix(in srgb, var(--s7b-akzent) 34%, transparent);}
.s7b-koll-pfeil--zurueck:hover{transform:translateX(-2px);}
.s7b-koll-pfeil--vor:hover  {transform:translateX(2px);}
}
.s7b-koll-pfeil:focus-visible{outline:2px solid var(--s7b-akzent-tief);outline-offset:2px;}
@media (prefers-reduced-motion: reduce) {
.s7b-koll-pfeil{transition:none;}
.s7b-koll-pfeil:hover{transform:none;}
} .s7b-koll-zaehler{font-family:var(--s7b-versal);font-size:11px;font-weight:700;letter-spacing:0.14em;color:var(--s7b-tinte-leise);font-variant-numeric:tabular-nums;}
.s7b-karte-bildlink{display:block;text-decoration:none;color:inherit;border-radius:inherit;overflow:hidden;}
.s7b-karte-bildlink > .s7b-buehne{margin:0;}
.s7b-logo-huelle{position:relative;display:inline-flex;align-items:center;}
.s7b-gruss{position:absolute;top:44%;left:calc(100% + 14px);width:max-content;margin:0;padding:8px 13px;max-width:170px;border-radius:16px;background:none;border:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(2px 5px 8px rgba(107, 62, 62, 0.22));font-family:var(--s7b-schrift);font-size:12.5px;font-weight:700;letter-spacing:0.02em;line-height:1.35;color:var(--s7b-tinte);text-align:center;z-index:2;transform-origin:8% 100%;pointer-events:none;}
.s7b-gruss-form{position:absolute;inset:0;z-index:-1;opacity:0.72;}
.s7b-gruss-text{position:relative;}
.s7b-gruss-form::before{content:"";position:absolute;inset:0;background:var(--s7b-deckend);border-radius:16px;}
.s7b-gruss-form::after{content:"";position:absolute;left:10px;bottom:-10px;width:16px;height:16px;background:var(--s7b-deckend);clip-path:polygon(0 100%, 18% 0, 100% 0);}
@keyframes s7bGrussPlopp {
0%{opacity:0;transform:scale(0.55);}
14%{opacity:1;transform:scale(1.18);}
20%{transform:scale(1.12);}
80%{transform:scale(1.12);}
100%{opacity:1;transform:scale(1);}
}
.s7b-gruss:not([hidden]){animation:s7bGrussPlopp 2.4s cubic-bezier(0.34, 1.4, 0.5, 1) both;}
.s7b-gruss-emoji{display:inline-block;}
.s7b-gruss-emoji.ist-winkend{transform-origin:72% 78%;animation:s7bGrussWinken 1.3s ease-in-out 0.5s 1 both;}
@keyframes s7bGrussWinken {
0%, 100%{transform:rotate(0deg);}
15%{transform:rotate(26deg);}
30%{transform:rotate(-12deg);}
45%{transform:rotate(26deg);}
60%{transform:rotate(-10deg);}
75%{transform:rotate(14deg);}
}
.s7b-gruss-emoji.ist-schaukelnd{transform-origin:50% 30%;animation:s7bGrussSchaukeln 1.6s ease-in-out 0.5s 1 both;}
@keyframes s7bGrussSchaukeln {
0%, 100%{transform:rotate(0deg);}
25%{transform:rotate(-12deg);}
60%{transform:rotate(9deg);}
85%{transform:rotate(-4deg);}
}
@media (prefers-reduced-motion: reduce) {
.s7b-gruss:not([hidden]),
.s7b-gruss-emoji{animation:none;}
} @media(max-width:700px){
.s7b-gruss {
left: calc(100% + 10px);
max-width: min(150px, calc(100vw - 100% - 44px));
font-size: 12px;
padding: 7px 11px;
}
}