/* ============================================================
   Erfahrungswissen — Layout 2026 (Relaunch 11/2026)
   Gemeinsamer Kopf, Fuß, Buttons und Grundtypografie für alle Seiten.
   Wird NACH dem jeweiligen Seiten-CSS eingebunden und überschreibt gezielt.
   Startseiten-Gestaltung nur unter body.home (keine Kollision mit Unterseiten).
   Mobiles Menü und Wissen-Untermenü: Verhalten und Mobil-Styles in js/nav.js.
   ============================================================ */

:root {
  --red:#6B1414; --red-mid:#8B2020; --red-light:#C0392B; --red-pale:#F9EEEE;
  --cream:#FAF7F3; --warm:#F0EBE3; --dark:#1C1714; --text:#2A2420;
  --mid:#6B6258; --border:#E0D8CF; --white:#fff;
  --sage:#6F7F5A; --sage-pale:#EEF1E8;
  --nav-h:68px;
}

/* ── KOPF ─────────────────────────────────────────────────── */
body > nav.ew-nav {
  position:fixed; top:0; left:0; right:0; z-index:300;
  height:var(--nav-h); padding:0 48px;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  background:rgba(250,247,243,.97); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
  font-family:'DM Sans',sans-serif; line-height:1.4;
}
body > nav.ew-nav .nav-brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
body > nav.ew-nav .nav-e-img { width:38px; height:38px; object-fit:contain; flex-shrink:0; }
body > nav.ew-nav .nav-brand-name { font-size:15px; font-weight:600; color:var(--dark); }
body > nav.ew-nav .nav-brand-sub { font-size:10px; color:var(--mid); letter-spacing:.05em; }
@media (min-width:901px) {
  body > nav.ew-nav .nav-right { display:flex; gap:26px; align-items:center; font-size:14px; }
}
body > nav.ew-nav .nav-right a,
body > nav.ew-nav .nav-dd-btn { font-family:inherit; font-size:14px; font-weight:400; color:var(--mid); text-decoration:none; transition:color .2s; }
body > nav.ew-nav .nav-right a:hover,
body > nav.ew-nav .nav-dd-btn:hover { color:var(--dark); }
body > nav.ew-nav .nav-right a.active,
body > nav.ew-nav .nav-dd-btn.active { color:var(--dark); font-weight:600; }
body > nav.ew-nav .nav-right a:focus-visible,
body > nav.ew-nav .nav-dd-btn:focus-visible { outline:2px solid var(--red); outline-offset:3px; border-radius:4px; }

