/* ==========================================================================
   yesitis.me — Case-Study-Detailseiten
   Nur auf den drei Case-Study-Pages geladen (siehe functions.php).
   Gleiches Design-System wie die Startseite (Brick/Pixel-Buttons, Bevel-
   Rahmen #062226, Cyan/Magenta/Violett, ui-monospace für Headlines) — hier
   als eigenständiges, schlankeres Stylesheet, weil diese Seiten kein
   Scroll-Reveal/Nav-Spy/Case-Study-Snap brauchen, nur Video-Autoplay.
   ========================================================================== */

:root{
  --cs-bg:var(--rd-bg);
  --cs-cyan:var(--rd-cyan);
  --cs-magenta:var(--rd-magenta);
  --cs-violet:var(--rd-violet);
  --cs-text:var(--rd-text);
}

.cs-root{ background:var(--cs-bg); min-height:100vh; color:var(--cs-text); position:relative; overflow-x:clip; }
.cs-root *{ box-sizing:border-box; }
.cs-root img,.cs-root video{ max-width:100%; }
.cs-root a{ color:var(--cs-cyan); }
.cs-root a:hover{ color:#6FEEFB; }
.cs-root ::selection{ background:var(--cs-cyan); color:var(--cs-bg); }

body.page-template-default.cs-page-active{ background:var(--cs-bg); }

/* Altes Theme-Hintergrundbild raus, wie schon auf der Startseite */
.cs-page-active body::before,
body.cs-page-active::before{ display:none !important; }

/* ---- Top Bar ---- */
.cs-logo-fixed{ position:fixed; top:0; right:0; z-index:101; height:100px; width:100px; }
.cs-topbar{
  position:sticky; top:0; z-index:20; backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08); padding:20px 150px 20px 32px;
  display:flex; justify-content:space-between; align-items:center; background-color:#05051780;
}
.cs-root .cs-back-link{ font:600 13px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.65); text-decoration:none; display:flex; align-items:center; gap:8px; }
.cs-root .cs-back-link:hover{ color:var(--cs-cyan); }
.cs-topbar-name{ font:700 15px "Open Sans",sans-serif; color:var(--cs-text); }

/* ---- Hero ---- */
.cs-hero{ position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; }
.cs-hero video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; }
.cs-hero-scrim{ position:absolute; inset:0; background:linear-gradient(to top, rgba(5,5,23,.92) 0%, rgba(5,5,23,.35) 45%, rgba(5,5,23,.15) 100%); }
.cs-hero-content{ position:relative; z-index:2; padding:0 64px 32px; }
.cs-hero-meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:20px; }
.cs-status-badge{ font:600 12px "JetBrains Mono",ui-monospace,monospace; background:#0c0d0f; padding:4px 10px; border-radius:8px; text-transform:uppercase; letter-spacing:.05em; border:2px solid currentColor; }
.cs-hero-meta-text{ font:500 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.6); }
.cs-hero-dot{ color:rgba(245,243,238,.3); }
.cs-hero-title{ font:800 68px/1.05 "JetBrains Mono",ui-monospace,monospace; color:var(--cs-text); letter-spacing:-.02em; margin:0; max-width:920px; }

/* ---- Content Wrap ---- */
.cs-content{ max-width:1100px; margin:0 auto; padding:64px 64px 0; }
.cs-section{ border-top:1px solid rgba(255,255,255,.1); padding-top:56px; margin-bottom:96px; }
.cs-eyebrow{ font:700 12px "JetBrains Mono",ui-monospace,monospace; color:var(--cs-cyan); text-transform:uppercase; letter-spacing:.05em; margin-bottom:16px; }
.cs-h2{ font:800 30px/1.3 "JetBrains Mono",ui-monospace,monospace; color:var(--cs-text); margin:0 0 12px; }
.cs-lead{ font:400 15px/1.6 "Open Sans",sans-serif; color:rgba(245,243,238,.5); margin:0 0 32px; max-width:640px; }

/* ---- Intro-Grid (Text + Stat-Chip) ---- */
.cs-intro-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:start; margin-bottom:56px; }
.cs-intro-text{ font:400 17px/1.7 "Open Sans",sans-serif; color:rgba(245,243,238,.7); margin:0; }
.cs-intro-text strong{ color:var(--cs-text); }
.cs-stat-chip{ background:rgba(252,1,249,.06); border:1px solid rgba(252,1,249,.25); border-radius:12px; padding:22px 24px; text-align:center; }
.cs-stat-chip-num{ font:800 40px "JetBrains Mono",ui-monospace,monospace; color:var(--cs-magenta); line-height:1; }
.cs-stat-chip-label{ font:600 12px "Open Sans",sans-serif; color:rgba(245,243,238,.6); margin-top:8px; }

