/* ==========================================================================
   Dr. Christopher Schwake · Seitendesign für den WordPress-Block-Editor
   Wörtliche Übertragung der Vorschau "Website-Vorschau DCS V7.html".
   Gehört unter Design → Anpassen → Zusätzliches CSS. In den Seiten selbst
   steht kein einziges Format, damit hier eine Änderung überall greift.
   ========================================================================== */

:root{
  --gold:#C6A57C; --goldd:#B8945F; --text:#3F3A33; --muted:#6b6258;
  --dark:#1A1714; --creme:#F6EFE4; --paper:#FDFCF9; --line:#ECE2D2; --beige:#DCCFBF;
}

/* ---------- Grundlage ---------------------------------------------------- */
.sec, .sec *{ box-sizing:border-box; }
.sec{
  font-family:'Lato',sans-serif; font-weight:300; color:var(--text);
  background:var(--paper); line-height:1.8; font-size:16px;
  letter-spacing:normal;
  padding:90px 5%;
}
/* Twenty Twenty-Five gibt Überschriften eine eigene Zeilenhöhe. In der
   Vorschau erben diese Zeilen die 1,8 des Fließtextes. */
.sec h4, .sec h5, .sec h6{ line-height:1.8; }
.sec img{ max-width:100%; display:block; height:auto; }

/* Abstände kommen aus diesen Regeln, nicht vom Theme.
   :where() hat die Gewichtung null, damit die eigenen Regeln weiter unten
   (etwa .sec h2 mit 6 px Abstand) auch in verschachtelten Blöcken greifen. */
.sec > *, .sec :where(.wp-block-column, .wp-block-group) > *{
  margin-top:0; margin-bottom:0;
}
.sec p + p, .sec .wp-block-column p + p, .sec .wp-block-group p + p{ margin-top:1em; }
.sec .counters p + p{ margin-top:0; }

/* Breiten der Innenspalte */
.sec > *{ max-width:1120px; margin-left:auto; margin-right:auto; }
.sec.ctr{ text-align:center; }
.sec.ctr .lb, .sec.ctr .stimme, .sec.ctr .ztext,
.sec.ctr .wp-block-columns.kv, .sec.ctr .wp-block-columns.zeile{ text-align:left; }
.sec.ctr .wp-block-columns.kv p.kvnum{ text-align:center; }