/* Kontakt-Button im Kopf */
body > nav.ew-nav .nav-right a.btn-nav {
  background:var(--red); color:#fff; font-weight:600; padding:9px 18px; border-radius:999px; transition:background .2s;
}
body > nav.ew-nav .nav-right a.btn-nav:hover { background:var(--red-mid); color:#fff; }

/* Wissen ▾ (Desktop) */
body > nav.ew-nav .nav-dd { position:relative; }
body > nav.ew-nav .nav-dd-btn { background:none; border:0; padding:0; cursor:pointer; display:inline-flex; align-items:center; gap:4px; }
body > nav.ew-nav .nav-dd-btn .caret { font-size:10px; transition:transform .2s; }
body > nav.ew-nav .nav-dd.open .nav-dd-btn .caret { transform:rotate(180deg); }
body > nav.ew-nav .nav-dd-menu { display:none; }
@media (min-width:901px) {
  body > nav.ew-nav .nav-dd-menu { position:absolute; top:100%; left:-14px; padding-top:12px; min-width:160px; }
  body > nav.ew-nav .nav-dd-menu a {
    display:block; background:var(--white); border:1px solid var(--border); border-top:0; padding:10px 14px; color:var(--mid);
  }
  body > nav.ew-nav .nav-dd-menu a:first-child { border-top:1px solid var(--border); border-radius:10px 10px 0 0; }
  body > nav.ew-nav .nav-dd-menu a:last-child { border-radius:0 0 10px 10px; }
  body > nav.ew-nav .nav-dd-menu a:hover { background:var(--warm); color:var(--dark); }
}
@media (min-width:901px) and (hover:hover) {
  body > nav.ew-nav .nav-dd:hover .nav-dd-menu { display:block; }
}
body > nav.ew-nav .nav-dd.open .nav-dd-menu { display:block; }

/* ── FUSS ─────────────────────────────────────────────────── */
body > footer.ew-footer {
  background:var(--cream); border-top:1px solid var(--border);
  padding:28px 48px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
  font-family:'DM Sans',sans-serif; font-size:13px; line-height:1.6; color:var(--mid);
}
body > footer.ew-footer .f-text { font-size:13px; color:var(--mid); }
body > footer.ew-footer .f-links { display:flex; flex-wrap:wrap; gap:6px 18px; }
body > footer.ew-footer .f-links a { font-size:13px; color:var(--mid); text-decoration:none; }
body > footer.ew-footer .f-links a:hover { color:var(--red); }

@media (max-width:900px) {
  body > nav.ew-nav { padding:0 16px; }
  body > footer.ew-footer { padding:24px 16px; flex-direction:column; align-items:flex-start; }
  body > footer.ew-footer .f-links { gap:6px 14px; }
}

/* ============================================================
   STARTSEITE (nur body.home)
   ============================================================ */
body.home { font-family:'DM Sans',sans-serif; background:var(--cream); color:var(--text); font-size:16px; line-height:1.65; margin:0; }
body.home *, body.home *::before, body.home *::after { box-sizing:border-box; }
body.home h1, body.home h2, body.home h3, body.home p, body.home ul, body.home figure, body.home blockquote { margin:0; padding:0; }
body.home a { color:inherit; }
body.home main { padding-top:var(--nav-h); }

.home .btn { display:inline-block; text-decoration:none; font-weight:600; font-size:14px; padding:13px 26px; border-radius:999px; transition:.2s; }
.home .btn-red { background:var(--red); color:#fff; }
.home .btn-red:hover { background:var(--red-mid); }
.home .btn-line { border:1.5px solid var(--red); color:var(--red); }
.home .btn-line:hover { background:var(--red-pale); }
.home .btn:focus-visible { outline:2px solid var(--red); outline-offset:3px; }

.home .wrap { max-width:1160px; margin:0 auto; padding:0 48px; }

.home .hero { padding:96px 0 80px; border-bottom:1px solid var(--border); }
.home .hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:64px; align-items:end; }
.home .kicker { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); font-weight:600; margin-bottom:22px; }
.home h1 { font-family:'DM Serif Display',serif; font-weight:400; font-size:clamp(38px,5.4vw,66px); line-height:1.06; color:var(--dark); letter-spacing:-.01em; }
.home h1 em { color:var(--red); font-style:italic; }
.home .subline { font-family:'DM Serif Display',serif; font-style:italic; font-size:clamp(20px,2.2vw,26px); color:var(--mid); margin:22px 0 26px; }
.home .lead { font-size:17px; max-width:620px; margin-bottom:34px; }
.home .ctas { display:flex; gap:12px; flex-wrap:wrap; }
.home .hero-side { border-left:3px solid var(--red); padding:6px 0 6px 26px; }
.home .hero-side .num { font-family:'DM Serif Display',serif; font-size:44px; color:var(--red); line-height:1; }
.home .hero-side .lbl { font-size:13px; color:var(--mid); margin:4px 0 22px; }

.home main > section { padding:88px 0; }
.home .warm { background:var(--warm); }
.home .label { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); font-weight:600; margin-bottom:12px; }
.home h2 { font-family:'DM Serif Display',serif; font-weight:400; font-size:clamp(30px,3.6vw,42px); line-height:1.15; color:var(--dark); margin-bottom:18px; }
.home .intro { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:end; margin-bottom:48px; }
.home .intro p { color:var(--mid); }

.home .garden { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; }
.home .garden p { margin-bottom:16px; font-size:17px; }
.home .garden svg { width:100%; height:auto; color:var(--sage); }

