/* siteface v2 Gestaltung, zentrale Datei (07.11.2026). Alles ist auf .sfv2 oder html.sf-v2 begrenzt
   und greift nur in der Vorschau. Quelle: Desktop/siteface/Bookmarking Website/neu/v2/sfv2.css */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(/media/CMS/56/Navi/space-grotesk-latin-500.woff2) format("woff2");}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/media/CMS/56/Navi/space-grotesk-latin-700.woff2) format("woff2");}

/* ===== Grundsystem (Tokens, Kopf, Karten, Knoepfe, Fuss) ===== */
/* Rueckstellung: alte globale Stile wirken nicht in .sfv2 */
.sfv2 header,.sfv2 footer,.sfv2 nav,.sfv2 section,.sfv2 main,.sfv2 div,.sfv2 h1,.sfv2 h2,.sfv2 h3,.sfv2 h4,.sfv2 p,.sfv2 a,.sfv2 ul,.sfv2 li,.sfv2 img,.sfv2 span,.sfv2 details,.sfv2 summary,.sfv2 button{ all: revert; box-sizing: border-box; }

/* =========================================================
   siteface Gestaltungssystem v2 (07.11.2026)
   Ein Akzent, Systemschrift, feine Linien, keine Verlaeufe.
   Alles ist unter .sfv2 gekapselt und beruehrt alte Seiten nicht.
========================================================= */
.sfv2{
  --ink:#111827; --text:#374151; --muted:#6B7280; --line:#E5E7EB; --line-strong:#D1D5DB;
  --bg:#FFFFFF; --soft:#F9FAFB; --accent:#8B3DE0; --accent-hover:#7A2BD6; --accent-soft:#F7F2FF; --pink:#D6336C; --pink-soft:#FFF0F5;
  --brand: linear-gradient(90deg,#FE3C7E 0%,#B058F0 55%,#61AAFF 100%);
  --font-head: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --danger:#B42318; --danger-soft:#FEF3F2; --ok:#067647;
  --r-card:12px; --r-ctl:8px; --max:1200px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--text); background: var(--bg); font-size: 16px; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.sfv2 *{ box-sizing: border-box; }
.sfv2 a{ color: var(--accent); text-decoration: none; }
.sfv2 a:hover{ color: var(--accent-hover); }
.sfv2 h1,.sfv2 h2,.sfv2 h3,.sfv2 h4{ color: var(--ink); margin: 0; letter-spacing: -0.02em; line-height: 1.15; font-weight: 700; font-family: var(--font-head); }
.sfv2 p{ margin: 0; }
.sfv2 img{ max-width: 100%; display: block; }
.sfv2 .v2-wrap{ max-width: var(--max); margin: 0 auto; padding: 0 24px; }
.sfv2 .v2-section{ padding: 72px 0; }
.sfv2 .v2-section.v2-alt{ background: var(--soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sfv2 .v2-eyebrow{ display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--pink); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 12px; }
.sfv2 .v2-eyebrow::before{ content: ""; width: 18px; height: 3px; border-radius: 2px; background: var(--brand); }
.sfv2 .v2-lead{ font-size: 18px; color: var(--text); max-width: 620px; }
.sfv2 .v2-muted{ color: var(--muted); }
.sfv2 .v2-h-section{ font-size: 30px; margin-bottom: 8px; }
.sfv2 .v2-section-head{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 32px; }

/* Knoepfe */
.sfv2 .v2-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: var(--r-ctl); font-weight: 600; font-size: 15px; border: 1px solid transparent; cursor: pointer; white-space: nowrap; }
.sfv2 .v2-btn-primary{ background: var(--accent); color: #fff; }
.sfv2 .v2-btn-primary:hover{ background: var(--accent-hover); color: #fff; }
.sfv2 .v2-btn-secondary{ background: #fff; color: var(--ink); border-color: var(--line-strong); }
.sfv2 .v2-btn-secondary:hover{ border-color: var(--ink); color: var(--ink); }
.sfv2 .v2-btn-ghost{ background: transparent; color: var(--ink); }
.sfv2 .v2-btn-ghost:hover{ color: var(--accent); }

/* Kopf */
.sfv2 .v2-top{ position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.97); border-bottom: 1px solid var(--line); }
.sfv2 .v2-top::before{ content: ""; display: block; height: 3px; background: var(--brand); }
.sfv2 .v2-top .v2-wrap{ display: flex; align-items: center; gap: 28px; min-height: 64px; flex-wrap: wrap; }
.sfv2 .v2-brand{ display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 19px; color: var(--ink); font-family: var(--font-head); letter-spacing: -0.02em; }
.sfv2 .v2-brand:hover{ color: var(--ink); }
.sfv2 .v2-brand img{ width: 28px; height: 28px; border-radius: 7px; }
.sfv2 .v2-nav{ display: flex; gap: 24px; flex-wrap: wrap; font-size: 15px; font-weight: 500; }
.sfv2 .v2-nav a{ color: var(--text); }
.sfv2 .v2-nav-mobile{ display: none; }
.sfv2 .v2-nav a:hover,.sfv2 .v2-nav a.on{ color: var(--ink); }
.sfv2 .v2-top-actions{ margin-left: auto; display: flex; align-items: center; gap: 8px; }
.sfv2 .v2-lang{ font-size: 13px; color: var(--muted); margin-right: 8px; }
.sfv2 .v2-lang a{ color: var(--muted); } .sfv2 .v2-lang a.on{ color: var(--ink); font-weight: 600; }

/* Karten */
.sfv2 .v2-grid-3{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.sfv2 .v2-grid-4{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.sfv2 .v2-card{ display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; color: var(--text); transition: border-color .15s, box-shadow .15s; }
.sfv2 a.v2-card:hover{ border-color: var(--line-strong); box-shadow: 0 6px 20px rgba(139,61,224,0.10); color: var(--text); }
.sfv2 .v2-card-img{ aspect-ratio: 16/9; width: 100%; object-fit: cover; background: var(--soft); border-bottom: 1px solid var(--line); }
.sfv2 .v2-card-body{ padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; }
.sfv2 .v2-card-title{ font-size: 17px; font-weight: 650; color: var(--ink); line-height: 1.35; }
.sfv2 .v2-img-contain{ object-fit: contain !important; background: var(--accent-soft) !important; padding: 14px; }
.sfv2 .v2-card-meta{ font-size: 13px; color: var(--muted); }

/* Kennzeichen */
.sfv2 .v2-chip{ display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: var(--accent-soft); color: var(--accent); }
.sfv2 .v2-chip.v2-pink{ background: var(--pink-soft); color: var(--pink); }
.sfv2 .v2-chip.dead{ background: var(--danger-soft); color: var(--danger); }

/* FAQ */
.sfv2 .v2-faq{ border-top: 1px solid var(--line); }
.sfv2 .v2-faq details{ border-bottom: 1px solid var(--line); padding: 18px 0; }
.sfv2 .v2-faq summary{ cursor: pointer; font-weight: 600; color: var(--ink); font-size: 17px; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.sfv2 .v2-faq summary::-webkit-details-marker{ display: none; }
.sfv2 .v2-faq summary::after{ content: "+"; color: var(--muted); font-weight: 400; font-size: 22px; line-height: 1; }
.sfv2 .v2-faq details[open] summary::after{ content: "\2212"; }
.sfv2 .v2-faq details p{ margin-top: 10px; max-width: 760px; }

/* Fuss */
.sfv2 .v2-foot{ border-top: 1px solid var(--line); background: var(--soft); padding: 48px 0 32px; font-size: 14px; }
.sfv2 .v2-foot-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }
.sfv2 .v2-foot h4{ font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin-bottom: 12px; font-weight: 600; }
.sfv2 .v2-foot ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.sfv2 .v2-foot a{ color: var(--text); } .sfv2 .v2-foot a:hover{ color: var(--ink); }
.sfv2 .v2-foot-bottom{ margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; color: var(--muted); }

@media screen and (max-width: 960px){
  .sfv2 .v2-grid-3,.sfv2 .v2-grid-4{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sfv2 .v2-foot-grid{ grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 640px){
  .sfv2 .v2-grid-3,.sfv2 .v2-grid-4{ grid-template-columns: 1fr; }
  .sfv2 .v2-section{ padding: 48px 0; }
  .sfv2 .v2-h-section{ font-size: 24px; }
  .sfv2 .v2-nav{ order: 3; width: 100%; gap: 18px; padding-bottom: 10px; overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; font-size: 14px; }
  .sfv2 .v2-lang{ display: none; }
  .sfv2 .v2-top{ position: static; }
  .sfv2 .v2-top .v2-wrap{ gap: 12px; min-height: 56px; }
  .sfv2 .v2-top .v2-btn-ghost{ display: none; }
  .sfv2 .v2-top .v2-btn-primary{ min-height: 38px; padding: 0 14px; font-size: 14px; }
  .sfv2 .v2-nav-mobile{ display: inline; }
  .sfv2 .v2-foot-grid{ grid-template-columns: 1fr; }
}

/* ===== Startseite DE und EN ===== */
.sfv2 .v2-hero{ padding: 72px 0 64px; border-bottom: 1px solid var(--line); }
.sfv2 .v2-hero-grid{ display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.sfv2 .v2-hero h1{ font-size: 54px; line-height: 1.04; margin-bottom: 20px; }
.sfv2 .v2-hero .v2-lead{ margin-bottom: 28px; }
.sfv2 .v2-hero-ctas{ display: flex; flex-wrap: wrap; gap: 12px; }
.sfv2 .v2-hero-proof{ display: flex; flex-wrap: wrap; gap: 20px; margin-top: 28px; font-size: 14px; color: var(--muted); }
.sfv2 .v2-hero-proof span{ display: inline-flex; align-items: center; gap: 6px; }
.sfv2 .v2-mock{ position: relative; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 20px 50px rgba(139,61,224,0.14); overflow: hidden; }
.sfv2 .v2-mock::before{ content: ""; display: block; height: 4px; background: var(--brand); }
.sfv2 .v2-mock-head{ padding: 18px 20px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.sfv2 .v2-mock-head h3{ font-size: 16px; }
.sfv2 .v2-mock-row{ display: flex; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--line); align-items: center; }
.sfv2 .v2-mock-row:last-child{ border-bottom: 0; }
.sfv2 .v2-mock-row img{ width: 76px; height: 50px; object-fit: cover; border-radius: 8px; flex-shrink: 0; background: var(--soft); }
.sfv2 .v2-mock-row .v2-t{ font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.35; }
.sfv2 .v2-mock-row .v2-d{ font-size: 12px; color: var(--muted); }
.sfv2 .v2-mock-note{ margin-top: 6px; font-size: 12.5px; color: var(--text); background: var(--accent-soft); border-radius: 6px; padding: 5px 8px; }
.sfv2 .v2-flow{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 32px; position: relative; }
.sfv2 .v2-flow::before{ content: ""; position: absolute; left: 0; right: 0; top: 30px; height: 2px; background: var(--brand); opacity: .35; }
.sfv2 .v2-flow-step{ position: relative; }
.sfv2 .v2-num{ display: inline-block; position: relative; font-family: var(--font-head); font-weight: 700; font-size: 60px; line-height: 1; letter-spacing: -0.04em; background-image: var(--brand); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sfv2 .v2-num-wrap{ display: inline-block; background: #fff; padding-right: 12px; }
.sfv2 .v2-flow-step h3{ font-size: 20px; margin: 14px 0 6px; }
.sfv2 .v2-flow-step > p{ font-size: 15px; margin-bottom: 18px; }
.sfv2 .v2-ui{ border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 12px; font-size: 13px; color: var(--text); box-shadow: 0 1px 2px rgba(17,24,39,.04); }
.sfv2 .v2-ui-field{ display: flex; align-items: center; gap: 2px; border: 1px solid var(--line-strong); border-radius: 8px; padding: 8px 10px; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12.5px; overflow: hidden; white-space: nowrap; }
.sfv2 .v2-ui-field .v2-caret{ width: 1.5px; height: 15px; background: var(--accent); flex-shrink: 0; }
.sfv2 .v2-ui-fetch{ display: flex; gap: 10px; margin-top: 10px; align-items: center; }
.sfv2 .v2-ui-fetch .v2-ph{ width: 54px; height: 36px; border-radius: 6px; flex-shrink: 0; background: linear-gradient(135deg,#FE3C7E33,#B058F033,#61AAFF33); }
.sfv2 .v2-ui-line{ display: block; height: 7px; border-radius: 4px; background: var(--line); margin: 4px 0; }
.sfv2 .v2-ui-select{ display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--accent); border-radius: 8px; padding: 8px 10px; color: var(--ink); font-weight: 600; box-shadow: 0 0 0 3px var(--accent-soft); }
.sfv2 .v2-ui-opts{ margin-top: 6px; display: flex; flex-direction: column; }
.sfv2 .v2-ui-opts span{ display: flex; justify-content: space-between; padding: 6px 10px; border-radius: 6px; color: var(--muted); }
.sfv2 .v2-ui-opts span span{ padding: 0; font-size: 11px; }
.sfv2 .v2-ui-note{ background: var(--accent-soft); color: var(--ink); border-radius: 10px 10px 10px 2px; padding: 10px 12px; font-size: 13.5px; line-height: 1.45; }
.sfv2 .v2-ui-note span{ display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--accent); margin-bottom: 2px; }
.sfv2 .v2-ui-meta{ margin-top: 8px; font-size: 12px; color: var(--muted); }
/* Mehr als Lesezeichen: Ausschnitte der echten Oberflaeche statt Symbolkacheln */
.sfv2 .v2-bento{ display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 20px; }
.sfv2 .v2-tile-f{ grid-column: span 3; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-card); background: #fff; overflow: hidden; }
.sfv2 .v2-tile-f.v2-wide{ grid-column: span 4; } .sfv2 .v2-tile-f.v2-narrow{ grid-column: span 2; }
.sfv2 .v2-tile-f .v2-tx{ padding: 24px 24px 18px; }
.sfv2 .v2-tile-f h3{ font-size: 20px; margin-bottom: 6px; }
.sfv2 .v2-tile-f .v2-tx p{ font-size: 15px; max-width: 460px; }
.sfv2 .v2-stage{ margin-top: auto; background: var(--soft); border-top: 1px solid var(--line); padding: 22px 24px; display: flex; align-items: center; justify-content: center; min-height: 150px; }
.sfv2 .v2-dead{ width: 100%; max-width: 440px; display: flex; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.sfv2 .v2-dead .v2-ph{ width: 64px; height: 44px; border-radius: 6px; flex-shrink: 0; background: repeating-linear-gradient(45deg,#F3F4F6 0 6px,#E5E7EB 6px 12px); }
.sfv2 .v2-dead .v2-t{ font-size: 14px; font-weight: 600; color: var(--muted); text-decoration: line-through; text-decoration-color: #9CA3AF; }
.sfv2 .v2-dead .v2-row{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 6px; }
.sfv2 .v2-dead .v2-arch{ font-size: 12px; font-weight: 600; color: var(--accent); border: 1px solid var(--accent); border-radius: 6px; padding: 2px 8px; }
.sfv2 .v2-seg{ display: inline-flex; padding: 4px; border-radius: 999px; background: #fff; border: 1px solid var(--line-strong); font-weight: 600; font-size: 14px; }
.sfv2 .v2-seg span{ padding: 8px 18px; border-radius: 999px; color: var(--muted); }
.sfv2 .v2-seg span.v2-on{ background: var(--ink); color: #fff; }
.sfv2 .v2-url{ width: 100%; max-width: 440px; display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--line-strong); border-radius: 999px; padding: 6px 6px 6px 16px; }
.sfv2 .v2-url .v2-u{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; color: var(--ink); }
.sfv2 .v2-url .v2-u span{ color: var(--muted); }
.sfv2 .v2-url .v2-copy{ background: var(--accent); color: #fff; font-weight: 600; font-size: 13px; border-radius: 999px; padding: 6px 14px; flex-shrink: 0; }
.sfv2 .v2-zero{ text-align: center; }
.sfv2 .v2-zero .v2-z{ display: block; font-family: var(--font-head); font-weight: 700; font-size: 76px; line-height: .9; letter-spacing: -0.05em; background-image: var(--brand); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sfv2 .v2-zero .v2-zl{ font-size: 13px; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.sfv2 .v2-cta-band{ position: relative; overflow: hidden; border-radius: 16px; background: var(--ink); color: #E5E7EB; padding: 48px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }
.sfv2 .v2-cta-band h2{ color: #fff; font-size: 30px; margin-bottom: 8px; }
.sfv2 .v2-cta-band::before{ content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: var(--brand); }
.sfv2 .v2-cta-band .v2-btn-primary{ background: #fff; color: var(--ink); }
.sfv2 .v2-cta-band .v2-btn-primary:hover{ background: #F3F4F6; color: var(--ink); }
/* Themenregister statt Sammlungsauswahl */
.sfv2 .v2-reg{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 48px; border-top: 1px solid var(--line); }
.sfv2 a.v2-reg-item{ position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 16px; padding: 22px 0; border-bottom: 1px solid var(--line); color: var(--text); }
.sfv2 a.v2-reg-item::after{ content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; background: var(--brand); transition: width .25s; }
.sfv2 a.v2-reg-item:hover::after{ width: 100%; }
.sfv2 .v2-reg-name{ font-family: var(--font-head); font-weight: 700; font-size: 28px; letter-spacing: -0.03em; line-height: 1.1; color: var(--ink); }
.sfv2 .v2-reg-sub{ grid-column: 1; font-size: 14px; color: var(--muted); }
.sfv2 .v2-reg-go{ grid-row: 1 / span 2; grid-column: 2; font-family: var(--font-head); font-size: 24px; color: var(--line-strong); transition: color .2s, transform .2s; }
.sfv2 a.v2-reg-item:hover .v2-reg-go{ color: var(--accent); transform: translateX(4px); }
.sfv2 .v2-mock-dom{ width: 76px; height: 50px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-weight: 700; font-size: 18px; color: var(--accent); background: var(--accent-soft); }
@media screen and (max-width: 960px){
  .sfv2 .v2-hero-grid{ grid-template-columns: 1fr; gap: 40px; }
  .sfv2 .v2-flow{ grid-template-columns: 1fr; gap: 40px; }
  .sfv2 .v2-flow::before{ display: none; }
  .sfv2 .v2-bento{ grid-template-columns: 1fr 1fr; }
  .sfv2 .v2-tile-f,.sfv2 .v2-tile-f.v2-wide,.sfv2 .v2-tile-f.v2-narrow{ grid-column: span 1; }
}
@media screen and (max-width: 640px){
  .sfv2 .v2-hero{ padding: 48px 0; }
  .sfv2 .v2-hero h1{ font-size: 34px; }
  .sfv2 .v2-cta-band{ padding: 28px; }
  .sfv2 .v2-bento{ grid-template-columns: 1fr; }
  .sfv2 .v2-reg{ grid-template-columns: 1fr; }
  .sfv2 .v2-reg-name{ font-size: 24px; }
  .sfv2 .v2-num{ font-size: 48px; }
}

/* ===== Sammlungsseite und Bookmark-Karten ===== */
/* siteface v2: Sammlungsseite und Bookmark-Karten (nur aktiv mit html.sf-v2) */
html.sf-v2 body:not(:has(.sfv2-new)){ background: #F9FAFB !important; }
html.sf-v2 .sf-coll-v5-3{ background: #F9FAFB !important; background-image: none !important; color: #374151; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; }
html.sf-v2 .sf-coll-v5-3 *{ font-family: inherit !important; text-shadow: none !important; }

/* Kopfbereich der Sammlung */
html.sf-v2 .sf-hero-band{ background: #FFFFFF !important; background-image: none !important; border-bottom: 1px solid #E5E7EB !important; color: #111827 !important; padding: 48px 0 36px !important; min-height: 0 !important; }
html.sf-v2 .sf-hero-band::before, html.sf-v2 .sf-hero-band::after{ display: none !important; }
html.sf-v2 .sf-hero-inner{ max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; text-align: left !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
html.sf-v2 .sf-hero-title{ order: 1; font-size: 40px !important; line-height: 1.15 !important; color: #111827 !important; font-weight: 700 !important; letter-spacing: -0.015em !important; text-align: left !important; }
html.sf-v2 .sf-hero-meta{ order: 2; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
html.sf-v2 .sf-hero-meta, html.sf-v2 .sf-hero-meta *{ color: #6B7280 !important; font-size: 14px !important; font-weight: 500 !important; }
html.sf-v2 .sf-hero-desc{ order: 3; color: #374151 !important; font-size: 17px !important; line-height: 1.6 !important; max-width: 720px !important; text-align: left !important; }
html.sf-v2 .sf-hero-actions{ order: 4; justify-content: flex-start !important; margin-top: 8px !important; gap: 8px !important; }
html.sf-v2 .sf-icon-action{ background: #FFFFFF !important; background-image: none !important; color: #111827 !important; border: 1px solid #D1D5DB !important; border-radius: 8px !important; box-shadow: none !important; backdrop-filter: none !important; min-height: 40px !important; }
html.sf-v2 .sf-icon-action *{ color: inherit !important; stroke: currentColor; }
html.sf-v2 .sf-icon-action.is-primary{ background: #8B3DE0 !important; border-color: #8B3DE0 !important; color: #FFFFFF !important; }
html.sf-v2 .sf-icon-action:hover{ border-color: #111827 !important; }
html.sf-v2 .sf-icon-action.is-primary:hover{ background: #7A2BD6 !important; border-color: #7A2BD6 !important; }

/* Inhalt */
html.sf-v2 .sf-main-container{ max-width: 1200px !important; margin: 0 auto !important; padding: 28px 24px 64px !important; background: none !important; }
html.sf-v2 .sf-toolbar{ background: none !important; box-shadow: none !important; border: 0 !important; margin-bottom: 16px !important; }

/* Karten */
html.sf-v2 .bookmarks-box{ background: #FFFFFF !important; background-image: none !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; box-shadow: none !important; overflow: hidden !important; transition: border-color .15s, box-shadow .15s !important; }
html.sf-v2 .bookmarks-box:hover{ border-color: #D1D5DB !important; box-shadow: 0 4px 16px rgba(17,24,39,0.06) !important; transform: none !important; }
html.sf-v2 .bookmarks-image{ border-radius: 0 !important; margin: 0 !important; background: #F7F2FF !important; background-image: none !important; box-shadow: none !important; }
html.sf-v2 .bookmarks-image .fallback-domain{ color: #8B3DE0 !important; text-shadow: none !important; font-family: "Space Grotesk", system-ui, sans-serif !important; font-weight: 700 !important; opacity: 1 !important; }
html.sf-v2 .media-type-badge{ background: #FFFFFF !important; color: #374151 !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; border-radius: 999px !important; }
html.sf-v2 .bookmarks-text{ padding: 16px 18px 6px !important; }
html.sf-v2 .source-domain{ color: #6B7280 !important; font-size: 12px !important; letter-spacing: 0.04em !important; }
html.sf-v2 .source-domain::before{ display: none !important; }
html.sf-v2 .bookmarks-text h3{ color: #111827 !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.35 !important; }
html.sf-v2 .description-clamp{ color: #4B5563 !important; font-size: 14px !important; line-height: 1.55 !important; }
html.sf-v2 .bookmarks-footer{ padding: 10px 18px 16px !important; border-top: 0 !important; background: none !important; }
html.sf-v2 .btn-main-action{ background: #FFFFFF !important; background-image: none !important; color: #111827 !important; border: 1px solid #D1D5DB !important; border-radius: 8px !important; box-shadow: none !important; }
html.sf-v2 .btn-main-action *{ color: inherit !important; }
html.sf-v2 .btn-main-action:hover{ border-color: #111827 !important; }
html.sf-v2 .btn-icon-only, html.sf-v2 .sf-overflow-btn{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 8px !important; box-shadow: none !important; color: #374151 !important; }

/* Tote Links */
html.sf-v2 .sf-tot .bookmarks-image{ filter: none !important; }
html.sf-v2 .sf-tot-badge{ background: #FEF3F2 !important; color: #B42318 !important; border-color: #FECDCA !important; }
html.sf-v2 .sf-tot .btn-main-action{ color: #B42318 !important; border-color: #FDA29B !important; }

@media screen and (max-width: 640px){
  html.sf-v2 .sf-hero-band{ padding: 32px 0 24px !important; }
  html.sf-v2 .sf-hero-title{ font-size: 28px !important; }
  html.sf-v2 .sf-main-container{ padding: 20px 16px 48px !important; }
}

/* v2 Feinschliff: Schrift, Kurator, Kopfbild, Bildregeln */
html.sf-v2 .sf-hero-title{ font-family: "Space Grotesk", system-ui, sans-serif !important; letter-spacing: -0.02em !important; }
html.sf-v2 .sf-hero-band{ position: relative; }
html.sf-v2 .sf-hero-band .v2-hero-grid{ display: grid; grid-template-columns: minmax(0,1fr) 400px; gap: 48px; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
html.sf-v2 .sf-hero-band .v2-hero-grid .sf-hero-inner{ padding: 0 !important; max-width: none !important; margin: 0 !important; }
html.sf-v2 .v2-hero-img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 12px; border: 1px solid #E5E7EB; background: #F7F2FF; box-shadow: 0 20px 50px rgba(139,61,224,0.14); }
html.sf-v2 .v2-kurator{ order: 2; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #6B7280; flex-wrap: wrap; }
html.sf-v2 .v2-kurator .v2-ava{ width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg,#FE3C7E,#B058F0 60%,#61AAFF); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
html.sf-v2 .v2-kurator a{ color: #111827 !important; font-weight: 600; }
html.sf-v2 .v2-kurator .v2-dot{ color: #D1D5DB; }
html.sf-v2 .v2-hinweis{ order: 3; font-size: 15px; color: #6B7280; max-width: 640px; }
html.sf-v2 .v2-hinweis button{ all: unset; cursor: pointer; color: #8B3DE0; font-weight: 600; }
html.sf-v2 .v2-hinweis button:hover{ color: #7A2BD6; text-decoration: underline; }
html.sf-v2 .bookmarks-image.v2-tile img{ display: none !important; }
html.sf-v2 .bookmarks-image.v2-tile{ background: #F7F2FF !important; display: flex !important; align-items: center; justify-content: center; aspect-ratio: 16/9; }
html.sf-v2 .bookmarks-image.v2-tile .fallback-domain{ display: block !important; position: static !important; font-family: "Space Grotesk", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 20px !important; color: #8B3DE0 !important; opacity: 1 !important; transform: none !important; }
html.sf-v2 img.bookmark-list-image.v2-img-contain{ object-fit: contain !important; background: #F7F2FF !important; padding: 12px !important; }
@media screen and (max-width: 900px){
  html.sf-v2 .sf-hero-band .v2-hero-grid{ grid-template-columns: 1fr; gap: 24px; }
  html.sf-v2 .v2-hero-img{ max-width: 520px; }
}

/* ===== Uebersichten, Detail, Anmelden, Registrieren, Profil ===== */
/* siteface v2: Uebersichten, Detail, Anmelden, Registrieren, Profil (nur aktiv mit html.sf-v2) */
html.sf-v2 body:not(:has(.sfv2-new)){ background: #F9FAFB !important; background-image: none !important; }
html.sf-v2 .sf-layout, html.sf-v2 .sf-main, html.sf-v2 .sf-container-fluid{ background: transparent !important; background-image: none !important; }
html.sf-v2 body::before, html.sf-v2 body::after, html.sf-v2 .sf-layout::before, html.sf-v2 .sf-layout::after{ display: none !important; }

/* ---------- Sammlungsuebersicht (/collections/) ---------- */
html.sf-v2 .sf-typo-hero{ padding: 48px 0 8px !important; text-align: left !important; }
html.sf-v2 .sf-typo-hero h1{ font-family: "Space Grotesk", system-ui, sans-serif !important; font-size: 44px !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #111827 !important; background: none !important; -webkit-text-fill-color: #111827 !important; margin: 0 0 10px !important; }
html.sf-v2 .sf-typo-hero p{ color: #4B5563 !important; font-size: 17px !important; max-width: 640px !important; }
html.sf-v2 .sf-toolbar-floating{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html.sf-v2 .sf-tab{ border-radius: 999px !important; color: #374151 !important; background: transparent !important; box-shadow: none !important; font-weight: 600 !important; }
html.sf-v2 .sf-tab.active, html.sf-v2 .sf-tab.is-active, html.sf-v2 .sf-tab[aria-current="page"]{ background: #111827 !important; color: #FFFFFF !important; }
html.sf-v2 .sf-search-form{ background: #F9FAFB !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; }
html.sf-v2 .sf-section-title{ font-family: "Space Grotesk", system-ui, sans-serif !important; color: #111827 !important; font-size: 22px !important; letter-spacing: -0.01em !important; }
html.sf-v2 .sf-card{ background: #FFFFFF !important; background-image: none !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; box-shadow: none !important; transform: none !important; backdrop-filter: none !important; }
html.sf-v2 .sf-card:hover{ border-color: #D1D5DB !important; box-shadow: 0 6px 20px rgba(139,61,224,0.10) !important; }
html.sf-v2 .sf-card-img{ border-radius: 0 !important; background: #F7F2FF !important; }
html.sf-v2 .sf-card-body h3{ color: #111827 !important; font-size: 17px !important; font-weight: 650 !important; }
html.sf-v2 .sf-card-meta{ color: #6B7280 !important; }
html.sf-v2 .v2-ini{ display: flex !important; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16/9; background: #F7F2FF; color: #8B3DE0; font-family: "Space Grotesk", system-ui, sans-serif; font-weight: 700; font-size: 44px; letter-spacing: -0.03em; }
html.sf-v2 .sf-card.v2-hat-ini{ position: relative !important; }
html.sf-v2 .sf-card.v2-hat-ini .sf-card-img{ position: absolute !important; top: 0 !important; left: 0 !important; width: 2px !important; height: 2px !important; opacity: 0 !important; }
html.sf-v2 .v2-weg{ display: none !important; }

/* ---------- Fundstuecke (/bookmarks/) ---------- */
html.sf-v2 .sf-feed-header{ padding: 48px 0 16px !important; background: none !important; text-align: left !important; }
html.sf-v2 .sf-feed-header .sf-hero-title{ font-family: "Space Grotesk", system-ui, sans-serif !important; font-size: 44px !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #111827 !important; background: none !important; -webkit-text-fill-color: #111827 !important; }
html.sf-v2 .sf-hero-sub{ color: #4B5563 !important; font-size: 17px !important; }
html.sf-v2 .sf-toolbar .sf-tabs{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; }
html.sf-v2 .bookmarks-comment-card{ background: #F9FAFB !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; border-radius: 10px !important; }

/* ---------- Bookmark-Detail (/bookmark/...) ---------- */
html.sf-v2 .sf-hero{ background: #FFFFFF !important; background-image: none !important; border-bottom: 1px solid #E5E7EB !important; color: #111827 !important; min-height: 0 !important; padding: 40px 0 32px !important; }
html.sf-v2 .sf-hero::before, html.sf-v2 .sf-hero::after{ display: none !important; }
html.sf-v2 .sf-hero .sf-hero-inner{ max-width: 1200px !important; margin: 0 auto !important; padding: 0 24px !important; text-align: left !important; align-items: flex-start !important; }
html.sf-v2 .sf-hero .sf-hero-title{ font-family: "Space Grotesk", system-ui, sans-serif !important; color: #111827 !important; font-size: 36px !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; text-align: left !important; text-shadow: none !important; background: none !important; -webkit-text-fill-color: #111827 !important; }
html.sf-v2 .sf-nav-top{ justify-content: flex-start !important; }
html.sf-v2 .sf-back{ background: none !important; border: 0 !important; color: #6B7280 !important; padding: 0 !important; box-shadow: none !important; backdrop-filter: none !important; font-weight: 600 !important; }
html.sf-v2 .sf-back:hover{ color: #111827 !important; }
html.sf-v2 .sf-meta-source{ justify-content: flex-start !important; }
html.sf-v2 .sf-host{ background: #F7F2FF !important; color: #8B3DE0 !important; border: 0 !important; border-radius: 999px !important; padding: 3px 10px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; }
html.sf-v2 .sf-container{ background: none !important; }
html.sf-v2 .sf-grid{ margin-top: 28px !important; }
html.sf-v2 .sf-sticky-col .sf-card{ padding: 0 !important; overflow: hidden !important; }
html.sf-v2 .sf-img-box{ border-radius: 0 !important; background: #F7F2FF !important; }
html.sf-v2 .sf-mini-title{ color: #111827 !important; font-size: 18px !important; padding: 0 18px !important; }
html.sf-v2 .sf-desc{ color: #4B5563 !important; padding: 0 18px !important; }
html.sf-v2 .sf-btn-visit{ background: #8B3DE0 !important; background-image: none !important; color: #FFFFFF !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; margin-left: 18px !important; margin-right: 18px !important; }
html.sf-v2 .sf-btn-visit:hover{ background: #7A2BD6 !important; }
html.sf-v2 .sf-socials{ padding: 0 18px 18px !important; }
html.sf-v2 .sf-socials .icon-link{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 8px !important; box-shadow: none !important; color: #374151 !important; }
html.sf-v2 .sf-discussion{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; box-shadow: none !important; }
html.sf-v2 .sf-mob-btn{ background: #FFFFFF !important; background-image: none !important; border: 1px solid #E5E7EB !important; border-radius: 8px !important; box-shadow: none !important; color: #374151 !important; backdrop-filter: none !important; }
html.sf-v2 .sf-mob-btn.highlight{ background: #8B3DE0 !important; border-color: #8B3DE0 !important; color: #FFFFFF !important; }
html.sf-v2 .sf-mob-btn svg{ stroke: currentColor !important; }
html.sf-v2 .sf-discussion h2{ font-family: "Space Grotesk", system-ui, sans-serif !important; color: #111827 !important; }

/* ---------- Anmelden (/login/) ---------- */
html.sf-v2 body:has(.login-wrapper) .sfv2-kopf-wrap, html.sf-v2 body:has(.split-registration-container) .sfv2-kopf-wrap{ display: none !important; }
html.sf-v2 .login-wrapper{ background: #F9FAFB !important; background-image: none !important; }
html.sf-v2 .login-wrapper::before, html.sf-v2 .login-wrapper::after{ display: none !important; }
html.sf-v2 .login-bg-circle{ display: none !important; }
html.sf-v2 .login-wrapper > *:not(.login-card):not(.login-back){ display: none !important; }
html.sf-v2 .login-back{ color: #6B7280 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html.sf-v2 .login-card{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(139,61,224,0.10) !important; overflow: hidden !important; position: relative !important; backdrop-filter: none !important; }
html.sf-v2 .login-card::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,#FE3C7E 0%,#B058F0 55%,#61AAFF 100%); }
html.sf-v2 .login-header h1{ font-family: "Space Grotesk", system-ui, sans-serif !important; color: #111827 !important; letter-spacing: -0.02em !important; }
html.sf-v2 .btn-social, html.sf-v2 .btn-google{ background: #FFFFFF !important; border: 1px solid #D1D5DB !important; color: #111827 !important; border-radius: 8px !important; box-shadow: none !important; font-weight: 600 !important; }
html.sf-v2 .btn-social:hover, html.sf-v2 .btn-google:hover{ border-color: #111827 !important; }
html.sf-v2 .login-form .input-field, html.sf-v2 .sf-input{ border: 1px solid #D1D5DB !important; border-radius: 8px !important; background: #FFFFFF !important; box-shadow: none !important; }
html.sf-v2 .login-form .input-field:focus, html.sf-v2 .sf-input:focus{ border-color: #8B3DE0 !important; box-shadow: 0 0 0 3px #F7F2FF !important; outline: none !important; }
html.sf-v2 .btn-submit{ background: #8B3DE0 !important; background-image: none !important; color: #FFFFFF !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; font-weight: 600 !important; }
html.sf-v2 .btn-submit:hover{ background: #7A2BD6 !important; }
html.sf-v2 .form-footer a, html.sf-v2 .login-footer a{ color: #8B3DE0 !important; }

/* ---------- Registrieren (/signup/) ---------- */
html.sf-v2 .split-registration-container{ box-shadow: 0 20px 50px rgba(139,61,224,0.10) !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; overflow: hidden !important; }
html.sf-v2 .promo-panel{ background: #111827 !important; background-image: none !important; position: relative !important; }
html.sf-v2 .promo-panel::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,#FE3C7E 0%,#B058F0 55%,#61AAFF 100%); }
html.sf-v2 .promo-title{ font-family: "Space Grotesk", system-ui, sans-serif !important; text-transform: none !important; letter-spacing: -0.02em !important; font-size: 30px !important; line-height: 1.15 !important; color: #FFFFFF !important; }
html.sf-v2 .promo-text{ color: #D1D5DB !important; }
html.sf-v2 .form-header h2{ font-family: "Space Grotesk", system-ui, sans-serif !important; color: #111827 !important; letter-spacing: -0.02em !important; }

/* ---------- Profil (/user/name/) ---------- */
html.sf-v2 .sf-card-canva{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 12px !important; box-shadow: none !important; }
html.sf-v2 .sf-card-canva .sf-card-title{ color: #111827 !important; }

@media screen and (max-width: 640px){
  html.sf-v2 .sf-typo-hero h1, html.sf-v2 .sf-feed-header .sf-hero-title{ font-size: 32px !important; }
  html.sf-v2 .sf-hero .sf-hero-title{ font-size: 26px !important; }
  html.sf-v2 .promo-title{ font-size: 24px !important; }
}

/* ===== App-Kopf, Seitenleiste, Handy-Leiste, Gast-Kopf ===== */
/* App-Kopf, Seitenleiste und Handy-Leiste (alle App-Seiten) */
html.sf-v2 body:has(.app-header) .sfv2-kopf-wrap{ display: none !important; }
html.sf-v2 .app-header{ border-bottom: 1px solid #E5E7EB !important; box-shadow: none !important; }
html.sf-v2 .app-header::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg,#FE3C7E 0%,#B058F0 55%,#61AAFF 100%); }
html.sf-v2 .header-brand{ font-family: "Space Grotesk", system-ui, sans-serif !important; color: #111827 !important; letter-spacing: -0.02em !important; }
html.sf-v2 .app-header .nav-item{ color: #374151 !important; border-radius: 8px !important; }
html.sf-v2 .app-header .nav-item.active{ background: #F7F2FF !important; color: #8B3DE0 !important; }
html.sf-v2 .app-header .btn-create{ background: #8B3DE0 !important; background-image: none !important; color: #FFFFFF !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; }
html.sf-v2 .app-header .btn-create:hover{ background: #7A2BD6 !important; }
html.sf-v2 .app-header .btn-secondary{ background: #FFFFFF !important; color: #111827 !important; border: 1px solid #D1D5DB !important; border-radius: 8px !important; box-shadow: none !important; }
html.sf-v2 .dash-sidebar{ background: #FFFFFF !important; background-image: none !important; border-right: 1px solid #E5E7EB !important; }
html.sf-v2 .dash-sidebar, html.sf-v2 .dash-sidebar span, html.sf-v2 .dash-sidebar a{ color: #374151 !important; }
html.sf-v2 .dash-sidebar .sb-profile-name{ color: #111827 !important; font-family: "Space Grotesk", system-ui, sans-serif !important; font-weight: 700 !important; }
html.sf-v2 .dash-sidebar .sb-section-title{ color: #6B7280 !important; }
html.sf-v2 .dash-sidebar .sb-profile-initials{ background: linear-gradient(135deg,#FE3C7E,#B058F0 60%,#61AAFF) !important; color: #FFFFFF !important; box-shadow: none !important; }
html.sf-v2 .dash-sidebar a:hover{ background: #F7F2FF !important; color: #8B3DE0 !important; }
html.sf-v2 .sf-mhero{ background: #FFFFFF !important; background-image: none !important; color: #111827 !important; border-bottom: 1px solid #E5E7EB !important; }
html.sf-v2 .sf-mhero::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg,#FE3C7E 0%,#B058F0 55%,#61AAFF 100%); }
html.sf-v2 .sf-mhero-icon{ background: #F7F2FF !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-radius: 10px !important; }
html.sf-v2 .sf-mhero-icon svg{ color: #8B3DE0 !important; stroke: #8B3DE0 !important; opacity: 1 !important; }
html.sf-v2 .sf-mhero-title{ color: #111827 !important; text-shadow: none !important; font-family: "Space Grotesk", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 16px !important; }
html.sf-v2 .sf-mhero-sub{ color: #6B7280 !important; font-weight: 500 !important; opacity: 1 !important; }
html.sf-v2 .sf-mhero-action{ background: #FFFFFF !important; border-left: 1px solid #E5E7EB !important; }
html.sf-v2 .sf-mhero-action svg{ color: #111827 !important; stroke: #111827 !important; }
html.sf-v2 .mobile-nav .m-nav-item.active{ color: #8B3DE0 !important; }
html.sf-v2 .m-nav-create{ background: #8B3DE0 !important; box-shadow: 0 4px 12px rgba(139,61,224,0.30) !important; }
html.sf-v2-gast .sf-global-header,html.sf-v2-gast .sf-top-promo{display:none!important} html.sf-v2-gast body:not(:has(.app-header)){padding-top:0!important;margin:0!important}

/* ===== Passwort vergessen (/forgotPassword/) ===== */
html.sf-v2 .forgot-password-section{ background: #F9FAFB !important; background-image: none !important; }
html.sf-v2 .forgot-password-section::before, html.sf-v2 .forgot-password-section::after{ display: none !important; }
html.sf-v2 .auth-card{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(139,61,224,0.10) !important; position: relative !important; overflow: hidden !important; backdrop-filter: none !important; }
html.sf-v2 .auth-card::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,#FE3C7E 0%,#B058F0 55%,#61AAFF 100%); }
html.sf-v2 .auth-card h1{ font-family: "Space Grotesk", system-ui, sans-serif !important; color: #111827 !important; letter-spacing: -0.02em !important; background: none !important; -webkit-text-fill-color: #111827 !important; }
html.sf-v2 .auth-card .info-text{ color: #4B5563 !important; }
html.sf-v2 .forgot-form .input-field{ border: 1px solid #D1D5DB !important; border-radius: 8px !important; background: #FFFFFF !important; box-shadow: none !important; }
html.sf-v2 .forgot-form .input-field:focus{ border-color: #8B3DE0 !important; box-shadow: 0 0 0 3px #F7F2FF !important; outline: none !important; }
html.sf-v2 .btn-outline{ background: #FFFFFF !important; color: #111827 !important; border: 1px solid #D1D5DB !important; border-radius: 8px !important; box-shadow: none !important; }
html.sf-v2 .login-link-wrapper a{ color: #8B3DE0 !important; }
html.sf-v2 .close-view{ background: #FFFFFF !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; color: #374151 !important; }

/* ===== Passwort zuruecksetzen (Link aus der Mail) ===== */
html.sf-v2 .split-container{ border: 1px solid #E5E7EB !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(139,61,224,0.10) !important; overflow: hidden !important; }
html.sf-v2 .side-panel{ background: #111827 !important; background-image: none !important; position: relative !important; }
html.sf-v2 .side-panel::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,#FE3C7E 0%,#B058F0 55%,#61AAFF 100%); }
html.sf-v2 .side-title{ font-family: "Space Grotesk", system-ui, sans-serif !important; text-transform: none !important; letter-spacing: -0.02em !important; color: #FFFFFF !important; }
html.sf-v2 .side-text{ color: #D1D5DB !important; }
html.sf-v2 .btn-action{ background: #8B3DE0 !important; background-image: none !important; color: #FFFFFF !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; }
html.sf-v2 .btn-action:hover{ background: #7A2BD6 !important; }
html.sf-v2 .btn-action.secondary{ background: #FFFFFF !important; color: #111827 !important; border: 1px solid #D1D5DB !important; }

/* ===== Fusszeile auf Unterseiten (Gaeste) ===== */
html.sf-v2 .sfv2-fuss-wrap{ margin-top: 48px; }