/* ---- Quick Facts / Glass Cards ---- */
.cs-glass-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-bottom:80px; }
.cs-glass-card{ background:rgba(255,255,255,.04); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:22px 24px; }
.cs-glass-card-label{ font:700 12px "JetBrains Mono",ui-monospace,monospace; color:var(--cs-cyan); text-transform:uppercase; letter-spacing:.05em; margin-bottom:10px; }
.cs-glass-card-before{ font:400 14px "Open Sans",sans-serif; color:rgba(245,243,238,.45); margin-bottom:4px; }
.cs-glass-card-after{ font:700 18px "Open Sans",sans-serif; color:var(--cs-text); }

/* ---- Ausgangslage: Text + Quote ---- */
.cs-ausgangslage-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:48px; align-items:start; }
.cs-ausgangslage-title{ font:700 20px/1.5 "JetBrains Mono",ui-monospace,monospace; color:var(--cs-text); margin:0 0 16px; }
.cs-ausgangslage-p{ font:400 15px/1.7 "Open Sans",sans-serif; color:rgba(245,243,238,.6); margin:0; }
.cs-quote-card{ background:rgba(23,226,246,.06); backdrop-filter:blur(12px); border:1px solid rgba(23,226,246,.25); border-radius:12px; padding:28px; }
.cs-quote-card p{ font:700 18px/1.5 "JetBrains Mono",ui-monospace,monospace; color:var(--cs-cyan); margin:0; }

