/* Dienstplan 24/7 – Amber / Orange / Rot (kein Grün) */
:root {
  --ink: #1c1410;
  --muted: #6b5344;
  --paper: #fff8f1;
  --foam: #ffefd9;
  --line: #f0d4b8;
  /* „teal“-Tokens = Markenfarbe (Orange), damit Basis-CSS greift */
  --teal: #ea580c;
  --teal-deep: #9a3412;
  --mint: #fdba74;
  --sand: #fbbf24;
  --cta: #dc2626;
  --cta-ink: #fff7ed;
  --shadow-soft: 0 20px 48px rgba(154, 52, 18, 0.18);
  --font-display: "Outfit", "Segoe UI", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
}

body.brand-dienstplan247 {
  color: var(--ink);
  background:
    radial-gradient(900px 420px at 90% -8%, rgba(251, 191, 36, 0.28), transparent 55%),
    radial-gradient(720px 400px at -5% 18%, rgba(234, 88, 12, 0.16), transparent 50%),
    radial-gradient(600px 320px at 50% 100%, rgba(220, 38, 38, 0.08), transparent 55%),
    linear-gradient(175deg, #fff3e4 0%, var(--paper) 40%, #ffe8d2 100%);
  font-family: var(--font-body);
}

body.brand-dienstplan247 .brand-hero,
body.brand-dienstplan247 .brand,
body.brand-dienstplan247 .brand-footer,
body.brand-dienstplan247 h1,
body.brand-dienstplan247 h2,
body.brand-dienstplan247 h3 {
  font-family: var(--font-display);
}

body.brand-dienstplan247 .site-header {
  background: rgba(255, 248, 241, 0.9);
  border-bottom-color: transparent;
}

body.brand-dienstplan247 .site-header.is-elevated {
  border-bottom-color: var(--line);
  box-shadow: 0 8px 24px rgba(154, 52, 18, 0.08);
}

body.brand-dienstplan247 .nav a:hover {
  color: #c2410c;
}

body.brand-dienstplan247 a:not(.cta-key):not(.cta-ghost) {
  color: #c2410c;
}

body.brand-dienstplan247 .cta-key {
  background: linear-gradient(135deg, #f97316 0%, #dc2626 100%);
  color: var(--cta-ink);
  box-shadow: 0 12px 30px rgba(220, 38, 38, 0.32);
}

body.brand-dienstplan247 .cta-key:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

body.brand-dienstplan247 .cta-ghost {
  color: #9a3412;
  border-color: rgba(154, 52, 18, 0.35);
}

body.brand-dienstplan247 .cta-ghost--on-dark {
  color: #fff7ed;
  border-color: rgba(255, 247, 237, 0.45);
}

body.brand-dienstplan247 .hero-media::after {
  background:
    linear-gradient(180deg, rgba(28, 20, 16, 0.2) 0%, rgba(154, 52, 18, 0.45) 48%, rgba(28, 20, 16, 0.9) 100%),
    linear-gradient(95deg, rgba(28, 20, 16, 0.65) 0%, transparent 58%);
}

body.brand-dienstplan247 .brand-hero {
  color: #fdba74;
}

body.brand-dienstplan247 .band--who {
  background: linear-gradient(145deg, #9a3412 0%, #c2410c 45%, #ea580c 100%);
  color: #fff7ed;
}

body.brand-dienstplan247 .band--who h2,
body.brand-dienstplan247 .band--who p {
  color: #fff7ed;
}

body.brand-dienstplan247 .who-list li {
  color: #1c1410;
  background: rgba(255, 247, 237, 0.92);
  border-left-color: #fbbf24;
}

body.brand-dienstplan247 .band--preview {
  background: linear-gradient(180deg, transparent, rgba(251, 191, 36, 0.12), transparent);
}

body.brand-dienstplan247 .step-num {
  background: #fbbf24;
  color: #1c1410;
}

body.brand-dienstplan247 .band--rules .rules-panel {
  background: rgba(28, 20, 16, 0.88);
  color: #fff7ed;
}

body.brand-dienstplan247 .band--rules .check-list li::marker,
body.brand-dienstplan247 .check-list {
  color: #fdba74;
}

body.brand-dienstplan247 .band--final {
  background: transparent;
}

body.brand-dienstplan247 .band--final .final-panel,
body.brand-dienstplan247 .final-panel {
  background: linear-gradient(145deg, #9a3412 0%, #ea580c 48%, #dc2626 100%) !important;
  color: #fff7ed;
  box-shadow: var(--shadow-soft);
}

body.brand-dienstplan247 .mosaic article {
  border-top: 3px solid #f97316;
}

body.brand-dienstplan247 .site-footer {
  background: #1c1410;
  color: #fdba74;
}

body.brand-dienstplan247 .site-footer a {
  color: #fff7ed;
}

body.brand-dienstplan247 .site-footer a:hover {
  color: #fbbf24;
}

body.brand-dienstplan247 .faq-list summary {
  color: #9a3412;
}

body.brand-dienstplan247 .skip-link {
  background: #ea580c;
}