.home .cards { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.home .card { background:var(--white); border:1px solid var(--border); border-radius:14px; padding:32px 30px; display:flex; flex-direction:column; gap:12px; transition:.2s; }
.home .card:hover { box-shadow:0 10px 30px rgba(28,23,20,.07); transform:translateY(-2px); }
.home .card .no { font-family:'DM Serif Display',serif; color:var(--red); font-size:22px; }
.home .card h3 { font-size:21px; font-weight:600; color:var(--dark); line-height:1.3; }
.home .card p { color:var(--mid); font-size:15px; flex:1; }
.home .card a { color:var(--red); font-weight:600; font-size:14px; text-decoration:none; }
.home .card a:hover { text-decoration:underline; }

.home .chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.home .chip { border:1px solid var(--border); background:var(--white); border-radius:999px; padding:9px 18px; font-size:14px; }

.home .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; counter-reset:s; }
.home .step { border-top:2px solid var(--red); padding-top:20px; }
.home .step h3 { font-size:18px; font-weight:600; color:var(--dark); margin-bottom:8px; }
.home .step h3::before { counter-increment:s; content:counter(s) " · "; color:var(--red); font-family:'DM Serif Display',serif; }
.home .step p { color:var(--mid); font-size:15px; }

.home .team { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.home .person { background:var(--white); border:1px solid var(--border); border-radius:14px; overflow:hidden; }
.home .person img { width:100%; height:auto; aspect-ratio:1080/800; object-fit:cover; display:block; }
.home .person .pb { padding:26px 28px 30px; }
.home .person h3 { font-size:20px; font-weight:600; color:var(--dark); }
.home .person .role { font-size:13px; color:var(--red); margin:2px 0 12px; font-weight:500; }
.home .person p { color:var(--mid); font-size:15px; }
.home .tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.home .tags span { font-size:12px; background:var(--warm); border-radius:999px; padding:4px 11px; }

.home .quote { text-align:center; max-width:760px; margin:0 auto; }
.home .quote blockquote { font-family:'DM Serif Display',serif; font-style:italic; font-size:clamp(28px,3.4vw,40px); color:var(--dark); line-height:1.25; }
.home .quote figcaption { margin-top:16px; font-size:13px; color:var(--mid); }

.home main > section.cta { background:var(--cream); color:var(--text); border-top:1px solid var(--border); padding:88px 0; }
.home .cta-grid > div:first-child { border-left:3px solid var(--red); padding:6px 0 6px 28px; }
.home .cta-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:56px; align-items:start; }
.home .cta p { color:var(--mid); max-width:560px; }
.home .cta-card { border-top:1px solid var(--border); padding:24px 0 0; }
.home .cta-card ul { list-style:none; margin:6px 0 22px; }
.home .cta-card li { padding:7px 0 7px 24px; position:relative; font-size:15px; }
.home .cta-card li::before { content:""; position:absolute; left:0; top:15px; width:12px; height:2px; background:var(--red-light); }

@media (max-width:900px) {
  .home .wrap { padding:0 16px; }
  .home .hero { padding:56px 0; }
  .home .hero-grid, .home .intro, .home .garden, .home .cards, .home .steps, .home .team, .home .cta-grid { grid-template-columns:1fr; gap:28px; }
  .home main > section, .home main > section.cta { padding:56px 0; }
}

/* ===== Unterseiten (Team, Kontakt, Recht, …): heller Seitenkopf statt schwarzem Block ===== */
body > header.page-hero {
  background:var(--cream); border-bottom:1px solid var(--border);
  padding:calc(var(--nav-h) + 72px) 48px 56px;
}
body > header.page-hero .panel-label { color:var(--red); }
body > header.page-hero h1 { color:var(--dark); font-weight:400; letter-spacing:-.01em; }
body > header.page-hero h1 em { color:var(--red); }
body > header.page-hero p { color:var(--mid); font-weight:400; }
@media (max-width:900px) {
  body > header.page-hero { padding:calc(var(--nav-h) + 40px) 16px 40px; }
  body > header.page-hero h1 { font-size:clamp(28px,8.5vw,38px); overflow-wrap:break-word; }
}