/* ---- Break: Zitat / großes Statement ---- */
.cs-break-quote{ margin:0 -64px 96px; padding:64px; background:radial-gradient(ellipse at 30% 50%, rgba(252,1,249,.1) 0%, transparent 60%), rgba(255,255,255,.02); }
.cs-break-quote-inner{ max-width:1100px; margin:0 auto; display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.cs-break-quote-mark{ font:800 90px/1 "JetBrains Mono",ui-monospace,monospace; color:var(--cs-magenta); flex-shrink:0; }
.cs-break-quote-text{ font:700 26px/1.5 "JetBrains Mono",ui-monospace,monospace; color:var(--cs-text); margin:0; max-width:760px; }

/* ---- Chat-Mockup ---- */
.cs-chat-mock{ background:rgba(255,255,255,.04); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.1); border-radius:16px; overflow:hidden; max-width:760px; margin:0 auto; }
.cs-chat-mock-head{ display:flex; align-items:center; gap:8px; padding:16px 24px; border-bottom:1px solid rgba(255,255,255,.08); }
.cs-chat-dot{ width:8px; height:8px; border-radius:50%; background:rgba(245,243,238,.25); }
.cs-chat-mock-title{ font:600 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.4); margin-left:8px; }
.cs-chat-body{ padding:28px 24px; display:flex; flex-direction:column; gap:20px; }
.cs-chat-role{ font:700 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.35); text-transform:uppercase; letter-spacing:.05em; margin-bottom:8px; }
.cs-chat-user-text{ font:400 14px/1.6 "Open Sans",sans-serif; color:rgba(245,243,238,.85); font-style:italic; }
.cs-chat-bot-bubble{ background:#0c0d0f; border:1px solid rgba(255,255,255,.12); border-left:3px solid var(--cs-magenta); border-radius:8px; padding:18px 20px; }
.cs-chat-bot-plain{ background:#0c0d0f; border:1px solid rgba(255,255,255,.12); border-radius:8px; padding:16px 20px; font:400 14px/1.6 "Open Sans",sans-serif; color:rgba(245,243,238,.7); }
.cs-chat-tags{ display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.cs-chat-tag{ font:700 12px "JetBrains Mono",ui-monospace,monospace; padding:3px 9px; border-radius:6px; text-transform:uppercase; }
.cs-chat-tag--bug{ color:var(--cs-magenta); background:rgba(252,1,249,.1); border:1px solid rgba(252,1,249,.4); }
.cs-chat-tag--neutral{ color:rgba(245,243,238,.5); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); }
.cs-chat-bot-title{ font:700 15px "Open Sans",sans-serif; color:var(--cs-text); margin-bottom:14px; }
.cs-chat-sub-label{ font:700 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.35); text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
.cs-chat-sub-text{ font:400 14px/1.7 "Open Sans",sans-serif; color:rgba(245,243,238,.65); margin-bottom:14px; }
.cs-chat-confirm{ font:600 12px "JetBrains Mono",ui-monospace,monospace; color:var(--cs-cyan); }
.cs-chat-footnote{ font:400 12px "Open Sans",sans-serif; color:rgba(245,243,238,.35); font-style:italic; padding-top:4px; border-top:1px solid rgba(255,255,255,.08); }
.cs-chat-divider{ text-align:center; font:600 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.35); text-transform:uppercase; letter-spacing:.08em; padding:4px 0; }

/* ---- Tab-Viewer (Smart-Home Screenshots) ---- */
.cs-tab-viewer{ background:rgba(255,255,255,.04); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.1); border-radius:16px; overflow:hidden; }
.cs-tab-viewer-head{ display:flex; align-items:center; gap:8px; padding:16px 24px; border-bottom:1px solid rgba(255,255,255,.08); }
.cs-tab-viewer-title{ font:600 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.4); margin-left:8px; }
.cs-tabs{ display:flex; gap:4px; flex-wrap:wrap; padding:12px 24px 0; }
.cs-tab-btn{
  font:600 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.5); background:transparent; border:none;
  border-bottom:2px solid transparent; padding:10px 14px; cursor:pointer; transition:color .2s, border-color .2s;
}
.cs-tab-btn.is-active,.cs-tab-btn:hover{ color:var(--cs-cyan); border-color:var(--cs-cyan); }
.cs-tab-image-wrap{ max-height:520px; overflow-y:auto; background:#0c0d0f; }
.cs-tab-image-wrap img{ width:100%; display:block; }
.cs-tab-caption{ font:400 14px/1.6 "Open Sans",sans-serif; color:rgba(245,243,238,.5); padding:16px 24px 24px; margin:0; }

/* ---- Workflow Steps ---- */
.cs-steps-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px 24px; }
.cs-step-num{ width:36px; height:36px; border-radius:50%; background:#0c0d0f; border:2px solid var(--cs-cyan); color:var(--cs-cyan); font:700 14px "JetBrains Mono",ui-monospace,monospace; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.cs-step-title{ font:700 16px "Open Sans",sans-serif; color:var(--cs-text); margin-bottom:8px; }
.cs-step-desc{ font:400 14px/1.6 "Open Sans",sans-serif; color:rgba(245,243,238,.55); }

/* ---- Break: Stat Row ---- */
.cs-stat-row{ margin:0 -64px 96px; padding:56px 64px; background:linear-gradient(90deg, rgba(23,226,246,.07), rgba(252,1,249,.05)); border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.cs-stat-row-inner{ max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center; }
.cs-stat-num{ font:800 48px "JetBrains Mono",ui-monospace,monospace; line-height:1; }
.cs-stat-label{ font:600 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.55); margin-top:8px; text-transform:uppercase; letter-spacing:.04em; }

/* ---- KPI Table ---- */
.cs-kpi-table{ background:rgba(255,255,255,.04); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.1); border-radius:12px; overflow:hidden; margin-bottom:24px; }
.cs-kpi-row{ display:grid; grid-template-columns:1.4fr 1fr 1fr; padding:18px 24px; border-bottom:1px solid rgba(255,255,255,.06); align-items:center; }
.cs-kpi-head{ padding:16px 24px; border-bottom:1px solid rgba(255,255,255,.1); }
.cs-kpi-head-cell{ font:700 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.4); text-transform:uppercase; letter-spacing:.05em; }
.cs-kpi-head-cell--after{ color:var(--cs-cyan); }
.cs-kpi-label{ font:600 14px "Open Sans",sans-serif; color:var(--cs-text); }
.cs-kpi-before{ font:400 14px/1.5 "Open Sans",sans-serif; color:rgba(245,243,238,.5); }
.cs-kpi-after{ font:600 14px/1.5 "Open Sans",sans-serif; color:var(--cs-cyan); }
.cs-watch-list{ display:flex; flex-direction:column; gap:10px; margin-bottom:48px; }
.cs-watch-item{ display:flex; align-items:center; gap:8px; font:400 14px "Open Sans",sans-serif; color:rgba(245,243,238,.45); }
.cs-watch-dot{ width:6px; height:6px; border-radius:50%; background:var(--cs-cyan); flex-shrink:0; }
.cs-tech-tags{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:48px; }
.cs-tech-tag{ font:500 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.6); background:#0c0d0f; border:1px solid rgba(255,255,255,.15); padding:7px 14px; border-radius:8px; }
.cs-next-steps-p{ font:400 15px/1.7 "Open Sans",sans-serif; color:rgba(245,243,238,.6); margin:0; max-width:720px; }

