/* Feature-Seite Link in Bio (dunkler Entwurf 29.10.2026) */
/* Abstrakte Linkseite im Handy, baut sich wie der Brand Hub auf (.gh/.g aus sc-brandhub.css) */
.lb-tel{width:min(340px,100%);margin:34px auto 0;padding:14px;border-radius:44px;background:#0A0A0A;box-shadow:0 0 0 2px #2A2A2A,0 40px 80px -30px rgba(0,0,0,.8)}
.gh.lb{padding:26px 16px 22px;gap:14px;border-radius:32px;background:#161616;min-height:600px}
.lb-kopf{display:flex;flex-direction:column;align-items:center;gap:9px}
.lb-ava{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--pk),var(--pflaume));box-shadow:0 0 0 3px #161616,0 0 0 5px var(--pk)}
.lb-n{width:120px;height:12px;border-radius:6px;background:var(--weiss)}.lb-b{width:170px;height:8px;border-radius:4px;background:#4A4A4A}
.lb-links{display:flex;flex-direction:column;gap:8px}.lb-links i{height:38px;border-radius:999px;border:1.5px solid #4A4A4A;position:relative}
.lb-links i::after{content:"";position:absolute;left:50%;top:15px;translate:-50% 0;width:40%;height:7px;border-radius:4px;background:#F2F2F2;opacity:.85}
.lb-drop{position:relative;border-radius:16px;background:#1E1E1E;padding:14px;display:flex;align-items:center;gap:12px}
.lb-code{flex-direction:column;align-items:stretch}.lb-k{width:40%;height:6px;border-radius:3px;background:var(--pk)}
.lb-tk{padding:10px 12px}.lb-tk em{width:66px;height:24px}
.lb-st{position:absolute;right:14px;bottom:44px;padding:2px 8px;border:2px solid var(--weiss);border-radius:8px;background:var(--tief);color:var(--weiss);font:700 10px var(--f-mono);transform:rotate(12deg)}
html.ani .lb-code .lb-st{opacity:0;transform:rotate(12deg) scale(1.8);transition:opacity .3s .6s,transform .4s .6s cubic-bezier(.3,1.6,.5,1)}
html.ani .lb-code.da .lb-st{opacity:1;transform:rotate(12deg) scale(1)}
.lb-dat{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--pk);color:#fff;font:800 9px var(--f-mono)}
.lb-dat b{font-size:18px;line-height:1}
.lb-zl{flex:1;display:flex;flex-direction:column;gap:7px}.lb-zl > i{display:block;height:8px;border-radius:4px;background:var(--weiss)}.lb-zl > i+i{background:#4A4A4A;width:70%}
.lb-bal{display:block;height:6px;border-radius:3px;background:#333;overflow:hidden}.lb-bal i{display:block;height:100%;width:66%;background:var(--rosa);transition:width 1.2s .4s ease}
html.ani .lb-termin:not(.da) .lb-bal i{width:0}
.lb-kach{flex:none;display:flex;gap:4px}.lb-kach i{width:22px;height:30px;border-radius:6px;background:var(--weiss);box-shadow:inset 0 0 0 4px var(--weiss),inset 0 0 0 20px var(--rosa)}
.lb-plus{flex:none;width:30px;height:30px;border-radius:50%;background:var(--pfirsich);color:#4A0E26;font:800 11px/30px inherit;text-align:center}
/* Fertiges Beispiel: Cafe Kornblume, dunkel */
.lb-echt{width:min(360px,100%);margin:34px auto 0;padding:22px 16px;border-radius:36px;background:#161616;box-shadow:0 0 0 12px #0A0A0A,0 0 0 14px #2A2A2A;display:flex;flex-direction:column;gap:12px;--m:#C8693A}
.lb-ek{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:4px}
.lb-eava{width:64px;height:64px;border-radius:50%;background:var(--m);color:#fff;display:grid;place-items:center;font:800 26px var(--f-display);margin-bottom:6px}
.lb-ek b{font:800 18px var(--f-display);color:#F2F2F2}.lb-ek small{color:#9A9A9A;font-size:13px}
.lb-efest{display:flex;flex-direction:column;gap:8px}
.lb-efest span{display:block;text-align:center;padding:11px;border-radius:999px;border:1.5px solid #3A3A3A;color:#F2F2F2;font-weight:700;font-size:14px}
.lb-ekarte{border-radius:16px;background:#1E1E1E;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.lb-ekarte small{font:700 10.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:#E8A272}
.lb-ekarte > b{color:#F2F2F2;font-size:15.5px}.lb-ekarte p{color:#9A9A9A;font-size:13px;line-height:1.45;margin:0}
.lb-ecode{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:9px 12px;border:1.5px dashed var(--m);border-radius:10px;background:#2A1C14}
.lb-ecode b{font:700 12px var(--f-mono);letter-spacing:.08em;color:#E8A272}.lb-ecode em{font-style:normal;font-weight:700;font-size:12px;color:#fff;background:var(--m);border-radius:999px;padding:5px 12px}
.lb-eplatz{display:block;height:6px;border-radius:3px;background:#333;overflow:hidden;margin:2px 0}.lb-eplatz i{display:block;height:100%;width:67%;background:var(--m)}
.lb-eknopf{align-self:flex-start;margin-top:4px;font-weight:700;font-size:13px;color:#fff;background:var(--m);border-radius:999px;padding:7px 14px}
.lb-eknopf.hell{background:transparent;color:#E8A272;border:1.5px solid var(--m)}
/* Kacheln ohne Boxen: nur die Grafik, darunter Titel und Text auf Schwarz */
.lb-bens{gap:44px 28px;margin-top:34px}
.lb-bens .ben{background:none!important;padding:0 6px;color:#F2F2F2;overflow:visible}
.lb-bens .ben::before{display:none}
.lb-bens .ben h3{font-size:21px;margin:14px 0 2px;color:#F2F2F2}
.lb-bens .ben p{color:#A3A3A3;font-weight:400;opacity:1;line-height:1.6}
.lb-bens .ben .chip{color:#FF6E9E;opacity:1}
.lb-bens .ben a{color:#F2F2F2}
.lb-bens .a-list i{background:rgba(255,255,255,.22)}.lb-bens .a-list i::before{background:#E0246B}
.lb-bens .a-ticket em{background:#4A0E26}
.lb-bens .a-room i{background:#F2F2F2}.lb-bens .a-room i:nth-child(3n){background:#E0246B}
.lb-bens .a-news i::after{background:#E0246B}
.lb-bens .a-job i::after{background:#2A0A18}
.lb-bens .a-swipe i:nth-child(1){background:#F2F2F2;opacity:.18}.lb-bens .a-swipe i:nth-child(2){background:#F49AB8;opacity:.45}.lb-bens .a-swipe i:nth-child(3){background:#E0246B}
#ratgeber .sec-head p:last-child{margin-top:22px}
@media (max-width:760px){.lb-bens{grid-template-columns:1fr}}

/* Erklaerung: Mini-Karte mit festen Links */
.sc-k-bild .mini.m-links{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px 14px}
.m-links span{display:block;text-align:center;font-size:11.5px;font-weight:700;padding:6px;border-radius:999px;border:1.5px solid var(--line2);color:var(--fg)}
/* Ratgeber als schlichter Text am Ende: kein Stil ausser lesbarer Schrift */
.lb-seo{padding:80px 0 40px!important}
.lb-seo .wrap{max-width:760px}
.lb-seo h2{font:800 26px/1.2 var(--f-display)!important;text-transform:none!important;letter-spacing:-.01em!important;text-align:left!important;color:#F2F2F2;margin:44px 0 12px!important}
.lb-seo h2:first-child{margin-top:0!important;font-size:30px!important}
.lb-seo h3{font-size:18px;color:#F2F2F2;margin:22px 0 6px}
.lb-seo p,.lb-seo li{color:#BDBDBD;font-size:16px;line-height:1.7}
.lb-seo ul,.lb-seo ol{padding-left:22px;margin:10px 0}
.lb-seo b{color:#F2F2F2}.lb-seo a{color:#F2F2F2}
.lb-seo table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;color:#BDBDBD}
.lb-seo th,.lb-seo td{text-align:left;padding:8px 10px;border-bottom:1px solid #2A2A2A;vertical-align:top}
.lb-seo th{color:#F2F2F2}
@media (max-width:760px){.lb-seo table{display:block;overflow-x:auto}}

/* Datenschutz-Abschnitt (Link in Bio, Brand Hub) */
#datenschutz{padding-top:56px!important}
.dsg-liste{list-style:none;padding:0;margin:-6px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.dsg-liste li{font-size:13.5px;font-weight:700;color:#F2F2F2;background:#1E1E1E;border-radius:999px;padding:7px 14px}
.dsg-liste li::before{content:"";display:inline-block;width:7px;height:12px;margin-right:9px;border:solid #FF6E9E;border-width:0 2.5px 2.5px 0;transform:translateY(-2px) rotate(45deg)}
.sc-k-bild .mini.m-dsg{display:flex;align-items:center;gap:14px;padding:16px 18px;height:auto}
.dsg-schild{flex:none;width:44px;height:52px;background:#E0246B;clip-path:polygon(50% 0,100% 16%,100% 52%,50% 100%,0 52%,0 16%);position:relative}
.dsg-schild::after{content:"";position:absolute;left:16px;top:14px;width:9px;height:17px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.dsg-z{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.dsg-z b{font-size:17px;color:var(--fg)}
/* SEO-Text am Ende linksbuendig (die Regel fuer schmale Abschnitte zentriert sonst) */
.lb-seo .wrap.schmal h2,.lb-seo .wrap.schmal h3{text-align:left!important;margin-left:0!important}