/* ===== Abschluss-Box „call-section“ (Team, Johannes, Methoden, Wirkstatt): hell, roter Balken links (Variante C) ===== */
body section.call-section {
  background:var(--cream); color:var(--text); border-top:1px solid var(--border);
  grid-template-columns:1.2fr .8fr; gap:56px; align-items:start;
  padding:88px max(48px, calc((100% - 1160px) / 2));
}
body section.call-section .call-left,
body section.call-section .call-right { background:transparent; padding:0; }
body section.call-section .call-left { border-left:3px solid var(--red); padding:6px 0 6px 28px; }
body section.call-section .call-label { font-size:12px; color:var(--red); letter-spacing:.14em; margin-bottom:12px; }
body section.call-section .call-title { color:var(--dark); font-weight:400; font-size:clamp(30px,3.6vw,42px); line-height:1.15; margin-bottom:18px; }
body section.call-section .call-body { color:var(--mid); font-weight:400; font-size:16px; line-height:1.65; max-width:560px; margin-bottom:0; }
body section.call-section .call-divider { border-top-color:var(--border); margin:28px 0; }
body section.call-section .call-brand-e { background:var(--red); }
body section.call-section .call-brand-text { color:var(--mid); }
body section.call-section .call-brand-text strong { color:var(--dark); }
body section.call-section .call-card { background:transparent; border:0; border-top:1px solid var(--border); border-radius:0; padding:24px 0 0; max-width:none; }
body section.call-section .cc-name { color:var(--dark); font-weight:600; }
body section.call-section .cc-role { color:var(--mid); }
body section.call-section .cc-quote { color:var(--mid); border-left-color:var(--red); }
body section.call-section .cc-checklist { gap:0; margin:14px 0 22px; }
body section.call-section .cc-checklist li { display:block; position:relative; padding:7px 0 7px 24px; font-size:15px; color:var(--text); }
body section.call-section .cc-checklist li::before { content:""; position:absolute; left:0; top:17px; width:12px; height:2px; background:var(--red-light); }
body section.call-section .btn-book { display:inline-block; border-radius:999px; padding:14px 26px; font-size:15px; font-weight:600; }
body section.call-section .btn-book:hover { transform:none; box-shadow:none; background:var(--red-mid); }
@media (max-width:900px) {
  body section.call-section { grid-template-columns:1fr; gap:28px; padding:56px 16px; }
  body section.call-section .call-left, .home .cta-grid > div:first-child { padding-left:20px; }
}

/* ===== Teamkarten „refs-grid“ (Team-Seite, Wirkstatt): wie Team-Teil der Startseite ===== */
body .refs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:1160px; margin:0 auto; justify-content:stretch; }
body .ref-card { border-radius:14px; border:1px solid var(--border); background:var(--white); }
body .ref-card:hover { transform:none; box-shadow:none; }
body .ref-photo { height:auto; aspect-ratio:1080/800; }
body .ref-photo img { filter:none; object-position:50% 25%; }
body .ref-body { padding:26px 28px 30px; }
body .ref-name { font-size:20px; font-weight:600; }
body .ref-tagline { font-size:14px; color:var(--red); margin:2px 0 12px; }
body .ref-bio { font-size:15px; line-height:1.65; }
body .ref-bio a { color:var(--red); font-weight:600; font-size:14px; text-decoration:none; }
body .ref-bio a:hover { text-decoration:underline; text-underline-offset:3px; }
body .ref-seminare { gap:6px; margin-top:14px; }
body .ref-sem-tag { font-size:12px; background:var(--warm); color:var(--text); border:0; border-radius:999px; padding:4px 11px; }
@media (max-width:900px) {
  body .refs-grid { grid-template-columns:1fr; gap:20px; }
  body .ref-body { padding:22px 20px 26px; }
}