/* ---- Brick-Buttons (identisch zur Startseite) ---- */
.cs-btn{
  font:700 13px "JetBrains Mono",ui-monospace,monospace; cursor:pointer; text-transform:uppercase; letter-spacing:.05em;
  border-radius:10px; border:3px solid #062226; padding:15px 28px 19px; display:inline-block; text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
}
.cs-root .cs-btn--primary{
  color:#062226;
  background:linear-gradient(135deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.02) 35%, rgba(255,255,255,0) 55%, rgba(255,255,255,.12) 100%), #1AE2F6;
  box-shadow: inset 0 2px 0 0 rgba(255,255,255,.5), inset 0 -8px 0 0 #0F9BAA, 5px 5px 0 0 var(--cs-magenta);
}
.cs-root .cs-btn--primary:hover{ transform:translate(3px,3px); box-shadow: inset 0 2px 0 0 rgba(255,255,255,.5), inset 0 -8px 0 0 #0F9BAA, 2px 2px 0 0 var(--cs-magenta); color:#062226; }
.cs-root .cs-btn--outline{
  color:#1AE2F6;
  background:linear-gradient(135deg, rgba(26,226,246,.16) 0%, rgba(26,226,246,.02) 35%, rgba(26,226,246,0) 55%, rgba(26,226,246,.1) 100%), #0c0d0f;
  box-shadow: inset 0 2px 0 0 rgba(26,226,246,.45), inset 0 -8px 0 0 rgba(26,226,246,.14), 0 0 14px rgba(26,226,246,.2), 5px 5px 0 0 var(--cs-violet);
}
.cs-root .cs-btn--outline:hover{ transform:translate(3px,3px); box-shadow: inset 0 2px 0 0 rgba(26,226,246,.45), inset 0 -8px 0 0 rgba(26,226,246,.14), 0 0 14px rgba(26,226,246,.2), 2px 2px 0 0 var(--cs-violet); color:#1AE2F6; }

/* ---- CTA Banner ---- */
.cs-cta-banner{ background:rgba(255,255,255,.04); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:40px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:96px; }
.cs-cta-title{ font:700 20px "Open Sans",sans-serif; color:var(--cs-text); margin-bottom:6px; }
.cs-cta-sub{ font:400 14px "Open Sans",sans-serif; color:rgba(245,243,238,.5); }
.cs-cta-buttons{ display:flex; gap:16px; flex-shrink:0; }

/* ---- Weitere Cases ---- */
.cs-more-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.cs-more-card{ position:relative; display:block; border-radius:12px; overflow:hidden; aspect-ratio:16/9; text-decoration:none; border:1px solid rgba(255,255,255,.1); }
.cs-more-card video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; image-rendering:pixelated; }
.cs-more-scrim{ position:absolute; inset:0; background:linear-gradient(to top, rgba(5,5,23,.9) 0%, rgba(5,5,23,.2) 55%, transparent 75%); }
.cs-more-content{ position:absolute; left:16px; right:16px; bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cs-more-title{ font:700 15px "Open Sans",sans-serif; color:var(--cs-text); }
.cs-more-cta{ font:600 12px "JetBrains Mono",ui-monospace,monospace; color:var(--cs-cyan); white-space:nowrap; }
.cs-more-pending{ font:600 12px "JetBrains Mono",ui-monospace,monospace; color:rgba(245,243,238,.4); white-space:nowrap; }

/* ---- Contact (identisch zur Startseite, eigenständig hier) ---- */
.cs-contact{ padding:120px 64px 100px; background-color:var(--cs-bg); }
.cs-contact-inner{ max-width:1100px; margin:0 auto; border-top:1px solid rgba(255,255,255,.1); padding-top:60px; }
.cs-contact-headline{ font:800 60px/1.15 "JetBrains Mono",ui-monospace,monospace; color:var(--cs-text); max-width:920px; margin-bottom:64px; letter-spacing:-.01em; margin-top:0; }
.cs-contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.cs-contact-photo{ position:relative; border-radius:10px; overflow:hidden; border:3px solid #062226; box-shadow: inset 0 2px 0 0 rgba(23,226,246,.35), inset 0 -8px 0 0 rgba(23,226,246,.12), 6px 6px 0 0 var(--cs-magenta); }
.cs-root .cs-back-to-top{ position:absolute; left:16px; bottom:16px; display:flex; align-items:center; gap:8px; font:600 12px "JetBrains Mono",ui-monospace,monospace; color:var(--cs-bg); background:var(--cs-cyan); padding:10px 16px; border-radius:24px; text-decoration:none; text-transform:uppercase; letter-spacing:.04em; }
.cs-channel{ display:flex; align-items:center; gap:16px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.12); text-decoration:none; }
.cs-channel-icon{ width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font:600 12px "Open Sans",sans-serif; color:var(--cs-cyan); flex-shrink:0; }

/* ---- Footer ---- */
.cs-footer{ border-top:1px solid rgba(255,255,255,.08); padding:32px 64px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:16px 32px; text-align:center; }
.cs-footer-name{ font:700 15px "Open Sans",sans-serif; color:var(--cs-text); }
.cs-footer-copy{ font:400 12px "Open Sans",sans-serif; color:rgba(245,243,238,.62); }
/* Audit 5.5: 17px hoher Text-Link -> Klickfläche per Padding + kompensierendem
   Negativ-Margin auf 44px anheben, ohne die Zeile optisch zu vergrößern. */
.cs-footer-copy a{ display:inline-block; padding:12px 4px; margin:-12px -4px; }

/* ---- Responsive ---- */
@media (max-width: 768px){
  .cs-logo-fixed{ display:none; }
  .cs-topbar{ padding:16px 20px; }
  .cs-back-link{ font-size:12px; }

  .cs-hero{ min-height:62vh; min-height:62dvh; }
  .cs-hero-content{ padding:0 20px 28px; }
  .cs-hero-title{ font-size:34px; line-height:1.1; }

  .cs-content{ padding:28px 20px 0; }
  .cs-section{ padding-top:32px; margin-bottom:40px; }
  .cs-h2{ font-size:22px; }
  .cs-lead{ font-size:13px; margin-bottom:20px; }

  .cs-intro-grid{ grid-template-columns:1fr; gap:20px; margin-bottom:32px; }
  .cs-intro-text{ font-size:14px; }
  .cs-glass-grid{ grid-template-columns:1fr; gap:12px; margin-bottom:40px; }

  .cs-ausgangslage-grid{ grid-template-columns:1fr; gap:20px; }
  .cs-ausgangslage-title{ font-size:17px; }
  .cs-ausgangslage-p{ font-size:13px; }
  .cs-quote-card{ padding:20px; }
  .cs-quote-card p{ font-size:15px; }

  .cs-break-quote{ margin:0 -20px 40px; padding:36px 20px; }
  .cs-break-quote-mark{ font-size:56px; }
  .cs-break-quote-text{ font-size:18px; }

  .cs-chat-body{ padding:20px 18px; gap:18px; }
  .cs-tab-image-wrap{ max-height:360px; }

  .cs-steps-grid{ grid-template-columns:1fr; gap:20px; }

  .cs-stat-row{ margin:0 -20px 40px; padding:36px 20px; }
  .cs-stat-row-inner{ grid-template-columns:1fr; gap:20px; }
  .cs-stat-num{ font-size:36px; }

  .cs-kpi-row,.cs-kpi-head{ grid-template-columns:1fr; gap:4px; padding:14px 16px; }
  .cs-kpi-head{ display:none; }
  .cs-kpi-label{ margin-bottom:4px; }
  .cs-kpi-before::before{ content:"Vorher: "; color:rgba(245,243,238,.3); }
  .cs-kpi-after::before{ content:"Nachher: "; color:rgba(245,243,238,.3); }

  .cs-cta-banner{ padding:28px 22px; flex-direction:column; align-items:flex-start; margin-bottom:40px; }
  .cs-cta-buttons{ width:100%; flex-direction:column; }
  .cs-cta-buttons .cs-btn{ width:100%; text-align:center; }

  .cs-more-grid{ grid-template-columns:1fr; gap:14px; }

  .cs-contact{ padding:56px 20px 64px; }
  .cs-contact-inner{ padding-top:36px; }
  .cs-contact-headline{ font-size:30px; margin-bottom:28px; }
  .cs-contact-grid{ grid-template-columns:1fr; gap:28px; }

  .cs-footer{ flex-direction:column; text-align:center; padding:24px 20px; }
}

/* ---- Audit 5.4: Reduced Motion + sichtbarer Fokus ---- */
@media (prefers-reduced-motion: reduce){
  .cs-root, .cs-root *{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

.cs-root a:focus-visible,
.cs-root button:focus-visible,
.cs-root [tabindex]:focus-visible{
  outline:2px solid var(--cs-cyan, #17E2F6);
  outline-offset:3px;
  border-radius:4px;
}