.sec.creme{ background:var(--creme); }
.sec.tight{ padding:80px 5%; }
.sec.dark{ background:var(--dark); }
.sec.band{ background:#141210; padding:16px 6vw; }
.sec.pv70{ padding:70px 6vw; }
.sec.pv60{ padding-top:60px; padding-bottom:60px; }

/* ---------- Typografie --------------------------------------------------- */
.sec h1{ font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:clamp(38px,5vw,54px); line-height:1.15; color:var(--text);
  margin:0 0 18px; }
.sec h2{ font-family:'Cormorant Garamond',serif; font-weight:500;
  font-size:clamp(30px,4vw,40px); line-height:1.2; color:var(--text);
  margin:0 0 6px; }
.sec h3{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:24px;
  line-height:1.8; color:var(--text); margin:0; }
.sec p{ margin:0; }

.sec p.eyebrow{ font-size:12px; letter-spacing:3px; text-transform:uppercase;
  color:var(--goldd); font-weight:400; margin:0 0 6px; }
.sec p.lead{ font-size:18px; color:var(--text); }

.sec p.sub{ color:var(--muted); }
.sec p.lead.sub{ color:var(--muted); }
.sec p.quote{ font-family:'Cormorant Garamond',serif; font-style:italic;
  font-weight:500; font-size:clamp(24px,3vw,32px); line-height:1.45;
  color:var(--goldd); text-align:center; }
.sec p.klein{ font-size:13.5px; color:var(--muted); }
.sec p.note{ color:var(--goldd); font-size:12.5px; letter-spacing:1px; margin-top:10px; }
.sec p.zitat{ font-family:'Cormorant Garamond',serif; font-style:italic;
  font-size:20px; line-height:1.85; color:var(--text); max-width:760px;
  margin:18px auto; }
.sec p.quoteline{ display:block; margin-top:14px; color:var(--goldd); font-style:italic; }
.sec.band p{ text-align:center; font-size:12.5px; letter-spacing:2px;
  color:var(--goldd); margin:0; }

/* Verweise im Fließtext */
.sec a{ color:var(--goldd); text-decoration:none; }
.sec a:hover{ color:var(--gold); text-decoration:underline; }

/* WordPress setzt beim jeweils letzten Element eines Blocks
   margin-block-end:0 (Regel :where(.is-layout-*) > :last-child).
   Die Vorschau kennt diese Ausnahme nicht, deshalb hier zurueckgeholt. */
.sec.sec h1{ margin-bottom:18px; }
.sec.sec h2{ margin-bottom:6px; }
.sec.sec p.eyebrow{ margin-bottom:6px; }
.sec.sec .wp-block-separator.dl{ margin-bottom:24px; }
.sec.sec h4.rtitel{ margin-bottom:6px; }
.sec.sec h4.kv-titel{ margin-bottom:4px; }
.sec.sec .cards h3{ margin-bottom:10px; }
.sec.sec .wp-block-columns.kv{ margin-bottom:26px; }

/* ---------- Goldene Trennlinie ------------------------------------------- */
.sec .wp-block-separator.dl{ width:120px; max-width:120px; height:1px; border:none;
  background:var(--gold); opacity:1; margin:16px 0 24px; }
.sec.ctr .wp-block-separator.dl,
.sec.xnarrow .wp-block-separator.dl,
.sec .ctr .wp-block-separator.dl,
.sec .xnarrow .wp-block-separator.dl,
.sec .wp-block-separator.dl.mittig{ margin-left:auto; margin-right:auto; }

/* ---------- Raute (Schmuckzeichen) --------------------------------------- */
.sec .lb::before,
.sec .cards > .wp-block-column::before{
  content:""; width:14px; height:14px; border:1.5px solid var(--gold);
  transform:rotate(45deg);
  background:radial-gradient(circle at 50% 50%, var(--gold) 0 2px, transparent 2px);
}
.sec .cards > .wp-block-column::before{
  display:inline-block; width:18px; height:18px;
}
.sec p.raute{ color:var(--gold); font-size:20px; margin:0; }

/* ---------- Hero und Zweispalter ----------------------------------------- */
.sec .wp-block-columns.hero{ display:grid; grid-template-columns:3fr 2fr; gap:56px;
  align-items:center; max-width:1120px; margin:0 auto; }
.sec .wp-block-columns.two{ display:grid; grid-template-columns:1fr 1fr; gap:56px;
  align-items:center; max-width:1120px; margin:0 auto; }
.sec .wp-block-columns > .wp-block-column{ flex-basis:auto !important; }
.sec .hero img{ border-radius:3px; box-shadow:0 24px 60px rgba(63,58,51,.16); }
.sec .imgcard img, .sec figure.imgcard img{ border-radius:3px;
  box-shadow:0 20px 48px rgba(63,58,51,.14); }
.sec figure{ margin:0; }


/* ---------- Schaltflächen ------------------------------------------------ */
.sec .wp-block-buttons{ margin-top:26px; }
.sec.ctr .wp-block-buttons,
.sec .ctr .wp-block-buttons,
.sec .xnarrow .wp-block-buttons{ justify-content:center; }
.sec .wp-block-button.btn .wp-block-button__link{
  display:inline-block; background:var(--gold); color:#fff;
  border:1px solid var(--gold); border-radius:2px; padding:13px 30px;
  font-family:'Lato',sans-serif; font-size:13px; letter-spacing:1px;
  text-transform:uppercase; font-weight:400; line-height:1.8;
  text-decoration:none; transition:.3s; }
.sec .wp-block-button.btn .wp-block-button__link:hover{
  background:var(--goldd); border-color:var(--goldd); color:#fff; }
.sec .wp-block-button.btn.ghost .wp-block-button__link{
  background:transparent; color:var(--goldd); }
.sec .wp-block-button.btn.ghost .wp-block-button__link:hover{
  background:var(--gold); color:#fff; }

/* ---------- Karten ------------------------------------------------------- */
.sec .wp-block-columns.cards{ display:grid; grid-template-columns:repeat(3,1fr);
  gap:24px; margin-top:36px; }
.sec .wp-block-columns.cards.c2{ grid-template-columns:repeat(2,1fr);
  max-width:760px; margin-left:auto; margin-right:auto; }
.sec .wp-block-columns.cards > .wp-block-column{
  background:#fff; border:1px solid var(--line); border-top:3px solid var(--gold);
  padding:38px 32px 32px; font-size:15.5px; color:var(--muted); }
.sec .cards h3{ margin:14px 0 10px; }

/* ---------- Listenblöcke ------------------------------------------------- */
.sec .wp-block-group.lb{ position:relative; padding:18px 0 18px 32px;
  border-bottom:1px solid var(--line); text-align:left; }
.sec .wp-block-group.lb:last-of-type{ border-bottom:none; }
.sec .wp-block-group.lb::before{ position:absolute; left:0; top:26px; }
.sec .wp-block-group.lb > *{ max-width:none; }
.sec h4.lb-title{ font-family:'Lato',sans-serif; font-weight:700; font-size:18px;
  color:var(--text); margin:0; }
.sec .wp-block-group.lb p{ color:var(--muted); font-size:16px; }

/* ---------- Problemraster (vier kurze Spalten) --------------------------- */
.sec .wp-block-columns.raster240 > .wp-block-column{ text-align:center; padding:0 14px; }
.sec h4.rtitel{ font-family:'Lato',sans-serif; font-weight:700; font-size:15.5px;
  color:var(--text); margin:8px 0 6px; }
.sec .raster240 p.sub{ font-size:14.5px; }
.sec .wp-block-columns[class*="raster"] > .wp-block-column{ flex-basis:auto !important; }
.sec .wp-block-columns[class*="raster"] .wp-block-group.stimme{
  max-width:none; margin:0; height:100%; }

/* ---------- Zahlenreihe -------------------------------------------------- */
.sec .wp-block-columns.counters{ display:grid; grid-template-columns:repeat(4,1fr);
  gap:24px; max-width:1000px; margin:40px auto 0; text-align:center; }
.sec p.num{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:52px;
  color:var(--goldd); line-height:1.1; margin:0; }
.sec p.lab{ font-size:12px; color:var(--muted); letter-spacing:.5px; margin:0; }

/* ---------- Zahl links, Text rechts (100 %) ------------------------------ */
.sec .wp-block-columns.kv{ display:grid; grid-template-columns:120px 1fr; gap:22px;
  align-items:center; max-width:820px; margin:0 auto 26px; }
.sec p.kvnum{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:42px;
  color:var(--gold); text-align:center; margin:0; }
.sec h4.kv-titel{ font-family:'Lato',sans-serif; font-weight:700; font-size:16px;
  color:#E8DDCC; margin:0 0 4px; }
.sec .kv p.kvtext{ font-size:14.5px; color:#DCCFBF; line-height:1.7; margin:0; }
.sec .kv p.kvnum{ font-size:42px; }

/* ---------- Werdegang ---------------------------------------------------- */
.sec p.spaltentitel{ font-family:'Lato',sans-serif; font-weight:700; font-size:13px;
  letter-spacing:2px; color:var(--goldd); margin:0 0 18px; text-align:center; }
.sec .wp-block-columns.zeile{ display:grid; grid-template-columns:110px 1fr; gap:14px;
  margin-bottom:18px; align-items:start; }
.sec p.zlabel{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:17px;
  color:var(--goldd); white-space:nowrap; margin:0; }
.sec .wp-block-group.ztext{ border-left:2px solid var(--line); padding-left:16px;
  font-size:14.5px; line-height:1.7; text-align:left; }
.sec .wp-block-group.ztext > *{ max-width:none; }

/* ---------- Zitatkasten -------------------------------------------------- */
.sec .wp-block-group.stimme{ background:var(--paper); border-left:2px solid var(--gold);
  box-shadow:0 10px 40px rgba(63,58,51,.08); border-radius:3px; padding:28px 30px;
  text-align:left; max-width:720px; margin:14px auto 0; }
.sec .wp-block-group.stimme > *{ max-width:none; }
.sec p.stimme-text{ font-family:'Cormorant Garamond',serif; font-style:italic;
  font-size:17.5px; line-height:1.8; color:var(--text); margin:0; }
.sec p.stimme-quelle{ font-family:'Lato',sans-serif; font-style:normal; font-size:12px;
  letter-spacing:1px; color:var(--goldd); margin:12px 0 0; }

/* ---------- Kästen ------------------------------------------------------- */
.sec .wp-block-group.probox{ background:#fff; border:1px solid var(--line);
  border-top:3px solid var(--gold); padding:38px 42px; font-size:17px;
  text-align:center; max-width:900px; margin:0 auto; }
.sec .wp-block-group.ph{ background:#fff; border:1px dashed var(--gold);
  padding:34px 38px; color:var(--muted); font-style:italic; font-size:15.5px;
  text-align:center; }

/* ---------- Aufzählungen ------------------------------------------------- */
.sec .wp-block-list{ color:var(--muted); padding-left:22px; margin:1em 0; }
.sec .wp-block-list li{ margin-bottom:.4em; }

/* ---------- Dunkler Abschnitt -------------------------------------------- */
.sec.dark h1, .sec.dark h2, .sec.dark h3{ color:#E8DDCC; }
.sec.dark p{ color:#DCCFBF; }
.sec.dark p.eyebrow, .sec.dark p.note, .sec.dark p.zlabel{ color:var(--gold); }
.sec.dark p.zitat{ color:#E8DDCC; }
.sec.dark p.klein{ color:#DCCFBF; }
.sec.dark em{ color:var(--goldd); }
.sec.dark .stimme{ background:rgba(255,255,255,.04); }
.sec.dark .stimme p.stimme-text{ color:#E8DDCC; }

.sec .narrow{ max-width:820px; margin-left:auto; margin-right:auto; }
.sec .wrap{ max-width:1120px; margin-left:auto; margin-right:auto; }
.sec .xnarrow{ max-width:760px; margin-left:auto; margin-right:auto; text-align:center; }
.sec .ctr{ text-align:center; }
.sec .ctr .lb, .sec .ctr .ztext{ text-align:left; }
.sec .quoteline{ display:block; margin-top:14px; color:var(--goldd); font-style:italic; }

/* Das Theme darf die Innenbreiten nicht zusätzlich beschneiden. */
.sec .wp-block-group > *, .sec .wp-block-column > *{ max-width:none; }

/* Innenspalte mittig halten. Muss nach den Absatz- und Ueberschriftregeln
   stehen, sonst gewinnt deren margin:0. */
.sec > p, .sec > h1, .sec > h2, .sec > h3, .sec > h4,
.sec > figure, .sec > ul, .sec > ol, .sec > div, .sec > section{
  margin-left:auto; margin-right:auto;
}

.sec .wp-block-group.ctr{ text-align:center; }
.sec .wp-block-group.ctr > *{ margin-left:auto; margin-right:auto; }
.sec .wp-block-group.ctr .wp-block-separator.dl{ margin-left:auto; margin-right:auto; }

/* ---------- Mobil -------------------------------------------------------- */
@media(max-width:900px){
  .sec{ padding:64px 6%; }
  .sec .wp-block-columns.hero,
  .sec .wp-block-columns.two,
  .sec .wp-block-columns.cards,
  .sec .wp-block-columns.cards.c2{ grid-template-columns:1fr; gap:36px; }
  .sec .wp-block-columns.counters{ grid-template-columns:repeat(2,1fr); }
  .sec .wp-block-columns[class*="raster"]{ grid-template-columns:1fr; }
}
@media(max-width:600px){
  .sec .wp-block-columns.kv{ grid-template-columns:80px 1fr; }
  .sec .wp-block-columns.zeile{ grid-template-columns:90px 1fr; }
}

/* Feinheiten aus der Vorschau: Breiten, Abstände, Schriftgrößen. */
.sec .raster240.raster240.raster240, .sec.raster240.raster240.raster240{ display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;max-width:1050px;margin-left:auto;margin-right:auto; }
.sec .raster250.raster250.raster250, .sec.raster250.raster250.raster250{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:1100px;margin-left:auto;margin-right:auto; }
.sec .raster260.raster260.raster260, .sec.raster260.raster260.raster260{ display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1180px;margin-left:auto;margin-right:auto; }
.sec .raster280.raster280.raster280, .sec.raster280.raster280.raster280{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1180px;margin-left:auto;margin-right:auto; }
.sec .raster320.raster320.raster320, .sec.raster320.raster320.raster320{ display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:44px;max-width:1100px;margin-left:auto;margin-right:auto; }
.sec .v052de512.v052de512.v052de512, .sec.v052de512.v052de512.v052de512{ font-size:13.5px;color:#DCCFBF; }
.sec .v053c9b65.v053c9b65.v053c9b65, .sec.v053c9b65.v053c9b65.v053c9b65{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1180px;margin:34px auto 0; }
.sec .v18c48ce5.v18c48ce5.v18c48ce5, .sec.v18c48ce5.v18c48ce5.v18c48ce5{ font-size:14.5px; }
.sec .v1d2bb7a2.v1d2bb7a2.v1d2bb7a2, .sec.v1d2bb7a2.v1d2bb7a2.v1d2bb7a2{ max-width:760px;margin:40px auto 0;text-align:center; }
.sec .v22c5e115.v22c5e115.v22c5e115, .sec.v22c5e115.v22c5e115.v22c5e115{ font-family:Lato,sans-serif;font-style:normal;font-size:12px;letter-spacing:1px; }
.sec .v25176e45.v25176e45.v25176e45, .sec.v25176e45.v25176e45.v25176e45{ max-width:640px;margin:0 auto 28px; }
.sec .v28f3f2e7.v28f3f2e7.v28f3f2e7, .sec.v28f3f2e7.v28f3f2e7.v28f3f2e7{ font-size:14.5px;line-height:1.75; }
.sec .v3104518c.v3104518c.v3104518c, .sec.v3104518c.v3104518c.v3104518c{ color:#E8DDCC; }
.sec .v362628ad.v362628ad.v362628ad, .sec.v362628ad.v362628ad.v362628ad{ margin-top:26px;font-size:15.5px; }
.sec .v443f5d5a.v443f5d5a.v443f5d5a, .sec.v443f5d5a.v443f5d5a.v443f5d5a{ margin-top:26px;font-size:15px; }
.sec .v4b1b1cf4.v4b1b1cf4.v4b1b1cf4, .sec.v4b1b1cf4.v4b1b1cf4.v4b1b1cf4{ display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;max-width:1050px;margin:0 auto; }
.sec .v4cd35fe8.v4cd35fe8.v4cd35fe8, .sec.v4cd35fe8.v4cd35fe8.v4cd35fe8{ max-width:480px;color:#DCCFBF; }
.sec .v4e379c29.v4e379c29.v4e379c29, .sec.v4e379c29.v4e379c29.v4e379c29{ grid-template-columns:repeat(5,1fr);margin-top:36px; }
.sec .v5ba6ac79.v5ba6ac79.v5ba6ac79, .sec.v5ba6ac79.v5ba6ac79.v5ba6ac79{ font-size:14.5px;color:#DCCFBF;margin:0;line-height:1.7; }
.sec .v5c7b2524.v5c7b2524.v5c7b2524, .sec.v5c7b2524.v5c7b2524.v5c7b2524{ background:#FDFCF9;border-left:2px solid #C6A57C;border-radius:3px;box-shadow:0 12px 40px rgba(63,58,51,0.08);padding:28px 26px 18px;text-align:left;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;line-height:1.75;color:#3F3A33; }
.sec .v6204df85.v6204df85.v6204df85, .sec.v6204df85.v6204df85.v6204df85{ font-size:16.5px; }
.sec .v644344ac.v644344ac.v644344ac, .sec.v644344ac.v644344ac.v644344ac{ max-width:480px;font-size:14.5px;margin-top:10px;color:#B8945F; }
.sec .v64ae53c4.v64ae53c4.v64ae53c4, .sec.v64ae53c4.v64ae53c4.v64ae53c4{ margin:16px auto 26px; }
.sec .v65855d5e.v65855d5e.v65855d5e, .sec.v65855d5e.v65855d5e.v65855d5e{ max-width:620px;margin:0 auto 30px; }
.sec .v68f37923.v68f37923.v68f37923, .sec.v68f37923.v68f37923.v68f37923{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:1100px;margin:0 auto; }
.sec .v690e9b7a.v690e9b7a.v690e9b7a, .sec.v690e9b7a.v690e9b7a.v690e9b7a{ color:#E8DDCC;text-align:center; }
.sec .v6cab6ca8.v6cab6ca8.v6cab6ca8, .sec.v6cab6ca8.v6cab6ca8.v6cab6ca8{ background:#FDFCF9;border-left:2px solid #C6A57C;border-radius:3px;box-shadow:0 10px 40px rgba(63,58,51,.08);padding:22px 20px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15.5px;line-height:1.7;text-align:left; }
.sec .v6d618fef.v6d618fef.v6d618fef, .sec.v6d618fef.v6d618fef.v6d618fef{ font-size:42px; }
.sec .v711254f6.v711254f6.v711254f6, .sec.v711254f6.v711254f6.v711254f6{ margin:16px auto 12px; }
.sec .v7173f000.v7173f000.v7173f000, .sec.v7173f000.v7173f000.v7173f000{ display:grid;gap:20px; }
.sec .v71d34257.v71d34257.v71d34257, .sec.v71d34257.v71d34257.v71d34257{ color:#C6A57C; }
.sec .v72968098.v72968098.v72968098, .sec.v72968098.v72968098.v72968098{ margin:16px auto 10px; }
.sec .v7bcd0bf8.v7bcd0bf8.v7bcd0bf8, .sec.v7bcd0bf8.v7bcd0bf8.v7bcd0bf8{ max-width:760px;margin:0 auto; }
.sec .v7c85d120.v7c85d120.v7c85d120, .sec.v7c85d120.v7c85d120.v7c85d120{ margin:16px auto 18px; }
.sec .v897a10cf.v897a10cf.v897a10cf, .sec.v897a10cf.v897a10cf.v897a10cf{ margin:16px auto 0; }
.sec .v8e5aba4b.v8e5aba4b.v8e5aba4b, .sec.v8e5aba4b.v8e5aba4b.v8e5aba4b{ text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;color:#B8945F;margin-top:26px; }
.sec .v91d573c0.v91d573c0.v91d573c0, .sec.v91d573c0.v91d573c0.v91d573c0{ font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;line-height:1.85;color:#E8DDCC;max-width:760px;margin:18px auto; }
.sec .v93928816.v93928816.v93928816, .sec.v93928816.v93928816.v93928816{ max-width:820px;margin:0 auto;font-size:15px;line-height:1.8; }
.sec .v94b1f044.v94b1f044.v94b1f044, .sec.v94b1f044.v94b1f044.v94b1f044{ max-width:640px;margin:0 auto 34px; }
.sec .v9786ac33.v9786ac33.v9786ac33, .sec.v9786ac33.v9786ac33.v9786ac33{ text-align:center; }
.sec .v9fd3673b.v9fd3673b.v9fd3673b, .sec.v9fd3673b.v9fd3673b.v9fd3673b{ background:#FDFCF9;border-left:2px solid #C6A57C;box-shadow:0 10px 40px rgba(63,58,51,.08);border-radius:3px;padding:26px 24px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;line-height:1.75;text-align:left; }
.sec .vae65a4ff.vae65a4ff.vae65a4ff, .sec.vae65a4ff.vae65a4ff.vae65a4ff{ font-family:Lato,sans-serif;font-style:normal;font-size:12px;letter-spacing:1px;color:#B8945F;margin-top:12px; }
.sec .vb476cd2c.vb476cd2c.vb476cd2c, .sec.vb476cd2c.vb476cd2c.vb476cd2c{ background:var(--paper,#FDFCF9);border-left:2px solid #C6A57C;box-shadow:0 10px 40px rgba(63,58,51,.08);border-radius:3px;padding:26px 24px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;line-height:1.75; }
.sec .vb6f74c5d.vb6f74c5d.vb6f74c5d, .sec.vb6f74c5d.vb6f74c5d.vb6f74c5d{ max-width:520px; }
.sec .vbb11ba1c.vbb11ba1c.vbb11ba1c, .sec.vbb11ba1c.vbb11ba1c.vbb11ba1c{ letter-spacing:1px;font-size:14px;margin:18px 0 10px; }
.sec .vc0122288.vc0122288.vc0122288, .sec.vc0122288.vc0122288.vc0122288{ font-family:Lato,sans-serif;font-style:normal;font-size:13px;letter-spacing:1px;color:#B8945F; }
.sec .vc2183fa9.vc2183fa9.vc2183fa9, .sec.vc2183fa9.vc2183fa9.vc2183fa9{ font-size:12px;letter-spacing:1px;color:#B8945F;margin-top:10px; }
.sec .vc519334a.vc519334a.vc519334a, .sec.vc519334a.vc519334a.vc519334a{ display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1180px;margin:0 auto; }
.sec .vc59d670b.vc59d670b.vc59d670b, .sec.vc59d670b.vc59d670b.vc59d670b{ margin-top:16px; }
.sec .vc619b365.vc619b365.vc619b365, .sec.vc619b365.vc619b365.vc619b365{ margin-top:14px; }
.sec .vcac68eb6.vcac68eb6.vcac68eb6, .sec.vcac68eb6.vcac68eb6.vcac68eb6{ text-align:center;font-size:11px;color:#B8945F;margin-top:14px; }
.sec .vd4ac1c8b.vd4ac1c8b.vd4ac1c8b, .sec.vd4ac1c8b.vd4ac1c8b.vd4ac1c8b{ margin-top:24px; }
.sec .vd4ff6b3e.vd4ff6b3e.vd4ff6b3e, .sec.vd4ff6b3e.vd4ff6b3e.vd4ff6b3e{ font-family:Lato,sans-serif;font-style:normal;font-size:11.5px;letter-spacing:1px;color:#B8945F;margin-top:10px; }
.sec .vd86a9af5.vd86a9af5.vd86a9af5, .sec.vd86a9af5.vd86a9af5.vd86a9af5{ background:#FDFCF9;border-left:2px solid #C6A57C;box-shadow:0 10px 40px rgba(63,58,51,.08);border-radius:3px;padding:28px 30px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17.5px;line-height:1.8;text-align:left;max-width:720px;margin:14px auto 0; }
.sec .vd89f4813.vd89f4813.vd89f4813, .sec.vd89f4813.vd89f4813.vd89f4813{ margin:16px auto 30px; }
.sec .vd9b44689.vd9b44689.vd9b44689, .sec.vd9b44689.vd9b44689.vd9b44689{ max-width:620px;margin:0 auto 26px; }
.sec .ve54f6024.ve54f6024.ve54f6024, .sec.ve54f6024.ve54f6024.ve54f6024{ font-size:14.5px;margin:0; }
.sec .ve7979ad6.ve7979ad6.ve7979ad6, .sec.ve7979ad6.ve7979ad6.ve7979ad6{ max-width:620px;margin:0 auto; }
.sec .vf0b6b756.vf0b6b756.vf0b6b756, .sec.vf0b6b756.vf0b6b756.vf0b6b756{ font-size:32px; }
.sec .vf3326338.vf3326338.vf3326338, .sec.vf3326338.vf3326338.vf3326338{ font-size:30px; }
.sec .vf43bcbe4.vf43bcbe4.vf43bcbe4, .sec.vf43bcbe4.vf43bcbe4.vf43bcbe4{ font-size:34px; }
.sec .vf66e24d2.vf66e24d2.vf66e24d2, .sec.vf66e24d2.vf66e24d2.vf66e24d2{ margin:18px auto; }
.sec .vf70c76d2.vf70c76d2.vf70c76d2, .sec.vf70c76d2.vf70c76d2.vf70c76d2{ display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:44px;max-width:1100px;margin:0 auto; }
.sec .vf711a79a.vf711a79a.vf711a79a, .sec.vf711a79a.vf711a79a.vf711a79a{ text-align:center;font-family:Lato,sans-serif;font-weight:300;font-size:12.5px;letter-spacing:2px;color:#B8945F;margin:0; }
.sec .vfeba885f.vfeba885f.vfeba885f, .sec.vfeba885f.vfeba885f.vfeba885f{ max-width:820px;margin:0 auto; }
.sec .i0a66d0cf img{ max-width:860px;width:100%;margin:26px auto 6px;display:block; }
.sec .ia857387f img{ width:170px;height:170px;object-fit:cover;object-position:60% 20%;border-radius:50%;margin:0 auto 22px;box-shadow:0 14px 44px rgba(63,58,51,.18); }


/* ==========================================================================
   Teil 2: Bewegung, Kopf- und Fußzeile, Blog.
   Kam am 28.08. dazu. Der obere Teil bleibt die Übertragung der V7-Vorschau.
   ========================================================================== */

/* ---------- Sanftes Einblenden ------------------------------------------- */
/* Die Klasse dcs-auf setzt erst das Skript. Ohne Skript ist alles sichtbar. */
.sec .dcs-auf{ opacity:0; transform:translateY(14px); }
.sec .dcs-auf.dcs-da{ opacity:1; transform:none;
  transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
@media (prefers-reduced-motion: reduce){
  .sec .dcs-auf, .sec .dcs-auf.dcs-da{ opacity:1; transform:none; transition:none; }
}

/* ---------- Karten heben sich leicht ------------------------------------- */
.sec .wp-block-columns.cards > .wp-block-column{
  transition:transform .35s ease, box-shadow .35s ease; }
.sec .wp-block-columns.cards > .wp-block-column:hover{
  transform:translateY(-3px); box-shadow:0 18px 44px rgba(63,58,51,.10); }
.sec .wp-block-group.stimme, .sec [class*="raster"] .wp-block-group{
  transition:transform .35s ease; }
@media (prefers-reduced-motion: reduce){
  .sec .wp-block-columns.cards > .wp-block-column:hover{ transform:none; }
}

/* ---------- Zwei Dreierreihen für die Zahlen ----------------------------- */
.sec .wp-block-columns.counters.c3{ grid-template-columns:repeat(3,1fr); }
.sec .wp-block-columns.counters.c3 + .wp-block-columns.counters.c3{ margin-top:30px; }
@media(max-width:900px){
  .sec .wp-block-columns.counters.c3{ grid-template-columns:repeat(2,1fr); }
}

/* ---------- Kopfzeile ----------------------------------------------------
   Zwei Leisten: oben dunkel mit Wortmarke, Anspruch und Termin,
   darunter das Menue auf Papier. Beim Scrollen bleibt nur das Menue stehen. */
.dcs-kopf{ letter-spacing:normal; font-family:'Lato',sans-serif; }

/* obere, dunkle Leiste */
.dcs-kopf-oben{ background:var(--dark); padding:13px 4%; }
.dcs-kopf.dcs-kopf-oben, .dcs-kopf.dcs-kopf-menue{ letter-spacing:normal; font-family:'Lato',sans-serif; }
.dcs-kopf-oben > .wp-block-group{ max-width:1200px; margin:0 auto;
  display:flex; align-items:center; gap:24px; }
.dcs-kopf-oben > .wp-block-group > .dcs-logo{ flex:none; }
/* Der Anspruch steht mittig im freien Raum zwischen Wortmarke und Schaltflaeche,
   nicht mittig im ganzen Streifen. Sonst klebt er an der laengeren Seite.
   WordPress gibt einen Kurzbefehl im Frontend als schlichten Absatz aus, ohne
   die Klasse aus dem Editor. Deshalb wird hier der Absatz selbst angesprochen. */
.dcs-kopf-oben > .wp-block-group > p,
.dcs-kopf-oben > .wp-block-group > .wp-block-shortcode{ flex:1 1 auto; text-align:center;
  min-width:0; margin:0; }
.dcs-kopf-oben .wp-block-group.dcs-kopf-rechts{ flex:none; display:flex;
  align-items:center; gap:14px; justify-content:flex-end; }
.dcs-kopf-oben .wp-block-shortcode{ margin:0; }
.dcs-anspruch{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:20px;
  letter-spacing:.8px; color:var(--beige); white-space:nowrap; text-align:center; display:block; }
.dcs-anspruch.dcs-anspruch-klein{ font-family:'Lato',sans-serif; font-weight:300;
  font-size:11.5px; letter-spacing:3.4px; text-transform:uppercase; color:var(--gold); }
.dcs-kopf-oben .wp-block-button__link{ background:var(--gold); color:#fff; border-radius:2px;
  padding:9px 20px; font-size:12px; letter-spacing:1.2px; text-transform:uppercase;
  border:none; text-decoration:none; transition:.3s; white-space:nowrap; }
.dcs-kopf-oben .wp-block-button__link:hover{ background:var(--goldd); color:#fff; }

/* untere, helle Menueleiste, bleibt beim Scrollen stehen.
   WordPress legt um jeden Vorlagenteil noch einen Kasten. Der waere sonst
   der Bezugsrahmen und die Leiste bliebe nur im Kopf kleben, nicht auf der Seite. */
.wp-block-template-part:has(> .dcs-kopf-menue){ display:contents; }
.dcs-kopf-menue{ position:sticky; top:0; z-index:50;
  background:rgba(253,252,249,.96); backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line); padding:0 4%; }
.dcs-kopf-menue > .wp-block-group{ max-width:1200px; margin:0 auto; }
.dcs-kopf-menue .wp-block-navigation{ gap:0 26px; font-size:12.5px; letter-spacing:1.2px;
  text-transform:uppercase; font-weight:400; padding:9px 0; }
.dcs-kopf-menue .wp-block-navigation__responsive-container,
.dcs-kopf-menue .wp-block-navigation__container{ padding:0; margin:0; }
.dcs-kopf-menue .wp-block-navigation a{ color:var(--muted); text-decoration:none;
  border-bottom:1px solid transparent; padding:4px 0; transition:.3s; }
.dcs-kopf-menue .wp-block-navigation a:hover,
.dcs-kopf-menue .wp-block-navigation .current-menu-item a{
  color:var(--goldd); border-bottom-color:var(--gold); }
.admin-bar .dcs-kopf-menue{ top:32px; }

/* Wortmarke einzeilig, nur in der Kopfzeile */
.dcs-logo.dcs-logo-zeile{ display:inline-flex; align-items:center; width:auto; min-width:0;
  flex-direction:row; gap:0; }
.dcs-logo.dcs-logo-zeile .nt{ font-family:'Lato',sans-serif; font-size:11px; letter-spacing:.42em;
  text-transform:uppercase; color:var(--gold); font-weight:300; transition:.6s;
  white-space:nowrap; }
.dcs-logo.dcs-logo-zeile .vline{ display:block; height:1.5px; width:46px; flex:none; }
.dcs-logo.dcs-logo-zeile .vl-l{ margin-left:12px;
  background:linear-gradient(90deg, transparent, rgba(220,207,191,.75)); }
.dcs-logo.dcs-logo-zeile .vl-r{ margin-right:12px;
  background:linear-gradient(90deg, rgba(220,207,191,.75), transparent); }
.dcs-logo.dcs-logo-zeile .cpiece{ position:relative; width:26px; height:26px; display:flex;
  align-items:center; justify-content:center; flex-shrink:0; margin:0 -2px; }
.dcs-logo.dcs-logo-zeile .dframe{ position:absolute; width:17px; height:17px;
  border:1.4px solid rgba(220,207,191,.8); transform:rotate(45deg); transition:.6s;
  box-shadow:0 0 12px rgba(220,207,191,.25); }
.dcs-logo.dcs-logo-zeile .spoint{ width:5px; height:5px; background:var(--gold); border-radius:50%;
  z-index:2; box-shadow:0 0 8px var(--gold); animation:dcs-puls 3s infinite ease-in-out; }
.dcs-logo.dcs-logo-zeile:hover .dframe{ transform:rotate(135deg); border-color:var(--gold); }
.dcs-logo.dcs-logo-zeile:hover .nt{ color:var(--beige); }

@media(max-width:600px){
  .dcs-kopf-oben{ padding:10px 5%; }
  .dcs-logo.dcs-logo-zeile .nt{ font-size:9px; letter-spacing:.26em; }
  .dcs-logo.dcs-logo-zeile .vline{ width:16px; }
  .dcs-logo.dcs-logo-zeile .vl-l{ margin-left:8px; }
  .dcs-logo.dcs-logo-zeile .vl-r{ margin-right:8px; }
  .dcs-logo.dcs-logo-zeile .cpiece{ width:20px; height:20px; }
  .dcs-logo.dcs-logo-zeile .dframe{ width:13px; height:13px; }
  .dcs-kopf-oben .wp-block-button__link{ padding:8px 13px; font-size:10.5px; letter-spacing:1px; }
}
@media(max-width:900px){
  .dcs-kopf-oben > .wp-block-group{ gap:14px; flex-wrap:wrap; justify-content:space-between; }
  .dcs-kopf-oben > .wp-block-group > p,
  .dcs-kopf-oben > .wp-block-group > .wp-block-shortcode{ flex:0 0 auto; }
  .dcs-anspruch{ display:none; }
  .dcs-logo.dcs-logo-zeile .vline{ width:26px; }
  .dcs-logo.dcs-logo-zeile .nt{ font-size:10px; letter-spacing:.34em; }
  .dcs-kopf-menue .wp-block-navigation{ padding:10px 0; }
}

/* ---------- Fußzeile ----------------------------------------------------- */
.dcs-fuss{ letter-spacing:normal; background:var(--dark); color:#b7ac9e; padding:70px 5% 40px; font-size:14px;
  font-family:'Lato',sans-serif; font-weight:300; line-height:1.8; }
.dcs-fuss > *{ max-width:1120px; margin-left:auto; margin-right:auto; }
.dcs-fuss .wp-block-columns{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:48px; }
.dcs-fuss .wp-block-column{ flex-basis:auto !important; }
.dcs-fuss h4, .dcs-fuss h2{ font-family:'Cormorant Garamond',serif; color:#e8ddcc;
  font-size:20px; font-weight:500; margin:0 0 14px; }
.dcs-fuss p{ margin:0 0 6px; }
.dcs-fuss a{ color:#cbbfae; text-decoration:none; display:block; padding:3px 0; }
.dcs-fuss a:hover{ color:var(--gold); }
.dcs-fuss .wp-block-site-logo img{ max-width:300px; margin-bottom:18px; }
.dcs-fuss .dcs-fuss-unten{ margin-top:44px; padding-top:24px;
  border-top:1px solid rgba(236,226,210,.15); color:#8d8375; font-size:12.5px;
  display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.dcs-fuss .dcs-fuss-unten a{ display:inline; color:inherit; }
.dcs-fuss .dcs-fuss-unten p{ margin:0; }
@media(max-width:900px){
  .dcs-fuss .wp-block-columns{ grid-template-columns:1fr; gap:36px; }
}

/* ---------- Blog: Übersicht ---------------------------------------------- */
.sec .wp-block-post-template{ list-style:none; margin:0; padding:0; }
.sec .wp-block-post-template > li{ padding:34px 0; border-bottom:1px solid var(--line);
  max-width:820px; margin-left:auto; margin-right:auto; }
.sec .wp-block-post-template > li:first-child{ padding-top:0; }
.sec .wp-block-post-template > li:last-child{ border-bottom:none; }
.sec .wp-block-post-date{ font-size:12px; letter-spacing:3px; text-transform:uppercase;
  color:var(--goldd); margin:0 0 8px; }
.sec .wp-block-post-date a{ color:inherit; text-decoration:none; }
.sec .wp-block-post-title{ font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:30px; line-height:1.25; margin:0 0 10px; }
.sec .wp-block-post-title a{ color:var(--text); text-decoration:none; }
.sec .wp-block-post-title a:hover{ color:var(--goldd); }
.sec .wp-block-post-excerpt__excerpt{ color:var(--muted); margin:0; }
.sec .wp-block-post-excerpt__more-link{ display:inline-block; margin-top:10px;
  color:var(--goldd); font-size:13px; letter-spacing:1px; text-decoration:none;
  border-bottom:1px solid rgba(198,165,124,.5); }
.sec .wp-block-post-featured-image{ margin:0 0 18px; }
.sec .wp-block-post-featured-image img{ border-radius:3px;
  box-shadow:0 16px 40px rgba(63,58,51,.12); }
.sec .wp-block-query-pagination{ max-width:820px; margin:44px auto 0;
  display:flex; justify-content:space-between; font-size:13px; letter-spacing:1px; }
.sec .wp-block-query-pagination a{ color:var(--goldd); text-decoration:none; }
.sec .wp-block-query-no-results{ text-align:center; color:var(--muted); }

/* ---------- Blog: einzelner Beitrag -------------------------------------- */
.sec.beitrag > *{ max-width:760px; }
.sec.beitrag h2{ font-size:30px; margin:1.6em auto .3em; }
.sec.beitrag h3{ font-size:22px; margin:1.4em auto .3em; }
.sec.beitrag p{ margin:0 auto 1em; }
.sec.beitrag .wp-block-post-title{ font-size:clamp(34px,4.4vw,46px); font-weight:600;
  line-height:1.15; margin:0 0 16px; }
.sec.beitrag .wp-block-post-featured-image{ margin:0 0 34px; }
.sec.beitrag blockquote{ font-family:'Cormorant Garamond',serif; font-style:italic;
  font-size:22px; line-height:1.6; color:var(--goldd); border-left:2px solid var(--gold);
  padding-left:22px; margin:1.4em auto; }
.sec.beitrag ul, .sec.beitrag ol{ color:var(--muted); padding-left:22px; margin:0 auto 1em; }
.sec.beitrag li{ margin-bottom:.4em; }
.sec.beitrag figure{ margin:1.6em auto; }
.sec.beitrag figcaption{ font-size:12.5px; color:var(--muted); margin-top:8px;
  text-align:center; }
.sec .wp-block-post-terms{ font-size:12px; letter-spacing:2px; text-transform:uppercase;
  color:var(--goldd); }
.sec .wp-block-post-navigation-link{ font-size:13px; letter-spacing:1px; }
.sec .wp-block-post-navigation-link a{ color:var(--goldd); text-decoration:none; }

/* ---------- Problemabschnitt, Fassung B ---------------------------------- */
/* Zwei mal zwei, Raute des Logos links, Text linksbuendig. */
.sec .wp-block-columns.probleme{ display:grid; grid-template-columns:1fr 1fr;
  gap:0 64px; max-width:960px; margin:0 auto; text-align:left; }
.sec .wp-block-columns.probleme > .wp-block-column{ flex-basis:auto !important; }
.sec .probleme .wp-block-group.punkt{ position:relative; padding-left:44px; }
.sec .probleme .wp-block-group.punkt + .wp-block-group.punkt{ margin-top:38px; }
.sec .probleme .wp-block-group.punkt::before{ content:""; position:absolute;
  left:0; top:9px; width:18px; height:18px; border:1.5px solid var(--gold);
  transform:rotate(45deg);
  background:radial-gradient(circle at 50% 50%, var(--gold) 0 2.5px, transparent 2.5px); }
.sec .probleme .wp-block-group.punkt > *{ max-width:none; }
.sec.sec .probleme h4.rtitel{ font-family:'Lato',sans-serif; font-weight:700;
  font-size:16px; line-height:1.6; color:var(--text); margin:0 0 4px; }
.sec .probleme p.sub{ font-size:15px; line-height:1.75; }
@media(max-width:900px){
  .sec .wp-block-columns.probleme{ grid-template-columns:1fr; gap:0; }
  .sec .probleme > .wp-block-column + .wp-block-column .wp-block-group.punkt:first-child{ margin-top:38px; }
}

/* ---------- Wortmarke, aus CSS gezeichnet und animiert -------------------- */
/* Ersetzt die Bilddatei in Kopf und Fuss. Traegt die Rautenanimation der
   Vorschau: der goldene Punkt pulst, beim Zeigen dreht sich die Raute. */
.dcs-logo{ display:flex; flex-direction:column; min-width:210px; width:210px;
  text-decoration:none; line-height:1.4; }
.dcs-logo .nt{ font-family:'Lato',sans-serif; font-size:11px; letter-spacing:.42em;
  text-transform:uppercase; color:var(--gold); font-weight:300; transition:.6s; }
.dcs-logo .dcs-logo-oben{ display:block; text-align:left; }
.dcs-logo .dcs-logo-unten{ display:block; text-align:right; }
.dcs-logo .dcs-logo-kern{ display:flex; align-items:center; width:100%; }
.dcs-logo .vline{ display:block; height:1.5px;
  background:linear-gradient(90deg,transparent,var(--beige) 80%); }
.dcs-logo .vl-l{ flex-grow:2.2; } .dcs-logo .vl-r{ flex-grow:1; }
.dcs-logo .cpiece{ position:relative; width:26px; height:26px; display:flex;
  align-items:center; justify-content:center; flex-shrink:0; margin:0 -2px; }
.dcs-logo .dframe{ position:absolute; width:17px; height:17px;
  border:1.4px solid var(--beige); transform:rotate(45deg); transition:.6s;
  box-shadow:0 0 12px rgba(220,207,191,.25); }
.dcs-logo .spoint{ width:5px; height:5px; background:var(--gold); border-radius:50%;
  z-index:2; box-shadow:0 0 8px var(--gold); animation:dcs-puls 3s infinite ease-in-out; }
.dcs-logo:hover .dframe{ transform:rotate(135deg); border-color:var(--gold); }
.dcs-logo:hover .nt{ color:var(--goldd); }
@keyframes dcs-puls{ 0%,100%{ transform:scale(1); opacity:.8 } 50%{ transform:scale(1.25); opacity:1 } }
@media (prefers-reduced-motion: reduce){
  .dcs-logo .spoint{ animation:none; }
  .dcs-logo .dframe, .dcs-logo .nt{ transition:none; }
}
/* Fusszeile: auf dem dunklen Grund etwas heller, sonst gleich */
.dcs-logo-fuss{ width:270px; min-width:270px; margin-bottom:18px; }
.dcs-logo-fuss .nt{ color:var(--gold); }
.dcs-logo-fuss .vline{ background:linear-gradient(90deg,transparent,rgba(220,207,191,.55) 80%); }
.dcs-logo-fuss .dframe{ border-color:rgba(220,207,191,.75); }
.dcs-logo-fuss:hover .dframe{ border-color:var(--gold); }
.dcs-logo-fuss:hover .nt{ color:var(--beige); }

/* ---------- Heller Einstieg der Startseite -------------------------------- */
/* Der Einstieg steht jetzt auf Papier wie alle anderen Seiten. Die drei
   Farbwerte, die aus der dunklen Vorschau stammen, werden hier korrigiert. */
.sec:not(.dark) .v3104518c.v3104518c.v3104518c{ color:var(--text); }
.sec:not(.dark) .v4cd35fe8.v4cd35fe8.v4cd35fe8{ color:var(--muted); }
.sec:not(.dark) .v644344ac.v644344ac.v644344ac{ color:var(--goldd); }

/* ---------- Helle Fassung dunkler Abschnitte ------------------------------
   Einige Farbwerte stammen aus Abschnitten, die in der Vorschau dunkel waren.
   Steht so ein Abschnitt auf Papier oder Creme, gelten die hellen Werte. */
.sec:not(.dark) h4.kv-titel{ color:var(--text); }
.sec:not(.dark) .kv p.kvtext{ color:var(--muted); }
.sec:not(.dark) p.kvnum{ color:var(--goldd); }
.sec:not(.dark) .v052de512.v052de512.v052de512{ color:var(--muted); }
.sec:not(.dark) .v3104518c.v3104518c.v3104518c{ color:var(--text); }
.sec:not(.dark) .v4cd35fe8.v4cd35fe8.v4cd35fe8{ color:var(--muted); }
.sec:not(.dark) .v5ba6ac79.v5ba6ac79.v5ba6ac79{ color:var(--muted); }
.sec:not(.dark) .v690e9b7a.v690e9b7a.v690e9b7a{ color:var(--text); }
.sec:not(.dark) .v91d573c0.v91d573c0.v91d573c0{ color:var(--text); }

/* ---------- Qualifikationssiegel unter dem Einstieg ----------------------- */
/* Ersetzt das schwarze Band. Vier Felder, jedes mit der Raute des Logos,
   auf Papier, in Gold. Die Rauten atmen sehr langsam. */
.sec.siegel{ padding:44px 5%; background:var(--paper);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sec .wp-block-columns.siegel-reihe{ display:grid; grid-template-columns:repeat(4,1fr);
  gap:0; max-width:1060px; margin:0 auto; }
.sec .siegel-reihe > .wp-block-column{ position:relative; text-align:center;
  padding:0 22px; border-left:1px solid var(--line); flex-basis:auto !important; }
.sec .siegel-reihe > .wp-block-column:first-child{ border-left:none; }
.sec .siegel-reihe > .wp-block-column::before{ content:""; display:inline-block;
  width:11px; height:11px; border:1.2px solid var(--gold); transform:rotate(45deg);
  background:radial-gradient(circle at 50% 50%, var(--gold) 0 1.8px, transparent 1.8px);
  margin-bottom:12px; animation:dcs-siegel 5s infinite ease-in-out; }
.sec.sec .siegel-reihe p.siegel-text{ font-family:'Lato',sans-serif; font-size:11.5px;
  letter-spacing:2px; line-height:1.9; text-transform:uppercase;
  color:var(--goldd); margin:0; }
@keyframes dcs-siegel{ 0%,100%{ opacity:.75 } 50%{ opacity:1 } }
@media (prefers-reduced-motion: reduce){
  .sec .siegel-reihe > .wp-block-column::before{ animation:none; } }
@media(max-width:900px){
  .sec .wp-block-columns.siegel-reihe{ grid-template-columns:1fr 1fr; gap:26px 0; }
  .sec .siegel-reihe > .wp-block-column:nth-child(odd){ border-left:none; } }

/* ---------- Sprachumschalter --------------------------------------------- */
.dcs-sprachen{ display:inline-flex; align-items:center; gap:8px;
  font-family:'Lato',sans-serif; font-size:12px; letter-spacing:1.2px; }
.dcs-kopf .dcs-sprachen{ margin-left:4px; }
.dcs-sprache{ color:var(--muted); text-decoration:none; padding:4px 0;
  border-bottom:1px solid transparent; transition:.3s; }
a.dcs-sprache:hover{ color:var(--goldd); border-bottom-color:var(--gold); }
.dcs-sprache-aktiv{ color:var(--goldd); border-bottom-color:var(--gold); }
.dcs-sprachen-trenner{ color:var(--line); }
.dcs-kopf .wp-block-shortcode{ margin:0; }

/* ---------- Newsletter-Anmeldung ---------------------------------------- */
/* Die dreifache Klasse schlaegt die Breitenregel, die WordPress jedem Kind
   einer "constrained" Gruppe gibt. Sonst laeuft das Feld ueber die volle Spalte. */
.dcs-nl.dcs-nl.dcs-nl{ max-width:520px; margin:26px auto 0; }
.dcs-nl.dcs-nl-gesendet form{ display:none; }
.dcs-nl form{ margin:0; }
.dcs-nl .dcs-nl-zeile{ display:flex; gap:0; align-items:stretch;
  border-bottom:1px solid var(--line); }
.dcs-nl .dcs-nl-feld{ flex:1 1 auto; min-width:0; background:transparent; border:none;
  padding:12px 2px; font-family:'Lato',sans-serif; font-weight:300; font-size:15px;
  color:var(--text); letter-spacing:normal; }
.dcs-nl .dcs-nl-feld::placeholder{ color:#a79c8e; }
.dcs-nl .dcs-nl-feld:focus{ outline:none; }
.dcs-nl .dcs-nl-zeile:focus-within{ border-bottom-color:var(--gold); }
.dcs-nl .dcs-nl-knopf{ flex:none; background:none; border:none; cursor:pointer;
  font-family:'Lato',sans-serif; font-size:12px; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--goldd); padding:12px 2px 12px 20px; transition:.3s; }
.dcs-nl .dcs-nl-knopf:hover{ color:var(--text); }
.dcs-nl .dcs-nl-zustimmung{ display:flex; align-items:flex-start; gap:10px; margin-top:16px;
  text-align:left; font-family:'Lato',sans-serif; font-weight:300; font-size:12.5px;
  line-height:1.7; color:var(--muted); cursor:pointer; }
.dcs-nl .dcs-nl-zustimmung input{ flex:none; margin-top:3px; width:14px; height:14px;
  accent-color:var(--gold); }
.dcs-nl .dcs-nl-zustimmung a{ color:var(--goldd); text-decoration:none;
  border-bottom:1px solid var(--line); }
.dcs-nl .dcs-nl-zustimmung a:hover{ border-bottom-color:var(--gold); }
.dcs-nl .dcs-nl-fein{ margin-top:14px; font-family:'Lato',sans-serif; font-weight:300;
  font-size:11.5px; line-height:1.7; color:#9e948a; letter-spacing:normal; }
.dcs-nl .dcs-nl-dank{ margin:0; padding:18px 22px; border:1px solid var(--gold);
  background:rgba(184,148,95,.06); font-family:'Lato',sans-serif; font-weight:300;
  font-size:14px; line-height:1.75; color:var(--text); letter-spacing:normal;
  outline:none; }
.dcs-nl .dcs-nl-rahmen{ display:none; width:0; height:0; border:0; }
@media(max-width:600px){
  .dcs-nl .dcs-nl-zeile{ flex-wrap:wrap; }
  .dcs-nl .dcs-nl-knopf{ padding-left:0; }
}

/* Einzelkarte in eigener Reihe (Methodik, sechste Ebene) */
.sec .wp-block-columns.cards.c1{ grid-template-columns:1fr; max-width:370px; margin-left:auto; margin-right:auto; }
.sec .wrap .narrow.narrow{ max-width:720px; margin-left:auto; margin-right:auto; }

/* Häufige Fragen */
.dcs-faq h2{ margin-top:48px; margin-bottom:12px; }
.dcs-faq h2:first-child{ margin-top:0; }
.dcs-faq .wp-block-details{ border-bottom:1px solid #E7DFD2; padding:16px 0; margin:0; }
.dcs-faq .wp-block-details summary{ cursor:pointer; list-style:none; position:relative; padding-right:32px; font-weight:400; font-size:1.05rem; line-height:1.5; }
.dcs-faq .wp-block-details summary::-webkit-details-marker{ display:none; }
.dcs-faq .wp-block-details summary::after{ content:"+"; position:absolute; right:4px; top:-2px; font-size:1.4rem; color:#B8945F; transition:transform .2s ease; }
.dcs-faq .wp-block-details[open] summary::after{ transform:rotate(45deg); }
.dcs-faq .wp-block-details p{ margin:12px 0 4px; }

/* Typografie-Vorschlag: nur sichtbar mit ?typo=neu (Vorschau, bis zur Entscheidung) */
html.typo-neu .sec p:where(:not(.eyebrow,.note,.klein,.quote,.zitat,.raute,.kvnum,.lead,.sub,[class*="dcs-nl"])),
html.typo-neu .sec li{ font-size:17px; font-weight:400; line-height:1.75; color:#4A443C; }
html.typo-neu .sec.band p{ font-size:12.5px; }
html.typo-neu .sec p.lead{ font-size:19px; font-weight:400; }
html.typo-neu .sec p.sub{ font-size:17px; font-weight:400; color:#5A5248; }
html.typo-neu .sec h3{ line-height:1.3; }
html.typo-neu .wp-block-button__link{ font-size:13px; font-weight:400; }
html.typo-neu .wp-block-navigation-item__content{ font-size:13.5px; }