/* ===== Methodenfinder (methoden.html#diagnose): kein dunkler Kasten, Knöpfe wie Startseite ===== */
body .mdq-section .mdq-cta:not(.soft):not(.blog) { background:var(--cream); border:1px solid var(--border); border-left:3px solid var(--red); border-radius:0 12px 12px 0; }
body .mdq-section .mdq-cta:not(.soft):not(.blog) .mdq-cta-t,
body .mdq-section .mdq-cta:not(.soft):not(.blog) .mdq-cta-t b { color:var(--dark); }
body .mdq-section .mdq-cta:not(.soft):not(.blog) .mdq-cta-t { color:var(--text); }
body .mdq-section .mdq-cta-btn { background:var(--red); color:#fff; border-radius:999px; font-weight:600; }
body .mdq-section .mdq-cta-btn:hover { background:var(--red-mid); }
body .mdq-section .mdq-btn { border-radius:999px; }

/* Methodenfinder Variante A (11.11.2026): zweispaltig ohne Kasten – links Überschrift/Frage, rechts Antworten/Ergebnis */
@media (min-width:901px) {
  body .mdq-section { background:var(--warm); padding:80px 48px; }
  body .mdq-section .mdq-wrap { max-width:none; margin:0; background:transparent; border:0; border-radius:0; padding:0; display:flow-root; }
  /* Fragen und Ergebnis: linke Spalte bleibt oben bündig, rechte Spalte beginnt oben */
  body .mdq-section #mdq-root > * { float:left; clear:left; width:42%; }
  body .mdq-section #mdq-root > .mdq-opt,
  body .mdq-section #mdq-root > .mdq-res-card,
  body .mdq-section #mdq-root > .mdq-cta { float:none; clear:none; width:auto; margin-left:48%; }
  body .mdq-section #mdq-root > .mdq-opt { width:52%; }
  /* Startzustand: Überschrift links, Knopf rechts mittig */
  body .mdq-section #mdq-root:has(#mdq-go) { display:grid; grid-template-columns:.9fr 1.1fr; column-gap:64px; align-items:start; }
  body .mdq-section #mdq-root:has(#mdq-go) > * { grid-column:1; width:auto; }
  body .mdq-section #mdq-root > #mdq-go { grid-column:2; grid-row:1 / 4; justify-self:start; align-self:center; width:auto; }
  body .mdq-section .mdq-title { font-size:clamp(30px,3.6vw,42px); }
  body .mdq-section .mdq-q { font-size:30px; }
  body .mdq-section .mdq-opt,
  body .mdq-section .mdq-res-card,
  body .mdq-section .mdq-cta.soft,
  body .mdq-section .mdq-cta:not(.soft):not(.blog) { background:#fff; }
}

/* Blog/Methoden-Artikel: sehr lange Wörter auf dem Handy umbrechen statt seitlich überstehen */
body .artikel { overflow-wrap:break-word; hyphens:auto; -webkit-hyphens:auto; }

/* ===== Wirkstatt (seminare/): heller Kopf statt Schwarz/Rot (Entscheidung 11.11.2026) ===== */
/* Übersicht: zweispaltiger Kopf */
body > div.hero:has(> .hero-left) { min-height:auto; padding-top:var(--nav-h); background:var(--cream); border-bottom:1px solid var(--border); gap:64px; padding-left:max(48px, calc((100% - 1160px) / 2)); padding-right:max(48px, calc((100% - 1160px) / 2)); }
body > div.hero .hero-left { background:transparent; padding:88px 0 72px; overflow:visible; }
body > div.hero .hero-left::after { content:none; }
body > div.hero .hero-kicker { color:var(--red); font-size:12px; letter-spacing:.14em; }
body > div.hero .hero-title { color:var(--dark); font-weight:400; letter-spacing:-.01em; }
body > div.hero .hero-title em { color:var(--red); }
body > div.hero .hero-sub { color:var(--mid); font-weight:400; }
body > div.hero .btn-white { background:var(--red); color:#fff; border-radius:999px; align-self:flex-start; }
body > div.hero .btn-white:hover { background:var(--red-mid); color:#fff; }
body > div.hero .hero-right { background:transparent; padding:88px 0 72px 28px; border-left:3px solid var(--red); margin:56px 0; padding-top:0; padding-bottom:0; }
body > div.hero .hero-right > div:first-child { color:var(--dark) !important; }
body > div.hero .hero-right > div:first-child em { color:var(--red) !important; }
body > div.hero .hero-right > p { color:var(--mid) !important; }
body > div.hero .hero-usp { background:var(--white); border:1px solid var(--border); }
body > div.hero .hero-usp .title { color:var(--dark); }
body > div.hero .hero-usp .desc { color:var(--mid); }
body > div.hero .hero-cta-box { background:var(--warm); border:1px solid var(--border); }
body > div.hero .hero-cta-text { color:var(--mid); }
body > div.hero .hero-cta-text strong { color:var(--dark); }
body > div.hero .btn-okej { background:var(--red); color:#fff; border-radius:999px; font-weight:600; }
body > div.hero .btn-okej:hover { background:var(--red-mid); box-shadow:none; }
/* Seminarseiten: einspaltiger Kopf */
body > div.hero:not(:has(> .hero-left)) { background:var(--cream); border-bottom:1px solid var(--border); padding:calc(var(--nav-h) + 72px) 48px 56px; }
body > div.hero .crumb { color:var(--mid); }
body > div.hero .crumb a { color:var(--red); }
body > div.hero .crumb a:hover { color:var(--red-mid); }
body > div.hero h1 { color:var(--dark); font-weight:400; letter-spacing:-.01em; }
body > div.hero .claim { color:var(--mid); font-weight:400; }
body > div.hero .hero-tag { background:var(--warm); color:var(--text); border:0; border-radius:999px; font-size:12px; padding:4px 11px; }
@media (max-width:900px) {
  body > div.hero:has(> .hero-left) { padding-left:16px; padding-right:16px; gap:0; }
  body > div.hero .hero-left { padding:48px 0 32px; }
  body > div.hero .hero-right { margin:0 0 48px; padding-left:20px; }
  body > div.hero:not(:has(> .hero-left)) { padding:calc(var(--nav-h) + 40px) 16px 40px; }
}
/* Wirkstatt: Tabellenköpfe der Termine hell, Knöpfe als Pille wie im übrigen Layout */
body .termine-table th, body > div.main th { background:var(--warm); color:var(--mid); }
body .btn-buchen, body .btn-anfragen { border-radius:999px; }
@media (max-width:900px) {
  body > div.hero .hero-cta-box { flex-direction:column; align-items:flex-start; }
}

/* ===== Seminarfinder Wirkstatt (seminare/#diagnose): wie Methodenfinder Variante A (11.11.2026) ===== */
body .wkq-section { background:var(--warm); }
body .wkq-section .wkq {
  --teal:var(--red); --teal-deep:var(--red); --amber:var(--red); --amber-deep:var(--red);
  --ink:var(--dark); --ink-soft:var(--mid); --line:var(--border); --paper-2:var(--warm);
  font-family:'DM Sans',sans-serif;
}
body .wkq-section .wkq .eyebrow { font-family:'DM Sans',sans-serif; font-size:12px; font-weight:600; letter-spacing:.14em; }
body .wkq-section .wkq .eyebrow::before { content:none; }
body .wkq-section .wkq .wkq-h1,
body .wkq-section .wkq .q-text,
body .wkq-section .wkq .result-title { font-family:'DM Serif Display',serif; font-weight:400; }
body .wkq-section .wkq .progress-row,
body .wkq-section .wkq .q-label,
body .wkq-section .wkq .result-eyebrow,
body .wkq-section .wkq .detail-cell .k { font-family:'DM Sans',sans-serif; }
body .wkq-section .wkq .q-label { color:var(--red); font-weight:600; }
body .wkq-section .wkq button.btn,
body .wkq-section .wkq .option,
body .wkq-section .wkq .back-link,
body .wkq-section .wkq .mail-row input,
body .wkq-section .wkq .mail-row button { font-family:'DM Sans',sans-serif; }
body .wkq-section .wkq .btn { border-radius:999px; }
body .wkq-section .wkq .btn-primary:hover { background:var(--red-mid); }
body .wkq-section .wkq .option:hover { background:var(--red-pale); }
body .wkq-section .wkq .option.selected { background:var(--red-pale); }
body .wkq-section .wkq .mail-row button { background:var(--red); border-radius:999px; }
body .wkq-section .wkq .mail-row button:hover { background:var(--red-mid); }
@media (min-width:901px) {
  body .wkq-section { padding:80px 48px; }
  body .wkq-section .wkq { max-width:none; margin:0; display:grid; grid-template-columns:.9fr 1.1fr; column-gap:64px; align-items:start; grid-template-rows:auto auto auto 1fr; }
  body .wkq-section .wkq > .eyebrow,
  body .wkq-section .wkq > .wkq-h1,
  body .wkq-section .wkq > .lede { grid-column:1; }
  body .wkq-section .wkq > .card { grid-column:2; grid-row:1 / span 4; background:transparent; border:0; border-radius:0; padding:0; overflow:visible; }
  body .wkq-section .wkq > .card::before { content:none; }
  body .wkq-section .wkq > .card:has(#wkq-screen-start.active) { align-self:center; }
  body .wkq-section .wkq .wkq-h1 { font-size:clamp(30px,3.6vw,42px); }
  body .wkq-section .wkq #wkq-btn-start { width:auto; }
  body .wkq-section .wkq .detail-grid, body .wkq-section .wkq .detail-cell { background-color:var(--white); }
  body .wkq-section .wkq .detail-grid { background:var(--border); }
  body .wkq-section .wkq .urgency-note { background:var(--white); border:1px solid var(--border); }
  body .wkq-section .wkq .progress-seg { background:var(--border); }
}
body .wkq-section .wkq a.btn { display:block; padding:14px 22px; font-weight:600; font-size:15px; text-align:center; text-decoration:none; }

/* ===== Stresstest (stresstest/): volles Menü über der App (Entscheidung 11.11.2026) ===== */
body:has(#gateForm) { padding-top:var(--nav-h); }
body:has(#gateForm) > nav.ew-nav { z-index:1100; }
body:has(#gateForm) #gate, body:has(#gateForm) #modeScreen { top:var(--nav-h); }
body:has(#gateForm) .topbar { top:var(--nav-h); }
body > footer.ew-footer { text-align:left; }
@media print {
  body > nav.ew-nav, body > footer.ew-footer, .ew-cookie { display:none !important; }
  body:has(#gateForm) { padding-top:0; }
}
@media (max-width:600px) {
  body:has(#gateForm) .topbar-in { flex-wrap:wrap; row-gap:6px; }
  body:has(#gateForm) .topbar-in > * { flex-wrap:wrap; min-width:0; }
}

/* ===== Startseite: Abschnitt „Nicht sicher, was passt?“ mit Seminar- und Methodenfinder ===== */
.home main > section.finder { border-bottom:1px solid var(--border); }
.home .finder-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:start; }
.home .finder-intro { border-left:3px solid var(--red); padding:6px 0 6px 28px; }
.home .finder-intro p { color:var(--mid); max-width:440px; }
.home .finder-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.home .finder-card { background:var(--white); border:1px solid var(--border); border-radius:14px; padding:26px 26px 24px; display:flex; flex-direction:column; gap:10px; text-decoration:none; color:inherit; transition:border-color .2s; }
.home .finder-card:hover { border-color:var(--red); }
.home .finder-card:focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.home .finder-k { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); font-weight:600; }
.home .finder-card h3 { font-family:'DM Serif Display',serif; font-weight:400; font-size:23px; line-height:1.2; color:var(--dark); }
.home .finder-card p { color:var(--mid); font-size:15px; flex:1; }
.home .finder-go { color:var(--red); font-weight:600; font-size:14px; }
@media (max-width:900px) {
  .home .finder-grid, .home .finder-cards { grid-template-columns:1fr; gap:20px; }
  .home .finder-intro { padding-left:20px; }
}

/* ===== Video erst nach Klick laden (js/video-klick.js) ===== */
.video-klick { margin:16px 0 20px; }
.video-klick-btn { width:100%; aspect-ratio:16/9; border:1px solid var(--border); border-radius:12px; background:var(--warm); color:var(--dark); font-family:inherit; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:20px; text-align:center; transition:border-color .2s; }
.video-klick-btn:hover { border-color:var(--red); }
.video-klick-btn:focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.video-klick-play { width:64px; height:64px; border-radius:50%; background:var(--red); position:relative; flex:none; }
.video-klick-play::after { content:""; position:absolute; left:26px; top:20px; border-style:solid; border-width:12px 0 12px 19px; border-color:transparent transparent transparent #fff; }
.video-klick-titel { font-family:'DM Serif Display',serif; font-size:22px; line-height:1.25; }
.video-klick-los { color:var(--red); font-weight:600; font-size:14px; }
.video-klick-hinweis { font-size:13px; color:var(--mid); margin:8px 0 0; }
.video-klick-aktiv iframe { display:block; width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:12px; }
@media (max-width:600px) { .video-klick-titel { font-size:18px; } .video-klick-play { width:52px; height:52px; } .video-klick-play::after { left:21px; top:16px; border-width:10px 0 10px 16px; } }