/* Referenzen: Feinschliff aus styles/gold/baskerville.css (nach cases-section.css laden) */
body, .ws-h-h1, .ws-h-h2, .dz-h, .dz-title, .cases-h, .ps-h, .ws-faq h2, .ws-final h2, .ws-footer-h, .cmp .h2 {
  font-family: 'Libre Baskerville', Georgia, serif;
}

.dz-h, .cases-h, .ps-h, .cmp .h2, .ws-faq h2, .ws-final h2, .ws-footer-h { line-height: 1.08; letter-spacing: -0.01em; text-transform: none; }

/* Akzentuierung läuft über Kursiv statt über Versalien */
.ws-h-h1-mark, .dz-h .red, .cases-h .red, .ps-h .red, .ws-footer-h-red, .ws-h-h2-gold {
  font-style: italic;
}

.dz-lede, .cases-sub strong, .dz-sub strong, .ein-body strong, .ps-sub strong { font-style: italic; font-weight: 400; }

/* Mono-Labels: Serife wirkt in Versalien zu schwer, daher kleiner und weiter */
.ws-h-eyebrow, .ws-h-stat-eye, .ws-h-press-eye, .dz-eye, .dz-num, .dz-foot, .cases-eye, .ps-eyebrow,
.ws-top, .ws-bot, .ws-topnav-link, .ws-topnav-lang-btn, .card-pill, .stat-k, .t-eyebrow, .t-gate, .stub-label, .stub-gate {
  font-family: 'Libre Baskerville', Georgia, serif;
  letter-spacing: 0.12em;
  font-size: 10.5px;
}

/* Case-Namen: Serife baut breiter, Namen dürfen nicht abgeschnitten werden */
.card-name { font-size: clamp(13px, 1.5vw, 17px); letter-spacing: -0.01em; text-overflow: ellipsis; }

.card-name span { display: block; overflow: hidden; text-overflow: ellipsis; }

/* Kleine Akzenttexte auf hellem Grund: dunklere Messingstufe */
.dz-eye, .dz-num, .dz-foot .red, .ps-eyebrow, .cases-eye, #compare .eyebrow, #compare #qcat,
#compare .ans.r .tag b, #compare #rNum, #compare .mk, .ws-h-eyebrow, .stat-k,
.t-gate b, .t-meta .v.red, .sched-min, .arc-meter .red, .ws-h-press-eye {
  color: var(--accent-text);
}

/* Akzent als Text immer über die Textstufe, unabhängig von der Größe */
.ws-h-h2-gold, .dz-h .red, .cases-h .red, .ps-h .red, .ws-h-dotred, .ws-footer-h-red,
.ws-top .red, .cmp .h2 .red, .t-meta .v.red, .sched-min small {
  color: var(--accent-text);
}

/* ===== Liquid Glass Buttons — Variante 08 (1:1 aus Glass Buttons.dc.html) ===== */
.ws-topnav-cta, .ws-h-btn-primary, .ws-final a, .cases-ctas .cta, .ps-cta, .t-cta, .ws-footer-cta {
  position: relative; isolation: isolate; border: 0;
  padding: 10px 12px 10px 26px;
  background: rgba(255,255,255,0.10) !important;
  color: var(--fg) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.6); backdrop-filter: blur(22px) saturate(1.6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 0 0 1px rgba(191,174,134,0.35), inset 0 -1px 0 rgba(0,0,0,0.25), 0 18px 40px -22px rgba(0,0,0,0.9);
  transition: background .35s, box-shadow .55s, color .35s, transform .35s cubic-bezier(.2,.8,.2,1);
}

.ws-topnav-cta:hover, .ws-h-btn-primary:hover, .ws-final a:hover, .cases-ctas .cta:hover, .ps-cta:hover, .t-cta:hover, .ws-footer-cta:hover {
  background: rgba(191,174,134,0.16) !important; color: var(--fg) !important; transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 0 0 1px rgba(216,190,147,0.95), inset 0 -1px 0 rgba(0,0,0,0.2), 0 0 36px -6px rgba(191,174,134,0.5), 0 26px 60px -26px rgba(0,0,0,1);
}

.ws-topnav-cta:active, .ws-h-btn-primary:active, .ws-final a:active, .cases-ctas .cta:active, .ps-cta:active, .t-cta:active, .ws-footer-cta:active {
  transform: translateY(0) scale(.975);
  box-shadow: inset 0 0 0 1px rgba(191,174,134,0.7), inset 0 3px 10px rgba(0,0,0,0.45);
}

html[data-theme='dark'] .ws-topnav-cta, html[data-theme='dark'] .ws-h-btn-primary, html[data-theme='dark'] .ws-final a, html[data-theme='dark'] .cases-ctas .cta, html[data-theme='dark'] .ps-cta, html[data-theme='dark'] .t-cta, html[data-theme='dark'] .ws-footer-cta { color: #FAFAF7 !important; }

html[data-theme='dark'] .ws-topnav-cta:hover, html[data-theme='dark'] .ws-h-btn-primary:hover, html[data-theme='dark'] .ws-final a:hover, html[data-theme='dark'] .cases-ctas .cta:hover, html[data-theme='dark'] .ps-cta:hover, html[data-theme='dark'] .t-cta:hover, html[data-theme='dark'] .ws-footer-cta:hover { color: #F3E7CC !important; }

@media (prefers-reduced-motion: reduce) {
  .ws-topnav-cta, .ws-h-btn-primary, .ws-final a, .cases-ctas .cta, .ps-cta, .t-cta, .ws-footer-cta { transition: none !important; }
}

.ws-h-cta-block, .ws-h-cta-row, .cases-ctas, .ps-closer-ctas, .ws-final-inner, .ws-footer-top { overflow: visible; }

/* Einheitlicher Abschnittsrhythmus: gleiche Polster oben und unten,
   damit zwischen zwei Abschnitten immer derselbe Abstand entsteht. */
#doktrin, #compare, #cases, #process, #build, #faq, #contact {
  padding-top: clamp(38px, 5vw, 60px);
  padding-bottom: clamp(38px, 5vw, 60px);
}

/* Founders-Pille sitzt auf dunkler Karte: helles Gold in beiden Modi */
.card-pill { color: var(--ws-gold) !important; border-color: rgba(191, 174, 134, 0.75) !important; }

/* ── Einheitliche Abschnitts-Eyebrow: goldene Linie + Versalien (Vorbild: „Die Lösung") ── */
.ws-eye, #compare .pb-eye, #build .st-ang-eye, #doktrin .st-ang-eye, #cases .cases-eye, .ws-proof-label, #whole-stack .ws-top .left, #process .rs-eye {
  display: inline-flex; align-items: center; gap: 10px; margin-top: 0; font-family: var(--font-mono); font-weight: 400;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-text); }

[data-theme='dark'] .ws-eye, [data-theme='dark'] #compare .pb-eye, [data-theme='dark'] #build .st-ang-eye, [data-theme='dark'] #doktrin .st-ang-eye,
[data-theme='dark'] #cases .cases-eye, [data-theme='dark'] .ws-proof-label, [data-theme='dark'] #whole-stack .ws-top .left { color: var(--ws-gold); }

.ws-eye::before, #process .rs-eye::before, #compare .pb-eye::before, #build .st-ang-eye::before, #doktrin .st-ang-eye::before, #cases .cases-eye::before, .ws-proof-label::before, #whole-stack .ws-top .left::before {
  content: ''; display: block; flex: none; width: 26px; height: 1px; border-radius: 0; background: var(--ws-gold); box-shadow: none; animation: none; }