/* GESTALTUNGSREGELN (verbindlich): Handy Text<->Bild/Kachel immer 40px oben wie unten, ohne Ueberlappung | Einleitung->Fliesstext 32px | duenne Trennlinie zwischen allen Sections (ausser nach Intro), auch vor Kontakt | keine Linie direkt unter Bildern auf dem Handy | kein Zusatzabstand am Section-Ende. Details: GESTALTUNGSREGELN-touched-to-be.md */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top: 96px}
body{margin:0;background:var(--paper-light);color:var(--ink);font-family:"Manrope",system-ui,sans-serif;font-size:17px;font-weight:400;line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}


/* ============================================================
   ROOT
   ============================================================ */
:root {
  --paper: #fff6df;
  --paper-light: #fffaf0;
  --paper-deep: #efe2d6;
  --apricot: #f2d686;
  --apricot-light: #fbefc6;
  --terracotta: #d7a72d;
  --terracotta-deep: #74530d;
  --copper: #c38367;
  --copper-deep: #754536;
  --copper-light: #e8bda5;
  --ink: #2b2722;
  --ink-soft: #625a50;
  --cognac: #bd8b18;
  --cognac-deep: #74530d;
  --night: #302a23;
  --line: rgba(95, 72, 25, 0.17);
  --white: #fffdf7;
  --content: 1240px;
  --text: 720px;
  --shadow-soft: 0 24px 70px rgba(72, 54, 19, 0.13);
  --radius-small: 8px;
  --radius-medium: 28px;
  --radius-large: 72px;
}

/* ============================================================
   FARBSCHEMATA FÜR SECTIONS
   Anwendung im HTML, zum Beispiel:
   <section class="section farbschema-muschel">

   Jedes Schema legt fest:
   1. Hintergrund der Section
   2. Hintergrund normaler Kacheln
   3. Hintergrund hervorgehobener Kacheln
   4. Farben für Primary- und Secondary-Buttons
   5. Farben für Textlinks

   Die Klassen gold, braun, gruen und creme bleiben weiterhin
   als gezielte Farbabweichung für einzelne Elemente verfügbar.
   ============================================================ */

/* CREME: sehr hell, ruhig, goldene Bedienelemente */
.farbschema-creme {
  --section-aufhellung: rgba(255, 253, 247, 0.88);
  --section-hintergrund: #fffaf0;
  --kachel-hintergrund: #fffaf5;
  --kachel-hervorgehoben: #f1d8ca;
  --element-farbe: #dfad2d;
  --element-hover: #6f4e3b;
  --element-text: #241f1a;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(103, 72, 29, 0.18);
  --element-fokus: rgba(223, 173, 45, 0.42);
  --secondary-text: #46382e;
  --secondary-hintergrund: rgba(255, 250, 240, 0.5);
  --secondary-border: rgba(70, 56, 46, 0.5);
  --textlink-farbe: #74530d;
  --textlink-hover: #bd8b18;
  --textlink-fokus: rgba(189, 139, 24, 0.35);
}

/* ELFENBEIN: warmes, fast weißes Beige mit goldenen Bedienelementen */
.farbschema-elfenbein {
  --section-aufhellung: rgba(255, 253, 247, 0.82);
  --section-hintergrund: #fff7ee;
  --kachel-hintergrund: #fffaf5;
  --kachel-hervorgehoben: #f1d8ca;
  --element-farbe: #dfad2d;
  --element-hover: #6f4e3b;
  --element-text: #241f1a;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(103, 72, 29, 0.18);
  --element-fokus: rgba(223, 173, 45, 0.42);
  --secondary-text: #46382e;
  --secondary-hintergrund: rgba(255, 250, 240, 0.5);
  --secondary-border: rgba(70, 56, 46, 0.5);
  --textlink-farbe: #74530d;
  --textlink-hover: #bd8b18;
  --textlink-fokus: rgba(189, 139, 24, 0.35);
}

/* PORZELLAN: sehr heller Verlauf mit einem zarten Rosé-Ausklang */
.farbschema-porzellan {
  --section-aufhellung: rgba(255, 253, 247, 0.82);
  --section-hintergrund: linear-gradient(135deg, #fffaf5 0%, #fbf3ed 56%, #f6e7de 100%);
  --kachel-hintergrund: #fffaf5;
  --kachel-hervorgehoben: #f1d8ca;
  --element-farbe: #dfad2d;
  --element-hover: #6f4e3b;
  --element-text: #241f1a;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(103, 72, 29, 0.18);
  --element-fokus: rgba(223, 173, 45, 0.42);
  --secondary-text: #46382e;
  --secondary-hintergrund: rgba(255, 250, 240, 0.5);
  --secondary-border: rgba(70, 56, 46, 0.5);
  --textlink-farbe: #74530d;
  --textlink-hover: #bd8b18;
  --textlink-fokus: rgba(189, 139, 24, 0.35);
}

/* PUDER: stilles, leicht rosiges Off-White mit goldenen Bedienelementen */
.farbschema-puder {
  --section-aufhellung: rgba(255, 253, 247, 0.78);
  --section-hintergrund: #fbf4ef;
  --kachel-hintergrund: #fffaf5;
  --kachel-hervorgehoben: #f1d8ca;
  --element-farbe: #dfad2d;
  --element-hover: #6f4e3b;
  --element-text: #241f1a;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(103, 72, 29, 0.18);
  --element-fokus: rgba(223, 173, 45, 0.42);
  --secondary-text: #46382e;
  --secondary-hintergrund: rgba(255, 250, 240, 0.5);
  --secondary-border: rgba(70, 56, 46, 0.5);
  --textlink-farbe: #74530d;
  --textlink-hover: #bd8b18;
  --textlink-fokus: rgba(189, 139, 24, 0.35);
}

/* MUSCHEL: warmes Rosé-Beige, helle Kacheln, goldene Bedienelemente */
.farbschema-muschel {
  --section-aufhellung: rgba(255, 253, 247, 0.86);
  --section-hintergrund:
    radial-gradient(circle at 92% 94%, rgba(215, 167, 45, 0.12), transparent 31%),
    linear-gradient(135deg, #f8eee7 0%, #f3e2d5 52%, #f7e9de 100%);
  --kachel-hintergrund: #fffaf5;
  --kachel-hervorgehoben: #f1d8ca;
  --element-farbe: #dfad2d;
  --element-hover: #6f4e3b;
  --element-text: #241f1a;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(103, 72, 29, 0.18);
  --element-fokus: rgba(223, 173, 45, 0.42);
  --secondary-text: #46382e;
  --secondary-hintergrund: rgba(255, 250, 240, 0.5);
  --secondary-border: rgba(70, 56, 46, 0.5);
  --textlink-farbe: #74530d;
  --textlink-hover: #bd8b18;
  --textlink-fokus: rgba(189, 139, 24, 0.35);
}

/* SAND: beige, etwas kräftigere Kacheln, braune Bedienelemente */
.farbschema-sand {
  --section-aufhellung: rgba(255, 253, 247, 0.76);
  --section-hintergrund: #efe2d6;
  --kachel-hintergrund: #e9dfd5;
  --kachel-hervorgehoben: #ddcbbb;
  --element-farbe: #a89686;
  --element-hover: #7c6e61;
  --element-text: #fffaf3;
  --element-hover-text: #fffaf3;
  --element-schatten: rgba(92, 72, 57, 0.18);
  --element-fokus: rgba(168, 150, 134, 0.42);
  --secondary-text: #6f5f52;
  --secondary-hintergrund: transparent;
  --secondary-border: rgba(111, 95, 82, 0.55);
  --textlink-farbe: #765d49;
  --textlink-hover: #594436;
  --textlink-fokus: rgba(118, 93, 73, 0.32);
}

/* SALBEI: grünlich hell, helle Kacheln, grüne Bedienelemente */
.farbschema-salbei {
  --section-aufhellung: rgba(255, 253, 247, 0.55);
  --section-hintergrund: #e7ebe5;
  --kachel-hintergrund: #f2f4f0;
  --kachel-hervorgehoben: #dce5df;
  --element-farbe: #567568;
  --element-hover: #486358;
  --element-text: #fffdf7;
  --element-hover-text: #fffdf7;
  --element-schatten: rgba(72, 99, 88, 0.18);
  --element-fokus: rgba(86, 117, 104, 0.42);
  --secondary-text: #486358;
  --secondary-hintergrund: transparent;
  --secondary-border: rgba(72, 99, 88, 0.55);
  --textlink-farbe: #486358;
  --textlink-hover: #324a40;
  --textlink-fokus: rgba(72, 99, 88, 0.35);
  --intro-weichzeichner: 244, 247, 242; /* Intro: Fläche und Weichzeichner hinter dem Text (#f4f7f2) */
}

/* AUBERGINE: helles, pudriges Aubergine mit gedeckten Bedienelementen */
.farbschema-aubergine {
  --section-aufhellung: rgba(255, 252, 249, 0.72);
  --section-hintergrund: #eee4e8;
  --kachel-hintergrund: #faf6f7;
  --kachel-hervorgehoben: #dfcdd5;
  --deko-farbe: rgba(132, 91, 110, 0.84);
  --element-farbe: #795568;
  --element-hover: #513a46;
  --element-text: #fffaf7;
  --element-hover-text: #fffaf7;
  --element-schatten: rgba(81, 58, 70, 0.20);
  --element-fokus: rgba(121, 85, 104, 0.40);
  --secondary-text: #674858;
  --secondary-hintergrund: rgba(255, 250, 247, 0.48);
  --secondary-border: rgba(103, 72, 88, 0.52);
  --textlink-farbe: #704d5e;
  --textlink-hover: #4c3440;
  --textlink-fokus: rgba(112, 77, 94, 0.32);
}

/* COGNAC: warmes Sandbeige mit tiefen Cognac-Akzenten */
.farbschema-cognac {
  --section-aufhellung: rgba(255, 253, 247, 0.70);
  --section-hintergrund: #f2e9db;
  --kachel-hintergrund: #faf6ee;
  --kachel-hervorgehoben: #eadbc8;
  --deko-farbe: rgba(128, 84, 60, 0.86);
  --element-farbe: #603d2d;
  --element-hover: #302a23;
  --element-text: #fffaf2;
  --element-hover-text: #fffaf2;
  --element-schatten: rgba(96, 61, 45, 0.20);
  --element-fokus: rgba(128, 84, 60, 0.40);
  --secondary-text: #603d2d;
  --secondary-hintergrund: rgba(255, 253, 247, 0.52);
  --secondary-border: rgba(128, 84, 60, 0.52);
  --textlink-farbe: #603d2d;
  --textlink-hover: #80543c;
  --textlink-fokus: rgba(128, 84, 60, 0.32);
}

/* Gemeinsame Darstellung aller Section-Farbschemata */
.section-grundaufbau.farbschema-creme,
.section-grundaufbau.farbschema-elfenbein,
.section-grundaufbau.farbschema-porzellan,
.section-grundaufbau.farbschema-puder,
.section-grundaufbau.farbschema-muschel,
.section-grundaufbau.farbschema-sand,
.section-grundaufbau.farbschema-salbei,
.section-grundaufbau.farbschema-aubergine,
.section-grundaufbau.farbschema-cognac,
.section-grundaufbau.farbschema-kupfer {
  background:radial-gradient(circle at 12% 9%, var(--section-aufhellung), transparent 32%),var(--section-hintergrund)}
  
/* ============================================================
   SCHRIFTARTEN
   ============================================================ */
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-v21-latin-regular.woff2")format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-v21-latin-500.woff2")format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("../fonts/cormorant-garamond-v21-latin-italic.woff2")format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-display:swap;font-family:'Manrope';font-style:normal;font-weight:300;src:url('../fonts/manrope-v20-latin-300.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Manrope';font-style:normal;font-weight:400;src:url('../fonts/manrope-v20-latin-regular.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Manrope';font-style:normal;font-weight:500;src:url('../fonts/manrope-v20-latin-500.woff2')format('woff2')}
@font-face{font-display:swap;font-family:'Manrope';font-style:normal;font-weight:600;src:url('../fonts/manrope-v20-latin-600.woff2')format('woff2')}


/* ============================================================
   SCHRIFTFORMATIERUNG
   ============================================================ */
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;text-wrap:balance}
h1{max-width:680px;margin-bottom:26px;font-size:clamp(52px, 5.35vw, 82px);line-height:0.96;letter-spacing:-0.035em}
h2{margin-bottom:24px;font-size:clamp(42px, 5vw, 72px);line-height:1.04;letter-spacing:-0.025em}
h3{margin-bottom:14px;font-size:clamp(28px, 3vw, 42px);line-height:1.08}


.ueberstand-abschneiden{overflow:clip}
.seitenkopf{position:fixed;top:0;right:0;left:0;z-index:1000;isolation:isolate;border-bottom:1px solid rgba(95, 72, 25, 0.08);background:rgba(255, 250, 240, 0.76);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);transition:min-height 220ms ease, background 220ms ease, box-shadow 220ms ease}
.seitenkopf.is-scrolled{background: rgba(255, 250, 240, 0.96);box-shadow:0 10px 34px rgba(59, 47, 23, 0.1)}
.seitenkopf.is-scrolled .header-inner{min-height: 76px}
.seitenkopf.is-scrolled .brand img{height: 43px}
.header-inner{width: min(var(--content), calc(100% - 40px));min-height:94px;margin:0 auto;padding:7px 0;display:flex;align-items:center;justify-content: space-between;gap:28px;transition:min-height 220ms ease}


/* ============================================================
  LOGO UND WORTMARKE
   ============================================================ */
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand img{width:auto;height:50px;filter:brightness(0) saturate(100%) invert(48%) sepia(91%) saturate(534%) hue-rotate(5deg) brightness(91%) contrast(87%);transition:height 220ms ease}
.brand-name,.brand-subline{display:block}
.brand-name{font-size:13px;font-weight:600;letter-spacing:0.17em}
.brand-subline{margin-top:2px;color:var(--ink-soft);font-size:12px;line-height:1.3}

/* ============================================================
   NAVIGATION DESKTOP
   ============================================================ */
.desktop-nav{display:flex;align-items:center;gap:clamp(14px, 2vw, 30px)}
.desktop-nav a{position:relative;padding:10px 0;font-size:13px}
.desktop-nav a::after{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:var(--cognac);transform:scaleX(0);transform-origin:right;transition:transform 240ms ease}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}

/* ============================================================
   NAVIGATION MOBIL
   ============================================================ */
.menue-oeffnen-schliessen-schalter{display:none;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.menue-oeffnen-schliessen-schalter span{display:block;width:18px;height:1px;margin:5px auto;background:currentColor}
.mobile-nav{position:fixed;inset:0;z-index:1100;width:100%;height:100dvh;padding:24px 28px 36px;overflow-y:auto;background:#fffaf0;color:#2b2722;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform 0.4s ease, opacity 0.3s ease, visibility 0.3s ease}
.mobile-nav::before{content:"";position:absolute;top:190px;left:0;width:84px;height:410px;border-radius:0 999px 999px 0;background:#e5b32b;pointer-events:none}
.mobile-nav.is-open{opacity:1;visibility:visible;transform:translateX(0)}
.mobile-nav-shell{position:relative;z-index:1;min-height:calc(100dvh - 60px)}
.mobile-nav-head{display:flex;align-items:flex-start;justify-content:space-between;gap: 18px}
.mobile-nav-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#2b2722;text-decoration:none}
.mobile-nav-brand img{display:block;flex:0 0 auto;width:auto;height:46px;filter:brightness(0) saturate(100%) invert(48%) sepia(91%) saturate(534%) hue-rotate(5deg) brightness(91%) contrast(87%)}
.mobile-nav-markenname{display:block;min-width: 0}
.mobile-nav-brand .brand-name{display:block;white-space:nowrap;font-family:"Manrope",sans-serif;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:0.15em}
.mobile-nav-brand .brand-subline{display:block;max-width:220px;margin-top:4px;font-family:"Manrope",sans-serif;font-size:13px;line-height:1.35;color:#6d6258}
.menu-close{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:1px solid rgba(43, 39, 34, 0.28);border-radius:50%;background:transparent;color:#2b2722;font-family:"Manrope",sans-serif;font-size:28px;line-height:1;cursor:pointer}
.mobile-nav-content{width: calc(100% - 70px);margin:38px 0 0 70px;}
.mobile-nav-inner{display:flex;flex-direction:column;align-items: flex-start}
.mobile-nav-inner .nav-link{display:inline-block;padding:10px 0;font-family:"Manrope",sans-serif;font-size:21px;font-weight:500;line-height:1.3;color:#2b2722;text-decoration:none;transition:color 0.2s ease,transform 0.2s ease}
.mobile-nav-inner .nav-link:hover,.mobile-nav-inner .nav-link:focus-visible{color:#8a620e;transform:translateX(6px)}
@media (max-width: 520px) {
  .mobile-nav{padding:20px 22px 32px}
  .mobile-nav::before{top:175px;width:68px;height:390px}
  .mobile-nav-brand img{height:42px}
  .mobile-nav-brand .brand-subline{max-width:190px}
  .mobile-nav-content{width:calc(100% - 56px);margin:32px 0 0 56px}
  .mobile-nav-inner .nav-link{font-size:20px}
}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}

/* ============================================================
   SEITENÜBERGREIFEND: INTRO
   ============================================================ */
.seiten-intro{position:relative;min-height:min(880px,100svh);overflow:hidden;background:var(--paper-light)}
.seiten-intro::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.98) 0%, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.92) 31%, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.52) 51%, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.02) 72%),linear-gradient(0deg, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.2), transparent 30%);pointer-events:none}/*Weicher Übergang zum Bild*/
.seiten-intro::before{content:"";position:absolute;z-index:2;top:24%;left:-86px;width:172px;height:360px;border-radius:0 90px 90px 0;background:rgba(215, 167, 45, 0.88);mix-blend-mode:multiply;pointer-events:none}/*Oval*/
.intro-innenbereich{position:relative;z-index:2;width:min(var(--content), calc(100% - 40px));min-height:min(880px, 100svh);margin:0 auto;display:flex;align-items:center}
.intro-textbereich{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:min(640px, 54%);padding:156px 0 122px}
.ueberzeile{margin:0 0 26px;color:var(--cognac);font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase}
.intro-einleitung{max-width:520px;margin-bottom:34px;color:var(--cognac-deep);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(23px, 2vw, 29px);font-style:italic;line-height:1.3}
.intro-text{max-width:680px;margin-bottom:34px;color:var(--ink-soft);font-size:clamp(17px,1.25vw,19px);line-height:1.72}
.intro-bild{position:absolute;inset:0;margin:0;background:var(--paper-deep)}
.intro-bild img{width:100%;height:100%;object-fit:cover;object-position:center center}
/* Zusatzzeile unter Buttons (Intro, Begrüßung): einheitlich */
.intro-zusatz,.begruessung-zusatz{margin:26px 0 0;color:var(--ink-soft);font-size:11px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
@media (max-width: 800px){.intro-zusatz,.begruessung-zusatz{margin-top:18px;font-size:10px}}
.intro-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.intro-buttons .btn{min-height:54px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:18px 4px 18px 4px;font-family:var(--font-sans);font-size:1rem;font-weight:500;line-height:1;text-decoration:none;transition:color 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease}
.intro-buttons .btn-primary{color:#241f1a;background-color:#dfad2d;border-color:#dfad2d;box-shadow:0 8px 22px rgba(103, 72, 29, 0.14)}
.intro-buttons .btn-secondary{color:#46382e;background-color:rgba(255, 250, 240, 0.5);border-color:rgba(70, 56, 46, 0.5)}
.intro-buttons .btn-primary:hover,.intro-buttons .btn-secondary:hover{color:#fffaf0;background-color:#6f4e3b;border-color:#6f4e3b;box-shadow:0 10px 26px rgba(82, 55, 34, 0.2);transform:translateY(-2px)}
.intro-buttons .btn:active{box-shadow:none;transform:translateY(0)}
.intro-buttons .btn:focus-visible{outline:3px solid rgba(223, 173, 45, 0.42);outline-offset:4px}
@media (max-width: 560px) {
  .intro-buttons{align-items:stretch;flex-direction:column}
  .intro-buttons .btn{width:100%}
}

/* ============================================================
   ALLGEMEIN: Grundbausteine
   ============================================================ */
.section-einleitung{max-width:1050px;color:var(--ink-soft);font-size:clamp(18px, 1.35vw, 20px);line-height:1.7;margin:0 0 52px}
.section-grundaufbau{position:relative;padding:clamp(76px, 8vw, 112px) 20px}
.section-innenbereich {width:min(var(--content), 100%);margin:0 auto}

.text-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:15px;font-weight:600;letter-spacing:0.04em;color:var(--terracotta-deep)}


/* ============================================================
   KACHELN: gemeinsame Abstände und sichere Links an Rundungen
   Die jeweilige Eckrichtung und Kachelgröße bleiben bewusst
   beim betreffenden Bereich definiert.
   ============================================================ */

.abstand-von-rundung {
  margin-left: 24px;
}

.haltungs-kachel h3,
.blog-kachel h3 {
  color: var(--ink);
  font-size: clamp(27px, 2.4vw, 35px);
}



/* ============================================================
   INDEXSEITE – Begrüßungsbereich
   Aufbau: Text links, Bildkachel rechts
   Vorkommen: 2. Section (SCHÖN, DASS DU DA BIST)
   ============================================================ */
.begruessung-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(300px, 0.54fr);gap:clamp(54px, 7vw, 100px);align-items:center}
.begruessung-text{max-width:650px}
.fliesstext{color:var(--ink-soft)}
.begruessung-unterschrift{margin-top:14px;color:#8b5f32;font-family:"Cormorant Garamond",serif;font-size:1.35rem;font-style:italic;line-height:1.05}
.begruessung-unterschrift strong{display:inline-block;margin-top:5px;font-size:2.25rem;font-weight:500;letter-spacing:0.01em}
.begruessung-portrait{height:480px;margin:0;overflow:hidden;border-radius:var(--radius-large) 0 var(--radius-large) 0;box-shadow:var(--shadow-soft)}
.begruessung-portrait img{width:100%;height:100%;object-fit:cover}

/* ============================================================
   INDEXSEITE – Angebot
   Aufbau: Text, Kacheln
   Vorkommen: 3. Section (ANGEBOT)
   ============================================================ */
.angebot-index-gridsystem{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(310px,auto));gap:22px}
.angebot-index-angebotskachel{position:relative;min-height:310px;overflow:hidden;border-radius:0 var(--radius-large) 0 var(--radius-large);display:flex;flex-direction:column;border:1px solid rgba(169,79,52,0.12);background:var(--paper-light);color:var(--ink);box-shadow:0 22px 55px rgba(111,68,45,0.09)}
.angebot-index-angebotskachel:first-child{grid-column:span 6;grid-row:span 2}
.angebot-index-angebotskachel:nth-child(2){grid-column:span 6;border-radius:var(--radius-large) 0 var(--radius-large) 0}
.angebot-index-angebotskachel:nth-child(3){grid-column:span 6}
.angebot-index-angebotskachel img{position:relative;width:100%;height:290px;flex:0 0 auto;object-fit:cover;filter:saturate(0.94) brightness(1.05);transition:transform 800ms cubic-bezier(.2,.75,.2,1)}
.angebot-index-angebotskachel:first-child img{height:590px;object-position:60% 8%}
.angebot-index-angebotskachel:nth-child(2) img{object-position:center 43%}
.angebot-index-angebotskachel:nth-child(3) img{object-position:center 52%}
.angebot-index-angebotskachel:hover img{transform:scale(1.035)}
.angebot-index-angebotskachel-content{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.kachel-innenabstand{padding:34px}
.kachel-text{max-width:560px;margin-bottom:22px;color:var(--ink-soft)}

/* ============================================================
   INDEXSEITE – Ablauf
   Aufbau: Kachel, 3 Textbereiche
   Vorkommen: 4. Section (Ablauf)
   ============================================================ */
.ablauf-grid{display:grid;grid-template-columns:minmax(340px, 0.9fr) minmax(0, 1.1fr);gap:clamp(56px, 8vw, 120px);align-items:start}
.ablauf-bildgestaltung{position:sticky;top:118px;height:min(70vh, 720px);min-height:560px;overflow:hidden;border-radius:0 var(--radius-large) 0 var(--radius-large);box-shadow:var(--shadow-soft)}
.ablauf-bildgestaltung img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(0.9) contrast(0.96) brightness(1.01)}
@media (max-width: 760px) {
.ablauf-bildgestaltung{min-height:460px;height:62vh;position:relative;top:auto}
.ablauf-textbereich{padding-top: 0}
.ablauf-textbereich > h2{margin-bottom:20px}
.ablauf-textbereich-artikel{min-height:0;padding:26px 0 38px}
}
.ablauf-textbereich{padding-top:26px}
.ablauf-textbereich > h2{margin-bottom:24px}
.breitenbegrenzung{max-width:650px;margin-bottom:44px}
@media (max-width: 900px) {
.breitenbegrenzung{margin-bottom:36px}
}
.ablauf-textbereich-artikel{min-height:0;padding:30px 0 42px;border-top:1px solid var(--line)}
.ablauf-textbereich-artikel-nummer{display:block;margin-bottom:18px;color:var(--cognac);font-family:"Cormorant Garamond",Georgia,serif;font-size:26px}
.ablauf-textbereich-artikel h3{margin-bottom:14px}
.ablauf-textbereich-artikel p{margin:0;max-width:620px;color:var(--ink-soft)}
.ablauf-textbereich-artikel .textlink{display:inline-flex;margin-top:24px}

/* ============================================================
   INDEXSEITE – Stimme eines Gastes
   Aufbau: Text, Kacheln
   Vorkommen: 5. Section
   ============================================================ */
.gaststimme-grid{width:min(var(--content), 100%);margin:0 auto;display:grid;grid-template-columns:minmax(0, 1fr)clamp(290px, 28vw, 410px);gap: clamp(70px, 9vw, 145px);align-items:center}
.gaststimme-bereich{position:relative;overflow:hidden}
.gaststimme-textbereich{max-width:780px}
.gaststimme-textbereich h2{max-width:760px;margin:0;font-size:clamp(46px, 4.4vw, 66px);line-height:1.03;letter-spacing:-0.03em;text-wrap:balance}
.gaststimme-zitat{position:relative;max-width:720px;margin:42px 0 0;padding:0}
.gaststimme-zitat::before{content:"“";display:block;height:36px;margin-bottom:15px;color:var(--copper-deep);font-family:"Cormorant Garamond",Georgia,serif;font-size:68px;font-weight:400;line-height:0.75}
.gaststimme-zitat p {margin:0;color:var(--ink-soft);font-family:"Manrope",system-ui,sans-serif;font-size:clamp(18px, 1.35vw, 21px);font-weight:400;line-height:1.72;letter-spacing:-0.01em}
.gaststimme-quelle{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-top:18px;font-family:"Manrope",system-ui,sans-serif}
.gaststimme-quelle cite{color:var(--cognac-deep);font-size:14px;font-style:normal;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
.gaststimme-quelle span{color:var(--ink-soft);font-size:14px}
.gaststimme-link{margin-top:28px}
.gaststimme-bild {position:relative;width:100%;margin:0;overflow:hidden;aspect-ratio:4 / 5;border-radius:0 var(--radius-medium) 0 var(--radius-medium);
box-shadow:0 20px 55px rgba(57, 40, 24, 0.08)}
.gaststimme-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center}

/* ============================================================
   INDEXSEITE – Was Männer bewegt
   Aufbau: 3 Kacheln links, Text rechts
   Vorkommen: 6. Section
   ============================================================ */
.themenwelten-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,0.72fr);grid-template-areas:"list heading";gap:clamp(60px,10vw,150px);align-items:start}
.themenwelten-kopfbereich{grid-area:heading;position:sticky;top:130px}
.haltungs-gridsystem{grid-area:list;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media(max-width:760px){.haltungs-gridsystem{grid-template-columns:1fr}.haltungs-kachel{min-height:300px}.haltungs-kachel:first-child{grid-column:auto}}
.haltungs-kachel{min-height:350px;display:flex;flex-direction:column;border:1px solid rgba(169,79,52,0.12);border-radius:0 var(--radius-medium) 0 var(--radius-medium);background:var(--paper-light);box-shadow:0 18px 42px rgba(111,68,45,0.08);transition:transform 240ms ease,box-shadow 240ms ease}
.haltungs-kachel:first-child{grid-column:1/-1;min-height:280px}
.haltungs-kachel:nth-child(3){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.haltungs-kachel:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(111,68,45,0.13)}
.haltungs-kachel .textlink{margin-top:auto;align-self:flex-start}

/* ============================================================
   INDEXSEITE – Gutschein
   Aufbau: text, rechts Bild Gutschein
   Vorkommen: 7. Section
   ============================================================ */

.gutschein-bereich{overflow:hidden}
.gutschein-bereich::before{content:"";position:absolute;top:50%;left:-126px;width:252px;height:470px;border-radius:0 126px 126px 0;background:var(--paper-light);transform:translateY(-50%);opacity:0.84}
.gutschein-aufteilung{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,0.78fr) minmax(460px,1.22fr);gap:clamp(64px,8vw,120px);align-items:center;overflow:visible}
.gutschein-bildbereich{position:relative;min-height:460px;margin:0;display:flex;flex-direction:column;justify-content:center;overflow:visible;background:transparent}
.gutschein-darstellung{position:relative;width:min(100%,670px);aspect-ratio:1.58/1;margin:0 auto;transform:rotate(-2deg)}
.gutschein-darstellung::before{content:"";position:absolute;inset:24px -20px -18px 22px;border-radius:22px 0 22px 0;background:rgba(255,250,240,0.68);box-shadow:0 28px 65px rgba(72,54,19,0.16)}
.gutschein-karte{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(116,83,13,0.14);border-radius:22px 0 22px 0;background:var(--paper-light);box-shadow:0 26px 70px rgba(72,54,19,0.2)}
.gutschein-karte>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(0.88) brightness(1.04)}
.gutschein-karte-verlauf{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,240,0.99)0%,rgba(255,250,240,0.96)43%,rgba(255,250,240,0.42)67%,rgba(255,250,240,0.04)100%)}
.gutschein-karte-textbereich{position:relative;z-index:1;width:58%;height:100%;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;align-items:flex-start}
.gutschein-karte-ueberzeile{color:var(--terracotta-deep);font-size:10px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase}
.gutschein-karte-textbereich strong{max-width:310px;margin-top:20px;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(36px,4.5vw,60px);font-weight:400;line-height:0.98}
.gutschein-karte-unterzeile{margin-top:18px;color:var(--ink-soft);font-size:15px;line-height:1.55}
.gutschein-karte-markenbereich{display:flex;align-items:center;gap:12px;margin-top:auto}
.gutschein-karte-logo{display:block;width:30px;height:auto;flex:0 0 auto;filter:brightness(0) saturate(100%) invert(57%) sepia(94%) saturate(1117%) hue-rotate(7deg) brightness(91%) contrast(91%)}
.gutschein-karte-markenname{display:block;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:0.18em}
.gutschein-karte-markenbereich small{display:block;margin-top:3px;color:var(--ink-soft);font-size:8px;line-height:1.35}
.gutschein-textbereich{max-width:590px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.gutschein-textbereich .section-einleitung{max-width:560px;margin-bottom:28px}
@media(max-width:1020px){.gutschein-aufteilung{grid-template-columns:minmax(280px,0.85fr) minmax(380px,1.15fr);gap:52px}}
@media(max-width:760px){.gutschein-bereich::before{top:70px;left:-68px;width:136px;height:240px;border-radius:0 68px 68px 0;transform:none}.gutschein-aufteilung{grid-template-columns:1fr;gap:38px}.gutschein-textbereich{max-width:680px;padding:0}.gutschein-bildbereich{min-height:390px}.gutschein-darstellung{width:calc(100% - 30px)}.gutschein-karte-textbereich{width:62%;padding:28px 24px}}



/* ============================================================
   INDEXSEITE – Erfahrungen
   Aufbau: Überschrift und Link, darunter drei Stimmen-Kacheln
   Vorkommen: 8. Section
   ============================================================ */
.erfahrungen-kopfbereich{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}
.erfahrungen-kopfbereich h2{margin-bottom:0}
.erfahrungen-gridsystem{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,0.88fr);grid-template-rows:repeat(2,minmax(230px,auto));gap:22px}
.erfahrungs-kachel{position:relative;min-height:230px;margin:0;padding:36px 32px 30px;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);background:#f4e3da;box-shadow:0 18px 45px rgba(57,40,24,0.07)}
.erfahrungs-kachel:nth-child(2){transform:none;border-radius:var(--radius-medium) 0 var(--radius-medium) 0;background:#fffaf5}
.erfahrungs-kachel:nth-child(3){background:#fffaf5}
.erfahrungs-kachel:first-child{grid-row:1/span 2;min-height:478px;padding:clamp(42px,5vw,66px);display:flex;flex-direction:column;justify-content:center;background:#f1d8ca}
.erfahrungs-kachel:first-child p{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(25px,2.2vw,32px);line-height:1.3}
.erfahrungs-kachel::before{content:"“";display:block;margin-bottom:10px;color:var(--copper-deep);font-family:"Cormorant Garamond",Georgia,serif;font-size:72px;line-height:0.6}
.erfahrungs-kachel p{color:var(--ink-soft)}
.erfahrungs-kachel cite{color:var(--cognac-deep);font-size:12px;font-style:normal;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
@media(max-width:1020px){.erfahrungen-gridsystem{grid-template-columns:1fr;grid-template-rows:none}.erfahrungs-kachel{max-width:760px}.erfahrungs-kachel:first-child{grid-row:auto;min-height:360px}.erfahrungs-kachel:nth-child(2){transform:none}}
@media(max-width:760px){.erfahrungen-kopfbereich{align-items:start;flex-direction:column}}

/* ============================================================
   INDEXSEITE – Blog
   Aufbau: Überschrift und Link, darunter drei Artikel-Kacheln
   Vorkommen: 9. Section
   ============================================================ */
.blog-kopfbereich{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:52px}
.blog-kopfbereich>div{max-width:1050px}
.blog-kopfbereich .section-einleitung{margin-bottom:0}
.blog-kopfbereich .textlink{flex:0 0 auto;margin-bottom:8px}
@media(max-width:800px){.blog-kopfbereich{align-items:flex-start;flex-direction:column;gap:24px}.blog-kopfbereich .textlink{margin-bottom:0}}
.blog-bereich{position:relative;overflow:hidden}
.blog-bereich .section-innenbereich{position:relative;z-index:1}
.blog-gridsystem{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.blog-kachel{grid-column:span 4;overflow:hidden;border-radius:0 var(--radius-medium) 0 var(--radius-medium);background:var(--paper-light)}
.blog-kachel:nth-child(2){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.blog-kachel-bild{position:relative;aspect-ratio:4/3;overflow:hidden}
.blog-kachel-bild img{width:100%;height:100%;object-fit:cover;filter:saturate(0.96) brightness(1.02);transition:transform 600ms ease;object-position:right center}
.blog-kachel:hover img{transform:scale(1.035)}
.blog-kategorie{display:block;margin-bottom:16px;color:var(--cognac);font-size:11px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
@media(max-width:1020px){.blog-kachel{grid-column:span 6}.blog-kachel:last-child{grid-column:4/span 6}}
@media(max-width:760px){.blog-kachel,.blog-kachel:last-child{grid-column:1/-1;transform:none}}


/* ============================================================
   INDEXSEITE – E-Book
   Aufbau: Cover links, Text und Button rechts
   Vorkommen: 10. Section
   ============================================================ */
.e-book-aufteilung{display:grid;grid-template-columns:0.8fr 1.2fr;overflow:hidden;border-radius:0 var(--radius-large) 0 var(--radius-large);background:#e9dfd5;color:var(--ink)}
.e-book-bildbereich{display:grid;place-items:center;min-height:620px;padding:50px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,0.42),transparent 34%),linear-gradient(145deg,#eee5dc,#ddcbbb 68%,#c9ad94)}
.e-book-cover{display:block;width:min(360px,82%);height:auto;padding:0;border:0;background:none;box-shadow:22px 28px 55px rgba(61,40,27,0.24);transform:rotate(-3deg)}
.e-book-textbereich{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(48px,7vw,90px);background:#e9dfd5}
.e-book-textbereich .section-einleitung{max-width:650px}
@media(max-width:760px){.e-book-aufteilung{grid-template-columns:1fr}.e-book-bildbereich{min-height:430px}}
@media(max-width:480px){.e-book-textbereich,.e-book-bildbereich{padding:38px 26px}}




/* ============================================================
   INDEXSEITE – Kontakt
   Aufbau: Text und Telegram links, Kontaktformular rechts
   Vorkommen: 11. Section
   ============================================================ */
.kontakt-bereich{position:relative;overflow:hidden;color:var(--ink)}
.kontakt-bereich::before{content:"";position:absolute;left:-90px;bottom:12%;width:180px;height:410px;border-radius:0 90px 90px 0;background:rgba(86,117,104,0.13)}
.kontakt-aufteilung{position:relative;z-index:1;display:grid;grid-template-columns:0.84fr 1.16fr;gap:clamp(60px,9vw,130px);align-items:start}
.kontakt-textbereich{position:sticky;top:128px}
.kontakt-aktionen{margin-top:32px}
.telegram-hinweis{max-width:520px;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.telegram-hinweis h3{margin:0 0 14px;font-size:clamp(26px,2.2vw,34px);line-height:1.08}
.telegram-hinweis p:not(.ueberzeile){color:var(--ink-soft);margin:0 0 18px}
.kontakt-formularbereich{padding:clamp(34px,5vw,58px);border:1px solid rgba(86,117,104,0.2);border-radius:0 var(--radius-large) 0 var(--radius-large);background:#f2f4f0;box-shadow:0 24px 60px rgba(72,99,88,0.1)}
.kontakt-formularbereich .button{margin-top:32px}
.formularfeld{margin-top:26px}
.formularfeld label{display:block;margin-bottom:7px;color:var(--terracotta-deep);font-size:11px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
.formularfeld input,.formularfeld textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(86,117,104,0.34);border-radius:0;outline:0;background:transparent;color:var(--ink)}
.formularfeld textarea{min-height:110px;resize:vertical}
.formularfeld input:focus,.formularfeld textarea:focus{border-color:#567568}
.formular-botfalle{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.kontakt-aufteilung{grid-template-columns:1fr}.kontakt-textbereich{position:relative;top:auto}}
@media(max-width:480px){.kontakt-formularbereich{padding:26px 22px}}


/* ============================================================
   INDEXSEITE – Footer
   Aufbau: 3-spaltig
   Vorkommen: 12. Section
   ============================================================ */
.site-footer{background:#3a332b;color:rgba(255,255,255,0.82)}
.footer-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(42px,5.5vw,82px);align-items:stretch}
.footer-brand{color:var(--white);font-size:16px;font-weight:600;letter-spacing:0.17em}
.footer-heading{display:block;color:var(--white);font-size:13px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:20px}
.footer-contact p{margin-bottom:22px;font-size:14px;line-height:1.7}
.footer-brand-center p,.footer-ebook p{margin-bottom:10px;font-size:14px;line-height:1.7}
.footer-contact a{display:block;width:fit-content;margin-top:10px;font-size:14px}
.footer-contact>a[href^="mailto:"],.footer-contact>a[href^="tel:"]{padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,0.72);color:var(--white)}
.footer-contact .text-link,.footer-ebook-link{display:inline-flex;align-items:center;gap:10px;padding:0 0 4px;border-bottom:1px solid currentColor;color:var(--apricot);font-size:14px;font-weight:600;letter-spacing:0.04em;transition:color 180ms ease,gap 180ms ease}
.footer-contact .text-link:hover,.footer-contact .text-link:focus-visible,.footer-ebook-link:hover,.footer-ebook-link:focus-visible{gap:14px;color:var(--paper-light)}
.footer-brand-center{width:min(100%,300px);justify-self:start;text-align:center}
.footer-brand-center img{width:auto;height:68px;margin:0 auto 18px;filter:brightness(0) saturate(100%) invert(48%) sepia(91%) saturate(534%) hue-rotate(5deg) brightness(91%) contrast(87%)}
.footer-brand-center p{margin:12px auto 26px;max-width:280px}
.footer-social{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.footer-social a{padding:7px 10px;border:1px solid rgba(255,255,255,0.42);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase}
.footer-ebook h3{margin:0 0 18px;color:var(--white);font-size:clamp(29px,3vw,39px);line-height:1.12}
.footer-ebook-link{margin-top:12px}
.footer-navigation{padding:0 20px 58px}
.footer-navigation-inner{width:min(var(--content),100%);margin:0 auto;padding-top:40px;border-top:1px solid rgba(255,255,255,0.25)}
.footer-nav-group+.footer-nav-group{margin-top:44px}
.footer-nav-group nav{display:flex;flex-wrap:wrap;column-gap:clamp(14px,2vw,30px);row-gap:14px;margin-top:-25px}
.footer-navigation a{width:fit-content;color:rgba(255,255,255,0.74);font-size:14px}
.footer-navigation a,.footer-legal a{position:relative;padding:10px 0}
.footer-navigation a::after,.footer-legal a::after{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:var(--cognac);transform:scaleX(0);transform-origin:right;transition:transform 240ms ease}
.footer-navigation a:hover::after,.footer-navigation a:focus-visible::after,.footer-legal a:hover::after,.footer-legal a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.footer-legal{padding:22px 20px;background:rgba(255,250,240,0.96);color:var(--terracotta-deep)}
.footer-legal-inner{width:min(var(--content),100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-legal nav{display:flex;flex-wrap:wrap;gap:26px}
.footer-legal a,.footer-legal p{margin:0;font-size:14px}



[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 720ms cubic-bezier(.2, .72, .2, 1), transform 820ms cubic-bezier(.2, .72, .2, 1);
}

[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 1020px) {
  .desktop-nav {
    display: none;
  }

  .menue-oeffnen-schliessen-schalter {
    display: block;
  }

  .intro-innenbereich {
    min-height: 760px;
  }

  .intro-textbereich {
    width: min(620px, 64%);
    padding-right: 0;
  }

  .intro-bild {
    height: 100%;
  }

  /* Startseite – 1. Section: schmaleres Text-Bild-Raster */
  .begruessung-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr);
    gap: 48px;
  }

  .angebot-index-gridsystem {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
  }

  .angebot-index-angebotskachel:first-child,
  .angebot-index-angebotskachel:nth-child(2),
  .angebot-index-angebotskachel:nth-child(3) {
    grid-column: auto;
    grid-row: auto;
    min-height: 400px;
  }

  .angebot-index-angebotskachel img,
  .angebot-index-angebotskachel:first-child img {
    height: 250px;
  }

 .themenwelten-grid {
  grid-template-columns: 1fr;
  grid-template-areas:
    "heading"
    "list";
  gap: 54px;
}

.themenwelten-kopfbereich {
  position: relative;
  top: auto;
  max-width: 760px;
}

}

@media (max-width: 760px) {
  body {
    font-size: 16px;
  }

 .seitenkopf .brand-subline {
  display: none;
}

  .intro-innenbereich {
    width: calc(100% - 40px);
    min-height: 930px;
    align-items: flex-start;
  }

  .intro-textbereich {
    width: 100%;
    padding: 140px 0 238px;
  }

  .intro-bild {
    height: 100%;
  }

  .intro-bild img {
    object-position: 63% center;
  }

  .seiten-intro::after {
    background: linear-gradient(180deg, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.99) 0%, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.95) 53%, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.5) 73%, rgba(var(--intro-weichzeichner, 255, 250, 240), 0.04) 100%);
  }

  .seiten-intro::before {
    top: 18%;
    left: -68px;
    width: 112px;
    height: 260px;
  }

  /* Startseite – 1. Section: Text und Bild untereinander */
  .begruessung-grid {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .begruessung-portrait {
    height: 380px;
  }

  
  .ablauf-grid,
  .footer-inner {
    grid-template-columns: 1fr;
   
  }

  .angebot-index-gridsystem {
    grid-template-columns: 1fr;
    grid-template-rows: none;
	 gap: 24px;
  }

  .angebot-index-angebotskachel:first-child,
  .angebot-index-angebotskachel:nth-child(2),
  .angebot-index-angebotskachel:nth-child(3) {
    grid-column: auto;
    grid-row: auto;
    min-height: 0;
  }

  .angebot-index-angebotskachel img,
  .angebot-index-angebotskachel:first-child img {
    height: 230px;
  }


  .themenwelten-kopfbereich {
    position: relative;
    top: auto;
  }







  .portrait-section {
    padding: 84px 20px;
  }

  .portrait-stage {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .portrait-copy {
    max-width: 680px;
  }

  .portrait-visual {
    width: 100%;
    max-width: 560px;
    justify-self: start;
    aspect-ratio: 4 / 5;
  }

  .portrait-visual img {
    object-position: 48% center;
  }





 

.gaststimme-grid {
  grid-template-columns: 1fr;
  gap: 54px;
}

.gaststimme-textbereich h2 {
  font-size: clamp(42px, 10vw, 56px);
}

.gaststimme-zitat {
  margin-top: 34px;
}

.gaststimme-zitat::before {
  height: 32px;
  margin-bottom: 13px;
  font-size: 62px;
}

.gaststimme-zitat p {
  font-size: 18px;
  line-height: 1.68;
}


.gaststimme-bild {
  width: min(100%, 430px);
  justify-self: start;
}

.abstand-nach-oben {

  margin-top: 28px;}
  	
  .telegram-band-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }



  .footer-contact,
  .footer-brand-center,
  .footer-ebook {
    min-height: 0;
    padding: 38px 0;
  }

  .footer-brand-center,
  .footer-ebook {
    border-top: 1px solid rgba(255, 255, 255, 0.32);
  }

  .footer-nav-group + .footer-nav-group {
    margin-top: 38px;
  }

  .footer-nav-group nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 14px;
  }

  .footer-legal-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

}

@media (max-width: 440px) {
  .footer-nav-group nav {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .header-inner {
    width: calc(100% - 32px);
  }

  h1 {
    font-size: 46px;
  }

  h2 {
    font-size: 40px;
  }


  .button {
    width: 100%;
  }



 

  .kachel-innenabstand {
    padding: 26px 22px;
  }

  .abstand-von-rundung {
    margin-left: 18px;
  }

}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  [data-reveal] {
    opacity: 1;
    transform: none;
  }
}


 @media (max-width: 700px) {
  h2 {
    line-height: 1.08;
  }
}




.footer-contact > a[href^="mailto:"],
.footer-contact > a[href^="tel:"] {
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.72);
  color: var(--white);
}

.footer-contact > a[href^="tel:"] {
  margin-bottom: 22px;
}
/* ============================================================
   BUTTONS (class="button primary gruen")
   ============================================================ */
/* ------------------------------------------------------------
   ALLGEMEINE BUTTONFORM (Keine Gewichtung und keine Farbe)
   ------------------------------------------------------------ */
.button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:54px;padding:0 30px;border:1px solid transparent;border-radius:18px 4px 18px 4px;font-family:"Manrope",system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.2;text-align:center;text-decoration:none;appearance:none;cursor:pointer;transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease}
.button:hover{transform:translateY(-2px)}
.button:active{box-shadow:none;transform:translateY(0)}
.button:focus-visible{outline:3px solid var(--element-fokus);outline-offset:4px}
@media (max-width: 480px) {
.button{width:100%;min-width:0}
}
/* ------------------------------------------------------------
   PRIMARY (Gefüllter Button)
   ------------------------------------------------------------ */
.primary{color:var(--element-text);background-color:var(--element-farbe);border-color:var(--element-farbe);box-shadow:0 8px 22px var(--element-schatten)}
.primary:hover,.primary:focus-visible{color:var(--element-hover-text);background-color:var(--element-hover);border-color:var(--element-hover);box-shadow:0 10px 26px var(--element-schatten)}

/* ------------------------------------------------------------
   SECONDARY (Transparenter Button mit Kontur)
   ------------------------------------------------------------ */
.secondary{color:var(--secondary-text);background-color:var(--secondary-hintergrund);border-color:var(--secondary-border);box-shadow:none}
.secondary:hover,.secondary:focus-visible{color:var(--element-hover-text);background-color:var(--element-hover);border-color:var(--element-hover);box-shadow:0 8px 22px var(--element-schatten)}

/* ------------------------------------------------------------
   GOLD
   Entspricht dem bisherigen goldenen Hero-Button
   ------------------------------------------------------------ */

.gold {
  --element-farbe: #dfad2d;
  --element-hover: #6f4e3b;
  --element-text: #241f1a;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(103, 72, 29, 0.18);
  --element-fokus: rgba(223, 173, 45, 0.42);

  --secondary-text: #46382e;
  --secondary-hintergrund: rgba(255, 250, 240, 0.5);
  --secondary-border: rgba(70, 56, 46, 0.5);
  
   /* Textlink */
  --textlink-farbe: #74530d;
  --textlink-hover: #bd8b18;
  --textlink-fokus: rgba(189, 139, 24, 0.35);
}


/* ------------------------------------------------------------
   GRÜN
   Entspricht den Buttons der Kontaktsection
   ------------------------------------------------------------ */

.gruen {
  --element-farbe: #567568;
  --element-hover: #486358;
  --element-text: #fffdf7;
  --element-hover-text: #fffdf7;
  --element-schatten: rgba(72, 99, 88, 0.18);
  --element-fokus: rgba(86, 117, 104, 0.42);
  
   /* Textlink */
  --textlink-farbe: #486358;
  --textlink-hover: #324a40;
  --textlink-fokus: rgba(72, 99, 88, 0.35);
}


/* ------------------------------------------------------------
   BRAUN
   Entspricht dem bisherigen E-Book-Button
   ------------------------------------------------------------ */

.braun {
  --element-farbe: #a89686;
  --element-hover: #7c6e61;
  --element-text: #fffaf3;
  --element-hover-text: #fffaf3;
  --element-schatten: rgba(92, 72, 57, 0.18);
  --element-fokus: rgba(168, 150, 134, 0.42);
}


/* ------------------------------------------------------------
   CREME
   Für dunkle Hintergründe
   ------------------------------------------------------------ */

.creme {
  --element-farbe: #fff6df;
  --element-hover: #e9dfd5;
  --element-text: #302a23;
  --element-hover-text: #302a23;
  --element-schatten: rgba(48, 42, 35, 0.16);
  --element-fokus: rgba(255, 246, 223, 0.48);
}


/* ============================================================
   TEXTLINKS (class="textlink gold")
   ============================================================ */
.textlink{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding-bottom:4px;border-bottom:1px solid currentColor;color:var(--textlink-farbe);font-family:"Manrope",system-ui,sans-serif;font-size:13.5px;font-weight:600;line-height:1.4;letter-spacing:0.02em;text-decoration:none;transition:color 180ms ease,gap 180ms ease,border-color 180ms ease}
.textlink:hover{gap:14px;color:var(--textlink-hover)}
.textlink:focus-visible{gap:14px;color:var(--textlink-hover);outline:3px solid var(--textlink-fokus);outline-offset:5px}
.textlink span{display:inline-block;transition:transform 180ms ease}
.textlink:hover span,.textlink:focus-visible span{transform:translateX(3px)}



/* ============================================================
   KI Auszeichnung Bilder
   ============================================================ */
.ki-generiert::after{content:"AI";position:absolute;right:6px;bottom:6px;z-index:4;font-family:"Manrope",sans-serif;font-size:10px;font-weight:400;line-height:1;letter-spacing:0.05em;color:rgba(255,255,255,0.72);pointer-events:none}
.angebot-index-angebotskachel-bild{position:relative;flex:0 0 auto;overflow:hidden}



/* ============================================================
   KACHELFARBEN AUS DEM FARBSCHEMA
   class="kachel" übernimmt die normale Kachelfarbe der Section.
   class="kachel hervorgehoben" nutzt deren Hervorhebungsfarbe.
   ============================================================ */
.farbschema-creme .kachel,
.farbschema-elfenbein .kachel,
.farbschema-porzellan .kachel,
.farbschema-puder .kachel,
.farbschema-muschel .kachel,
.farbschema-sand .kachel,
.farbschema-salbei .kachel,
.farbschema-cognac .kachel,
.farbschema-kupfer .kachel {
  background: var(--kachel-hintergrund);
}

.farbschema-creme .kachel.hervorgehoben,
.farbschema-elfenbein .kachel.hervorgehoben,
.farbschema-porzellan .kachel.hervorgehoben,
.farbschema-puder .kachel.hervorgehoben,
.farbschema-muschel .kachel.hervorgehoben,
.farbschema-sand .kachel.hervorgehoben,
.farbschema-salbei .kachel.hervorgehoben,
.farbschema-cognac .kachel.hervorgehoben,
.farbschema-kupfer .kachel.hervorgehoben {
  background: var(--kachel-hervorgehoben);
}
/* KUPFER: Muschelhintergrund mit kupferfarbenen Bedienelementen */
.farbschema-kupfer {
  --section-aufhellung: rgba(255, 253, 247, 0.72);
  --section-hintergrund: #f4e5da;
  --kachel-hintergrund: #fffaf5;
  --kachel-hervorgehoben: #ead3c5;

  --deko-farbe: rgba(184, 111, 82, 0.84);

  --element-farbe: #754536;
  --element-hover: #302a23;
  --element-text: #fffaf0;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(117, 69, 54, 0.20);
  --element-fokus: rgba(184, 111, 82, 0.40);

  --secondary-text: #754536;
  --secondary-hintergrund: rgba(255, 250, 240, 0.62);
  --secondary-border: rgba(117, 69, 54, 0.62);

  --textlink-farbe: #754536;
  --textlink-hover: #302a23;
  --textlink-fokus: rgba(184, 111, 82, 0.35);
}
/* Farbzuweisung im Unterseiten-Intro */
.seiten-intro.farbschema-kupfer {
  background: var(--section-hintergrund);
}

.seiten-intro.farbschema-kupfer::before {
  background: var(--deko-farbe);
  mix-blend-mode: multiply;
}

/* Angebotsseite: Logo in derselben Kupferfarbe wie das Oval */
.angebotsseite .brand img,
.angebotsseite .mobile-nav-brand img {
  filter: brightness(0) saturate(100%) invert(26%) sepia(23%) saturate(884%) hue-rotate(329deg) brightness(183%) contrast(114%);
}

.angebotsseite .seiten-intro.farbschema-kupfer {
  --deko-farbe: #c96f50;
}

.angebotsseite .seiten-intro.farbschema-kupfer .primary {
  color: #fffaf5;
  background-color: #c96f50;
  border-color: #c96f50;
}
.angebotsseite .seiten-intro.farbschema-kupfer .primary:hover,
.angebotsseite .seiten-intro.farbschema-kupfer .primary:focus-visible {
  color: #fffaf5;
  background-color: #684053;
  border-color: #684053;
}
.angebotsseite .seiten-intro.farbschema-kupfer .secondary:hover,
.angebotsseite .seiten-intro.farbschema-kupfer .secondary:focus-visible {
  color: #fffaf5;
  background-color: #684053;
  border-color: #684053;
}

.seiten-intro.farbschema-kupfer .intro-einleitung {
  color: var(--element-farbe);
}

.seiten-intro.farbschema-kupfer .intro-text,
.seiten-intro.farbschema-kupfer .intro-zusatz {
  color: #584d45;
}

.angebot-object-position{object-position:top !important}

/* ============================================================
   ANGEBOTSSEITE
   Nur die Anordnung ist seitenspezifisch. Schriftgrößen, Sections,
   Kacheln, Buttons und Farben folgen den allgemeinen Regeln.
   ============================================================ */

/* ANGEBOTSSEITE – Sprunglinks im Intro */
.intro-angebotslinks{display:flex;flex-wrap:wrap;gap:8px 18px}
.intro-angebotslinks a{color:inherit;text-decoration:none}
.intro-angebotslinks a:hover,.intro-angebotslinks a:focus-visible{color:var(--element-farbe)}

/* ANGEBOTSSEITE – Tantra-Massage, Gay-Tantra und Ausbildung */
.angebotsbereich{--page-accent:var(--textlink-farbe)}
.angebots-einstieg{display:grid;grid-template-columns:minmax(320px,0.76fr) minmax(0,1.24fr);gap:clamp(54px,8vw,112px);align-items:center;margin-bottom:clamp(62px,8vw,104px)}
.angebots-bild{margin:0;overflow:hidden;aspect-ratio:4/5;border-radius:0 var(--radius-large) 0 var(--radius-large);box-shadow:var(--shadow-soft)}
.angebots-bild img{width:100%;height:100%;object-fit:cover}
.angebots-kurzbeschreibung{max-width:700px}
.angebots-kurzbeschreibung .section-einleitung{margin-bottom:0}
.angebots-inhalt{display:grid;grid-template-columns:minmax(0,var(--text)) minmax(250px,320px);justify-content:space-between;gap:clamp(56px,8vw,112px);align-items:start}
.inhalts-textbereich{max-width:var(--text);color:var(--ink-soft)}
.inhalts-textbereich p{margin:0 0 1.35em}
.inhalts-textbereich strong{color:var(--ink);font-weight:600}
.inhalts-textbereich a:not(.textlink){color:var(--textlink-farbe);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:0.18em}
.inhalts-textbereich ul,.inhalts-textbereich ol{margin:1.6em 0;padding-left:1.35em}
.inhalts-textbereich li+li{margin-top:0.6em}
.inhaltsabschnitt{padding:0 0 34px;border-bottom:1px solid var(--line)}
.inhaltsabschnitt+.inhaltsabschnitt{padding-top:34px}
.inhaltsabschnitt:last-child{border-bottom:0}
.hinweis-kachel{margin:48px 0;padding:clamp(28px,4vw,42px);border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium)}
.hinweis-kachel>:last-child{margin-bottom:0}
.rahmen-kachel{position:sticky;top:116px;padding:32px;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 45px rgba(72,54,19,0.08)}
.rahmen-kachel h3{margin-bottom:24px;font-size:32px}
.rahmen-liste{margin:0}
.rahmen-liste>div{padding:15px 0;border-top:1px solid var(--line)}
.rahmen-liste dt{color:var(--textlink-farbe);font-size:10px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
.rahmen-liste dd{margin:4px 0 0;color:var(--ink);font-size:15px;line-height:1.55}
.rahmen-kachel .button{width:100%;margin-top:24px}
.kleingedrucktes{margin:20px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.65}
@media(max-width:1020px){.angebots-einstieg{grid-template-columns:minmax(0,1fr) minmax(300px,0.72fr);gap:52px}.angebots-inhalt{grid-template-columns:minmax(0,1fr) minmax(240px,290px);gap:52px}}
@media(max-width:760px){.angebots-einstieg,.angebots-inhalt{grid-template-columns:1fr}.angebots-bild{width:min(100%,480px);aspect-ratio:4/4.8}.angebots-einstieg{margin-bottom:54px}.rahmen-kachel{position:relative;top:auto}}
@media(max-width:480px){.rahmen-kachel,.hinweis-kachel{padding:25px 22px}}

/* ANGEBOTSSEITE – Gutschein */
.angebotsseite .gutschein-bereich .angebots-inhalt{margin-top:clamp(70px,9vw,120px)}

/* ============================================================
   AUSBILDUNGSSEITE
   Allgemeine Abstände, Überschriften, Überzeilen, Farbschemata,
   Buttons, Textlinks, Kacheln, Gaststimme, Kontakt und Footer
   folgen den gemeinsamen Regeln der Indexseite.
   ============================================================ */

/* AUSBILDUNGSSEITE – Intro */
.ausbildungsseite{--ausbildung-salbei:#6f806f;--ausbildung-salbei-dunkel:#465849;--ausbildung-salbei-hell:#e5ebe2}
.ausbildungsseite .seiten-intro{background:var(--ausbildung-salbei-hell)}
.ausbildungsseite .seiten-intro::before{background:rgba(111,128,111,0.84);mix-blend-mode:multiply}
.ausbildungsseite .seiten-intro::after{background:linear-gradient(90deg,rgba(238,242,235,0.99) 0%,rgba(238,242,235,0.95) 31%,rgba(238,242,235,0.61) 51%,rgba(238,242,235,0.06) 73%),linear-gradient(0deg,rgba(238,242,235,0.2),transparent 30%)}
.ausbildungsseite .intro-einleitung{color:var(--ausbildung-salbei-dunkel)}
.ausbildungsseite .intro-text,.ausbildungsseite .intro-zusatz{color:#4e584e}
@media(max-width:760px){.ausbildungsseite .seiten-intro::after{background:linear-gradient(180deg,rgba(238,242,235,0.99) 0%,rgba(238,242,235,0.96) 53%,rgba(238,242,235,0.58) 73%,rgba(238,242,235,0.08) 100%)}}
.gespraechsseite .seiten-intro{background:var(--ausbildung-salbei-hell)}
.gespraechsseite .seiten-intro::before{background:rgba(111,128,111,0.84);mix-blend-mode:multiply}
.gespraechsseite .seiten-intro::after{background:linear-gradient(90deg,rgba(238,242,235,0.99) 0%,rgba(238,242,235,0.95) 31%,rgba(238,242,235,0.61) 51%,rgba(238,242,235,0.06) 73%),linear-gradient(0deg,rgba(238,242,235,0.2),transparent 30%)}
.gespraechsseite .intro-einleitung{color:var(--ausbildung-salbei-dunkel)}
.gespraechsseite .intro-text,.gespraechsseite .intro-zusatz{color:#4e584e}
@media(max-width:760px){.gespraechsseite .seiten-intro::after{background:linear-gradient(180deg,rgba(238,242,235,0.99) 0%,rgba(238,242,235,0.96) 53%,rgba(238,242,235,0.58) 73%,rgba(238,242,235,0.08) 100%)}}

/* AUSBILDUNGSSEITE – Überblick */
.ausbildung-einstieg-grid{display:grid;grid-template-columns:minmax(0,var(--text)) minmax(260px,330px);justify-content:space-between;gap:clamp(60px,9vw,124px);align-items:start}
.ausbildung-einstieg-text{max-width:var(--text)}
.ausbildung-einstieg-text>p:not(.ueberzeile):not(.section-einleitung){margin:0 0 1.35em}
.ausbildung-rahmen{border-color:rgba(70,88,73,0.18)}
.ausbildung-rahmen .textlink{margin-top:22px}
@media(max-width:900px){.ausbildung-einstieg-grid{grid-template-columns:1fr}.ausbildung-rahmen{position:relative;top:auto}}

/* AUSBILDUNGSSEITE – Haltung */
.ausbildung-kopfbereich{max-width:790px;margin-bottom:clamp(54px,7vw,86px)}
.ausbildung-kopfbereich-breit{max-width:920px}
.ausbildung-kopfbereich .section-einleitung{margin-bottom:0}
.ausbildung-haltung-grid{display:grid;grid-template-columns:minmax(300px,0.82fr) minmax(0,1.18fr);gap:clamp(48px,6vw,84px);align-items:start}
.ausbildung-zitatkachel{margin:0;padding:clamp(28px,4vw,42px);border:1px solid rgba(70,88,73,0.18);border-radius:0 var(--radius-medium) 0 var(--radius-medium)}


.ausbildung-zitatkachel p:not(.ueberzeile){margin:0;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,2.4vw,31px);line-height:1.28}
.ausbildung-zitatkachel footer{margin-top:24px;color:var(--ausbildung-salbei-dunkel);font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.12em;text-transform:uppercase}
@media(max-width:1020px){.ausbildung-haltung-grid{grid-template-columns:minmax(270px,0.9fr) minmax(0,1.1fr);gap:40px}}
@media(max-width:760px){.ausbildung-haltung-grid{grid-template-columns:1fr;gap:42px}}

/* AUSBILDUNGSSEITE – Ausbildungsweg */
.ausbildungsweg-zeitstrahl{position:relative;max-width:920px;margin:0 auto;padding-left:clamp(34px,5vw,58px)}
.ausbildungsweg-zeitstrahl::before{content:"";position:absolute;top:8px;bottom:8px;left:6px;width:1px;background:rgba(116,83,13,0.28)}
.ausbildungsweg-zeitstrahl::after{content:"";position:absolute;z-index:2;bottom:0;left:-2px;width:11px;height:11px;border:3px solid var(--section-hintergrund);border-radius:50%;background:var(--ink);box-sizing:content-box}
.ausbildungsweg-schritt{position:relative;padding:0 0 clamp(58px,7vw,86px)}
.ausbildungsweg-schritt::before,.praxisphase::before{content:"";position:absolute;z-index:2;top:7px;left:calc(-1 * clamp(34px,5vw,58px) - 2px);width:11px;height:11px;border:3px solid var(--section-hintergrund);border-radius:50%;background:var(--cognac);box-sizing:content-box}
.ausbildungsweg-schritt-basis::before{background:var(--ausbildung-salbei-dunkel)}
.ausbildungsweg-nummer{display:none}
.ausbildungsweg-schritt-text{min-width:0;padding:0 0 12px;border-bottom:1px solid var(--line)}
.ausbildungsweg-schritt-abschluss{padding-bottom:18px}
.ausbildungsweg-schritt-abschluss .ausbildungsweg-schritt-text{border-bottom:0}
.ausbildungsweg-schritt-text h3{overflow-wrap:anywhere}
.praxisphase h3{margin:0;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}
.praxisphase p:not(.ueberzeile){color:var(--ink-soft);font-size:clamp(16px,1.2vw,18px);line-height:1.75}
.ausbildungsweg-schritt ul{margin:22px 0 24px;padding-left:1.2em}
.ausbildungsweg-schritt li+li{margin-top:7px}
.praxisphase{position:relative;z-index:1;width:100%;margin:0 0 clamp(58px,7vw,86px);padding:clamp(28px,4vw,42px);border:1px solid rgba(70,88,73,0.16);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 16px 38px rgba(70,88,73,0.08)}

.praxisphase h3{margin-bottom:12px;font-size:clamp(29px,3vw,40px)}
.praxisphase p:not(.ueberzeile){max-width:700px;margin:0}
@media(max-width:520px){.ausbildungsweg-zeitstrahl{padding-left:28px}.ausbildungsweg-schritt::before,.praxisphase::before{left:-30px}}



/* AUSBILDUNGSSEITE – Kosten und Planung */
.ausbildung-planung-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(320px,0.72fr);gap:clamp(62px,10vw,140px);align-items:start}
.ausbildung-planung-grid .section-einleitung{margin-bottom:0}
.ausbildung-planung-details{padding-top:10px}
.ausbildung-planung-aktionen{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px}
@media(max-width:900px){.ausbildung-planung-grid{grid-template-columns:1fr}}
.ausbildung-einstieg-text .section-einleitung{margin-bottom:36px}

/* ============================================================
   ÜBER-MICH-SEITE
   Allgemeine Abstände, Überschriften, Überzeilen, Farbschemata,
   Buttons, Textlinks, Inhaltsabschnitte, Kontakt und Footer
   folgen den gemeinsamen Regeln der Indexseite.
   ============================================================ */

/* ÜBER-MICH-SEITE – Intro */
.ueber-mich-seite .intro-bild img{object-position:center center}

/* ÜBER-MICH-SEITE – Mein Weg */
.ueber-mich-weg-grid{display:grid;grid-template-columns:minmax(300px,0.78fr) minmax(0,1.22fr);gap:clamp(54px,8vw,112px);align-items:center}
.ueber-mich-weg-bild{margin:0;overflow:hidden;aspect-ratio:4/5;border-radius:0 var(--radius-large) 0 var(--radius-large);box-shadow:var(--shadow-soft)}
.ueber-mich-weg-bild img{display:block;width:100%;height:100%;object-fit:cover}
.ueber-mich-weg-text{max-width:var(--text)}
.ueber-mich-weg-text .section-einleitung{margin-bottom:36px}
@media(max-width:760px){.ueber-mich-weg-grid{grid-template-columns:1fr}.ueber-mich-weg-bild{width:min(100%,480px)}}

/* ÜBER-MICH-SEITE – Lebensweg und Leitgedanke */
.ueber-mich-kopfbereich{max-width:790px;margin-bottom:clamp(54px,7vw,86px)}
.ueber-mich-kopfbereich-breit{max-width:920px}
.ueber-mich-kopfbereich .section-einleitung{margin-bottom:0}
.ueber-mich-langtext-grid{display:grid;grid-template-columns:minmax(0,var(--text)) minmax(270px,340px);justify-content:space-between;gap:clamp(56px,8vw,112px);align-items:start}
.ueber-mich-leitgedanke{position:sticky;top:116px;margin:0;padding:clamp(28px,4vw,42px);border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium)}
.ueber-mich-leitgedanke blockquote{margin:0}
.ueber-mich-leitgedanke blockquote p{margin:0;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,2.4vw,31px);line-height:1.28}
.ueber-mich-leitgedanke-zusatz{margin:24px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.65}
@media(max-width:900px){.ueber-mich-langtext-grid{grid-template-columns:1fr}.ueber-mich-leitgedanke{position:relative;top:auto}}

/* ÜBER-MICH-SEITE – Haltung */
.ueber-mich-haltung-grid{display:grid;grid-template-columns:minmax(300px,0.82fr) minmax(0,1.18fr);gap:clamp(48px,6vw,84px);align-items:start}
.ueber-mich-zitatkachel{margin:0;padding:clamp(28px,4vw,42px);border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium)}
.ueber-mich-zitatkachel p:not(.ueberzeile){margin:0;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,2.4vw,31px);line-height:1.28}
.ueber-mich-zitatkachel footer{margin-top:24px;color:var(--textlink-farbe);font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.12em;text-transform:uppercase}
@media(max-width:760px){.ueber-mich-haltung-grid{grid-template-columns:1fr;gap:42px}}

/* ÜBER-MICH-SEITE – Persönliches Profil */
.ueber-mich-profil-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,0.72fr);gap:clamp(56px,8vw,112px);align-items:center}
.ueber-mich-profil-text{max-width:var(--text)}
.ueber-mich-profil-text .section-einleitung{margin-bottom:36px}
.ueber-mich-fakten{margin:0}
.ueber-mich-fakten>div:first-child{border-top:0}
.ueber-mich-profil-bild{margin:0;overflow:hidden;aspect-ratio:4/5;border-radius:var(--radius-large) 0 var(--radius-large) 0;box-shadow:var(--shadow-soft)}
.ueber-mich-profil-bild img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.ueber-mich-profil-grid{grid-template-columns:1fr}.ueber-mich-profil-bild{width:min(100%,480px)}}


/* ============================================================
   RATENZAHLUNGSSEITE
   Allgemeine Abstände, Überschriften, Überzeilen, Farbschemata,
   Buttons, Textlinks, Kontakt und Footer folgen den gemeinsamen
   Regeln der Indexseite.
   ============================================================ */

/* RATENZAHLUNGSSEITE – Sprunglinks im Intro */
.intro-ratenzahlungslinks{display:flex;flex-wrap:wrap;gap:8px 18px}
.intro-ratenzahlungslinks a{color:inherit;text-decoration:none}
.intro-ratenzahlungslinks a:hover,.intro-ratenzahlungslinks a:focus-visible{color:var(--ausbildung-salbei-dunkel)}

/* RATENZAHLUNGSSEITE – Erklärung und Verbindlichkeit */
.ratenzahlung-erklaerung,.ratenzahlung-vertrauen-grid{display:grid;grid-template-columns:minmax(300px,0.82fr) minmax(0,1.18fr);gap:clamp(54px,8vw,112px);align-items:start}
.ratenzahlung-kopfbereich{max-width:790px;margin-bottom:clamp(54px,7vw,86px)}
.ratenzahlung-kopfbereich-breit{max-width:920px}
.ratenzahlung-erklaerung .ratenzahlung-kopfbereich{margin-bottom:0}

/* RATENZAHLUNGSSEITE – Zahlungsmodelle */
.ratenzahlung-modelle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ratenzahlung-modell{display:flex;min-height:440px;padding:clamp(30px,4vw,44px);flex-direction:column;border:1px solid rgba(70,88,73,0.16);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 42px rgba(70,88,73,0.08)}
.ratenzahlung-modell:nth-child(even){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.ratenzahlung-modell h3{margin:0 0 18px;font-size:clamp(31px,3vw,42px)}
.ratenzahlung-modell-text{max-width:520px;margin:0 0 28px;color:var(--ink-soft)}
.ratenzahlung-preise{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:auto 0 0}
.ratenzahlung-preise>div{padding:18px 0;border-top:1px solid var(--line)}
.ratenzahlung-preise dt{color:var(--ausbildung-salbei-dunkel);font-size:10px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
.ratenzahlung-preise dd{margin:6px 0 0;color:var(--ink);font-size:17px;line-height:1.55}
@media(max-width:900px){.ratenzahlung-erklaerung,.ratenzahlung-vertrauen-grid{grid-template-columns:1fr;gap:42px}.ratenzahlung-erklaerung .ratenzahlung-kopfbereich{margin-bottom:0}.ratenzahlung-modelle{grid-template-columns:1fr}.ratenzahlung-modell{min-height:0}}
@media(max-width:520px){.ratenzahlung-modell{padding:27px 23px}.ratenzahlung-preise{grid-template-columns:1fr}}
.verschoben{transform:translateX(100px)}

.zusatzangabe {
  margin: 24px 0 20px;
  color: var(--ausbildung-salbei-dunkel);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.inhaltsaufteilung {
  display: grid;
  grid-template-columns: minmax(300px, 0.84fr) minmax(0, 1.16fr);
  gap: clamp(54px, 8vw, 112px);
  align-items: start;
}
.inhaltsaufteilung-gespiegelt {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, 0.84fr);
  gap: clamp(54px, 8vw, 112px);
  align-items: start;
}

@media (max-width: 760px) {
  .inhaltsaufteilung,
  .inhaltsaufteilung-gespiegelt {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

/* ============================================================
   BLOGSEITE
   Intro, allgemeine Abstände, Überschriften, Überzeilen,
   Farbschemata, Buttons, Textlinks, Kontakt und Footer folgen
   den gemeinsamen Regeln der Indexseite.
   ============================================================ */

/* BLOGSEITE – Intro */
.blogseite .intro-bild img{object-position:center center}

/* BLOGSEITE – Artikelübersicht */
.blogseite-kopfbereich{max-width:1050px;margin-bottom:52px}
.blogseite-kopfbereich .section-einleitung{margin-bottom:0}
.blogseite-gridsystem{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}
.blogseite-gridsystem .blog-kachel{grid-column:span 4;display:flex;min-height:100%;margin:0;flex-direction:column;color:inherit;box-shadow:0 18px 42px rgba(111,68,45,0.08);transition:transform 240ms ease,box-shadow 240ms ease}
.blogseite-gridsystem .blog-kachel:nth-child(2){transform:none}
.blogseite-gridsystem .blog-kachel:nth-child(even){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.blogseite-gridsystem a.blog-kachel:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(111,68,45,0.13)}
.blogseite-gridsystem .blog-kachel-bild{margin:0}
.blog-kachel-textbereich{display:flex;flex:1;flex-direction:column}
.blogseite-kacheltext{margin:0 0 28px;color:var(--ink-soft)}
.blog-kachel-textbereich .textlink{margin-top:auto;align-self:flex-start}
.blogseite-angekuendigt .textlink{opacity:0.72}
@media(max-width:1020px){.blogseite-gridsystem .blog-kachel,.blogseite-gridsystem .blog-kachel:last-child{grid-column:span 6}}
@media(max-width:760px){.blogseite-gridsystem .blog-kachel,.blogseite-gridsystem .blog-kachel:last-child{grid-column:1/-1;transform:none}}

/* BLOGSEITE – Haltung */
.blogseite-haltung-grid{display:grid;grid-template-columns:minmax(300px,0.82fr) minmax(0,1.18fr);gap:clamp(54px,8vw,112px);align-items:start}
@media(max-width:760px){.blogseite-haltung-grid{grid-template-columns:1fr;gap:36px}}

/* ============================================================
   DATENSCHUTZSEITE
   Navigation, Footer, Schriften, Überzeile, Farbschemata und
   Grundabstände folgen den gemeinsamen Regeln der Indexseite.
   ============================================================ */

/* DATENSCHUTZSEITE – Inhaltsverzeichnis und Rechtstext */
.datenschutz-aufteilung,.impressum-aufteilung{display:grid;grid-template-columns:minmax(240px,0.48fr) minmax(0,1.52fr);gap:clamp(48px,7vw,96px);align-items:start}
.datenschutz-inhaltsverzeichnis{position:sticky;top:112px;padding:30px;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium)}
.datenschutz-inhaltsverzeichnis nav{display:flex;flex-direction:column}
.datenschutz-inhaltsverzeichnis nav a{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14px;line-height:1.45}
.datenschutz-inhaltsverzeichnis nav a:hover,.datenschutz-inhaltsverzeichnis nav a:focus-visible{color:var(--textlink-farbe)}
.datenschutz-inhaltsverzeichnis nav span{color:var(--textlink-farbe);font-size:10px;font-weight:600;letter-spacing:0.1em}
.datenschutz-text{max-width:var(--text);min-width:0}
.datenschutz-text h2{margin:0 0 28px;padding-top:26px;scroll-margin-top:110px}
.datenschutz-text h2:first-child{padding-top:0}
.datenschutz-text h3{margin:34px 0 14px;color:var(--ink)}
.datenschutz-text p,.datenschutz-text li{color:var(--ink-soft)}
.datenschutz-text p{margin-bottom:22px}
.datenschutz-text a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--textlink-farbe)}
.datenschutz-text a:hover,.datenschutz-text a:focus-visible{color:var(--textlink-hover)}
.datenschutz-text ul{margin:0 0 26px;padding-left:1.25em}
.datenschutz-text li+li{margin-top:6px}
@media(max-width:820px){.datenschutz-aufteilung,.impressum-aufteilung{grid-template-columns:1fr}.datenschutz-inhaltsverzeichnis{position:relative;top:auto}.datenschutz-text{max-width:none}}

/* ============================================================
   IMPRESSUMSSEITE
   Intro, Grundaufbau, Farbschema und Rechtstext folgen exakt
   den gemeinsamen Regeln der Datenschutzseite.
   ============================================================ */

/* IMPRESSUMSSEITE – Kontaktkarte */
.impressum-kontaktkarte{position:sticky;top:112px;padding:clamp(30px,4vw,42px);border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium)}
.impressum-kontaktkarte h2{font-size:clamp(36px,4vw,52px)}
.impressum-kontaktkarte address{color:var(--ink-soft);font-style:normal}
.impressum-kontaktlinks{display:flex;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px}
.impressum-kontaktlinks a{color:var(--textlink-farbe);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.impressum-kontaktlinks a:hover,.impressum-kontaktlinks a:focus-visible{color:var(--textlink-hover)}
@media(max-width:820px){.impressum-kontaktkarte{position:relative;top:auto}}

/* ============================================================
   CHAKREN-ARTIKEL – gemeinsame Section-Farben und Kachelformen
   ============================================================ */
.chakren-seite .intro-bild img{object-position:right center}
.artikel-uebersicht{max-width:var(--content)}
.artikel-uebersicht .section-einleitung{max-width:780px}
.artikel-inhaltsverzeichnis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;max-width:1000px;margin-top:44px;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.artikel-inhaltsverzeichnis a{padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:15px;line-height:1.5}
.artikel-inhaltsverzeichnis a:hover,.artikel-inhaltsverzeichnis a:focus-visible{color:var(--textlink-farbe)}
.artikel-kapitel{scroll-margin-top:100px}
.artikel-kapitel .inhaltsaufteilung,.artikel-kapitel .inhaltsaufteilung-gespiegelt{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(48px,6vw,90px)}
.artikel-kapitel .inhaltsaufteilung-gespiegelt{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr)}
.artikel-kapitel-kopf{align-self:start;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.artikel-kapitel:nth-of-type(even) .artikel-kapitel-kopf{border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.artikel-kapitel-kopf h2{font-size:clamp(32px,3.1vw,46px);line-height:1.1}
.artikel-kapitel-kopf .section-einleitung{margin-bottom:0;font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--ink-soft)}
.inhaltsaufteilung-gespiegelt .artikel-kapitel-kopf{order:2}
.inhaltsaufteilung-gespiegelt .artikel-text{order:1}
.artikel-text{width:100%;max-width:760px;margin:0;color:var(--ink-soft);font-size:clamp(17px,1.2vw,18px);line-height:1.72;overflow-wrap:break-word}
.artikel-text h2{margin:0 0 24px;font-size:clamp(34px,3.5vw,52px);line-height:1.08;scroll-margin-top:112px}
.artikel-text h3{margin:2em 0 .55em;font-size:clamp(26px,2.4vw,34px);line-height:1.15}
.artikel-text p{margin:0 0 1.3em}
.artikel-text a:not(.textlink){color:var(--textlink-farbe);text-decoration:underline;text-underline-offset:.18em}
.artikel-text ul,.artikel-text ol{margin:1.4em 0;padding-left:1.35em}
.artikel-text li+li{margin-top:.55em}
.artikel-text sup{font-size:.7em;line-height:0;vertical-align:super}
.artikel-zitat{margin:clamp(36px,5vw,60px) 0;padding:clamp(26px,3vw,40px);border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);background:var(--kachel-hintergrund);box-shadow:0 16px 38px rgba(111,68,45,.07);color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(29px,3.1vw,40px);line-height:1.18}
.artikel-zitat:nth-of-type(even){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.artikel-zitat::before{content:"“";display:block;height:25px;margin-bottom:12px;color:var(--textlink-farbe);font-size:58px;line-height:.8}
.artikel-zitat footer{margin-top:18px;color:var(--ink-soft);font-family:"Manrope",system-ui,sans-serif;font-size:12px;font-style:normal}
.artikel-quellen{margin:0 auto;padding:0;border:0}
.artikel-quellen h2{max-width:680px}
.quellen-aufklapper{margin-top:42px}
.quellen-aufklapper summary{color:var(--ink);font-weight:600;cursor:pointer}
.quellen-liste{color:var(--ink-soft);font-size:14px;line-height:1.72}
.quellen-liste li+li{margin-top:1.2em}
.artikel-empfehlungen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.artikel-empfehlung{display:flex;min-height:260px;flex-direction:column;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.artikel-empfehlung:nth-child(even){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.artikel-empfehlung h3{font-size:clamp(28px,2.5vw,36px)}
.artikel-empfehlung p:not(.ueberzeile){color:var(--ink-soft);font-size:15px;line-height:1.65}
.artikel-empfehlung .textlink{margin-top:auto;align-self:flex-start}
@media(max-width:1020px){.artikel-kapitel .inhaltsaufteilung,.artikel-kapitel .inhaltsaufteilung-gespiegelt{grid-template-columns:1fr;gap:38px}.artikel-kapitel-kopf{max-width:740px}.inhaltsaufteilung-gespiegelt .artikel-kapitel-kopf{order:1}.inhaltsaufteilung-gespiegelt .artikel-text{order:2}.artikel-empfehlungen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.artikel-inhaltsverzeichnis,.artikel-empfehlungen{grid-template-columns:1fr}.artikel-kapitel-kopf{position:static}.artikel-text{max-width:100%}}
@media(max-width:480px){.artikel-empfehlung{padding:25px 22px}.artikel-kapitel-kopf{padding:28px 24px}.artikel-inhaltsverzeichnis{padding:24px}}


/* Lange Artikelkapitel folgen dem offenen Section-Aufbau der Startseite.
   Fließtext bleibt eine Lesespalte; kurze Kapitel nutzen gespiegelte Kacheln. */
.chakren-seite .artikel-kapitel-lang .inhaltsaufteilung,
.chakren-seite .artikel-kapitel-lang .inhaltsaufteilung-gespiegelt{display:block}
.chakren-seite .artikel-kapitel-lang .artikel-kapitel-kopf{max-width:900px;margin-bottom:clamp(32px,4vw,54px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.chakren-seite .artikel-kapitel-lang .artikel-kapitel-kopf h2{font-size:clamp(38px,4vw,58px)}
.chakren-seite .artikel-kapitel-lang .artikel-kapitel-kopf .section-einleitung{max-width:780px;font-size:clamp(18px,1.35vw,20px);line-height:1.7}
.chakren-seite .artikel-kapitel-lang .inhalts-textbereich{max-width:780px;margin:0}
@media(max-width:1020px){.chakren-seite .artikel-kapitel-lang .artikel-kapitel-kopf{max-width:780px}}
/* ============================================================
   FAQ-SEITE
   Intro, Sections, Farbschemata, Kacheln, Buttons, Kontakt und
   Footer folgen den gemeinsamen Regeln der Indexseite.
   ============================================================ */
.faq-seite .intro-bild img{object-position:center top}
.faq-suche-kopf{max-width:880px;margin-bottom:42px}
.faq-suche-kopf .section-einleitung{margin-bottom:0}
.faq-suche{max-width:940px;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.faq-suche>label{display:block;margin-bottom:10px;color:var(--textlink-farbe);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.faq-suchfeld{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:64px;padding:0 18px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light)}
.faq-suchfeld:focus-within{border-color:var(--textlink-farbe);box-shadow:0 0 0 4px var(--textlink-fokus)}
.faq-suchfeld svg{width:22px;fill:none;stroke:var(--textlink-farbe);stroke-linecap:round;stroke-width:1.7}
.faq-suchfeld input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px;line-height:1.5}
.faq-suchfeld input::placeholder{color:var(--ink-soft);opacity:.8}
.faq-suche-loeschen{padding:7px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--textlink-farbe);font-size:12px;font-weight:600;cursor:pointer}
.faq-suchstatus{min-height:24px;margin:10px 0 0;color:var(--ink-soft);font-size:13px}
.faq-themen-navigation{display:flex;flex-wrap:wrap;gap:10px;max-width:1120px;margin:34px 0 0}
.faq-themen-navigation a{padding:10px 15px;border:1px solid var(--line);border-radius:999px;color:var(--textlink-farbe);font-size:13px;transition:color 180ms ease,background 180ms ease,border-color 180ms ease}
.faq-themen-navigation a:hover,.faq-themen-navigation a:focus-visible{border-color:var(--element-hover);background:var(--element-hover);color:var(--element-hover-text)}
.faq-keine-ergebnisse{max-width:780px;margin:32px 0 0;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);color:var(--ink-soft)}
.faq-themenbereich{scroll-margin-top:96px}
.faq-themenbereich .inhaltsaufteilung,.faq-themenbereich .inhaltsaufteilung-gespiegelt{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(48px,7vw,104px)}
.faq-themenbereich .inhaltsaufteilung-gespiegelt{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)}
.faq-themenkopf{align-self:start}
.faq-themenkopf h2{font-size:clamp(38px,4.2vw,62px)}
.inhaltsaufteilung-gespiegelt .faq-themenkopf{order:2}
.inhaltsaufteilung-gespiegelt .faq-liste{order:1}
.faq-liste{border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.inhaltsaufteilung-gespiegelt .faq-liste{border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.faq-eintrag{border-top:1px solid var(--line);scroll-margin-top:110px}
.faq-eintrag:first-child{border-top:0}
.faq-eintrag[hidden],.faq-themenbereich[hidden],.faq-themen-navigation a[hidden]{display:none}
.faq-frage{position:relative;padding:24px 52px 24px 0;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,2.5vw,32px);line-height:1.16;list-style:none;cursor:pointer}
.faq-frage::-webkit-details-marker{display:none}
.faq-symbol{position:absolute;top:50%;right:4px;width:25px;height:25px;transform:translateY(-50%)}
.faq-symbol::before,.faq-symbol::after{content:"";position:absolute;top:12px;left:3px;width:19px;height:1px;background:var(--textlink-farbe);transition:transform 180ms ease,opacity 180ms ease}
.faq-symbol::after{transform:rotate(90deg)}
.faq-eintrag[open] .faq-symbol::after{opacity:0;transform:rotate(0)}
.faq-antwort{max-width:800px;padding:0 52px 28px 0;color:var(--ink-soft);font-size:16px;line-height:1.8}
.faq-antwort p{margin:0 0 1em}
.faq-antwort a{color:var(--textlink-farbe);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media(max-width:900px){.faq-themenbereich .inhaltsaufteilung,.faq-themenbereich .inhaltsaufteilung-gespiegelt{grid-template-columns:1fr;gap:36px}.inhaltsaufteilung-gespiegelt .faq-themenkopf{order:1}.inhaltsaufteilung-gespiegelt .faq-liste{order:2}}
@media(max-width:600px){.faq-suchfeld{grid-template-columns:22px minmax(0,1fr)}.faq-suche-loeschen{grid-column:2;justify-self:start;margin:-8px 0 12px}.faq-liste,.faq-suche{padding:26px 22px}.faq-frage{padding-right:40px}.faq-antwort{padding-right:0}}

/* ============================================================
   STIMMEN-SEITE
   Intro, Sections, Farbschemata, Buttons, Kontakt und Footer
   folgen den gemeinsamen Regeln der Indexseite.
   ============================================================ */
.stimmen-seite .intro-bild img{object-position:center center}
.seiten-intro.farbschema-aubergine{background:var(--section-hintergrund)}
.seiten-intro.farbschema-aubergine::before{background:var(--deko-farbe);mix-blend-mode:multiply}
.seiten-intro.farbschema-aubergine::after{background:linear-gradient(90deg,rgba(248,242,238,.99) 0%,rgba(248,242,238,.94) 31%,rgba(238,228,232,.58) 53%,rgba(238,228,232,.03) 74%),linear-gradient(0deg,rgba(238,228,232,.22),transparent 30%)}
@media(max-width:760px){.seiten-intro.farbschema-aubergine::after{background:linear-gradient(180deg,rgba(248,242,238,.99) 0%,rgba(248,242,238,.96) 53%,rgba(238,228,232,.58) 74%,rgba(238,228,232,.06) 100%)}}
.stimmen-kopfbereich{max-width:960px;margin-bottom:54px}
.stimmen-kopfbereich .section-einleitung{margin-bottom:0}
.stimmen-gridsystem{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:stretch}
.stimmen-kachel{grid-column:span 6;display:flex;min-height:100%;flex-direction:column;margin:0;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);background:var(--paper-light);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.stimmen-kachel:nth-child(even){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.stimmen-kachel.hervorgehoben{grid-column:1/-1;min-height:340px;background:var(--kachel-hervorgehoben)}
.stimmen-kachel::before{content:"“";display:block;height:36px;margin-bottom:18px;color:var(--textlink-farbe);font-family:"Cormorant Garamond",Georgia,serif;font-size:68px;font-weight:400;line-height:.75}
.stimmen-kachel h3{max-width:760px;margin-bottom:22px;color:var(--ink);font-size:clamp(28px,2.6vw,38px)}
.stimmen-kachel p{margin:0 0 18px;color:var(--ink-soft);font-size:16px;line-height:1.75}
.stimmen-kachel footer{margin-top:auto;padding-top:10px}
.stimmen-kachel cite{color:var(--textlink-farbe);font-size:12px;font-style:normal;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.gaststimme-grid-gespiegelt{grid-template-columns:clamp(290px,28vw,410px) minmax(0,1fr)}
.gaststimme-grid-gespiegelt .gaststimme-textbereich{order:2}
.gaststimme-grid-gespiegelt .gaststimme-bild{order:1;border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
@media(max-width:900px){.stimmen-kachel{grid-column:1/-1}.gaststimme-grid-gespiegelt{grid-template-columns:1fr}.gaststimme-grid-gespiegelt .gaststimme-textbereich{order:1}.gaststimme-grid-gespiegelt .gaststimme-bild{order:2}}
@media(max-width:600px){.stimmen-kopfbereich{margin-bottom:38px}.stimmen-kachel{padding:28px 24px}.stimmen-kachel.hervorgehoben{min-height:0}}
.stimmen-ablauf .ablauf-bildgestaltung{border-radius:var(--radius-large) 0 var(--radius-large) 0}
.stimmen-hero{object-position:top !important}
.stimmen-ablauf .ablauf-textbereich-artikel:first-child{border-top:0}
.stimmen-ablauf .gaststimme-zitat p{font-size:inherit;line-height:inherit;letter-spacing:normal}
.stimmen-ablauf .ablauf-textbereich{padding-top:0}
.stimmen-ablauf .gaststimme-zitat{margin-top:0}
.stimmen-zweispaltig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:start}
.stimmen-spalte{display:flex;min-width:0;flex-direction:column}
.stimmen-spalte:first-child{padding-right:clamp(38px,5vw,76px)}
.stimmen-spalte+.stimmen-spalte{padding-left:clamp(38px,5vw,76px)}
.stimmen-eintrag{padding:42px 0;border-top:1px solid var(--line)}
.stimmen-spalte .stimmen-eintrag:first-child{padding-top:0;border-top:0}
.stimmen-spalte .stimmen-eintrag:last-child{padding-bottom:0}
.stimmen-eintrag blockquote{margin:0}
.stimmen-eintrag .gaststimme-zitat p{max-width:620px;margin:0;color:var(--ink-soft);font-family:"Manrope",system-ui,sans-serif;font-size:16px;line-height:1.75;letter-spacing:normal}
@media(max-width:760px){.stimmen-zweispaltig{grid-template-columns:1fr}.stimmen-spalte:first-child{padding-right:0}.stimmen-spalte+.stimmen-spalte{margin-top:42px;padding:42px 0 0;border-top:1px solid var(--line);border-left:0}}
.stimmen-ablauf .ablauf-textbereich-artikel:first-child{  padding-top:12px;
  border-top:0}
.ablauf-grid-gespiegelt{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}
/* ============================================================
   TERMINSEITE
   Intro, Sections, Kacheln, Buttons, Kontakt und Footer folgen
   den gemeinsamen Regeln der Indexseite.
   ============================================================ */
.terminseite .intro-bild img{object-position:center top}
.seiten-intro.farbschema-cognac{background:var(--section-hintergrund)}
.seiten-intro.farbschema-cognac::before{background:var(--deko-farbe);mix-blend-mode:multiply}
.seiten-intro.farbschema-cognac::after{background:linear-gradient(90deg,rgba(250,246,238,.99) 0%,rgba(250,246,238,.94) 31%,rgba(242,233,219,.58) 53%,rgba(242,233,219,.03) 74%),linear-gradient(0deg,rgba(242,233,219,.24),transparent 30%)}
.farbschema-cognac .ueberzeile{color:#80543c}
.seiten-intro.farbschema-cognac .intro-einleitung{color:#80543c}
.seiten-intro.farbschema-cognac .intro-text,.seiten-intro.farbschema-cognac .intro-zusatz{color:#685d55}
.termin-wege-kopf{max-width:800px;margin-bottom:48px}
.termin-wege-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.termin-weg{display:flex;min-height:330px;flex-direction:column;border:1px solid rgba(128,84,60,.19);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 42px rgba(96,61,45,.08)}
.termin-weg:nth-child(even){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.termin-weg-nummer{display:block;margin-bottom:42px;color:#80543c;font-family:"Cormorant Garamond",Georgia,serif;font-size:44px;line-height:1}
.termin-weg p{color:var(--ink-soft)}
.termin-weg .textlink{margin-top:auto}
.termin-hinweise-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(54px,8vw,120px);align-items:start}
.termin-hinweise-grid .section-einleitung{max-width:520px;margin-bottom:0}
.termin-hinweislisten article{padding:34px 0;border-top:1px solid rgba(128,84,60,.19)}
.termin-hinweislisten article:first-child{padding-top:0;border-top:0}
.termin-hinweislisten h3{margin-bottom:18px}
.termin-hinweislisten ul{margin:0;padding-left:1.25em;color:var(--ink-soft)}
.termin-hinweislisten li+li{margin-top:9px}
.termin-buchung-einleitung-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(54px,8vw,120px);align-items:end}
.termin-buchung-einleitung-grid .inhalts-textbereich{max-width:650px}
.termin-kalender-bereich{padding-top:0}
.termin-kalender-stapel{display:grid;gap:54px}
.termin-kalender-kachel{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);overflow:hidden;border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 20px 54px rgba(72,54,19,.09);scroll-margin-top:110px}
.termin-kalender-kachel:nth-child(even){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.termin-kalender-textbereich{padding:clamp(38px,5vw,68px)}
.termin-kalender-textbereich h2{margin-bottom:30px;font-size:clamp(34px,3.4vw,50px)}
.termin-daten{margin:0}
.termin-daten>div{display:grid;grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr);gap:20px;padding:15px 0;border-top:1px solid var(--line)}
.termin-daten dt{color:var(--textlink-farbe);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.termin-daten dd{margin:0;color:var(--ink)}
.termin-fussnote{margin:28px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.65}
.termin-kalender-einbettung{min-width:0;min-height:760px;background:#fffaf5}
.termin-kalender-einbettung .calendly-inline-widget{width:100%;height:100%;min-height:760px}



@media(max-width:1050px){.termin-kalender-kachel{grid-template-columns:1fr}.termin-kalender-einbettung{min-height:720px}}
@media(max-width:860px){.termin-wege-grid,.termin-hinweise-grid,.termin-buchung-einleitung-grid{grid-template-columns:1fr}.termin-hinweise-grid,.termin-buchung-einleitung-grid{gap:38px}.termin-weg{min-height:0}}
@media(max-width:760px){.seiten-intro.farbschema-cognac::after{background:linear-gradient(180deg,rgba(250,246,238,.99) 0%,rgba(250,246,238,.96) 53%,rgba(242,233,219,.58) 74%,rgba(242,233,219,.06) 100%)}.termin-wege-kopf{margin-bottom:36px}.termin-kalender-stapel{gap:34px}.termin-kalender-textbereich{padding:30px 24px}.termin-daten>div{grid-template-columns:1fr;gap:4px}.termin-kalender-einbettung,.termin-kalender-einbettung .calendly-inline-widget{min-height:680px}}
/* Zusatz zur gemeinsamen style.css: Hilfeseite Google-Rezension */
.rezensionsseite .seiten-intro{min-height:700px;background:radial-gradient(circle at 81% 45%,#e9d9ca 0,#f5e9dc 25%,#fffaf0 59%)}
.rezensionsseite .intro-innenbereich{min-height:700px}
.rezensionsseite .intro-textbereich{width:min(790px,75%);padding:155px 0 110px}
.rezensionsseite .intro-textbereich .intro-einleitung{max-width:680px}
.rezensionsseite .intro-textbereich .intro-text{max-width:650px}
.rezensionsseite .rezension-einstieg{align-items:center}
.rezensionsseite .rezension-hinweis{margin:0;padding:clamp(28px,4vw,42px);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.rezensionsseite .rezension-weg{background:var(--kachel-hintergrund);border-radius:0 var(--radius-medium) 0 var(--radius-medium);padding:clamp(28px,4vw,48px);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.rezensionsseite .rezension-hinweis h3,.rezensionsseite .rezension-weg h3{margin:0 0 18px}
.rezensionsseite .rezension-hinweis .ueberzeile{margin:0 0 18px;color:var(--textlink-farbe)}
.rezensionsseite .rezension-hinweis p:not(.ueberzeile){color:var(--ink-soft)}
.rezensionsseite .rezension-hinweis p{margin:0 0 18px}
.rezensionsseite .rezension-hinweis p:last-child{margin-bottom:0}
.rezensionsseite .rezension-wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.rezensionsseite .rezension-weg:nth-child(2){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.rezensionsseite .rezension-nummer{margin:0 0 18px;color:var(--textlink-farbe);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.rezensionsseite .rezension-weg ol{margin:0;padding-left:1.3em}
.rezensionsseite .rezension-weg li+li{margin-top:15px}
.rezensionsseite .rezension-weg li::marker{color:var(--textlink-farbe);font-weight:700}
.rezensionsseite .rezension-weg a,.rezensionsseite .rezension-quelle a{color:var(--textlink-farbe);text-decoration:underline;text-underline-offset:3px}
.rezensionsseite .rezension-quelle{margin:28px 0 0;color:var(--ink-soft);font-size:14px}
.rezensionsseite .rezension-abschluss{align-items:center}
.rezensionsseite .rezension-abschluss .ablauf-bildgestaltung img{object-position:82% center}
.rezensionsseite .rezension-abschluss .section-einleitung{margin-bottom:20px}
.rezensionsseite .rezension-abschluss .intro-buttons{margin-top:36px}
@media(max-width:800px){.rezensionsseite .rezension-wege{grid-template-columns:1fr}.rezensionsseite .seiten-intro,.rezensionsseite .intro-innenbereich{min-height:660px}.rezensionsseite .intro-textbereich{width:100%;padding:145px 0 80px}}
@media(max-width:560px){.rezensionsseite .seiten-intro,.rezensionsseite .intro-innenbereich{min-height:0}.rezensionsseite .intro-textbereich{padding:140px 0 75px}.rezensionsseite .rezension-weg,.rezensionsseite .rezension-hinweis{padding:28px 24px}.rezensionsseite .rezension-abschluss .intro-buttons .button{width:100%}}


/* ============================================================
   WARUM NUR MÄNNER – gemeinsame Seitenbausteine
   ============================================================ */
.warum-seite .seiten-intro{background:var(--section-hintergrund)}
.warum-seite .seiten-intro .intro-bild img{object-position:center center}
.warum-seite .seiten-intro .intro-textbereich{max-width:650px}
.warum-seite .seiten-intro .intro-buttons{margin-top:0}
.warum-seite .section-grundaufbau h2{font-size:clamp(42px,4.2vw,64px);line-height:1.07}
.warum-seite .section-grundaufbau h3{font-size:clamp(27px,2.5vw,36px);line-height:1.18}
.warum-seite .page-ueberzeile{display:block;margin:0 0 22px;color:var(--cognac-deep);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.warum-seite .section-heading{max-width:550px}
.warum-seite .section-heading h2{margin:0}
.warum-einstieg-grid{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr);gap:clamp(50px,8vw,120px);align-items:start}
.warum-einstieg .men-opening-copy{max-width:730px;color:var(--ink-soft)}
.warum-einstieg .men-opening-copy p:first-child{margin-top:0}
.warum-einstieg .men-opening-copy p+p{margin-top:22px}
.warum-leitgedanke{padding-top:clamp(58px,7vw,100px);padding-bottom:clamp(58px,7vw,100px)}
.warum-leitgedanke p{max-width:1000px;margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,5.2vw,76px);line-height:1.08;letter-spacing:-.025em}
.warum-leitgedanke em{color:var(--cognac-deep);font-weight:400}
.warum-kapitel-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:clamp(52px,8vw,116px);align-items:start}
.warum-kapitel-aside{position:sticky;top:116px;padding:clamp(30px,4vw,48px);border:1px solid var(--line);border-radius:0 var(--radius-large) 0 var(--radius-large);box-shadow:var(--shadow-soft)}
.warum-kapitel-aside h2{margin:0 0 34px}
.warum-kapitel-aside blockquote{margin:0;padding-top:26px;border-top:1px solid var(--line)}
.warum-kapitel-aside blockquote p{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(26px,2.5vw,36px);font-style:italic;line-height:1.28}
.warum-kapitel-inhalt{max-width:720px}
.warum-kapitel-inhalt .inhaltsabschnitt{padding:0 0 38px}
.warum-kapitel-inhalt .inhaltsabschnitt+.inhaltsabschnitt{padding-top:38px;border-top:1px solid var(--line)}
.warum-kapitel-inhalt h3{margin:0 0 20px}
.warum-kapitel-inhalt p,.warum-raum-text p,.warum-thema p,.warum-abschluss p,.warum-kontakt p{color:var(--ink-soft)}
.warum-kapitel-inhalt p+p,.warum-raum-text p+p,.warum-thema p+p,.warum-abschluss p+p{margin-top:20px}
.warum-raum-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(56px,8vw,120px);align-items:center}
.warum-raum-bild{height:min(72vh,690px);min-height:520px;margin:0;overflow:hidden;border-radius:0 var(--radius-large) 0 var(--radius-large);box-shadow:var(--shadow-soft)}
.warum-raum-bild img{width:100%;height:100%;object-fit:cover}
.warum-raum-text{max-width:660px}
.warum-raum-text h2{margin:0 0 30px}
.warum-themen .section-heading{max-width:850px;margin-bottom:48px}
.warum-themen-liste{display:grid;gap:26px;max-width:1080px}
.warum-thema{padding:clamp(30px,4vw,52px);border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:0 18px 45px rgba(57,40,24,.06)}
.warum-thema:nth-child(2){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.warum-thema>span{display:block;margin-bottom:16px;color:var(--cognac-deep);font-family:"Cormorant Garamond",Georgia,serif;font-size:29px}
.warum-thema h3{margin:0 0 22px}
.warum-thema p{max-width:850px}
.warum-abschluss-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,115px);align-items:start}
.warum-abschluss-grid h2{margin:0}
.warum-abschluss .intro-buttons{margin-top:35px}
.warum-kontakt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:clamp(45px,7vw,100px);align-items:start}
.warum-kontakt h2{margin:0 0 24px}
.warum-kontakt .button{margin-top:20px}
.warum-formular{padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:0 var(--radius-medium) 0 var(--radius-medium);box-shadow:var(--shadow-soft)}
.warum-formular h3{margin:0 0 24px}
.warum-formular #danke-bereich{display:none}
.warum-formular .clean-form{display:grid;gap:18px}
.warum-formular .form-honeypot{position:absolute;left:-9999px}
.warum-formular .form-field{display:grid;gap:7px}
.warum-formular label{font-size:14px;font-weight:600}
.warum-formular input:not([type=hidden]),.warum-formular textarea{width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:#fffdf7;color:var(--ink)}
.warum-formular textarea{min-height:140px;resize:vertical}
.warum-formular #form-success-message{display:none}
@media(max-width:900px){.warum-einstieg-grid,.warum-kapitel-grid,.warum-raum-grid,.warum-abschluss-grid,.warum-kontakt-grid{grid-template-columns:1fr;gap:36px}.warum-kapitel-aside{position:relative;top:auto}.warum-raum-bild{max-width:620px;height:480px;min-height:0}}
@media(max-width:560px){.warum-seite .seiten-intro .intro-textbereich{width:100%}.warum-raum-bild{height:360px}.warum-kapitel-aside,.warum-thema,.warum-formular{padding:28px 24px}}

/* Warum nur Männer: leichtere Themenkacheln und gemeinsamer Kontaktbaustein */
.warum-seite .warum-themen-liste{max-width:950px;gap:18px}
.warum-seite .warum-thema{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:22px;padding:30px 34px;border-color:var(--line);background:rgba(255,250,245,.58);box-shadow:none}
.warum-seite .warum-thema>span{grid-column:1;grid-row:1/span 5;margin:0;font-size:27px}
.warum-seite .warum-thema h3,.warum-seite .warum-thema p{grid-column:2}
.warum-seite .warum-thema h3{margin:0 0 14px}
.warum-seite .warum-thema p{margin-top:0;margin-bottom:14px}
.warum-seite .warum-thema p:last-child{margin-bottom:0}
.warum-seite .warum-kontakt .kontakt-aufteilung{grid-template-columns:.84fr 1.16fr}
.warum-seite .warum-kontakt .kontakt-textbereich{position:sticky;top:128px}
.warum-seite .warum-formular-rahmen{padding:0;border:0;background:transparent;box-shadow:none}
.warum-seite .warum-formular-rahmen #danke-bereich[hidden],.warum-seite .warum-formular-rahmen #form-success-message[hidden]{display:none}
.warum-seite .warum-formular-rahmen .kontakt-formularbereich{display:block;gap:0}
.warum-seite .warum-formular-rahmen .kontakt-formularbereich h3{margin:0 0 20px}
.warum-seite .warum-formular-rahmen .formularfeld{display:block;gap:0;margin-top:26px}
.warum-seite .warum-formular-rahmen .formularfeld label{display:block;margin-bottom:7px;color:var(--terracotta-deep);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.warum-seite .warum-formular-rahmen .formularfeld input,.warum-seite .warum-formular-rahmen .formularfeld textarea{padding:12px 0;border:0;border-bottom:1px solid rgba(86,117,104,.34);border-radius:0;background:transparent}
@media(max-width:900px){.warum-seite .warum-kontakt .kontakt-aufteilung{grid-template-columns:1fr}.warum-seite .warum-kontakt .kontakt-textbereich{position:relative;top:auto}}
@media(max-width:560px){.warum-seite .warum-thema{grid-template-columns:1fr;padding:26px 24px}.warum-seite .warum-thema>span,.warum-seite .warum-thema h3,.warum-seite .warum-thema p{grid-column:1}.warum-seite .warum-thema>span{grid-row:auto;margin-bottom:12px}}

/* ============================================================
   INTRO RESPONSIV (Startseite + Angebotsseite)
   ab 1468px:   Desktop unverändert
   801–1467px:  Oval sichtbar, Text hält immer Abstand zum Oval
   801–1279px:  stärkerer Weichzeichner, Text schmaler
   bis 800px:   Text links, Bild rechts daneben, kein Oval
   Überall:     Abstand Header→Text = Abstand Text→Intro-Ende
   ============================================================ */

/* Oval: sichtbare Breite + Mindestabstand des Textes */
:is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) {
  --oval-sichtbar: 86px;   /* 172px breit, 86px nach links verschoben */
  --oval-abstand: 28px;
  --header-hoehe: 95px;     /* .seitenkopf inkl. Linie, nicht gescrollt */
  --intro-luft: 40px;       /* Mindestabstand über und unter dem Text */
}

/* Der Text rückt nur so weit ein, wie nötig ist, um das Oval nie zu berühren.
   Ab ca. 1468px Breite ergibt die Formel 0 – dort bleibt alles wie bisher. */
@media (min-width: 801px) {
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-textbereich {
    padding-top: calc(var(--header-hoehe) + var(--intro-luft));
    padding-bottom: var(--intro-luft);
    padding-left: max(0px, calc(var(--oval-sichtbar) + var(--oval-abstand) - (100vw - min(var(--content), 100vw - 40px)) / 2));
  }
  /* Text wird im Bereich unter dem Header zentriert → oben und unten gleich viel Luft */
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-innenbereich { align-items: center; }
}

/* 801–1279px: Weichzeichner stärker, Motiv tritt zurück */
@media (min-width: 801px) and (max-width: 1279px) {
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro)::after {
    background:
      linear-gradient(90deg, rgba(var(--intro-weichzeichner, 255,250,240), .99) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .96) 38%, rgba(var(--intro-weichzeichner, 255,250,240), .72) 55%, rgba(var(--intro-weichzeichner, 255,250,240), .18) 74%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 86%),
      linear-gradient(0deg, rgba(var(--intro-weichzeichner, 255,250,240), .2), transparent 30%);
  }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-einleitung { max-width: 15em; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .ueberzeile { max-width: 22em; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-zusatz { max-width: 26em; }
}

/* 801–1020px: Bild rechts, Oval kleiner */
@media (min-width: 801px) and (max-width: 1020px) {
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) { --oval-sichtbar: 60px; --oval-abstand: 24px; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro),
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-innenbereich { min-height: min(760px, 100svh); }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-textbereich { width: min(560px, 62%); }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) h1 { font-size: clamp(46px, 6vw, 56px); }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-bild { left: 30%; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-bild img { object-position: 80% center; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro)::after {
    background: linear-gradient(90deg, rgba(var(--intro-weichzeichner, 255,250,240), 1) 0%, rgba(var(--intro-weichzeichner, 255,250,240), 1) 34%, rgba(var(--intro-weichzeichner, 255,250,240), .92) 48%, rgba(var(--intro-weichzeichner, 255,250,240), .5) 62%, rgba(var(--intro-weichzeichner, 255,250,240), .1) 76%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 84%);
  }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro)::before { top: 26%; left: -70px; width: 130px; height: 280px; }
}

/* bis 800px: Text links, Bild rechts daneben, Weichzeichner senkrecht (links → rechts) */
@media (max-width: 800px) {
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) { --intro-luft: clamp(40px, 8vw, 56px); min-height: 0; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro)::before { display: none; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-innenbereich { width: calc(100% - 40px); min-height: 0; align-items: flex-start; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-textbereich {
    width: min(440px, 66%);
    padding: calc(var(--header-hoehe) + var(--intro-luft)) 0 var(--intro-luft);
  }
  /* Bild immer über die volle Breite – der Weichzeichner allein macht den Übergang, keine Bildkante */
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-bild { position: absolute; inset: 0; height: auto; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-bild img { object-position: 90% center; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro)::after {
    display: block;
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .96) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .9) 28%,
      rgba(var(--intro-weichzeichner, 255,250,240), .74) 44%, rgba(var(--intro-weichzeichner, 255,250,240), .5) 58%,
      rgba(var(--intro-weichzeichner, 255,250,240), .26) 72%, rgba(var(--intro-weichzeichner, 255,250,240), .08) 86%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 100%);
  }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .ueberzeile { max-width: 17em; margin-bottom: 18px; font-size: 11px; letter-spacing: .16em; text-wrap: balance; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) h1 { margin-bottom: 18px; font-size: clamp(34px, 7.4vw, 56px); line-height: 1; hyphens: manual; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-einleitung { max-width: 13.5em; margin-bottom: 0; font-size: clamp(20.5px, calc(4.2vw - 1.5px), 25.5px); text-wrap: balance; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-buttons { align-items: flex-start; flex-direction: row; margin-top: 26px; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-buttons .button { width: auto; min-width: 0; min-height: 44px; padding: 0 22px; font-size: 14px; font-weight: 500; letter-spacing: .02em; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-zusatz { display: block; max-width: 22em; margin-top: 18px; font-size: 10px; }
}
@media (max-width: 600px) {
  /* Überschrift dreizeilig: Tantra-Massagen / für Männer / in Freiburg */
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) h1 { max-width: 6.6em; font-size: clamp(32px, 9vw, 46px); text-wrap: wrap; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-einleitung { max-width: 11em; }
}
@media (max-width: 380px) {
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-textbereich { width: 80%; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .ueberzeile { font-size: 10px; letter-spacing: .12em; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) h1 { font-size: 32px; }
}

/* 501–800px: Unterzeile der Wortmarke im Header wieder zeigen
   (die allgemeine Regel blendet sie ab 760px aus; bis 500px regelt es der Block unten) */
@media (min-width: 501px) and (max-width: 800px) {
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .seitenkopf .brand-subline { display: block; }
}

/* ============================================================
   STARTSEITE – INTRO bis 500px
   Bild füllt das ganze Intro, Header liegt zunächst durchsichtig
   darauf (Logo und Menü wie gewohnt). Beim Scrollen bekommt der
   Header seinen normalen Hintergrund (Klasse .is-scrolled).
   ============================================================ */
@media (max-width: 500px) {
  /* Header vor dem Scrollen: durchsichtig, Logo und Menü bleiben wie gewohnt */
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .seitenkopf:not(.is-scrolled) {
    border-bottom-color: transparent; background: transparent; box-shadow: none;
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  /* Menü-Schalter leicht: zwei weiße, abgerundete Striche ohne Kreis */
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .menue-oeffnen-schliessen-schalter {
    border: 0; border-radius: 0; background: transparent;
  }
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .menue-oeffnen-schliessen-schalter span {
    width: 26px; height: 2.5px; margin: 7px auto; border-radius: 2px;
    transition: background-color 220ms ease, box-shadow 220ms ease;
  }
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .seitenkopf:not(.is-scrolled) .menue-oeffnen-schliessen-schalter span {
    background: var(--ink);
  }

  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) { display: flex; flex-direction: column; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro)::before,
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro)::after { display: none; }

  /* Bild füllt das ganze Intro bis zur Unterkante – nichts wird ausgeblendet */
  /* Sichtbarer Abstand gleich: Unterkante der Marke → Überzeile
     ist genauso groß wie Button → Bildende */
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) { position: relative; --marke-unterkante: 70px; /* Unterkante Marke (75px) minus Zeilenluft der Überzeile */ --intro-luft: 52px; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-bild {
    position: absolute; inset: 0; width: 100%; height: 100%;
  }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-bild img { object-position: 66% 40%; }
  /* Aufhellung nur links hinter dem Text – rechts bleibt das Motiv klar */
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-bild::before {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .95) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .88) 30%,
      rgba(var(--intro-weichzeichner, 255,250,240), .72) 46%, rgba(var(--intro-weichzeichner, 255,250,240), .48) 60%,
      rgba(var(--intro-weichzeichner, 255,250,240), .24) 74%, rgba(var(--intro-weichzeichner, 255,250,240), .06) 88%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 100%);
  }

  /* Text unten im Bild */
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-innenbereich { position: relative; z-index: 2; width: calc(100% - 40px); min-height: 0; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-textbereich { width: 100%; padding: calc(var(--marke-unterkante) + var(--intro-luft)) 0 var(--intro-luft); }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-zusatz { display: none; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .ueberzeile { display: block; max-width: 17em; margin-bottom: 16px; font-size: 11px; letter-spacing: .16em; text-wrap: balance; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) h1 { max-width: 6.6em; text-wrap: wrap; margin-bottom: 14px; font-size: clamp(32px, 9.4vw, 42px); line-height: 1.02; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-einleitung { max-width: 11em; font-size: clamp(19.5px, calc(6vw - 1.5px), 23.5px); }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-buttons { margin-top: 24px; }
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-buttons .button { width: auto; min-width: 0; min-height: 44px; padding: 0 22px; font-size: 14px; font-weight: 500; letter-spacing: .02em; }
}
/* Text bündig mit dem Logo im Header (Header-Rand ab 480px: 16px) */
@media (max-width: 480px) {
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-innenbereich { width: calc(100% - 32px); }
}
/* Vollständige Wort-Bildmarke im Header der Startseite:
   Logo links, rechts oben TOUCHED TO BE, darunter die Unterzeile */
@media (max-width: 500px) {
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .seitenkopf .brand-subline {
    display: block; max-width: 13.5em; margin-top: 3px;
    font-size: 11.5px; line-height: 1.3;
  }
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .header-inner { gap: 14px; }
  :is(body:has(.seiten-intro#start), body.angebotsseite, body.ausbildungsseite, body.gespraechsseite, body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .brand { min-width: 0; }
}

/* ============================================================
   STARTSEITE – BEGRÜSSUNG (2. Section)
   Ab 761px: Bild beginnt auf Höhe des Fließtextes und scrollt
   beim Lesen mit (sticky), bis der Text zu Ende ist.
   Bis 760px: Bild steht direkt nach dem ersten Absatz.
   Technik: .begruessung-text gibt seine Kinder ans Raster weiter
   (display: contents), so kann das Bild neben/zwischen den Text.
   ============================================================ */
.begruessung-grid { align-items: start; row-gap: 0; }
.begruessung-text { display: contents; }
.begruessung-text > * { grid-column: 1; max-width: 650px; }
.begruessung-portrait {
  grid-column: 2; grid-row: 3 / span 7; align-self: start;
  position: sticky; top: 120px;
}
@media (max-width: 760px) {
  .begruessung-grid { grid-template-columns: 1fr; }
  .begruessung-text > h2 + .fliesstext ~ * { order: 2; }
  .begruessung-portrait {
    grid-column: 1; grid-row: auto; order: 1;
    position: relative; top: auto;
    width: min(100%, 480px); height: auto; aspect-ratio: 1 / 1;
    margin: 12px 0 40px;
  }
}

/* ============================================================
   BUTTONS AUF KLEINEN BILDSCHIRMEN (seitenweit)
   Bis 800px leichter und kompakter – wie im Intro der Startseite.
   Mehrere Buttons stehen ab 560px untereinander, behalten aber
   ihre eigene Breite (kein Balken über die volle Breite).
   ============================================================ */
@media (max-width: 800px) {
  .button,
  .intro-buttons .btn {
    min-width: 0; min-height: 44px; padding: 0 22px;
    font-size: 14px; font-weight: 500; letter-spacing: .02em;
  }
}
@media (max-width: 560px) {
  .intro-buttons { align-items: flex-start; }
  .intro-buttons .btn,
  .intro-buttons .button,
  .button { width: auto; }
}
/* ============================================================
   STARTSEITE – ANGEBOT, 761–1020px
   Die dritte Kachel steht nicht mehr allein in halber Breite,
   sondern läuft über die ganze Breite: Bild links, Text rechts.
   ============================================================ */
@media (min-width: 761px) and (max-width: 1020px) {
  .angebot-index-angebotskachel:nth-child(3) {
    grid-column: 1 / -1; flex-direction: row; min-height: 0;
  }
  .angebot-index-angebotskachel:nth-child(3) .angebot-index-angebotskachel-bild { flex: 0 0 50%; }
  .angebot-index-angebotskachel:nth-child(3) img { height: 100%; min-height: 300px; }
  .angebot-index-angebotskachel:nth-child(3) .angebot-index-angebotskachel-content { justify-content: center; }
}
/* ============================================================
   STARTSEITE – DEINE ZEIT BEI MIR, bis 760px
   Überschrift und Einleitung zuerst, dann das Bild im Querformat,
   danach die drei Schritte. Kein riesiges Hochformat mehr vorneweg.
   ============================================================ */
@media (max-width: 760px) {
  .ablauf-grid { row-gap: 0; }
  .ablauf-textbereich { display: contents; }
  .ablauf-textbereich > * { grid-column: 1; }
  .ablauf-bildgestaltung {
    order: 1; position: relative; top: auto;
    width: min(100%, 560px); height: auto; min-height: 0;
    aspect-ratio: 4 / 3; margin: 0 0 36px;
  }
  .ablauf-bildgestaltung img { object-position: 50% 42%; }
  .ablauf-textbereich-artikel { order: 2; }
}
/* ============================================================
   STARTSEITE – STIMME EINES GASTES, bis 760px
   Wie Begrüßung und „Deine Zeit bei mir“: erst die Überschrift,
   dann das Bild im Querformat, danach Zitat, Quelle und Link.
   ============================================================ */
@media (max-width: 760px) {
  .gaststimme-grid { row-gap: 0; }
  .gaststimme-textbereich { display: contents; }
  .gaststimme-textbereich > * { grid-column: 1; }
  .gaststimme-bild {
    order: 1; width: min(100%, 560px); aspect-ratio: 4 / 3;
    margin: 34px 0 0;
  }
  .gaststimme-bild img { object-position: 50% 45%; }
  .gaststimme-zitat, .gaststimme-link { order: 2; }
}
/* ============================================================
   STARTSEITE – WAS MÄNNER BEWEGT: gleichmäßige Abstände
   - Bis 1020px: Einleitung → erste Kachel = 52px (wie beim Angebot)
   - Bis 760px: Kacheln so hoch wie ihr Inhalt, Link folgt dem Text
     immer mit 22px Abstand (keine Lücke durch Mindesthöhe)
   - Ab 761px bleiben die Links nebeneinanderliegender Kacheln
     auf einer Linie (unten ausgerichtet)
   ============================================================ */
@media (max-width: 1020px) {
  .themenwelten-grid { row-gap: 0; }
}
@media (max-width: 760px) {
  .haltungs-kachel,
  .haltungs-kachel:first-child { min-height: 0; }
  .haltungs-kachel .textlink { margin-top: 0; }
}
/* ============================================================
   STARTSEITE – ZEIT VERSCHENKEN (Gutschein)
   - Bis 1300px: Karte schmaler (je 27px Luft), damit Karte,
     Drehung und Schatten nie rechts aus dem Bild laufen
   - Bis 800px: Text und Gutschein untereinander (vorher erst ab 760px)
   - Bis 1300px: Karte wächst mit ihrem Inhalt, nichts wird abgeschnitten;
     Mindesthöhe entspricht weiter dem Kartenformat 1,58 : 1
   ============================================================ */
@media (max-width: 1300px) {
  .gutschein-darstellung { width: min(calc(100% - 54px), 670px); aspect-ratio: auto; }
  /* Karte wächst mit dem Inhalt; ::after hält mindestens das Kartenformat 1,58 : 1 */
  .gutschein-karte { position: relative; inset: auto; display: flex; }
  .gutschein-karte::after { content: ""; flex: 0 0 0; padding-top: 63.3%; }
  .gutschein-karte-textbereich { height: auto; }
  .gutschein-karte-markenbereich { padding-top: 18px; }
  .gutschein-karte-markenname { white-space: nowrap; }
}
@media (max-width: 800px) {
  .gutschein-aufteilung { grid-template-columns: 1fr; gap: 38px; }
  .gutschein-textbereich { max-width: 680px; padding: 0; }
  .gutschein-bildbereich { min-height: 0; }
  .gutschein-karte-textbereich { width: 62%; padding: 28px 24px; }
}
@media (max-width: 500px) {
  .gutschein-karte-textbereich { width: 74%; padding: 22px 20px; }
  .gutschein-karte-textbereich strong { margin-top: 14px; font-size: 32px; }
  .gutschein-karte-unterzeile { margin-top: 12px; font-size: 13px; }
  .gutschein-karte-verlauf {
    background: linear-gradient(90deg, rgba(255,250,240,.99) 0%, rgba(255,250,240,.95) 58%, rgba(255,250,240,.5) 80%, rgba(255,250,240,.1) 100%);
  }
}
@media (max-width: 380px) {
  .gutschein-karte-markenname { font-size: 10px; letter-spacing: .12em; }
}
/* ============================================================
   STARTSEITE – ERFAHRUNGEN
   - 761–1020px: zweispaltig wie auf dem Desktop (große Stimme links,
     zwei kleine rechts) statt einer schmalen Spalte mit Leerraum
   - Bis 1020px: Kacheln nutzen die volle Breite, rechte Kante
     schließt mit „Weitere Stimmen lesen“ ab
   - Bis 760px: untereinander, Höhe nach Inhalt (keine leeren Flächen)
   ============================================================ */
@media (min-width: 761px) and (max-width: 1020px) {
  .erfahrungen-gridsystem { grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); grid-template-rows: auto auto; }
  .erfahrungs-kachel:first-child { grid-row: 1 / span 2; min-height: 0; padding: 40px 34px; }
  .erfahrungs-kachel:first-child p { font-size: 25px; }
  .erfahrungs-kachel { min-height: 0; padding: 30px 26px 26px; }
}
@media (max-width: 1020px) {
  .erfahrungs-kachel { max-width: none; }
}
@media (max-width: 760px) {
  .erfahrungs-kachel,
  .erfahrungs-kachel:first-child { min-height: 0; }
  .erfahrungs-kachel:first-child { padding: 36px 28px 32px; }
  .erfahrungs-kachel { padding: 30px 26px 26px; }
}

/* ============================================================
   OVAL-REGEL (seitenweit)
   Das Oval steht immer links und wird sparsam eingesetzt
   (Startseite: Intro, Gutschein, Kontakt). Bis 800px wird es
   ausgeblendet, damit es nie hinter Text liegt.
   ============================================================ */
@media (max-width: 800px) {
  .gutschein-bereich::before,
  .kontakt-bereich::before { display: none; }
}

/* ============================================================
   STARTSEITE – BLOG, 761–1020px
   Die dritte Kachel steht nicht allein in der Mitte, sondern
   läuft über die volle Breite: Bild links, Text rechts
   (wie beim Angebot).
   ============================================================ */
@media (min-width: 761px) and (max-width: 1020px) {
  .blog-kachel:last-child { grid-column: 1 / -1; display: flex; }
  .blog-kachel:last-child .blog-kachel-bild { flex: 0 0 50%; aspect-ratio: auto; min-height: 300px; }
  .blog-kachel:last-child .blog-kachel-textbereich { flex: 1; justify-content: center; }
  .blog-kachel:last-child .textlink { margin-top: 8px; }
}
/* ============================================================
   STARTSEITE – E-BOOK
   - Bis 1020px: Karte nur so hoch wie nötig (keine 620px Mindesthöhe),
     Cover bleibt gut sichtbar
   - 761–900px: Cover-Spalte etwas breiter, damit das Cover nicht
     zur Briefmarke wird
   - Bis 760px: Cover kleiner und kompakter über dem Text,
     damit Titel und Button schneller sichtbar sind
   ============================================================ */
@media (max-width: 1020px) {
  .e-book-bildbereich { min-height: 0; padding: 48px 36px; }
  .e-book-textbereich { padding: 52px 44px; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .e-book-aufteilung { grid-template-columns: 0.9fr 1.1fr; }
  .e-book-cover { width: min(260px, 86%); }
}
@media (max-width: 760px) {
  .e-book-bildbereich { min-height: 0; padding: 44px 26px 36px; }
  .e-book-cover { width: min(220px, 62%); }
  .e-book-textbereich { padding: 36px 28px 40px; }
}
/* ============================================================
   STARTSEITE – KONTAKT, bis 760px
   Reihenfolge nach Wichtigkeit: Überschrift, Text, „Freien Termin
   ansehen“, dann direkt das Formular – der Telegram-Hinweis
   (Nebenweg) rückt ans Ende.
   ============================================================ */
@media (max-width: 760px) {
  .kontakt-aufteilung { row-gap: 0; }
  .kontakt-textbereich, .kontakt-aktionen { display: contents; }
  .kontakt-textbereich > *, .kontakt-aktionen > * { grid-column: 1; }
  .kontakt-aktionen > .button { justify-self: start; margin-top: 8px; margin-bottom: 44px; }
  .kontakt-formularbereich { order: 1; }
  .telegram-hinweis { order: 2; margin-top: 44px; }
}

/* ============================================================
   FOOTER (seitenweit)
   - 761–1020px: Marke oben über die volle Breite (mittig),
     darunter Kontakt und E-Book in zwei Spalten
   - Bis 760px: Marke zuerst (linksbündig wie alles andere),
     dann Kontakt, dann E-Book
   - Navigationslinks bleiben bis 320px zweispaltig
   ============================================================ */
@media (min-width: 761px) and (max-width: 1020px) {
  .footer-inner { grid-template-columns: 1fr 1fr; row-gap: 0; }
  .footer-brand-center {
    grid-column: 1 / -1; order: -1; justify-self: stretch; width: auto;
    margin-bottom: 44px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.25);
  }
}
@media (max-width: 760px) {
  .footer-brand-center { order: -1; padding-top: 0; border-top: 0; text-align: left; width: 100%; }
  .footer-brand-center img { margin: 0 0 18px; }
  .footer-brand-center p { margin-left: 0; }
  .footer-social { justify-content: flex-start; }
  .footer-contact { border-top: 1px solid rgba(255, 255, 255, 0.32); }
}
@media (max-width: 440px) {
  .footer-nav-group nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Links im Kontaktblock stehen immer untereinander, auch wenn Platz nebeneinander wäre */
.footer-contact .text-link { display: flex; width: fit-content; }

/* ============================================================
   FOOTER – Feinschliff bis 1020px
   - Marke wie im Header: Logo links, rechts TOUCHED TO BE,
     darunter die Unterzeile; Kanäle darunter
   - Bis 760px: gleichmäßige Abstände (32px über und unter jeder
     Trennlinie), engere Zeilen in der Navigation
   ============================================================ */
@media (max-width: 1020px) {
  .footer-brand-center {
    display: grid; grid-template-columns: auto 1fr; column-gap: 13px; align-items: center;
    justify-self: start; text-align: left;
  }
  .footer-brand-center img { grid-row: 1 / 3; height: 50px; margin: 0; }
  .footer-brand-center .footer-brand { align-self: end; font-size: 13px; letter-spacing: .17em; }
  .footer-brand-center p { align-self: start; max-width: none; margin: 2px 0 0; font-size: 12px; line-height: 1.3; }
  .footer-social { grid-column: 1 / -1; justify-content: flex-start; margin-top: 22px; }
}
@media (max-width: 760px) {
  .footer-inner { row-gap: 0; }
  .footer-contact, .footer-brand-center, .footer-ebook { padding: 32px 0; }
  .footer-brand-center { padding-top: 0; }
  .footer-ebook h3 { margin-bottom: 14px; }
  .footer-navigation { padding-bottom: 36px; }
  .footer-navigation-inner { padding-top: 32px; }
  .footer-nav-group nav { row-gap: 0; margin-top: -6px; }
  .footer-navigation a { padding: 6px 0; }
  .footer-nav-group + .footer-nav-group { margin-top: 26px; }
}
@media (max-width: 1020px) {
  .site-footer > .section-grundaufbau { padding-bottom: 48px; }
}
@media (min-width: 761px) and (max-width: 1020px) {
  .footer-brand-center { justify-self: stretch; }
}
@media (max-width: 760px) {
  .site-footer > .section-grundaufbau { padding-bottom: 0; }
}

/* ============================================================
   STARTSEITE – E-BOOK: Buch frei stehend, ohne Kachel
   Nur der Textbereich rechts bleibt Kachel. Das Cover steht
   frei auf dem Section-Hintergrund und darf größer werden.
   ============================================================ */
.e-book-aufteilung, .e-book-aufteilung.kachel { background: transparent; border-radius: 0; overflow: visible; box-shadow: none; border: 0; align-items: center; gap: clamp(40px, 6vw, 90px); }
.e-book-bildbereich { background: none; min-height: 0; padding: 20px 0; }
.e-book-cover { width: min(420px, 92%); }
.e-book-textbereich { border-radius: 0 var(--radius-large) 0 var(--radius-large); box-shadow: 0 22px 55px rgba(61,40,27,0.10); }
@media (max-width: 1020px) {
  .e-book-bildbereich { padding: 12px 0; }
  .e-book-cover { width: min(340px, 94%); }
}
@media (max-width: 760px) {
  .e-book-aufteilung { gap: 36px; }
  .e-book-bildbereich { padding: 8px 0 0; }
  .e-book-cover { width: min(320px, 80%); }
  .e-book-textbereich { border-radius: 0 var(--radius-medium) 0 var(--radius-medium); }
}

/* ============================================================
   ABSTAND TEXT → BUTTON: einheitlich 32px
   (Ausnahmen bewusst: Intro und Begrüßung behalten ihre Abstände)
   ============================================================ */
.gutschein-textbereich .section-einleitung,
.e-book-textbereich .section-einleitung,
.kontakt-textbereich .section-einleitung { margin-bottom: 0; }
.gutschein-textbereich > .button { margin-top: 32px; }
.e-book-textbereich .intro-buttons { margin-top: 32px; }
.kontakt-aktionen { margin-top: 32px; }
.kontakt-formularbereich .button { margin-top: 32px; }
@media (max-width: 760px) {
  .kontakt-aktionen > .button { margin-top: 32px; }
}

/* ============================================================
   EINHEITLICHER SEITENRAND
   - Überall 20px (ab 1281px: Inhalt mittig, max. 1240px)
   - Header und Intro bis 480px ebenfalls 20px statt 16px
   - Ablauf-Bild: Browser-Standardabstand von <figure> (40px) entfernt
   ============================================================ */
.ablauf-bildgestaltung { margin: 0; }
@media (max-width: 760px) {
  .ablauf-bildgestaltung { margin: 0 0 36px; }
}
@media (max-width: 480px) {
  .header-inner,
  .seiten-intro#start .intro-innenbereich { width: calc(100% - 40px); }
}

/* ============================================================
   ANGEBOTSSEITE – Intro-Ergänzungen (mehr Text als auf der Startseite)
   - Überschrift bricht natürlich: „Mein Angebot / für Männer.“
   - Einleitung und Zusatztext haben Abstand zueinander
   - Bis 800px: Weichzeichner kräftiger, weil mehr Text auf dem Bild steht
   ============================================================ */
@media (max-width: 800px) {
  body:is(.angebotsseite, .ausbildungsseite) .seiten-intro#seitenanfang h1 { max-width: 7.2em; text-wrap: balance; }
  :is(.angebotsseite, .ausbildungsseite, .blogseite, .chakren-seite, .entwicklung-seite, .interview-seite, .namaste-seite, .osho-seite, .faq-seite, .terminseite, .ueber-mich-seite, .warum-seite, .maenner-seite) .seiten-intro .intro-text { margin: 18px 0 0; max-width: 21em; font-size: 15px; line-height: 1.6; }
  :is(.angebotsseite, .blogseite, .chakren-seite, .entwicklung-seite, .interview-seite, .namaste-seite, .osho-seite, .faq-seite, .terminseite, .ueber-mich-seite, .warum-seite, .maenner-seite) .seiten-intro::after {
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .97) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .93) 36%,
      rgba(var(--intro-weichzeichner, 255,250,240), .8) 52%, rgba(var(--intro-weichzeichner, 255,250,240), .5) 66%,
      rgba(var(--intro-weichzeichner, 255,250,240), .2) 80%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 96%);
  }
}
@media (max-width: 500px) {
  :is(.angebotsseite, .blogseite, .chakren-seite, .entwicklung-seite, .interview-seite, .namaste-seite, .osho-seite, .faq-seite, .terminseite, .ueber-mich-seite, .warum-seite, .maenner-seite) .seiten-intro .intro-bild::before {
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .97) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .93) 40%,
      rgba(var(--intro-weichzeichner, 255,250,240), .78) 56%, rgba(var(--intro-weichzeichner, 255,250,240), .45) 70%,
      rgba(var(--intro-weichzeichner, 255,250,240), .15) 86%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 100%);
  }
}

/* ============================================================
   ANGEBOTSSEITE – Angebotsabschnitte bis 760px
   Reihenfolge wie auf der Startseite: Überzeile, Überschrift,
   Einleitung → Bild im Querformat → „Der Rahmen“ (Preis, Dauer,
   Buchen) → ausführlicher Text.
   ============================================================ */
@media (max-width: 760px) {
  .angebots-einstieg { display: flex; flex-direction: column; align-items: flex-start; gap: 34px; margin-bottom: 40px; }
  .angebots-kurzbeschreibung { order: 1; }
  .angebots-bild { order: 2; width: min(100%, 560px); aspect-ratio: 4 / 3; }
  .angebots-inhalt { display: flex; flex-direction: column; gap: 0; }
  .angebots-inhalt .rahmen-kachel { order: -1; width: 100%; margin-bottom: 48px; }
}

/* REGEL: Buttons in Kacheln sind – wie auf der Startseite (Kontaktformular,
   E-Book) – nur so breit wie ihr Text und stehen linksbündig. */
.rahmen-kachel .button { width: auto; }

/* ============================================================
   REGEL: Gestapelte Buttons (bis 560px) sind gleich breit –
   so breit wie der längere der beiden, linksbündig.
   ============================================================ */
@media (max-width: 560px) {
  .intro-buttons,
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-buttons {
    flex-direction: column; align-items: stretch; width: fit-content; max-width: 100%;
  }
  .intro-buttons .button,
  :is(.seiten-intro#start, .angebotsseite .seiten-intro, .ausbildungsseite .seiten-intro, .gespraechsseite .seiten-intro, .blogseite .seiten-intro, .chakren-seite .seiten-intro, .entwicklung-seite .seiten-intro, .interview-seite .seiten-intro, .namaste-seite .seiten-intro, .osho-seite .seiten-intro, .stimmen-seite .seiten-intro, .terminseite .seiten-intro, .ueber-mich-seite .seiten-intro, .warum-seite .seiten-intro, .maenner-seite .seiten-intro) .intro-buttons .button { width: 100%; }
}

/* ============================================================
   ANGEBOTSSEITE – Intro-Bild bis 500px: Motiv nach links,
   damit Brust und Gesicht sichtbar sind
   ============================================================ */
@media (max-width: 500px) {
  .angebotsseite .seiten-intro .intro-bild img.angebot-object-position { object-position: 67% 0 !important; }
}

/* ============================================================
   INHALTSTEXTE (Angebotsseite u. a.): gleichmäßige Abstände
   - Kein zusätzlicher Leerraum nach dem letzten Absatz
   - Hinweis-Kachel mit demselben Abstand davor und danach
     wie zwischen zwei Abschnitten (34px + 34px)
   ============================================================ */
.inhalts-textbereich > :last-child { padding-bottom: 0; margin-bottom: 0; }
.inhalts-textbereich > :last-child > p:last-child { margin-bottom: 0; }
.hinweis-kachel { margin: 34px 0; }
.hinweis-kachel + .inhaltsabschnitt { padding-top: 34px; }
.inhaltsabschnitt > p:last-child { margin-bottom: 0; }

/* ============================================================
   ANGEBOTSSEITE – Feinschliff
   - Intro 501–1280px: Motiv deutlich nach rechts, mehr Bild sichtbar
   - Rahmen-Kacheln kompakter, damit auch die lange Ausbildungs-
     Kachel in den Bildschirm passt und beim Lesen mitscrollt
   ============================================================ */
@media (min-width: 501px) and (max-width: 1280px) {
  .angebotsseite .seiten-intro .intro-bild img.angebot-object-position { object-position: 100% 0 !important; }
}
.rahmen-kachel { padding: 28px 30px; }
.rahmen-kachel h3 { margin-bottom: 24px; }
.rahmen-liste > div { padding: 10px 0; }
.rahmen-liste dd { margin-top: 2px; font-size: 14px; line-height: 1.45; }
.rahmen-kachel .button { margin-top: 20px; }
.rahmen-kachel .kleingedrucktes { margin-top: 14px; }
@media (min-width: 761px) {
  .rahmen-kachel { top: 104px; }
}
/* Ausbildung (9 Angaben): ab 761px zweispaltig, damit die Kachel
   in den Bildschirm passt */
@media (min-width: 761px) {
  #ausbildung .rahmen-liste { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; }
  #ausbildung .rahmen-liste > div:nth-child(2) { border-top: 1px solid var(--line); }
}

/* ============================================================
   OVALE BEI GUTSCHEIN UND KONTAKT
   Sichtbar nur, solange zwischen Oval und Text mindestens 28px
   Abstand bleiben. Das Oval wird dafür schmaler und verschwindet
   unter 1376px Fensterbreite ganz.
   ============================================================ */
.gutschein-bereich::before,
.kontakt-bereich::before { display: none; }
@media (min-width: 1376px) {
  .gutschein-bereich::before { display: block; left: -126px; width: calc(126px + min(126px, (100vw - 1240px) / 2 - 28px)); }
  .kontakt-bereich::before { display: block; left: -90px; width: calc(90px + min(90px, (100vw - 1240px) / 2 - 28px)); }
}

/* ============================================================
   KONTAKT bis 760px – für alle Seiten (auch wenn das Formular in
   einem eigenen <div> steckt oder nur ein Textlink davor steht)
   Text → Link/Button 32px, danach 44px bis zum Formular.
   ============================================================ */
@media (max-width: 760px) {
  .kontakt-textbereich > p:not(.ueberzeile) { margin-bottom: 0; }
  .kontakt-aktionen > :first-child { margin-top: 32px; }
  .kontakt-aktionen > .button { margin-bottom: 0; }
  .kontakt-aufteilung > :not(.kontakt-textbereich) { order: 1; margin-top: 44px; }
  .kontakt-aufteilung > .telegram-hinweis, .kontakt-aktionen > .telegram-hinweis { order: 2; }
}

/* ============================================================
   RATENZAHLUNGSSEITE
   - Gespiegelte Abschnitte (Text links, Überschrift rechts):
     bis 760px steht die Überschrift zuerst
   - Modell-Kacheln bleiben bis 761px zweispaltig
   ============================================================ */
@media (max-width: 760px) {
  .inhaltsaufteilung-gespiegelt > .ratenzahlung-kopfbereich { order: -1; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .ratenzahlung-modelle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ratenzahlung-modell { min-height: 0; padding: 30px 26px; }
}
@media (max-width: 760px) {
  .inhaltsaufteilung-gespiegelt > .ratenzahlung-kopfbereich { margin-bottom: 0; }
  .inhaltsaufteilung-gespiegelt:has(> .ratenzahlung-kopfbereich) { row-gap: 0; }
}
/* Preise Deutschland/Schweiz bleiben bis 360px nebeneinander */
@media (min-width: 360px) and (max-width: 520px) {
  .ratenzahlung-preise { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
  .ratenzahlung-preise dd { font-size: 15px; }
}

/* ============================================================
   INTRO-BILD „verschoben“ (Ratenzahlungsseite)
   Auf dem Desktop wird das Bild um 100px nach rechts geschoben.
   Bis 1020px entstand dadurch links ein leerer Streifen in der
   Hintergrundfarbe. Dort wird das Motiv stattdessen per
   object-position verschoben – das Bild bleibt randlos.
   ============================================================ */
@media (max-width: 1020px) {
  .seiten-intro .intro-bild.verschoben { transform: none; }
}
@media (max-width: 800px) {
  .seiten-intro .intro-bild.verschoben img { object-position: 62% center; }
}

/* ============================================================
   INTRO MIT FARBSCHEMA SALBEI (z. B. Ausbildung, Ratenzahlung)
   Fläche und Weichzeichner hinter dem Text kommen aus dem
   Farbschema: --intro-weichzeichner (siehe .farbschema-salbei).
   :not(#_) hebt die Regel über die gemeinsamen Intro-Regeln.
   ============================================================ */
.seiten-intro.farbschema-salbei:not(#_) { background: rgb(var(--intro-weichzeichner)); }
.seiten-intro.farbschema-salbei:not(#_)::after {
  background:
    linear-gradient(90deg, rgba(var(--intro-weichzeichner),.99) 0%, rgba(var(--intro-weichzeichner),.95) 31%, rgba(var(--intro-weichzeichner),.61) 51%, rgba(var(--intro-weichzeichner),.06) 73%),
    linear-gradient(0deg, rgba(var(--intro-weichzeichner),.2), transparent 30%);
}
@media (min-width: 801px) and (max-width: 1279px) {
  .seiten-intro.farbschema-salbei:not(#_)::after {
    background:
      linear-gradient(90deg, rgba(var(--intro-weichzeichner),.99) 0%, rgba(var(--intro-weichzeichner),.96) 38%, rgba(var(--intro-weichzeichner),.72) 55%, rgba(var(--intro-weichzeichner),.18) 74%, rgba(var(--intro-weichzeichner),0) 86%),
      linear-gradient(0deg, rgba(var(--intro-weichzeichner),.2), transparent 30%);
  }
}
@media (min-width: 801px) and (max-width: 1020px) {
  .seiten-intro.farbschema-salbei:not(#_)::after {
    background: linear-gradient(90deg, rgba(var(--intro-weichzeichner),1) 0%, rgba(var(--intro-weichzeichner),1) 34%, rgba(var(--intro-weichzeichner),.92) 48%, rgba(var(--intro-weichzeichner),.5) 62%, rgba(var(--intro-weichzeichner),.1) 76%, rgba(var(--intro-weichzeichner),0) 84%);
  }
}
@media (max-width: 800px) {
  .seiten-intro.farbschema-salbei:not(#_)::after {
    background: linear-gradient(90deg, rgba(var(--intro-weichzeichner),.97) 0%, rgba(var(--intro-weichzeichner),.93) 36%, rgba(var(--intro-weichzeichner),.8) 52%, rgba(var(--intro-weichzeichner),.5) 66%, rgba(var(--intro-weichzeichner),.2) 80%, rgba(var(--intro-weichzeichner),0) 96%);
  }
}
@media (max-width: 500px) {
  .seiten-intro.farbschema-salbei:not(#_) .intro-bild::before {
    background: linear-gradient(90deg, rgba(var(--intro-weichzeichner),.97) 0%, rgba(var(--intro-weichzeichner),.93) 40%, rgba(var(--intro-weichzeichner),.78) 56%, rgba(var(--intro-weichzeichner),.45) 70%, rgba(var(--intro-weichzeichner),.15) 86%, rgba(var(--intro-weichzeichner),0) 100%);
  }
}

/* ============================================================
   BLOGSEITE – Intro auf kleinen Bildschirmen
   Motiv (Mann am Fenster) nach rechts, Weichzeichner kräftiger,
   damit der längere Text nicht auf dem dunklen Hemd steht.
   ============================================================ */
@media (max-width: 800px) {
  :is(body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .seiten-intro:not(#_) .intro-bild img { object-position: 62% center; }
}
@media (max-width: 500px) {
  /* Mann immer am rechten Rand, unabhängig von der Breite */
  :is(body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .seiten-intro:not(#_) .intro-bild img { object-position: 70% center; }
  :is(body.blogseite, body.chakren-seite, body.entwicklung-seite, body.interview-seite, body.namaste-seite, body.osho-seite, body.stimmen-seite, body.terminseite, body.ueber-mich-seite, body.warum-seite, body.maenner-seite) .seiten-intro:not(#_) .intro-bild::before {
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .97) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .95) 50%,
      rgba(var(--intro-weichzeichner, 255,250,240), .85) 66%, rgba(var(--intro-weichzeichner, 255,250,240), .55) 80%,
      rgba(var(--intro-weichzeichner, 255,250,240), .2) 92%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 100%);
  }
}

/* ============================================================
   CHAKRENSEITE (Blogartikel „Das Chakrenkonzept“)
   Eigene Bausteine mit Präfix .chakra-… – aufgebaut auf den
   allgemeinen Regeln (Farbschemata, Kacheln, Buttons, Abstände).
   Stufen: ab 1021px Desktop · 761–1020px Tablet · bis 760px Handy
   ============================================================ */

/* Lesefortschritt oben (nur in Browsern mit Scroll-Animation) */
.lesefortschritt { display: none; }
@supports (animation-timeline: scroll()) {
  .lesefortschritt {
    display: block; position: fixed; z-index: 1001; top: 0; left: 0;
    width: 100%; height: 3px; background: var(--cognac);
    transform-origin: 0 50%; transform: scaleX(0);
    animation: chakra-lesefortschritt linear both; animation-timeline: scroll(root);
  }
  @keyframes chakra-lesefortschritt { to { transform: scaleX(1); } }
}

/* Quellenverweise im Text */
.quelle-verweis { font-size: .62em; line-height: 0; }
.quelle-verweis a { padding: 0 1px; color: var(--textlink-farbe); font-weight: 600; text-decoration: none; }
.quelle-verweis a:hover, .quelle-verweis a:focus-visible { text-decoration: underline; }

/* Teil-Markierung in der Überzeile */
.chakra-teil {
  display: inline-block; margin-right: 10px; padding: 3px 9px 2px;
  border-radius: 999px; background: var(--element-farbe); color: var(--element-text);
  font-size: 10px; letter-spacing: .14em; vertical-align: 1px;
}

/* ---------- Einstieg ---------- */
.chakra-einstieg { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(48px, 7vw, 110px); align-items: center; }
.chakra-einstieg .section-einleitung { margin-bottom: 22px; }
.chakra-einstieg .fliesstext { margin: 0; }
.chakra-kernfrage { margin: 0; padding: 6px 0 6px clamp(24px, 3vw, 40px); border-left: 2px solid var(--element-farbe); }
.chakra-kernfrage p { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(28px, 2.6vw, 38px); font-style: italic; line-height: 1.25; }
.chakra-kernfrage footer { margin-top: 18px; color: var(--ink-soft); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }

.chakra-leseweg { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: clamp(56px, 7vw, 88px); }
.chakra-leseweg-teil {
  display: flex; flex-direction: column; min-height: 100%; padding: 28px 26px 26px;
  border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium);
  box-shadow: 0 18px 42px rgba(111, 68, 45, .07); color: var(--ink);
  transition: transform 240ms ease, box-shadow 240ms ease;
}
.chakra-leseweg-teil:nth-child(even) { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.chakra-leseweg-teil:hover, .chakra-leseweg-teil:focus-visible { transform: translateY(-4px); box-shadow: 0 24px 52px rgba(111, 68, 45, .12); }
.chakra-leseweg-nummer { color: var(--cognac); font-family: "Cormorant Garamond", Georgia, serif; font-size: 50px; line-height: 1; }
.chakra-leseweg-teil .ueberzeile { margin: 14px 0 6px; }
.chakra-leseweg-teil strong { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(23px, 2vw, 27px); font-weight: 400; line-height: 1.15; }
.chakra-leseweg-kapitel { margin-top: auto; padding-top: 18px; color: var(--ink-soft); font-size: 13px; line-height: 1.55; }

/* ---------- Kapitel: Kopf und Spalten ---------- */
.chakra-kapitelkopf { max-width: 760px; margin-bottom: 52px; }
.chakra-kapitelkopf-breit { max-width: 980px; }
.chakra-kapitelkopf .section-einleitung { margin-bottom: 0; }
.chakra-kapitelkopf h2 em { font-style: italic; }

.chakra-spalten { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: clamp(48px, 7vw, 104px); align-items: start; }
.chakra-spalten-gespiegelt { grid-template-columns: minmax(280px, 400px) minmax(0, 1fr); }
.chakra-spalten-gespiegelt > :first-child { order: 2; }
.chakra-spalten-kopf { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.chakra-spalten-kopf > .chakra-kapitelkopf { position: sticky; top: 120px; margin-bottom: 0; }
.chakra-spalten-abstand { margin-top: clamp(56px, 7vw, 88px); }

.chakra-text { max-width: var(--text); }
.chakra-text > p:last-child { margin-bottom: 0; }
.chakra-text h3 { margin: 48px 0 16px; color: var(--ink); font-size: clamp(26px, 2.4vw, 32px); }
.chakra-text h3:first-child { margin-top: 0; }
.chakra-lead { color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(24px, 2.2vw, 30px); font-style: italic; line-height: 1.35; }
.chakra-merksatz { margin-top: 32px; padding-left: 22px; border-left: 2px solid var(--element-farbe); color: var(--ink); font-weight: 500; }
.chakra-randnotiz { margin-top: 22px; padding: 18px 22px; border: 1px dashed var(--line); border-radius: 0 18px 0 18px; font-size: 15px; line-height: 1.65; }

/* Wortkarte „cakra“ */
.chakra-wortkarte { position: sticky; top: 120px; padding: 34px 30px 26px; border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium); box-shadow: 0 18px 45px rgba(72, 54, 19, .08); }
.chakra-rad { width: 92px; height: 92px; margin-bottom: 18px; fill: none; stroke: var(--textlink-farbe); stroke-width: 2; animation: chakra-rad 60s linear infinite; }
@keyframes chakra-rad { to { transform: rotate(360deg); } }
.chakra-wortkarte .ueberzeile { margin-bottom: 6px; }
.chakra-wort { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(52px, 5vw, 66px); line-height: 1; }
.chakra-wortbedeutung { margin: 10px 0 22px; color: var(--cognac-deep); font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }

/* Zitat-Kachel und Merk-Kachel */
.chakra-zitatkachel { margin: 0; padding: clamp(28px, 3.5vw, 40px); border: 1px solid var(--line); border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.chakra-zitatkachel::before { content: "“"; display: block; height: 26px; margin-bottom: 10px; color: var(--textlink-farbe); font-family: "Cormorant Garamond", Georgia, serif; font-size: 60px; line-height: .8; }
.chakra-zitatkachel p { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(23px, 2vw, 28px); font-style: italic; line-height: 1.35; }
.chakra-zitatkachel footer { margin-top: 18px; color: var(--ink-soft); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.chakra-text .chakra-zitatkachel { margin-top: 36px; }
.chakra-randkachel { position: sticky; top: 120px; }
.chakra-merkkachel { padding: clamp(26px, 3vw, 34px); border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium); }
.chakra-merkkachel p:last-child { margin: 0; color: var(--ink); }

/* Glossar */
.chakra-glossar { position: sticky; top: 120px; padding: 30px 28px 20px; border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium); box-shadow: 0 18px 45px rgba(72, 54, 19, .08); }
.chakra-glossar h3 { margin-bottom: 14px; font-size: clamp(26px, 2.3vw, 32px); }
.chakra-glossar dl { margin: 0; }
.chakra-glossar dl > div { padding: 12px 0; border-top: 1px solid var(--line); }
.chakra-glossar dt { color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: 22px; line-height: 1.2; }
.chakra-glossar dd { margin: 3px 0 0; color: var(--ink-soft); font-size: 14px; line-height: 1.5; }

/* Zitatband */
.chakra-zitatband { max-width: 1000px; margin: 0 0 clamp(64px, 8vw, 104px); }
.chakra-zitatband::before { content: "“"; display: block; height: 44px; color: var(--textlink-farbe); font-family: "Cormorant Garamond", Georgia, serif; font-size: 110px; line-height: .8; }
.chakra-zitatband p { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(34px, 4.2vw, 60px); line-height: 1.1; letter-spacing: -.02em; text-wrap: balance; }

/* ---------- Zeitstrahl ---------- */
.chakra-zeitstrahl { --zeit: 190px; position: relative; max-width: 1080px; margin: 0; padding: 0; list-style: none; }
.chakra-zeitstrahl::before { content: ""; position: absolute; top: 14px; bottom: 30px; left: var(--zeit); width: 1px; background: rgba(116, 83, 13, .28); }
.chakra-station { display: grid; grid-template-columns: var(--zeit) minmax(0, 1fr); }
.chakra-station-zeit { position: relative; padding: 0 36px 0 0; color: var(--cognac-deep); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(24px, 2.2vw, 30px); line-height: 1.2; text-align: right; }
.chakra-station-zeit::after { content: ""; position: absolute; top: 10px; right: -7px; width: 9px; height: 9px; border: 3px solid var(--kachel-hintergrund); border-radius: 50%; background: var(--element-farbe); box-shadow: 0 0 0 1px rgba(116, 83, 13, .28); }
.chakra-station-inhalt { max-width: var(--text); padding: 0 0 clamp(48px, 6vw, 72px) 44px; }
.chakra-station-inhalt h3 { margin-bottom: 14px; color: var(--ink); font-size: clamp(27px, 2.5vw, 36px); }
.chakra-station-inhalt p { color: var(--ink-soft); }
.chakra-station-inhalt > p:last-child { margin-bottom: 0; }
.chakra-station-heute .chakra-station-zeit { color: var(--ink); font-style: italic; }
.chakra-station-heute .chakra-station-zeit::after { width: 13px; height: 13px; top: 8px; right: -9px; background: var(--ink); }
.chakra-station-heute .chakra-station-inhalt { padding-bottom: 0; }

/* ---------- Schichten (Hybridprodukt) ---------- */
.chakra-schichten { display: grid; gap: 10px; margin: clamp(56px, 7vw, 88px) 0 0; }
.chakra-schicht { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; justify-self: center; padding: 20px 28px; border-radius: 0 22px 0 22px; background: rgba(215, 167, 45, .12); }
.chakra-schicht:nth-child(1) { width: 64%; }
.chakra-schicht:nth-child(2) { width: 76%; background: rgba(215, 167, 45, .18); }
.chakra-schicht:nth-child(3) { width: 88%; background: rgba(215, 167, 45, .25); }
.chakra-schicht-basis { width: 100%; background: rgba(215, 167, 45, .34); }
.chakra-schicht-nr { color: var(--cognac-deep); font-family: "Cormorant Garamond", Georgia, serif; font-size: 38px; line-height: 1; }
.chakra-schicht strong { display: block; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(22px, 2vw, 27px); font-weight: 400; line-height: 1.2; }
.chakra-schicht span:not(.chakra-schicht-nr) { display: block; margin-top: 2px; color: var(--ink-soft); font-size: 14px; line-height: 1.5; }

/* Tabelle der Zuordnungen */
.chakra-tabelle { width: 100%; padding: 22px 28px 14px; border: 1px solid var(--line); border-collapse: separate; border-spacing: 0; border-radius: 0 var(--radius-medium) 0 var(--radius-medium); box-shadow: 0 18px 45px rgba(72, 54, 19, .08); }
.chakra-tabelle caption { margin: 0 0 14px; text-align: left; }
.chakra-tabelle th, .chakra-tabelle td { padding: 11px 0; border-top: 1px solid var(--line); text-align: left; vertical-align: baseline; }
.chakra-tabelle tr:first-child th, .chakra-tabelle tr:first-child td { border-top: 0; }
.chakra-tabelle th { padding-right: 18px; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: 20px; font-weight: 400; white-space: nowrap; }
.chakra-tabelle td { color: var(--ink-soft); font-size: 14px; line-height: 1.5; }

/* ---------- Zwischenspiel mit Bild ---------- */
.chakra-zwischenspiel-raster { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(48px, 7vw, 110px); align-items: center; }
.chakra-zwischenspiel-bild { position: relative; margin: 0; overflow: hidden; aspect-ratio: 1 / 1; border-radius: 0 var(--radius-large) 0 var(--radius-large); box-shadow: var(--shadow-soft); }
.chakra-zwischenspiel-bild img { width: 100%; height: 100%; object-fit: cover; }
.chakra-zwischenspiel-text h2 { font-size: clamp(44px, 5.4vw, 78px); line-height: 1; }
.chakra-zwischenspiel-text .section-einleitung { margin-bottom: 0; }

/* ---------- Anatomie: Achse und Faktencheck ---------- */
.chakra-anatomie { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: clamp(36px, 5vw, 64px); align-items: start; }
.chakra-achse { position: sticky; top: 120px; margin: 0; }
.chakra-achse svg { display: block; width: 100%; height: auto; overflow: visible; }
.chakra-achse-linie { stroke: rgba(116, 83, 13, .35); stroke-width: 1.5; }
.chakra-achse-punkt circle { fill: var(--element-farbe); stroke: var(--kachel-hintergrund); stroke-width: 4; }
.chakra-achse-punkt text { fill: var(--ink-soft); font-family: "Manrope", system-ui, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.chakra-achse-punkt .chakra-achse-nr { fill: var(--cognac-deep); font-family: "Cormorant Garamond", Georgia, serif; font-size: 20px; font-weight: 400; letter-spacing: 0; text-anchor: end; }
.chakra-achse figcaption { margin-top: 18px; color: var(--ink-soft); font-size: 12px; font-style: italic; line-height: 1.5; }

.chakra-faktencheck { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.chakra-fakt { display: flex; flex-direction: column; padding: 28px 26px 24px; border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium); box-shadow: 0 16px 40px rgba(111, 68, 45, .07); }
.chakra-fakt:nth-child(even) { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.chakra-fakt-nr { margin: 0 0 8px; color: var(--cognac-deep); font-family: "Cormorant Garamond", Georgia, serif; font-size: 20px; }
.chakra-fakt h3 { margin-bottom: 12px; color: var(--ink); font-size: clamp(24px, 2.1vw, 29px); }
.chakra-fakt p:not(.chakra-fakt-nr) { color: var(--ink-soft); font-size: 15.5px; line-height: 1.65; }
.chakra-fakt-grenze { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 14px !important; }
.chakra-fakt-grenze span { display: block; margin-bottom: 4px; color: var(--copper-deep); font-size: 10px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }

.chakra-fazit { margin-top: 52px; padding: clamp(30px, 4vw, 48px); border: 1px solid var(--line); border-radius: var(--radius-large) 0 var(--radius-large) 0; }
.chakra-fazit p:last-child { margin: 0; max-width: 900px; color: var(--ink); font-size: clamp(17px, 1.3vw, 19px); }
.chakra-fazit strong { font-weight: 600; }

/* ---------- Vergleich: Beobachtung → Deutung ---------- */
.chakra-vergleich { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 22px; align-items: stretch; }
.chakra-vergleich-seite { padding: 28px 28px 20px; border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium); }
.chakra-vergleich-seite:last-child { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.chakra-vergleich-seite ul { margin: 0; padding: 0; list-style: none; }
.chakra-vergleich-seite li { padding: 10px 0; border-top: 1px solid var(--line); color: var(--ink); }
.chakra-vergleich-pfeil { align-self: center; color: var(--cognac); font-family: "Cormorant Garamond", Georgia, serif; font-size: 44px; line-height: 1; }

/* ---------- Sprache in der Praxis ---------- */
.chakra-sprache { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 22px; margin-top: clamp(56px, 7vw, 88px); }
.chakra-sprache-seite { padding: clamp(28px, 3.5vw, 40px); border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium); }
.chakra-sprache-seite:last-child { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.chakra-sprache-satz { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(24px, 2.2vw, 30px); font-style: italic; line-height: 1.3; }
.chakra-sprache-satz + .chakra-sprache-satz { margin-top: 18px; }
.chakra-sprache-nicht .chakra-sprache-satz { color: var(--ink-soft); text-decoration: line-through; text-decoration-color: rgba(117, 69, 54, .45); text-decoration-thickness: 1px; }
.chakra-sprache-fazit { max-width: 860px; margin: 32px 0 0; color: var(--ink-soft); }
.chakra-sprache-fazit strong { color: var(--ink); font-weight: 600; }

.chakra-schluss { max-width: 900px; margin: clamp(80px, 10vw, 130px) auto 0; text-align: center; }
.chakra-schluss-intro { margin: 0; color: var(--cognac-deep); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(21px, 1.8vw, 25px); font-style: italic; }
.chakra-schluss-motto { margin: 20px 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(38px, 5vw, 68px); line-height: 1.08; letter-spacing: -.02em; }
.chakra-schluss .intro-buttons { justify-content: center; margin: 32px auto 0; }

/* ---------- Quellen und Weiterlesen ---------- */
.chakra-quellen .section-einleitung { margin-bottom: 0; }
.chakra-quellen .quellen-liste { margin: 28px 0 0; padding: 0; list-style: none; }
.chakra-quellen .quellen-liste li { scroll-margin-top: 120px; padding: 10px 14px; border-radius: 0 14px 0 14px; transition: background-color 400ms ease; }
.chakra-quellen .quellen-liste li:target { background: var(--kachel-hervorgehoben); }
.chakra-quellen .quellen-liste a { color: var(--textlink-farbe); }
:is(.chakren-seite, .entwicklung-seite, .interview-seite, .namaste-seite, .osho-seite) .artikel-empfehlung .textlink { margin-top: auto; }

/* ---------- Tablet 761–1020px ---------- */
@media (max-width: 1020px) {
  .chakra-leseweg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chakra-spalten { grid-template-columns: minmax(0, 1fr) minmax(240px, 290px); gap: 48px; }
  .chakra-spalten-gespiegelt { grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); }
  .chakra-spalten-kopf { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .chakra-zeitstrahl { --zeit: 140px; }
  .chakra-anatomie { grid-template-columns: 140px minmax(0, 1fr); }
  .chakra-schicht:nth-child(1) { width: 76%; }
  .chakra-schicht:nth-child(2) { width: 84%; }
  .chakra-schicht:nth-child(3) { width: 92%; }
}
@media (min-width: 761px) and (max-width: 1020px) {
  :is(.chakren-seite, .entwicklung-seite, .interview-seite, .namaste-seite, .osho-seite) .artikel-empfehlung:last-child { grid-column: 1 / -1; min-height: 0; }
  .chakra-faktencheck { grid-template-columns: 1fr; }
}

/* ---------- Handy bis 760px ---------- */
@media (max-width: 760px) {
  .chakra-einstieg,
  .chakra-spalten, .chakra-spalten-gespiegelt, .chakra-spalten-kopf,
  .chakra-zwischenspiel-raster, .chakra-anatomie,
  .chakra-sprache { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .chakra-spalten-gespiegelt > :first-child { order: 0; }
  .chakra-spalten-kopf > .chakra-kapitelkopf,
  .chakra-wortkarte, .chakra-glossar, .chakra-randkachel { position: relative; top: auto; }
  .chakra-spalten-kopf > .chakra-kapitelkopf { margin-bottom: -4px; }

  /* Zwischenspiel: Überschrift zuerst, dann Bild im Querformat */
  .chakra-zwischenspiel-text { order: 1; }
  .chakra-zwischenspiel-bild { order: 2; width: min(100%, 560px); aspect-ratio: 4 / 3; }
  .chakra-zwischenspiel-bild img { object-position: 50% 30%; }

  .chakra-zeitstrahl { --zeit: 0px; padding-left: 30px; }
  .chakra-zeitstrahl::before { left: 6px; }
  .chakra-station { grid-template-columns: 1fr; }
  .chakra-station-zeit { padding: 0 0 8px; text-align: left; }
  .chakra-station-zeit::after { left: -30px; right: auto; }
  .chakra-station-heute .chakra-station-zeit::after { left: -32px; }
  .chakra-station-inhalt { padding-left: 0; }

  .chakra-achse { display: none; }
  .chakra-faktencheck { grid-template-columns: 1fr; }

  .chakra-schicht, .chakra-schicht:nth-child(n) { width: 100%; grid-template-columns: 44px minmax(0, 1fr); padding: 18px 20px; }

  .chakra-vergleich { grid-template-columns: 1fr; gap: 12px; }
  .chakra-vergleich-pfeil { justify-self: center; transform: rotate(90deg); }

  .chakra-tabelle { padding: 18px 20px 10px; }
  .chakra-tabelle th { font-size: 18px; white-space: normal; }
}
@media (max-width: 500px) {
  .chakra-leseweg { grid-template-columns: 1fr; }
  .chakra-leseweg-teil { min-height: 0; }
  .chakra-zitatband::before { height: 34px; font-size: 84px; }
  /* Tabelle: Name über der Beschreibung */
  .chakra-tabelle, .chakra-tabelle tbody, .chakra-tabelle tr, .chakra-tabelle th, .chakra-tabelle td { display: block; }
  .chakra-tabelle caption { display: block; }
  .chakra-tabelle tr { padding: 11px 0; border-top: 1px solid var(--line); }
  .chakra-tabelle tr:first-child { border-top: 0; }
  .chakra-tabelle th, .chakra-tabelle td { padding: 0; border-top: 0; }
  .chakra-tabelle td { margin-top: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .chakra-rad { animation: none; }
  .lesefortschritt { display: none; }
}

/* ============================================================
   ENTSTEHUNGS-ARTIKEL („Wer hat’s erfunden?“)
   Nutzt die Artikel-Bausteine der Chakrenseite (.chakra-…) und
   ergänzt Steckbrief, Meilenstein, Bücherliste und Zwischenruf.
   ============================================================ */

/* Sechs Stationen: 3 → 2 → 1 Spalten */
.entwicklung-leseweg { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; }
.entwicklung-leseweg .chakra-leseweg-nummer { font-size: 44px; }
.entwicklung-leseweg .chakra-leseweg-kapitel { font-size: 14px; }

/* Steckbrief neben dem Porträttext */
.entwicklung-steckbrief {
  position: sticky; top: 120px; padding: 34px 30px 28px;
  border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium);
  box-shadow: 0 18px 45px rgba(72, 54, 19, .08);
}
.chakra-spalten-gespiegelt .entwicklung-steckbrief { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.entwicklung-steckbrief-jahr { margin: 0 0 14px; color: var(--cognac); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(56px, 5.4vw, 76px); line-height: .9; letter-spacing: -.02em; }
.entwicklung-steckbrief .ueberzeile { margin-bottom: 6px; }
.entwicklung-steckbrief-name { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(26px, 2.3vw, 32px); line-height: 1.12; }
.entwicklung-steckbrief-alias { margin: 6px 0 0; color: var(--ink-soft); font-family: "Cormorant Garamond", Georgia, serif; font-size: 19px; font-style: italic; line-height: 1.3; }
.entwicklung-steckbrief-daten { margin: 16px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
.entwicklung-steckbrief-beitrag { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--line); color: var(--ink); font-size: 15px; line-height: 1.6; }
.entwicklung-steckbrief-beitrag span { display: block; margin-bottom: 4px; color: var(--cognac-deep); font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }

/* Schattenseite (Osho) mit Abstand im Fließtext */
.chakra-text .entwicklung-schatten { margin: 40px 0 0; }

/* Zwischenruf */
.entwicklung-zwischenruf .chakra-zitatband { margin-bottom: 22px; }
.entwicklung-zwischenruf-text { max-width: 640px; margin: 0; color: var(--ink-soft); font-size: clamp(17px, 1.3vw, 19px); }
.entwicklung-zwischenruf-text strong { color: var(--ink); font-weight: 600; }

/* Meilenstein 1978 */
.entwicklung-meilenstein { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 26px; align-items: start; margin: 40px 0; padding: 28px 30px; border-radius: 0 var(--radius-medium) 0 var(--radius-medium); background: rgba(215, 167, 45, .16); }
.entwicklung-meilenstein-jahr { margin: 0; color: var(--cognac-deep); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(48px, 4.6vw, 64px); line-height: .9; }
.entwicklung-meilenstein .ueberzeile { margin-bottom: 8px; }
.entwicklung-meilenstein p:last-child { margin: 0; color: var(--ink); }

/* Bücher (Anand) */
.entwicklung-buecher { margin: 32px 0; padding: 0; list-style: none; }
.entwicklung-buecher li { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 18px; padding: 14px 0; border-top: 1px solid var(--line); color: var(--ink); }
.entwicklung-buecher li:last-child { border-bottom: 1px solid var(--line); }
.entwicklung-buecher-jahr { color: var(--cognac-deep); font-family: "Cormorant Garamond", Georgia, serif; font-size: 28px; line-height: 1.1; }

/* Zwei Begriffe in der Wortkarte untereinander */
.entwicklung-seite .chakra-wortbedeutung + .chakra-wort { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }
.entwicklung-seite .chakra-wortbedeutung:last-child { margin-bottom: 0; }

@media (max-width: 1020px) {
  .entwicklung-leseweg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .entwicklung-steckbrief { position: relative; top: auto; }
  /* Handy: Überzeile → Name → Einleitung → Steckbrief → restlicher Text (ohne HTML-Umbau) */
  .chakra-spalten:has(> .entwicklung-steckbrief) { display: flex; flex-direction: column; gap: 0; }
  .chakra-spalten:has(> .entwicklung-steckbrief) > .chakra-text { display: contents; }
  .chakra-spalten:has(> .entwicklung-steckbrief) > .chakra-text > * { order: 3; }
  .chakra-spalten:has(> .entwicklung-steckbrief) > .chakra-text > :is(.ueberzeile, h2, .chakra-lead) { order: 1; }
  .chakra-spalten > .entwicklung-steckbrief { order: 2; margin: 6px 0 32px; }
  .entwicklung-steckbrief { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; padding: 24px 22px; }
  .entwicklung-steckbrief > * { grid-column: 2; }
  .entwicklung-steckbrief-jahr { grid-column: 1; grid-row: 1 / span 4; margin: 0; font-size: 44px; }
  .entwicklung-steckbrief-beitrag { grid-column: 1 / -1; }
  .entwicklung-meilenstein { grid-template-columns: 1fr; gap: 10px; padding: 24px 22px; }
}
@media (max-width: 500px) {
  .entwicklung-leseweg { grid-template-columns: 1fr; }
  .entwicklung-buecher li { grid-template-columns: 1fr; gap: 2px; }
}

/* ============================================================
   INTERVIEW-ARTIKEL („Meine erste Tantra-Massage“)
   Nutzt die Artikel-Bausteine (.chakra-…) und ergänzt Gesprächs-
   verlauf (Frage/Antwort mit Sprecher-Spalte), Personenkarte,
   Fragenliste, Rat und Dank.
   ============================================================ */

/* Personenkarte im Einstieg */
.interview-person { padding: 34px 30px 26px; border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium); box-shadow: 0 18px 45px rgba(72, 54, 19, .08); }
.interview-person-kuerzel { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 0 20px; border-radius: 50%; background: var(--element-farbe); color: var(--element-text); font-family: "Cormorant Garamond", Georgia, serif; font-size: 40px; line-height: 1; }
.interview-person .ueberzeile { margin-bottom: 4px; }
.interview-person-name { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(48px, 4.6vw, 62px); line-height: 1; }
.interview-person-hinweis { margin: 8px 0 18px; color: var(--ink-soft); font-size: 12px; font-style: italic; }
.interview-person-fakten { margin: 0; padding: 0; list-style: none; }
.interview-person-fakten li { padding: 10px 0; border-top: 1px solid var(--line); color: var(--ink); font-size: 15px; line-height: 1.5; }

/* Gesprächsverlauf: Sprecher links, Inhalt rechts */
.interview-verlauf { max-width: 1000px; }
.interview-frage, .interview-antwort { display: grid; grid-template-columns: 130px minmax(0, 1fr); column-gap: clamp(28px, 4vw, 56px); }
.interview-frage > *:not(.interview-sprecher), .interview-antwort > *:not(.interview-sprecher) { grid-column: 2; }
.interview-sprecher { grid-column: 1; grid-row: 1 / span 20; align-self: start; display: flex; align-items: center; gap: 10px; margin: 6px 0 0; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.interview-sprecher::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; }
.interview-frage .interview-sprecher { color: var(--ink-soft); }
.interview-frage .interview-sprecher::before { border: 1px solid var(--ink-soft); }
.interview-antwort .interview-sprecher { position: sticky; top: 120px; color: var(--cognac-deep); }
.interview-antwort .interview-sprecher::before { background: var(--element-farbe); }

.interview-frage { margin-top: clamp(64px, 7vw, 88px); }
.interview-verlauf > .interview-frage:first-child { margin-top: 0; }
.interview-frage h3 { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(25px, 2.2vw, 31px); font-style: italic; font-weight: 400; line-height: 1.3; }
.interview-antwort { margin-top: 30px; }
.interview-antwort > p:not(.interview-sprecher) { max-width: var(--text); }
.interview-antwort > p:last-child { margin-bottom: 0; }

/* Zitat zwischen zwei Fragen */
.interview-zitat { margin: clamp(56px, 7vw, 80px) 0 0 calc(130px + clamp(28px, 4vw, 56px)); padding-left: clamp(22px, 3vw, 36px); border-left: 2px solid var(--element-farbe); }
.interview-zitat p { margin: 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.15; text-wrap: balance; }

/* Fragenliste vor dem ersten Termin */
.interview-fragenliste { max-width: var(--text); margin: 8px 0 28px; padding: 0; list-style: none; }
.interview-fragenliste li { padding: 10px 0; border-top: 1px solid var(--line); color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(20px, 1.7vw, 23px); font-style: italic; line-height: 1.3; }
.interview-fragenliste li:last-child { border-bottom: 1px solid var(--line); }

/* Rat, Dank, Zitatband-Autor */
.interview-rat { margin: 0 0 24px; padding-left: 22px; border-left: 2px solid var(--element-farbe); color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(25px, 2.3vw, 32px); font-style: italic; line-height: 1.3; }
.interview-dank { max-width: 780px; margin: 18px auto 0; color: var(--ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(23px, 2vw, 29px); font-style: italic; line-height: 1.4; }
.interview-zurueck { margin: 32px 0 0; }
.interview-zitatband { margin-bottom: 0; }
.interview-zitatband footer { margin-top: 22px; color: var(--ink-soft); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
:is(.interview-seite, .osho-seite) .chakra-kapitelkopf { margin-bottom: clamp(44px, 5vw, 64px); }

@media (max-width: 760px) {
  .interview-frage, .interview-antwort { grid-template-columns: minmax(0, 1fr); }
  .interview-frage > *, .interview-antwort > * { grid-column: 1 !important; }
  .interview-sprecher { grid-row: auto; position: static !important; margin: 0 0 12px; }
  .interview-frage { margin-top: 56px; }
  .interview-antwort { margin-top: 24px; }
  .interview-zitat { margin: 48px 0 0; }
  .interview-person { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; padding: 26px 22px 20px; }
  .interview-person > * { grid-column: 2; }
  .interview-person-kuerzel { grid-column: 1; grid-row: 1 / span 3; width: 60px; height: 60px; margin: 0; font-size: 34px; }
  .interview-person-fakten { grid-column: 1 / -1; margin-top: 4px; }
}

/* ============================================================
   NAMASTÉ-ARTIKEL
   Artikel-Bausteine (.chakra-…) plus Händesymbol, Gleichheits-
   Vergleich und drei Fundament-Kacheln ohne Link.
   ============================================================ */
.artikel-fragenliste { margin: 0 0 32px; }
.namaste-haende { width: 92px; height: 92px; margin-bottom: 18px; fill: none; stroke: var(--textlink-farbe); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.chakra-wortkarte .rahmen-liste { margin-top: 0; }
.namaste-gleich .chakra-vergleich-seite:last-child { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.namaste-gleich .chakra-vergleich-pfeil { font-size: 56px; }
.namaste-fundament { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; }
.namaste-fundament .chakra-leseweg-teil:hover { transform: none; box-shadow: 0 18px 42px rgba(111, 68, 45, .07); }
.namaste-fundament .chakra-leseweg-teil strong { margin-top: auto; }
.namaste-glossar-text { margin: 0 0 16px; color: var(--ink-soft); font-size: 15px; line-height: 1.6; }
@media (max-width: 760px) {
  .namaste-gleich .chakra-vergleich-pfeil { transform: none; }
}
@media (max-width: 500px) {
  .namaste-fundament { grid-template-columns: 1fr; }
}

/* ============================================================
   OSHO-ARTIKEL (Interview)
   Nutzt Interview- und Artikel-Bausteine; ergänzt nur Abstände
   für den Vergleich „Narrativ ↔ verschwiegen“ mitten im Gespräch.
   ============================================================ */
.osho-narrativ { margin: clamp(56px, 7vw, 80px) 0; }
.osho-narrativ .chakra-vergleich-seite:last-child { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.interview-antwort.osho-fortsetzung { margin-top: 0; }
.chakra-sprache + .interview-verlauf { margin-top: clamp(40px, 5vw, 56px); }
.interview-verlauf + .chakra-sprache { margin-top: clamp(48px, 6vw, 72px); }

/* ============================================================
   RECHTSSEITEN (Datenschutz, Impressum) – kompaktes Text-Intro
   Kein Bild, daher keine volle Bildschirmhöhe. Oval bleibt links
   (60px sichtbar) mit mind. 28px Abstand zum Text; bis 800px aus.
   ============================================================ */
:is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_) { --oval-sichtbar: 60px; --oval-abstand: 28px; min-height: 0; }
:is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_)::before { top: 50%; left: calc(var(--oval-sichtbar) - 172px); height: 240px; transform: translateY(-50%); }
:is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_) .intro-innenbereich {
  min-height: 0;
  padding-top: calc(var(--header-hoehe, 95px) + clamp(48px, 6vw, 88px));
  padding-bottom: clamp(48px, 6vw, 88px);
  /* Text rückt nur so weit ein, wie das Oval es verlangt */
  padding-left: max(0px, calc(var(--oval-sichtbar) + var(--oval-abstand) - (100% - min(var(--content), 100% - 40px)) / 2));
}
:is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_) .intro-textbereich { width: auto; max-width: 760px; padding: 0; }
:is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_) h1 { font-size: clamp(36px, 11.5vw, 72px); }
:is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_) .intro-einleitung { margin-bottom: 0; }
@media (max-width: 800px) {
  :is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_)::before { display: none; }
  :is(body.datenschutzseite, body.impressumsseite) .seiten-intro:not(#_) .intro-innenbereich { padding-left: 0; padding-top: calc(var(--header-hoehe, 95px) + 40px); padding-bottom: 48px; }
}
/* Inhaltsverzeichnis auf dem Handy etwas kompakter */
@media (max-width: 760px) {
  .datenschutz-inhaltsverzeichnis { padding: 24px 22px 12px; }
  .datenschutz-text h2 { font-size: clamp(30px, 8vw, 40px); }
}

/* ============================================================
   STIMMEN – responsive Ergänzungen
   Gespiegelte Abschnitte verhalten sich wie die Startseite:
   ab 761px zweispaltig, bis 760px einspaltig mit Bild im Querformat.
   ============================================================ */
@media (min-width: 761px) and (max-width: 900px) {
  .gaststimme-grid-gespiegelt { grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); }
  .gaststimme-grid-gespiegelt .gaststimme-textbereich { order: 2; }
  .gaststimme-grid-gespiegelt .gaststimme-bild { order: 1; }
}
@media (min-width: 761px) and (max-width: 1020px) {
  .ablauf-grid-gespiegelt { grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); }
}
@media (max-width: 760px) {
  .ablauf-grid-gespiegelt { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================
   STIMMEN – Bildausschnitte und KI-Zeichen
   Mann im Intro immer sichtbar (wie Blog), Hemd immer ganz im
   Bild, unten rechts keine Rundung, damit das KI-Zeichen bleibt.
   ============================================================ */
.stimmen-seite .seiten-intro .intro-bild img.stimmen-hero { object-position: 70% 15% !important; }
@media (max-width: 1020px) {
  .stimmen-seite .seiten-intro .intro-bild img.stimmen-hero { object-position: 85% 15% !important; }
}
@media (max-width: 800px) {
  .stimmen-seite .seiten-intro .intro-bild img.stimmen-hero { object-position: 66% 15% !important; }
}
@media (max-width: 500px) {
  .stimmen-seite .seiten-intro .intro-bild img.stimmen-hero { object-position: 68% 15% !important; }
  .stimmen-seite .seiten-intro:not(#_) .intro-bild::before {
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .96) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .88) 34%,
      rgba(var(--intro-weichzeichner, 255,250,240), .55) 52%, rgba(var(--intro-weichzeichner, 255,250,240), .15) 68%,
      rgba(var(--intro-weichzeichner, 255,250,240), 0) 80%);
  }
}
.stimmen-ablauf .ablauf-bildgestaltung { border-radius: var(--radius-large) 0 0 var(--radius-large); }
.gaststimme-grid-gespiegelt .gaststimme-bild { border-radius: 0 var(--radius-medium) 0 var(--radius-medium); }
.ablauf-grid-gespiegelt.stimmen-ablauf .ablauf-bildgestaltung img { object-position: 90% 50%; }
@media (max-width: 760px) {
  .ablauf-grid-gespiegelt.stimmen-ablauf .ablauf-bildgestaltung { aspect-ratio: 4 / 5; width: min(100%, 440px); }
  .ablauf-grid-gespiegelt.stimmen-ablauf .ablauf-bildgestaltung img { object-position: 90% 45%; }
}
/* Stimmen bis 760px: Bild erst nach der ersten Stimme, damit nach dem
   Intro (bzw. nach einem Bildabschnitt) nicht zwei Bilder aufeinanderfolgen */
@media (max-width: 760px) {
  .stimmen-ablauf .ablauf-textbereich-artikel { order: 3; }
  .stimmen-ablauf .ablauf-textbereich-artikel:first-child { order: 1; }
  .stimmen-ablauf .ablauf-bildgestaltung { order: 2; margin: 8px 0 36px; }
}
/* Stimmen: kein Zusatzabstand vor der ersten und nach der letzten Stimme,
   damit oben und unten derselbe Abstand wie bei den übrigen Abschnitten gilt */
.stimmen-ablauf .ablauf-textbereich-artikel:first-child { padding-top: 0; }
.stimmen-ablauf .ablauf-textbereich-artikel:last-child { padding-bottom: 0; }

/* ============================================================
   FAQ – Intro-Motiv und Suchfeld
   Mann immer ganz bzw. mit Gesicht rechts neben dem Text sichtbar.
   ============================================================ */
.faq-seite .seiten-intro .intro-bild img { object-position: 80% 0 !important; }
@media (max-width: 420px) {
  .faq-seite .seiten-intro .intro-bild img { object-position: 70% 0 !important; }
}
/* Suchfeld: nur der eigene „Suche löschen“-Knopf, in einer Zeile */
.faq-suchfeld input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
@media (max-width: 600px) {
  .faq-suchfeld { grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; padding: 0 14px; }
  .faq-suche-loeschen { grid-column: auto; justify-self: end; margin: 0; font-size: 11px; white-space: nowrap; }
  .faq-suchfeld input { font-size: 16px; }
}

/* ============================================================
   FAQ – Suche, Themen und Fragen (Überarbeitung)
   - Suchfeld hell und prominent, die Kachel darum zurückhaltend
   - Themen als Kacheln mit Nummer und Anzahl der Fragen
   - Fragen in der Grundschrift, damit die Liste leichter wirkt
   - Kapitelüberschrift bleibt ab 901px beim Scrollen stehen
   ============================================================ */
.faq-suche { background: rgba(255, 255, 255, .28); box-shadow: none; }
.faq-suchfeld { min-height: 66px; border-color: rgba(116, 83, 13, .28); background: #fff; box-shadow: 0 12px 30px rgba(111, 68, 45, .10); }
.faq-suchfeld:focus-within { background: #fff; }

.faq-themen { margin-top: 44px; }
.faq-themen-label { margin-bottom: 16px; }
.faq-themen-navigation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; max-width: none; margin: 0; }
.faq-themen-navigation a {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px;
  padding: 18px 20px; border: 1px solid var(--line); border-radius: 0 var(--radius-medium) 0 var(--radius-medium);
  background: var(--kachel-hintergrund); box-shadow: 0 14px 34px rgba(111, 68, 45, .08);
  color: var(--ink); font-size: 16px; line-height: 1.3;
  transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease;
}
.faq-themen-navigation a:nth-child(even) { border-radius: var(--radius-medium) 0 var(--radius-medium) 0; }
.faq-themen-navigation a:hover, .faq-themen-navigation a:focus-visible { transform: translateY(-3px); border-color: var(--line); background: #fff; color: var(--ink); box-shadow: 0 20px 40px rgba(111, 68, 45, .13); }
.faq-thema-nr { color: var(--cognac); font-family: "Cormorant Garamond", Georgia, serif; font-size: 30px; line-height: 1; }
.faq-thema-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.faq-thema-titel { font-weight: 500; }
.faq-thema-anzahl { color: var(--ink-soft); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.faq-thema-pfeil { color: var(--textlink-farbe); font-size: 18px; transition: transform 200ms ease; }
.faq-themen-navigation a:hover .faq-thema-pfeil { transform: translateY(3px); }

.faq-frage { font-family: "Manrope", system-ui, sans-serif; font-size: clamp(16px, 1.2vw, 18px); font-weight: 500; line-height: 1.45; padding-top: 20px; padding-bottom: 20px; }
.faq-eintrag[open] .faq-frage { color: var(--cognac-deep); }
.faq-antwort { font-size: 15.5px; line-height: 1.75; }

@media (min-width: 901px) {
  .faq-themenbereich .faq-themenkopf { position: sticky; top: 120px; }
}
@media (max-width: 1020px) {
  .faq-themen-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 500px) {
  .faq-themen-navigation { grid-template-columns: 1fr; gap: 10px; }
  .faq-themen-navigation a { padding: 14px 18px; gap: 14px; }
  .faq-thema-nr { font-size: 26px; }
}

/* ============================================================
   GOOGLE-REZENSION – Überarbeitung
   - Intro: Textregeln wie Blog/Angebot, Mann bleibt rechts sichtbar
   - „Du bestimmst …“: Text links, Hinweis-Kachel rechts, oben bündig
   - „Danach“ bis 760px: Überschrift → Bild → Text → Buttons
   - KI-Zeichen unten rechts sichtbar (keine Rundung an dieser Ecke)
   ============================================================ */
.rezensionsseite .seiten-intro .intro-bild img { object-position: 62% 30%; }
.rezensionsseite .rezension-einstieg { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); gap: clamp(48px, 7vw, 104px); align-items: start; }
.rezensionsseite .rezension-einstieg .begruessung-text { display: block; }
.rezensionsseite .rezension-einstieg .section-einleitung { margin-bottom: 0; }
.rezensionsseite .rezension-abschluss .ablauf-bildgestaltung { border-radius: var(--radius-large) 0 0 var(--radius-large); }
@media (max-width: 800px) {
  .rezensionsseite .seiten-intro .intro-text { margin: 18px 0 0; max-width: 21em; font-size: 15px; line-height: 1.6; }
  .rezensionsseite .seiten-intro .intro-bild img { object-position: 72% 30%; }
}
@media (max-width: 760px) {
  .rezensionsseite .rezension-einstieg { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .rezensionsseite .rezension-abschluss .ablauf-textbereich > * { order: 3; }
  .rezensionsseite .rezension-abschluss .ablauf-textbereich > :is(.ueberzeile, h2) { order: 0; }
  .rezensionsseite .rezension-abschluss .ablauf-bildgestaltung { order: 1; margin: 8px 0 32px; }
  .rezensionsseite .rezension-abschluss .ablauf-bildgestaltung img { object-position: 60% 40%; }
}
@media (max-width: 500px) {
  .rezensionsseite .seiten-intro:not(#_) .intro-bild img { object-position: 80% 30%; }
  .rezensionsseite .seiten-intro:not(#_) .intro-bild::before {
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .97) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .93) 45%,
      rgba(var(--intro-weichzeichner, 255,250,240), .75) 62%, rgba(var(--intro-weichzeichner, 255,250,240), .3) 80%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 94%);
  }
  .rezensionsseite .seiten-intro:not(#_) h1 { max-width: 7.5em; }
}

/* ============================================================
   TERMINSEITE – Intro in den gemeinsamen Regeln, Motiv so, dass
   der Mann (Kopf, Hand, Schuh) rechts neben dem Text sichtbar ist.
   Kontakt wie überall in Salbei (Sonderfarben entfernt).
   ============================================================ */
.terminseite .seiten-intro .intro-bild img.termin-hero { object-position: 80% 0 !important; }
@media (max-width: 500px) {
  .terminseite .seiten-intro .intro-bild img.termin-hero { object-position: 63% 0 !important; }
  .terminseite .seiten-intro:not(#_) .intro-bild::before {
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 250,246,238), .95) 0%, rgba(var(--intro-weichzeichner, 250,246,238), .85) 36%,
      rgba(var(--intro-weichzeichner, 250,246,238), .45) 52%, rgba(var(--intro-weichzeichner, 250,246,238), .1) 66%, rgba(var(--intro-weichzeichner, 250,246,238), 0) 78%);
  }
}

/* ============================================================
   TERMINSEITE – Kalender-Kachel, wenn Text und Kalender
   untereinander stehen (bis 1050px): Eckdaten als kompaktes
   Raster statt einer langen, weit gespreizten Liste; weniger
   Luft zwischen Text und Kalender.
   ============================================================ */
@media (max-width: 1050px) {
  .termin-kalender-textbereich { padding-bottom: 20px; }
  .termin-kalender-textbereich h2 { margin-bottom: 24px; }
  .termin-daten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; border-top: 1px solid var(--line); }
  .termin-daten > div { display: block; padding: 16px 0; border-top: 0; border-bottom: 1px solid var(--line); }
  .termin-daten dt { margin-bottom: 6px; }
  .termin-fussnote { margin-top: 20px; }
}
@media (max-width: 760px) {
  .termin-daten { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
  .termin-daten > div { padding: 14px 0; }
}
@media (max-width: 380px) {
  .termin-daten { grid-template-columns: 1fr; }
}

/* ============================================================
   ÜBER MICH – responsive Ergänzungen
   - Intro in den gemeinsamen Regeln (.ueber-mich-seite)
   - bis 760px: Überzeile + Überschrift + Einleitung → Bild (4:3)
     → restlicher Text („Mein Weg“ und „Was ich mitbringe“)
   - „Ich arbeite ausschließlich mit Männern“: Überschrift oben
   - Leitgedanke bis 900px zwischen Einleitung und Langtext
   ============================================================ */
.ueber-mich-weg-bild, .ueber-mich-profil-bild { background: var(--kachel-hintergrund); }
.ueber-mich-weg-bild img, .ueber-mich-profil-bild img { object-position: 50% 30%; }
@media (max-width: 900px) {
  .ueber-mich-langtext-grid { gap: 48px; }
  .ueber-mich-leitgedanke { order: -1; }
}
@media (max-width: 760px) {
  .ueber-mich-weg-grid, .ueber-mich-profil-grid { row-gap: 0; }
  .ueber-mich-weg-text, .ueber-mich-profil-text { display: contents; }
  .ueber-mich-weg-text > *, .ueber-mich-profil-text > * { order: 3; }
  .ueber-mich-weg-text > :is(.ueberzeile, h2, .section-einleitung),
  .ueber-mich-profil-text > :is(.ueberzeile, h2, .section-einleitung) { order: 1; }
  .ueber-mich-weg-bild, .ueber-mich-profil-bild { order: 2; width: min(100%, 560px); aspect-ratio: 4 / 3; margin: 0 0 36px; }
  .ueber-mich-weg-text .section-einleitung, .ueber-mich-profil-text .section-einleitung { margin-bottom: 32px; }
  .ueber-mich-seite .inhaltsaufteilung-gespiegelt { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .ueber-mich-seite .inhaltsaufteilung-gespiegelt > :last-child { order: -1; }
  .ueber-mich-seite .inhaltsaufteilung-gespiegelt h2 { margin-bottom: 0; }
}

/* Über mich – „Aus Verletzlichkeit …“: Überschrift und Langtext bilden
   eine Einheit; die Leitgedanke-Kachel beginnt neben der Überschrift
   und läuft von dort beim Scrollen mit (ab 901px). */
@media (min-width: 901px) {
  .ueber-mich-lebensweg .section-innenbereich {
    display: grid;
    grid-template-columns: minmax(0, var(--text)) minmax(270px, 340px);
    justify-content: space-between;
    column-gap: clamp(56px, 8vw, 112px);
    align-items: start;
  }
  .ueber-mich-lebensweg .ueber-mich-kopfbereich { grid-column: 1; grid-row: 1; margin-bottom: 48px; }
  .ueber-mich-lebensweg .ueber-mich-langtext-grid { display: contents; }
  .ueber-mich-lebensweg .ueber-mich-langtext-grid > article { grid-column: 1; grid-row: 2; }
  .ueber-mich-lebensweg .ueber-mich-leitgedanke { grid-column: 2; grid-row: 1 / span 2; margin-top: 8px; }
  .ueber-mich-lebensweg .inhaltsabschnitt:first-child h3 { margin-top: 0; }
}
@media (max-width: 900px) {
  .ueber-mich-lebensweg .ueber-mich-kopfbereich { margin-bottom: 40px; }
}

/* ============================================================
   WARUM NUR MÄNNER – Intro in den gemeinsamen Regeln; bis 500px
   Motiv so gesetzt, dass der Mann rechts neben dem Text steht.
   Kontakt als Standard-Formular (Salbei).
   ============================================================ */
@media (max-width: 500px) {
  :is(.warum-seite, .maenner-seite) .seiten-intro:not(#_) .intro-bild img { object-position: 58% 20%; }
  :is(.warum-seite, .maenner-seite) .seiten-intro:not(#_) .intro-bild::before {
    background: linear-gradient(90deg,
      rgba(var(--intro-weichzeichner, 255,250,240), .95) 0%, rgba(var(--intro-weichzeichner, 255,250,240), .85) 38%,
      rgba(var(--intro-weichzeichner, 255,250,240), .45) 55%, rgba(var(--intro-weichzeichner, 255,250,240), .1) 70%, rgba(var(--intro-weichzeichner, 255,250,240), 0) 82%);
  }
}

/* ============================================================
   WARUM NUR MÄNNER (neu, Body-Klasse .maenner-seite)
   Aufbau mit den Artikel-Bausteinen (.chakra-…). Die alten
   .warum-…-Regeln weiter oben werden nicht mehr genutzt.
   ============================================================ */
.maenner-seite .seiten-intro .intro-bild img { object-position: center center; }
.maenner-zitat .chakra-zitatband { margin: 0 auto; text-align: center; }
.maenner-zitat .chakra-zitatband::before { margin: 0 auto; }
.maenner-seite .chakra-zitatband p em { color: var(--cognac-deep); }
.maenner-themen { max-width: 900px; margin: 0; padding: 0; list-style: none; }
.maenner-thema { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 0 32px; padding: clamp(36px, 5vw, 56px) 0; border-top: 1px solid var(--line); }
.maenner-thema:first-child { padding-top: 0; border-top: 0; }
.maenner-thema:last-child { padding-bottom: 0; }
.maenner-thema-nr { color: var(--cognac); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(38px, 3.4vw, 52px); line-height: 1; }
.maenner-thema-text h3 { margin: 4px 0 16px; }
.maenner-thema-text > p:last-child { margin-bottom: 0; }
.maenner-thema-text .chakra-randnotiz { margin-top: 24px; }
@media (max-width: 760px) {
  .maenner-thema { grid-template-columns: 1fr; }
  .maenner-thema-nr { margin-bottom: 10px; font-size: 34px; }
}

/* ============================================================
   FARBWELTEN (Entwurf B, 29.09.) – eine Grundfarbe je Seite
   Klasse .farbwelt-NAME auf der Section = Stufe „satt“,
   zusätzlich .stufe-hell oder .stufe-heller für die Abstufungen.
   Kontakt bleibt immer .farbschema-salbei, Footer unverändert.
   Test zuerst auf Startseite und Ausbildung.
   ============================================================ */
.farbwelt-gold {
  --section-aufhellung: rgba(255, 253, 247, 0.72);
  --section-hintergrund: #f6e5c6;
  --kachel-hintergrund: #fef9f1;
  --kachel-hervorgehoben: #f2dcb0;
  --element-farbe: #d9a526;
  --element-hover: #6f4e3b;
  --element-text: #241f1a;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(217, 165, 38, 0.20);
  --element-fokus: rgba(217, 165, 38, 0.40);
  --deko-farbe: rgba(217, 165, 38, 0.84);
  --secondary-text: #46382e;
  --secondary-hintergrund: rgba(255, 252, 247, 0.5);
  --secondary-border: rgba(70, 56, 46, 0.55);
  --textlink-farbe: #74530d;
  --textlink-hover: #bd8b18;
  --textlink-fokus: rgba(116, 83, 13, 0.32);
}
.farbwelt-gold.stufe-hell { --section-hintergrund: #f9edd7; --kachel-hintergrund: #fefaf3; }
.farbwelt-gold.stufe-heller { --section-hintergrund: #fcf5e8; --section-aufhellung: rgba(255, 253, 247, 0.5); --kachel-hintergrund: #fffdf9; }
.farbwelt-kupfer {
  --section-aufhellung: rgba(255, 253, 247, 0.72);
  --section-hintergrund: #f1d6c8;
  --kachel-hintergrund: #fdf7f1;
  --kachel-hervorgehoben: #e3c2b4;
  --element-farbe: #8a4a36;
  --element-hover: #302a23;
  --element-text: #fffaf0;
  --element-hover-text: #fffaf0;
  --element-schatten: rgba(138, 74, 54, 0.20);
  --element-fokus: rgba(138, 74, 54, 0.40);
  --deko-farbe: rgba(138, 74, 54, 0.84);
  --secondary-text: #7a4130;
  --secondary-hintergrund: rgba(255, 252, 247, 0.5);
  --secondary-border: rgba(122, 65, 48, 0.55);
  --textlink-farbe: #7a4130;
  --textlink-hover: #302a23;
  --textlink-fokus: rgba(122, 65, 48, 0.32);
}
.farbwelt-kupfer.stufe-hell { --section-hintergrund: #f6e3d8; --kachel-hintergrund: #fef9f3; }
.farbwelt-kupfer.stufe-heller { --section-hintergrund: #fbf1e9; --section-aufhellung: rgba(255, 253, 247, 0.5); --kachel-hintergrund: #fffdf9; }
.farbwelt-cognac {
  --section-aufhellung: rgba(255, 253, 247, 0.72);
  --section-hintergrund: #e9d5bb;
  --kachel-hintergrund: #fcf7f0;
  --kachel-hervorgehoben: #d5bfa6;
  --element-farbe: #5c3a24;
  --element-hover: #302a23;
  --element-text: #fffaf2;
  --element-hover-text: #fffaf2;
  --element-schatten: rgba(92, 58, 36, 0.20);
  --element-fokus: rgba(92, 58, 36, 0.40);
  --deko-farbe: rgba(92, 58, 36, 0.84);
  --secondary-text: #5c3a24;
  --secondary-hintergrund: rgba(255, 252, 247, 0.5);
  --secondary-border: rgba(92, 58, 36, 0.55);
  --textlink-farbe: #5c3a24;
  --textlink-hover: #80543c;
  --textlink-fokus: rgba(92, 58, 36, 0.32);
}
.farbwelt-cognac.stufe-hell { --section-hintergrund: #f1e3d0; --kachel-hintergrund: #fdf9f2; }
.farbwelt-cognac.stufe-heller { --section-hintergrund: #f8f0e5; --section-aufhellung: rgba(255, 253, 247, 0.5); --kachel-hintergrund: #fffdf9; }
.farbwelt-salbei {
  --section-aufhellung: rgba(255, 253, 247, 0.72);
  --section-hintergrund: #e2e9e1;
  --kachel-hintergrund: #fcfaf4;
  --kachel-hervorgehoben: #ced9d0;
  --element-farbe: #567568;
  --element-hover: #486358;
  --element-text: #fffdf7;
  --element-hover-text: #fffdf7;
  --element-schatten: rgba(86, 117, 104, 0.20);
  --element-fokus: rgba(86, 117, 104, 0.40);
  --deko-farbe: rgba(86, 117, 104, 0.84);
  --secondary-text: #486358;
  --secondary-hintergrund: rgba(255, 252, 247, 0.5);
  --secondary-border: rgba(72, 99, 88, 0.55);
  --textlink-farbe: #486358;
  --textlink-hover: #324a40;
  --textlink-fokus: rgba(72, 99, 88, 0.32);
}
.farbwelt-salbei.stufe-hell { --section-hintergrund: #ecf0e9; --kachel-hintergrund: #fdfaf5; }
.farbwelt-salbei.stufe-heller { --section-hintergrund: #f6f6f0; --section-aufhellung: rgba(255, 253, 247, 0.5); --kachel-hintergrund: #fffdf9; }
.farbwelt-aubergine {
  --section-aufhellung: rgba(255, 253, 247, 0.72);
  --section-hintergrund: #ecdfe5;
  --kachel-hintergrund: #fdf9f5;
  --kachel-hervorgehoben: #dcccd4;
  --element-farbe: #795568;
  --element-hover: #513a46;
  --element-text: #fffaf7;
  --element-hover-text: #fffaf7;
  --element-schatten: rgba(121, 85, 104, 0.20);
  --element-fokus: rgba(121, 85, 104, 0.40);
  --deko-farbe: rgba(121, 85, 104, 0.84);
  --secondary-text: #674858;
  --secondary-hintergrund: rgba(255, 252, 247, 0.5);
  --secondary-border: rgba(103, 72, 88, 0.55);
  --textlink-farbe: #704d5e;
  --textlink-hover: #4c3440;
  --textlink-fokus: rgba(112, 77, 94, 0.32);
}
.farbwelt-aubergine.stufe-hell { --section-hintergrund: #f3e9eb; --kachel-hintergrund: #fdfaf6; }
.farbwelt-aubergine.stufe-heller { --section-hintergrund: #f9f3f2; --section-aufhellung: rgba(255, 253, 247, 0.5); --kachel-hintergrund: #fffdf9; }
/* Sand-Palette (Blog): alle Werte an einer Stelle */
.farbwelt-sand {
  --section-aufhellung: rgba(255, 253, 247, 0.72);
  --section-hintergrund: #eeeae2;
  --kachel-hintergrund: #fcf9f3;
  --kachel-hervorgehoben: #d4cfc6;
  --element-farbe: #6e645a;
  --element-hover: #4a423a;
  --element-text: #fffaf3;
  --element-hover-text: #fffaf3;
  --element-schatten: rgba(110, 100, 90, 0.20);
  --element-fokus: rgba(110, 100, 90, 0.40);
  --deko-farbe: rgba(110, 100, 90, 0.84);
  --secondary-text: #5f564d;
  --secondary-hintergrund: rgba(255, 252, 247, 0.5);
  --secondary-border: rgba(95, 86, 77, 0.55);
  --textlink-farbe: #5f564d;
  --textlink-hover: #3e3730;
  --textlink-fokus: rgba(95, 86, 77, 0.32);
  --intro-weichzeichner: 238, 234, 226;
  --ueberzeile-farbe: #786c5d;
}
.farbwelt-sand.stufe-hell { --section-hintergrund: #f2efe8; --kachel-hintergrund: #fdfaf4; }
.farbwelt-sand.stufe-heller { --section-hintergrund: #f7f4ed; --section-aufhellung: rgba(255, 253, 247, 0.5); --kachel-hintergrund: #fffdf9; }
.section-grundaufbau:is(.farbwelt-gold, .farbwelt-kupfer, .farbwelt-cognac, .farbwelt-salbei, .farbwelt-aubergine, .farbwelt-sand) {
  background: radial-gradient(circle at 12% 9%, var(--section-aufhellung), transparent 32%), var(--section-hintergrund);
}

/* ------------------------------------------------------------
   FARBWELTEN IM INTRO – Stufe „satt“
   Die Weichzeichner aller Intro-Regeln nutzen
   rgba(var(--intro-weichzeichner, 255, 250, 240), …).
   Ohne Farbwelt bleibt es beim bisherigen Creme.
   ------------------------------------------------------------ */
.farbwelt-gold { --intro-weichzeichner: 246, 229, 198; }
.farbwelt-kupfer { --intro-weichzeichner: 241, 214, 200; }
.farbwelt-cognac { --intro-weichzeichner: 233, 213, 187; }
.farbwelt-salbei { --intro-weichzeichner: 226, 233, 225; }
.farbwelt-aubergine { --intro-weichzeichner: 236, 223, 229; }
.seiten-intro:is(.farbwelt-gold, .farbwelt-kupfer, .farbwelt-cognac, .farbwelt-salbei, .farbwelt-aubergine, .farbwelt-sand):not(#_) { background: rgb(var(--intro-weichzeichner)); }
.seiten-intro:is(.farbwelt-gold, .farbwelt-kupfer, .farbwelt-cognac, .farbwelt-salbei, .farbwelt-aubergine, .farbwelt-sand):not(#_)::before { background: var(--deko-farbe); mix-blend-mode: multiply; }
.seiten-intro:is(.farbwelt-gold, .farbwelt-kupfer, .farbwelt-cognac, .farbwelt-salbei, .farbwelt-aubergine, .farbwelt-sand):not(#_) .intro-einleitung { color: var(--textlink-farbe); }

/* ------------------------------------------------------------
   FARBWELTEN – Überzeilen in der Farbe der Farbwelt
   Stufen: hell = 35 % Richtung #fffcf7, heller = 70 %
   ------------------------------------------------------------ */
.farbwelt-gold { --ueberzeile-farbe: var(--cognac); }
.farbwelt-kupfer { --ueberzeile-farbe: #a4583f; }
.farbwelt-cognac { --ueberzeile-farbe: #80543c; }
.farbwelt-salbei { --ueberzeile-farbe: #5b7a6d; }
.farbwelt-aubergine { --ueberzeile-farbe: #8a6278; }
:is(.farbwelt-gold, .farbwelt-kupfer, .farbwelt-cognac, .farbwelt-salbei, .farbwelt-aubergine, .farbwelt-sand) :is(.ueberzeile, .page-ueberzeile) { color: var(--ueberzeile-farbe); }
.seiten-intro.farbschema-salbei .ueberzeile { color: #5b7a6d; }

/* ============================================================
   CHAKREN-SERIE (29.09.) – fünf Teile + Übersicht (chakren.php)
   Navigation .chakra-serie baut auf .chakra-leseweg auf.
   ============================================================ */
.chakra-serie { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: clamp(40px, 5vw, 64px); }
.chakra-serie .chakra-leseweg-teil { padding: 24px 22px 22px; }
.chakra-serie .chakra-leseweg-nummer { font-size: 44px; color: var(--ueberzeile-farbe, var(--cognac)); }
.chakra-serie .chakra-leseweg-teil strong { font-size: clamp(21px, 1.7vw, 25px); }
.chakra-serie .chakra-leseweg-teil[aria-current="page"] { background: var(--kachel-hervorgehoben); box-shadow: none; transform: none; cursor: default; }
.chakra-serie-weiter { margin-top: clamp(36px, 4vw, 52px); }
@media (max-width: 1279px) {
  .chakra-serie { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1020px) {
  .chakra-serie { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chakra-serie .chakra-leseweg-teil:last-child { grid-column: 1 / -1; }
}
@media (max-width: 500px) {
  .chakra-serie { grid-template-columns: 1fr; }
}

/* ============================================================
   E-BOOK-SEITE (/e-book/)
   ============================================================ */
.ebookseite .ebook-punkte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(32px,4vw,48px);align-items:stretch}
.ebookseite .ebook-punkt{background:var(--kachel-hintergrund);border-radius:0 var(--radius-medium) 0 var(--radius-medium);padding:clamp(28px,3.5vw,42px);box-shadow:0 18px 42px rgba(111,68,45,.08)}
.ebookseite .ebook-punkt:nth-child(2){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.ebookseite .ebook-punkt h3{margin:0 0 14px}
.ebookseite .ebook-punkt>:last-child{margin-bottom:0}
.ebookseite .ebook-nummer{margin:0 0 16px;color:var(--textlink-farbe);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ebookseite .ebook-details{margin:18px 0 0;font-size:14px;opacity:.75}
.ebookseite .ebook-ohne-haken{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(48px,7vw,100px);align-items:center}
.ebookseite .ebook-ohne-haken-text .section-einleitung{max-width:620px;margin-bottom:22px}
.ebookseite .ebook-haltung{max-width:620px;margin:0 0 36px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(21px,1.8vw,25px);line-height:1.45;color:var(--ink);padding-left:22px;border-left:2px solid var(--textlink-farbe)}
.ebookseite .ebook-ohne-haken-text .ebook-details{max-width:560px}
.ebookseite .hinweis-kachel{margin:0}
@media(max-width:900px){.ebookseite .ebook-punkte{grid-template-columns:1fr}}
@media(max-width:760px){.ebookseite .ebook-ohne-haken{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.ebookseite .ebook-punkt{padding:28px 24px}.ebookseite .intro-buttons .button{width:100%}}

/* Telefonnummer im Fließtext (Kontaktkachel) */
.telefon-link{color:inherit;font-weight:600;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--textlink-farbe);text-underline-offset:3px}

/* Startseite – Haltung (Text + Leitgedanke) */
.haltung-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:clamp(48px,7vw,100px);align-items:start}
.haltung-text>*{max-width:680px}
.haltung-text .textlink{display:inline-block;margin-top:12px}
.haltung-grid .ueber-mich-leitgedanke{background:#fdf9f2}
.haltung-zitat blockquote::before{content:"“";display:block;margin-bottom:10px;color:var(--copper-deep);font-family:"Cormorant Garamond",Georgia,serif;font-size:72px;line-height:0.6}
.haltung-zitat cite{display:block;margin-top:22px;color:var(--cognac-deep);font-size:12px;font-style:normal;font-weight:600;letter-spacing:0.13em;text-transform:uppercase}
@media(max-width:900px){.haltung-grid{grid-template-columns:1fr;gap:0}.haltung-text{display:contents}.haltung-text>*{order:1}.haltung-text>p:last-of-type,.haltung-text>.textlink{order:3}.haltung-grid .ueber-mich-leitgedanke{position:relative;top:auto;order:2;margin:14px 0 36px}.haltung-text .textlink{justify-self:start}}

/* Mehrere Fließtext-Absätze im Einstieg (z. B. Warum nur Männer) */
.chakra-einstieg-text .fliesstext+.fliesstext{margin-top:1.1em}

/* Startseite – Themenwelten: Einleitung und Kacheltext über die volle Breite */
.haltungs-kachel .kachel-text{max-width:none}
@media(max-width:1020px){.themenwelten-kopfbereich{max-width:none}}

/* Farbabgleich Startseite: Zahlen im Ablauf, Themenwelten, Kontakt */
.ablauf-textbereich-artikel-nummer{color:var(--ueberzeile-farbe,var(--cognac))}
#themenwelten{--ueberzeile-farbe:var(--textlink-farbe)}
.kontakt-bereich .ueberzeile:not(#_){color:var(--textlink-farbe)}
.blog-kategorie{color:var(--ueberzeile-farbe,var(--cognac))}
/* Links in Kacheln: immer buendig mit dem Text. */
.kachel .textlink{margin-left:0}
/* Grosse Rundung auf dem Handy etwas kleiner */
@media(max-width:480px){:root{--radius-large:48px}}
/* Kontraste und Hover-Richtung vereinheitlicht: Ueberzeile heller als Link, Hover dunkler als Link */
.farbwelt-gold{--ueberzeile-farbe:#946b10;--textlink-hover:#574008}
.farbwelt-kupfer{--textlink-hover:#5a2e21}
.farbwelt-cognac{--textlink-hover:#3f2718}
.farbschema-creme,.farbschema-elfenbein,.farbschema-porzellan,.farbschema-puder,.farbschema-muschel,.gold{--textlink-hover:#574008}
.farbschema-cognac{--textlink-hover:#3f2718}
.farbschema-kupfer{--textlink-hover:#5a2e21}
:is(.farbschema-creme,.farbschema-elfenbein,.farbschema-porzellan,.farbschema-puder,.farbschema-muschel) :is(.ueberzeile,.page-ueberzeile):not(#_){color:#946b10}
/* Startseite ruhiger: keine Basis-Stufe in Sections, Erfahrungen und E-Book-Kachel angeglichen */
#angebot.farbwelt-kupfer{--section-hintergrund:#f6e3d8;--kachel-hintergrund:#fef9f3}
#erleben.farbwelt-cognac{--section-hintergrund:#f8f0e5;--kachel-hintergrund:#fffdf9}
.gaststimme-bereich.farbwelt-aubergine{--section-hintergrund:#f9f3f2;--kachel-hintergrund:#fffdf9}
#themenwelten.farbwelt-gold{--section-hintergrund:#f9edd7;--kachel-hintergrund:#fefaf3}
#blog.farbwelt-sand{--section-hintergrund:#f7f4ed;--kachel-hintergrund:#fffdf9}
.erfahrungs-kachel:first-child{background:#fffaf5}
.erfahrungs-kachel::before{color:#8a6278}
.erfahrungs-kachel cite{color:#704d5e}
.e-book-textbereich{background:#fdfaf4}
/* Kontaktbereich auf Salbei hell */
.kontakt-bereich.farbschema-salbei:not(#_){background-color:#ecf0e9}
/* TEST: Aubergine-Welt als Rosenholz */
.farbwelt-aubergine{--intro-weichzeichner:238, 225, 219;--ueberzeile-farbe:#8a655b;--textlink-farbe:#6c4a41;--textlink-hover:#4a322b;--textlink-fokus:rgba(108,74,65,.32);--deko-farbe:rgba(138,101,91,.84);--section-hintergrund:#eee1db;--kachel-hervorgehoben:#e8d7cf;--element-farbe:#7a5a51;--element-hover:#52392f;--element-schatten:rgba(122,90,81,.2);--element-fokus:rgba(122,90,81,.4);--secondary-text:#6c4a41;--secondary-border:rgba(108,74,65,.55)}
.farbwelt-aubergine.stufe-hell{--section-hintergrund:#f4e9e4;--kachel-hintergrund:#fdf9f6}
.farbwelt-aubergine.stufe-heller,.gaststimme-bereich.farbwelt-aubergine{--section-hintergrund:#faf4f0;--kachel-hintergrund:#fffdf9}
.erfahrungs-kachel::before{color:#8a655b}
.erfahrungs-kachel cite{color:#6c4a41}
/* Kontaktbereich: Oval wie im Seitenkopf (Farbe = Button, gleiche Form, auf Hoehe der Ueberschrift) */
.kontakt-bereich::before{top:66px;bottom:auto;left:-86px;width:172px;height:360px;border-radius:0 90px 90px 0;background:rgba(86,117,104,.84);mix-blend-mode:multiply}
/* Kontaktformular: Beschriftungen im Salbeigruen */
.kontakt-bereich .formularfeld label:not(#_){color:#486358}
/* Buttons: Hover = derselbe Farbton, nur dunkler */
:is(.farbschema-creme,.farbschema-elfenbein,.farbschema-porzellan,.farbschema-puder,.farbschema-muschel,.gold,.farbwelt-gold){--element-hover:#c0901f;--element-hover-text:#241f1a}
:is(.farbwelt-kupfer,.farbschema-kupfer){--element-hover:#6b3828}
:is(.farbwelt-cognac,.farbschema-cognac){--element-hover:#432a19}
/* Startseite Angebot: Bildhoehen ausgeglichen (rechts niedriger, links hoeher); Haltung eine Stufe dunkler */
@media (min-width:1021px){.angebot-index-angebotskachel:nth-child(2) img,.angebot-index-angebotskachel:nth-child(3) img{height:180px}.angebot-index-angebotskachel:first-child img{height:760px}}
#haltung.farbwelt-cognac{--section-hintergrund:#f1e3d0;--kachel-hintergrund:#fdf9f2}
/* Haltung-Zitat in Cognac; Tantra-Bild auf Tablet/Handy: Ausschnitt auf die Massage */
#haltung .haltung-zitat blockquote::before{color:#80543c}
#haltung .haltung-zitat cite{color:#5c3a24}
@media (max-width:1020px){.angebot-index-angebotskachel:first-child img:not(#_){object-position:60% 45%}}
/* Textlinks: beim Hover leicht groesser, dunkler, Pfeil rueckt nach rechts */
.textlink{transform-origin:left center;transition:color 200ms ease,gap 200ms ease,border-color 200ms ease,transform 200ms ease}
.textlink:hover,.textlink:focus-visible{transform:scale(1.04)}
.textlink:hover span,.textlink:focus-visible span{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.textlink:hover,.textlink:focus-visible{transform:none}}
/* Seitenkopf-Oval: ueberall gleich gross, Hoehe per Skript 53px ueber der Ueberzeile; Angebot: Introbild unter der Kopfleiste; Angebotskacheln hell */
@media (min-width:1021px){body .seiten-intro:not(#_):not(#__)::before{display:block;top:var(--oval-top,24%);left:-86px;width:172px;height:360px;border-radius:0 90px 90px 0;transform:none}}
@media (min-width:1021px){.angebotsseite .seiten-intro .intro-bild:not(#_){top:94px}}
.angebotsbereich :is(.hinweis-kachel,.rahmen-kachel):not(#_){background:var(--kachel-hintergrund)}
/* Menue-Schalter immer mit Kreis; kein Oval beim Gutschein; Angebot: helle Sections, Zwischenueberschriften dunkel */
html body .seitenkopf .menue-oeffnen-schliessen-schalter:not(#_){border:1px solid rgba(95,72,25,.28);border-radius:50%;background:rgba(255,250,240,.9)}
html body .seitenkopf .menue-oeffnen-schliessen-schalter:not(#_) span{width:18px;height:1.5px;margin:5px auto;border-radius:1px;background:var(--ink);box-shadow:none}
.gutschein-bereich::before{display:none!important}
.angebotsseite :is(.inhaltsabschnitt h3,.hinweis-kachel h3,.rahmen-kachel h3):not(#_){color:var(--ink)}
.angebotsseite .angebotsbereich.farbwelt-kupfer.stufe-hell{--section-hintergrund:#fbf1e9;--kachel-hintergrund:#fffdf9}
.angebotsseite .angebotsbereich + .angebotsbereich{border-top:1px solid rgba(169,79,52,.12)}
/* NEUE STUFEN: Seitenkopf = bisheriges hell, stufe-hell = neue Mitte zwischen hell und heller, stufe-heller unveraendert */
.farbwelt-gold{--intro-weichzeichner:249, 237, 215;--section-hintergrund:#f9edd7}
.farbwelt-gold.stufe-hell{--section-hintergrund:#faf1e0}
.farbwelt-kupfer{--intro-weichzeichner:246, 227, 216;--section-hintergrund:#f6e3d8}
.farbwelt-kupfer.stufe-hell{--section-hintergrund:#f8eae0}
.farbwelt-cognac{--intro-weichzeichner:241, 227, 208;--section-hintergrund:#f1e3d0}
.farbwelt-cognac.stufe-hell{--section-hintergrund:#f4eada}
.farbwelt-salbei{--intro-weichzeichner:236, 240, 233;--section-hintergrund:#ecf0e9}
.farbwelt-salbei.stufe-hell{--section-hintergrund:#f1f3ec}
.farbwelt-aubergine{--intro-weichzeichner:244, 233, 228;--section-hintergrund:#f4e9e4}
.farbwelt-aubergine.stufe-hell{--section-hintergrund:#f7eeea}
#angebot.farbwelt-kupfer{--section-hintergrund:#f8eae0}
#themenwelten.farbwelt-gold{--section-hintergrund:#faf1e0}
#haltung.farbwelt-cognac{--section-hintergrund:#f4eada}
.kontakt-bereich.farbschema-salbei:not(#_){background-color:#f1f3ec}
/* H1 im Seitenkopf: etwas mehr Zeilenabstand, damit sich Unter- und Oberlaengen nicht beruehren */
.seiten-intro h1:not(#_){line-height:1.06}

/* Angebotsseite: Text im Einstieg beginnt oben, bündig mit dem Bild */
@media(min-width:761px){.angebots-einstieg:not(#_){align-items:start}}

/* Textlink unter einem Wert in der "Auf einen Blick"-Kachel */
.rahmen-liste dd .textlink:not(#_){margin-top:4px}

/* Oval im Seitenkopf: auf allen Seiten an derselben Stelle wie auf der Startseite */
@media (min-width:1021px){html body .seiten-intro:not(#_):not(#__)::before{top:196px}}

/* Ausbildungsseite: Akzente (Zeitstrahl, Zitat) in der Farbwelt statt in Gold */
.ausbildungsseite .ausbildungsweg-zeitstrahl::before{background:var(--element-farbe,var(--cognac));opacity:.32}
.ausbildungsseite :is(.ausbildungsweg-schritt,.praxisphase)::before{background:var(--element-farbe,var(--cognac))}
.ausbildungsseite .ausbildungsweg-schritt-basis::before{background:var(--ink)}
.ausbildungsseite .gaststimme-zitat::before{color:var(--ueberzeile-farbe,var(--copper-deep))}
.ausbildungsseite .gaststimme-quelle cite{color:var(--textlink-farbe,var(--cognac-deep))}

/* Ausbildungsseite: Zitatkachel wie "Eine klare Haltung" auf der Startseite, in der Farbwelt */
.ausbildungsseite .ausbildung-haltung-grid .ueber-mich-leitgedanke{background:var(--kachel-hintergrund,#fdf9f2)}
.ausbildungsseite .haltung-zitat blockquote::before{color:var(--ueberzeile-farbe,var(--copper-deep))}
.ausbildungsseite .haltung-zitat cite{color:var(--textlink-farbe,var(--cognac-deep))}

/* Ausbildungsseite: Kopfbereiche so breit wie auf der Startseite (Einleitung max. 1050px) */
.ausbildung-kopfbereich:not(#_){max-width:none}

/* REGEL: Fließtext auf allen Seiten in der Textfarbe der Startseite (#625a50) */
html body :is(.seiten-intro .intro-text, .section-grundaufbau p:not([class]), .section-grundaufbau li):not(blockquote *):not(#_){color:var(--ink-soft)}

/* REGEL: Überschriften (h1-h3) auf allen Seiten in --ink */
html body :is(.seiten-intro,.section-grundaufbau) :is(h1,h2,h3):not(#_){color:var(--ink)}

/* REGEL: Abstand zwischen Einleitung (Kopfbereich einer Section) und dem Inhalt darunter
   ist auf allen Seiten gleich, wie auf der Startseite bei "Schau dich in Ruhe um." (52px) */
html body .section-grundaufbau :is([class*="kopfbereich"],.faq-suche-kopf):not(.themenwelten-kopfbereich):not(#_){margin-bottom:52px}
html body .section-grundaufbau :is([class*="kopfbereich"],.faq-suche-kopf) > :last-child:not(#_){margin-bottom:0}

/* Ausbildungsseite: Praxisphasen-Kacheln heben sich vom Hintergrund ab wie alle Kacheln */
.ausbildungsseite .praxisphase:not(#_){background:var(--kachel-hintergrund,#fdfaf5)}

/* Salbei-Seiten (Ausbildung, Ratenzahlung): alle Inhaltskacheln in der Farbe der Zitatkachel */
.farbwelt-salbei:not(#_){--kachel-hintergrund:#fdfaf5}
.ausbildungsseite :is(.rahmen-kachel,.praxisphase,.ratenzahlung-modell,.haltung-zitat):not(#_):not(#__){background:var(--kachel-hintergrund)}

/* REGEL: Einleitung und Text im Seitenkopf gleich breit (keine Treppe) - nur am Desktop;
   darunter gelten die an die Hintergrundbilder angepassten Breiten */
@media (min-width:1280px){html body:not(.rezensionsseite) .seiten-intro :is(.intro-einleitung,.intro-text):not(#_){max-width:640px}}

/* Blogseite: Bild im Seitenkopf oben ausrichten, damit der Kopf des Mannes ganz sichtbar ist */
.blogseite .seiten-intro .intro-bild img:not(#_){object-position:center top}
@media(min-width:1021px){.blogseite .seiten-intro .intro-bild:not(#_){top:94px}}

/* Blogseite, Seitenkopf: Mann bleibt auf Tablet sichtbar (keine Verschiebung nach rechts),
   auf dem Handy rutscht das Bild unter die Kopfleiste, damit der Kopf zu sehen ist */
@media (min-width:1021px) and (max-width:1279px){.blogseite .seiten-intro .intro-bild:not(#_){transform:none}}
@media (max-width:500px){.blogseite .seiten-intro .intro-bild:not(#_){top:var(--kopfleiste-hoehe,78px)}.blogseite .seiten-intro .intro-bild img:not(#_){object-position:70% top}}
/* Blog-Hero 801–1279px: Bild breiter als Rahmen, rechts verankert, damit das rechte Fenster nicht ins Bild kommt */
@media (min-width:801px) and (max-width:1279px){.blogseite .seiten-intro .intro-bild:not(#_){overflow:hidden}.blogseite .seiten-intro .intro-bild img:not(#_):not(#__){width:calc(100% + 215px);max-width:none;object-position:right top}}
/* Blog-Hero 501–1020px: Bild beginnt unter der Kopfleiste, damit der Kopf sichtbar ist */
@media (min-width:501px) and (max-width:1020px){.blogseite .seiten-intro .intro-bild:not(#_):not(#__){top:var(--kopfleiste-hoehe,78px)}}
@media (min-width:801px) and (max-width:1020px){.blogseite .seiten-intro .intro-bild img:not(#_):not(#__){width:calc(100% + 195px)}}
/* Blogseite 761–1020px: einzelne letzte Kachel über volle Breite, Bild links, Text rechts (wie auf der Startseite) */
@media (min-width:761px) and (max-width:1020px){.blogseite-gridsystem .blog-kachel:last-child:nth-child(odd):not(#_){grid-column:1/-1;flex-direction:row}.blogseite-gridsystem .blog-kachel:last-child:nth-child(odd) .blog-kachel-bild:not(#_){flex:0 0 50%;aspect-ratio:auto;min-height:300px}.blogseite-gridsystem .blog-kachel:last-child:nth-child(odd) .blog-kachel-textbereich:not(#_){justify-content:center}.blogseite-gridsystem .blog-kachel:last-child:nth-child(odd) .textlink:not(#_){margin-top:8px}}
/* Blogseite ab 1021px: letzte Kachel in der zweiten Reihe über zwei Spalten, Bild links, Text rechts */
@media (min-width:1021px){.blogseite-gridsystem .blog-kachel:last-child:nth-child(3n+2):not(#_){grid-column:span 8;flex-direction:row}.blogseite-gridsystem .blog-kachel:last-child:nth-child(3n+2) .blog-kachel-bild:not(#_){flex:0 0 50%;aspect-ratio:auto}.blogseite-gridsystem .blog-kachel:last-child:nth-child(3n+2) .blog-kachel-textbereich:not(#_){justify-content:center}.blogseite-gridsystem .blog-kachel:last-child:nth-child(3n+2) .textlink:not(#_){margin-top:8px}.blogseite-gridsystem .blog-kachel:last-child:nth-child(3n+2) .blog-kachel-bild img:not(#_){object-position:center top}}
/* Blogkacheln in der Sand-Farbwelt (Blogseite + Startseite): neutrales Sand statt gelblichem Creme */
html body .farbwelt-sand .blog-kachel:not(#_):not(#__){background:#fbf9f5}
/* ============================================================
   REGEL: Kopfleiste und Logo je Farbwelt
   - Kopfleiste (und mobiles Menü) im hellen Ton der Farbwelt der Seite
   - Logo im dunklen Ton der Farbwelt
   - Seiten ohne Farbwelt (Startseite, Impressum, Datenschutz) bleiben creme
   ============================================================ */
html body:has(.seiten-intro.farbwelt-gold){--kopf-hintergrund:#fef9f1;--logo-farbe:#74530d}
html body:has(.seiten-intro.farbwelt-kupfer){--kopf-hintergrund:#fdf7f1;--logo-farbe:#7a4130}
html body:has(.seiten-intro.farbwelt-cognac){--kopf-hintergrund:#fcf7f0;--logo-farbe:#5c3a24}
html body:has(.seiten-intro.farbwelt-salbei){--kopf-hintergrund:#fcfaf4;--logo-farbe:#486358}
html body:has(.seiten-intro.farbwelt-aubergine){--kopf-hintergrund:#fdf9f5;--logo-farbe:#704d5e}
html body:has(.seiten-intro.farbwelt-sand){--kopf-hintergrund:#fbf9f5;--logo-farbe:#5f564d}
html body:has(.seiten-intro[class*="farbwelt-"]) .seitenkopf:not(#_):not(#__){background:color-mix(in srgb,var(--kopf-hintergrund) 76%,transparent)}
html body:has(.seiten-intro[class*="farbwelt-"]) .seitenkopf.is-scrolled:not(#_):not(#__){background:color-mix(in srgb,var(--kopf-hintergrund) 96%,transparent)}
html body:has(.seiten-intro[class*="farbwelt-"]) .seitenkopf .menue-oeffnen-schliessen-schalter:not(#_):not(#__){background:var(--kopf-hintergrund)}
html body:has(.seiten-intro[class*="farbwelt-"]) .mobile-nav:not(#_):not(#__){background:var(--kopf-hintergrund)}
html body:has(.seiten-intro[class*="farbwelt-"]) :is(.brand,.mobile-nav-brand) img:not(#_):not(#__){filter:none;background:var(--logo-farbe);-webkit-mask:url(/img/brand.webp) center/contain no-repeat;mask:url(/img/brand.webp) center/contain no-repeat;object-position:-9999px 0}
/* Mobiles Menü: Oval in der Farbe der Farbwelt (wie das Oval im Intro) */
html body:has(.seiten-intro.farbwelt-gold){--menue-oval:#d9a526}
html body:has(.seiten-intro.farbwelt-kupfer){--menue-oval:#8a4a36}
html body:has(.seiten-intro.farbwelt-cognac){--menue-oval:#5c3a24}
html body:has(.seiten-intro.farbwelt-salbei){--menue-oval:#567568}
html body:has(.seiten-intro.farbwelt-aubergine){--menue-oval:#795568}
html body:has(.seiten-intro.farbwelt-sand){--menue-oval:#6e645a}
html body:has(.seiten-intro[class*="farbwelt-"]) .mobile-nav:not(#_):not(#__)::before{background:var(--menue-oval)}
/* Über mich: "Für mich ist …" – Begriffe als Kacheln */
.ueber-mich-begriffe:not(#_){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
.ueber-mich-begriffe > div:not(#_){margin:0;padding:28px 30px;border:1px solid rgba(95,72,25,.12);border-radius:0 var(--radius-medium) 0 var(--radius-medium);background:var(--kachel-hintergrund)}
.ueber-mich-begriffe > div:nth-child(even):not(#_){border-radius:var(--radius-medium) 0 var(--radius-medium) 0}
.ueber-mich-begriffe dt:not(#_){margin:0 0 10px;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,2.2vw,30px);line-height:1.15}
.ueber-mich-begriffe dd:not(#_){margin:0;color:var(--ink-soft);font-size:17px;line-height:1.7}
@media (max-width:1020px){.ueber-mich-begriffe:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ueber-mich-begriffe:not(#_){grid-template-columns:1fr}}
.ueber-mich-begriffe > .begriff-breit:not(#_){grid-column:1/-1}
.ueber-mich-begriffe > .begriff-breit dd:not(#_){max-width:900px}
/* Begriffe: "Kirche und Körper" ab 1021px zwei Spalten breit, daneben "Vielfalt"; 641–1020px normal breit */
@media (min-width:1021px){.ueber-mich-begriffe > .begriff-breit:not(#_):not(#__){grid-column:span 2}}
@media (min-width:641px) and (max-width:1020px){.ueber-mich-begriffe > .begriff-breit:not(#_):not(#__){grid-column:auto}}
/* Über mich: Hero-Bild beginnt unter der Kopfleiste, Kopf sichtbar */
.ueber-mich-seite .seiten-intro .intro-bild:not(#_):not(#__){top:var(--kopfleiste-hoehe,78px)}
@media (min-width:1021px){.ueber-mich-seite .seiten-intro .intro-bild:not(#_):not(#__){top:94px}}
.ueber-mich-seite .seiten-intro .intro-bild img:not(#_):not(#__){object-position:70% top}
@media (max-width:1020px){.ueber-mich-seite .seiten-intro .intro-bild img:not(#_):not(#__){object-position:90% top}}
/* ============================================================
   FARBWELT TON (neu): staubiges Rosé-Terrakotta
   zwischen Kupfer und Aubergine. Über mich + Startseite „Ich begrüße dich“
   ============================================================ */
.farbwelt-ton{--section-aufhellung:rgba(255,252,250,.6);--section-hintergrund:#efe0da;--kachel-hintergrund:#fdf9f7;--kachel-hervorgehoben:#e4cdc4;--element-farbe:#9a6656;--element-hover:#7d4f42;--element-text:#fffaf7;--element-hover-text:#fffaf7;--element-schatten:rgba(154,102,86,.2);--element-fokus:rgba(154,102,86,.4);--deko-farbe:rgba(154,102,86,.84);--secondary-text:#7d4f42;--secondary-hintergrund:rgba(255,252,250,.5);--secondary-border:rgba(125,79,66,.55);--textlink-farbe:#7d4f42;--textlink-hover:#5a382f;--textlink-fokus:rgba(125,79,66,.32);--ueberzeile-farbe:#8a5a4b;--intro-weichzeichner:239, 224, 218}
.farbwelt-ton.stufe-hell{--section-hintergrund:#f4e9e4}
.farbwelt-ton.stufe-heller{--section-hintergrund:#f9f3f0}
.section-grundaufbau.farbwelt-ton{background:radial-gradient(circle at 12% 9%, var(--section-aufhellung), transparent 32%), var(--section-hintergrund)}
.seiten-intro.farbwelt-ton:not(#_){background:rgb(var(--intro-weichzeichner))}
.seiten-intro.farbwelt-ton:not(#_)::before{background:var(--deko-farbe);mix-blend-mode:multiply}
.seiten-intro.farbwelt-ton:not(#_) .intro-einleitung{color:var(--textlink-farbe)}
.farbwelt-ton :is(.ueberzeile,.page-ueberzeile){color:var(--ueberzeile-farbe)}
.farbwelt-ton .begruessung-unterschrift:not(#_){color:var(--textlink-farbe)}
html body:has(.seiten-intro.farbwelt-ton){--kopf-hintergrund:#fdf8f6;--logo-farbe:#7d4f42;--menue-oval:#9a6656}
/* Ton: hellere Kacheln in den hellen Stufen (wie bei den anderen Farbwelten) */
.farbwelt-ton.stufe-hell{--kachel-hintergrund:#fefbf9}
.farbwelt-ton.stufe-heller{--kachel-hintergrund:#fffdfc}
/* Über mich: Zitat-Kacheln wie auf Startseite/Ausbildung, Farben aus der Farbwelt */
.ueber-mich-seite .haltung-zitat:not(#_):not(#__){background:var(--kachel-hintergrund);position:sticky;top:116px;align-self:start}
.ueber-mich-seite .haltung-zitat blockquote::before{color:var(--ueberzeile-farbe)}
.ueber-mich-seite .haltung-zitat cite{color:var(--textlink-farbe)}
/* Über mich, „Mein Weg“: Bild bleibt beim Scrollen stehen (Desktop) */
@media (min-width:1021px){.ueber-mich-seite .ueber-mich-weg-bild:not(#_):not(#__){position:sticky;top:116px;align-self:start}}
/* Über mich, Steckbrief: größere Schrift (Bezeichnung wie Überzeile, Inhalt wie Fließtext) */
.ueber-mich-fakten.rahmen-liste > div:not(#_):not(#__){padding:16px 0}
.ueber-mich-fakten.rahmen-liste dt:not(#_):not(#__){font-size:12px;letter-spacing:.13em;margin-bottom:6px}
.ueber-mich-fakten.rahmen-liste dd:not(#_):not(#__){font-size:17px;line-height:1.6;color:var(--ink-soft)}

/* Über mich, Mein Weg: Zwischenüberschriften wie in „Was ich mitbringe“ */
.ueber-mich-weg .inhaltsabschnitt:first-child h3:not(#_){margin-top:0}

/* REGEL (alle Seiten): Kopfbereich einer Section (Überzeile, h2, Einleitung) über Kacheln/Inhalt
   ist so breit wie auf der Startseite: Kopfbereich ohne eigene Begrenzung, Einleitung max. 1050px.
   Kopfbereiche in einer Rasterspalte (z. B. neben einem Zitat) bleiben automatisch spaltenbreit. */
html body .section-grundaufbau .section-innenbereich > :is([class*="kopfbereich"],.faq-suche-kopf):not(#_){max-width:none}
html body .section-grundaufbau .section-innenbereich > :is([class*="kopfbereich"],.faq-suche-kopf) .section-einleitung:not(#_){max-width:1050px}

/* Stimmen: Namen und Anführungszeichen in der Farbe der Seitenpalette */
.stimmen-seite .gaststimme-quelle cite:not(#_){color:var(--textlink-farbe)}
.stimmen-seite .gaststimme-zitat::before{color:var(--ueberzeile-farbe,var(--copper-deep))}

/* Stimmen bis 760px: Jeder Abschnitt hat jetzt einen eigenen Kopfbereich,
   daher Reihenfolge Überschrift → Bild → Stimmen; alle Bilder einheitlich im Querformat */
@media (max-width:760px){
  .stimmen-ablauf .ablauf-bildgestaltung:not(#_){order:0;margin:0 0 36px;width:100%;aspect-ratio:4/3}
  .stimmen-ablauf .ablauf-textbereich-artikel:not(#_),.stimmen-ablauf .ablauf-textbereich-artikel:first-child:not(#_){order:1}
  .stimmen-ablauf .ablauf-bildgestaltung img:not(#_){object-position:50% 55%}
}

/* FAQ: Themennummern und geöffnete Fragen in der Farbe der Seitenpalette (statt Gold) */
.faq-seite .faq-thema-nr:not(#_){color:var(--ueberzeile-farbe)}
.faq-seite .faq-eintrag[open] .faq-frage:not(#_){color:var(--textlink-farbe)}

/* Fußbereich: helle Schrift auf dunklem Grund. Die REGELN für Fließtext (--ink-soft) und
   Überschriften (--ink) gelten nur für den Seiteninhalt, nicht für den Footer */
html body .site-footer .section-grundaufbau :is(p,li):not(#_):not(#__){color:rgba(255,255,255,.82)}
html body .site-footer .section-grundaufbau :is(h1,h2,h3):not(#_):not(#__){color:var(--white)}

/* FAQ: Themen-Kacheln ohne Nummern, nur Thema/Anzahl und Pfeil */
.faq-themen-navigation a:not(#_){grid-template-columns:minmax(0,1fr) auto}

/* E-Book-Kachel: Hintergrund aus der Seitenpalette (statt festem Cremeton) und Luft zwischen Einleitung und Text */
.e-book-textbereich:not(#_){background:var(--kachel-hintergrund,#fdfaf4)}
.e-book-textbereich .section-einleitung:not(#_){margin-bottom:18px}

/* E-Book, „Ohne Haken“: Einleitung → Fließtext → Buttons; Hinweis-Kachel in der Kachelfarbe der Palette */
.ebookseite .ebook-ohne-haken-text > p:not([class]):not(#_){max-width:620px;margin-bottom:0}
.ebookseite .ebook-ohne-haken-text .intro-buttons:not(#_){margin-top:32px}
.ebookseite .hinweis-kachel:not(#_):not(#__){background:var(--kachel-hintergrund)}

/* REGEL: Seitenkopf ab 801px – mindestens 100px Luft unter dem Header und unter dem letzten Element.
   Wird es enger, wächst der Seitenkopf (oder der Text im Kopf wird gekürzt). */
@media (min-width:801px){html body .seiten-intro:not(#_){--intro-luft:100px}}

/* E-Book: alle Kacheln einheitlich im Kachelton der Kupfer-Palette (wie „Was dich erwartet“) */
.ebookseite .farbwelt-kupfer:not(#_){--kachel-hintergrund:#fef9f3}

/* E-Book-Seite: Footer wirbt nicht für das E-Book, auf dessen Seite man gerade ist */
.ebookseite .footer-ebook:not(#_){display:none}
@media (min-width:761px){.ebookseite .footer-inner:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}.ebookseite .footer-brand-center:not(#_){justify-self:end}}

/* Termin: Kopfbereich „Wähle deine Massage.“ steht über den Kalendern (Abstand übernimmt das Raster) */
.termin-kalender-stapel > .termin-kopfbereich:not(#_):not(#__){margin-bottom:0}
.termin-weg:not(#_){min-height:0}
.termin-kalender-bereich:not(#_){padding-top:clamp(76px,8vw,112px)}

/* E-Book-Seitenkopf: Bildausschnitt je Breite, damit der Mann ganz im Bild und neben dem Text steht */
@media (max-width:500px){.ebookseite .seiten-intro .intro-bild img:not(#_):not(#__){object-position:100% 100%}}
@media (min-width:501px) and (max-width:800px){.ebookseite .seiten-intro .intro-bild img:not(#_):not(#__){object-position:80% 50%}}
@media (min-width:1021px) and (max-width:1279px){.ebookseite .seiten-intro .intro-bild img:not(#_):not(#__){object-position:78% 50%}}
@media (min-width:1280px){.ebookseite .seiten-intro .intro-bild img:not(#_):not(#__){object-position:80% 50%}}

/* REGEL: Telefonnummern sind nur auf Geräten mit Touch anklickbar (Handy/Tablet).
   Am Computer (Maus) erscheinen sie als normaler Text ohne Link-Optik. */
@media (hover:hover) and (pointer:fine){
  html body a[href^="tel:"]:not(#_):not(#__){pointer-events:none;cursor:text;color:inherit;font-weight:inherit;text-decoration:none;border-bottom:0;padding-bottom:0}
}

/* Warum nur Männer: Themen im Abschnitt „Raum für das Ungesagte“ ohne Nummern */
.maenner-thema:not(#_){grid-template-columns:minmax(0,1fr)}

/* Warum nur Männer: Akzente (Zitatband, Merksätze) in der Seitenpalette */
.maenner-seite .chakra-zitatband p em:not(#_){color:var(--textlink-farbe)}
.maenner-seite .chakra-schluss-intro:not(#_):not(#__){color:var(--textlink-farbe)}
.maenner-seite .chakra-zitatband::before{color:var(--ueberzeile-farbe)}

/* Warum nur Männer: Bausteine wie auf „Über mich“, „Stimmen“ und der Startseite */
.maenner-seite .haltung-zitat:not(#_):not(#__){background:var(--kachel-hintergrund);position:sticky;top:116px;align-self:start}
.maenner-seite .haltung-zitat blockquote::before{color:var(--ueberzeile-farbe)}
.maenner-seite .haltung-zitat cite{color:var(--textlink-farbe)}
@media (min-width:1021px){.maenner-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild):not(#_):not(#__){position:sticky;top:116px;align-self:start}}
.maenner-seite :is(.ueber-mich-weg,.ueber-mich-profil) .inhaltsabschnitt:first-child h3:not(#_){margin-top:0}
.maenner-seite .ueber-mich-profil-text > p:not([class]):not(#_){color:var(--ink-soft)}
.maenner-seite .maenner-ablauf .ablauf-textbereich-artikel:first-child{padding-top:0;border-top:0}
.maenner-seite .maenner-ablauf .ablauf-textbereich-artikel:last-child{padding-bottom:0}
.maenner-seite .maenner-ablauf .ablauf-textbereich-artikel h3{margin:0 0 16px}
.maenner-seite .maenner-ablauf .ablauf-textbereich-artikel > p:last-child{margin-bottom:0}
.maenner-seite .maenner-ablauf .hinweis-kachel:not(#_){margin:24px 0 0;background:var(--kachel-hintergrund)}
.maenner-seite .maenner-ablauf .hinweis-kachel p:last-child{margin-bottom:0}
.maenner-seite .maenner-schluss-buttons:not(#_){margin-top:40px}
.maenner-seite .maenner-ablauf .ablauf-textbereich-artikel > p:not(:last-child){margin-bottom:16px}
/* Warum nur Männer: Bildausschnitt so, dass die Gesichter im Bild bleiben */
.maenner-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild) img:not(#_):not(#__){object-position:50% 20%}
.maenner-seite .maenner-ablauf .ablauf-bildgestaltung img:not(#_):not(#__){object-position:50% 8%}
.maenner-seite .haltung-zitat > .ueberzeile:not(#_){margin:0 0 18px}

/* Warum nur Männer: Fließtext im Kopfbereich nicht breiter als die Einleitung */
html body.maenner-seite .maenner-kopfbereich > p:not(.ueberzeile):not(.section-einleitung):not(#_){max-width:1050px}

/* Blogartikel Selbstliebe: Hochformat-Bild im Kopfbereich auf das Gesicht ausrichten */
html body.selbstliebe-seite .intro-bild img:not(#_){object-position:50% 18%}
html body .blog-kachel[href*="selbstliebe"] .blog-kachel-bild img:not(#_){object-position:50% 12%}

/* Fließtext-Links auch in E-Book-Text und Termin-Hinweisen wie in .inhalts-textbereich */
html body :is(.e-book-textbereich p, .termin-hinweislisten li) a:not(.button):not(.textlink):not(#_):not(#__){color:var(--textlink-farbe);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:0.18em}

/* Warum nur Männer: Zitat-Kachel im ersten Abschnitt bis 900px einspaltig nach dem 2. Absatz, nicht fixiert */
@media (max-width:900px){
  html body.maenner-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid:not(#_):not(#__){display:flex;flex-direction:column;gap:0}
  html body.maenner-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid > article:not(#_):not(#__){display:contents}
  html body.maenner-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid > article > *:not(#_):not(#__){order:0}
  html body.maenner-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid > article > :nth-child(n+3):not(#_):not(#__){order:2}
  html body.maenner-seite .ueber-mich-lebensweg .haltung-zitat:not(#_):not(#__):not(#___){order:1;position:relative;top:auto;align-self:stretch;margin:12px 0 36px}
}
/* Warum nur Männer: Bilder neben dem Text starten oben und laufen mit, sobald zweispaltig (ab 761px) */
@media (min-width:761px){
  html body.maenner-seite :is(.ueber-mich-weg-grid,.ueber-mich-profil-grid):not(#_):not(#__){align-items:start}
  html body.maenner-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild):not(#_):not(#__):not(#___){position:sticky;top:116px;align-self:start}
}
/* Warum nur Männer: bei zwei Kacheln pro Reihe nimmt die dritte die volle Breite ein */
@media (min-width:641px) and (max-width:1020px){
  html body.maenner-seite .maenner-grundsaetze > div:nth-child(3):not(#_):not(#__){grid-column:1/-1}
}

/* Blogartikel Namasté: Standard-Bausteine wie auf den Hauptseiten */
@media (max-width:900px){
  html body.namaste-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid:not(#_):not(#__){display:flex;flex-direction:column;gap:0}
  html body.namaste-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid > article:not(#_):not(#__){display:contents}
  html body.namaste-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid > article > *:not(#_):not(#__){order:0}
  html body.namaste-seite .ueber-mich-lebensweg .ueber-mich-langtext-grid > article > :nth-child(n+3):not(#_):not(#__){order:2}
  html body.namaste-seite .ueber-mich-lebensweg .ueber-mich-leitgedanke:not(#_):not(#__):not(#___){order:1;position:relative;top:auto;align-self:stretch;margin:12px 0 36px}
}
html body.namaste-seite .ueber-mich-leitgedanke:not(#_):not(#__){background:var(--kachel-hintergrund);align-self:start}
@media (min-width:901px){html body.namaste-seite .ueber-mich-leitgedanke:not(#_):not(#__){position:sticky;top:116px}}
html body.namaste-seite .haltung-zitat > .ueberzeile:not(#_){margin:0 0 18px}
html body.namaste-seite .haltung-zitat blockquote::before{color:var(--ueberzeile-farbe)}
html body.namaste-seite .haltung-zitat cite{color:var(--textlink-farbe)}
html body.namaste-seite .namaste-karte h3:not(#_){margin:0 0 10px}
html body.namaste-seite .namaste-karte > p:not(.ueberzeile):not(#_){margin:0 0 18px;color:var(--ink-soft)}
html body.namaste-seite .namaste-karte .ueberzeile:not(#_){margin:0 0 12px}
html body.namaste-seite .ueber-mich-lebensweg .section-innenbereich > :is(.namaste-sprache,.chakra-schluss):not(#_){grid-column:1/-1}
html body.namaste-seite .namaste-sprache:not(#_):not(#__){grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(48px,6vw,80px)}
@media (max-width:640px){html body.namaste-seite .namaste-sprache:not(#_):not(#__){grid-template-columns:1fr}}

/* Korrektur: einspaltiger Fließtext behält seine übliche Breite (wie .inhalts-textbereich) */
@media (max-width:900px){
  html body:is(.maenner-seite,.namaste-seite) .ueber-mich-lebensweg .ueber-mich-langtext-grid > article > *:not(#_):not(#__){max-width:var(--text)}
}
/* Warum nur Männer: Bilder neben dem Text so hoch wie bei „Raum für das Ungesagte“ */
@media (min-width:761px){
  html body.maenner-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild):not(#_):not(#__):not(#___){aspect-ratio:auto;height:min(70vh,720px);min-height:560px}
}
/* Warum nur Männer: drei Kacheln schon ab 761px nebeneinander */
@media (min-width:761px) and (max-width:1020px){
  html body.maenner-seite .maenner-grundsaetze:not(#_):not(#__){grid-template-columns:repeat(3,minmax(0,1fr))}
  html body.maenner-seite .maenner-grundsaetze > div:nth-child(3):not(#_):not(#__):not(#___){grid-column:auto}
}

/* Abschnitte mit Zitat-Kachel (ueber-mich-lebensweg): Einleitung einspaltig so breit wie der Fließtext */
@media (max-width:900px){
  html body .ueber-mich-lebensweg .ueber-mich-kopfbereich .section-einleitung:not(#_):not(#__):not(#___){max-width:var(--text)}
}

/* Abschnitte mit Zitat-Kachel: schon ab 761px zweispaltig (wie die Abschnitte mit Bild) – Warum nur Männer und Namasté */
@media (min-width:761px) and (max-width:900px){
  html body:is(.maenner-seite,.namaste-seite) .ueber-mich-lebensweg .section-innenbereich:not(#_):not(#__){display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);column-gap:clamp(40px,6vw,64px);align-items:start}
  html body:is(.maenner-seite,.namaste-seite) .ueber-mich-lebensweg .ueber-mich-kopfbereich:not(#_):not(#__){grid-column:1;grid-row:1;margin-bottom:40px}
  html body:is(.maenner-seite,.namaste-seite) .ueber-mich-lebensweg .ueber-mich-langtext-grid:not(#_):not(#__):not(#___){display:contents}
  html body:is(.maenner-seite,.namaste-seite) .ueber-mich-lebensweg .ueber-mich-langtext-grid > article:not(#_):not(#__):not(#___){display:block;grid-column:1;grid-row:2}
  html body:is(.maenner-seite,.namaste-seite) .ueber-mich-lebensweg .ueber-mich-leitgedanke:not(#_):not(#__):not(#___):not(#____){grid-column:2;grid-row:1 / span 2;position:sticky;top:116px;order:0;align-self:start;margin:8px 0 0}
}
/* einspaltig: Kachel nicht breiter als der Fließtext */
@media (max-width:760px){
  html body:is(.maenner-seite,.namaste-seite) .ueber-mich-lebensweg .ueber-mich-leitgedanke:not(#_):not(#__):not(#___):not(#____){max-width:var(--text);width:100%}
}

/* Namasté: Wortkarten wie die Kacheln „Auf einen Blick“ (Angebot, Ausbildung) */
html body.namaste-seite .namaste-karte:not(#_):not(#__):not(#___){padding:28px 30px}
html body.namaste-seite .namaste-karte h3:not(#_):not(#__){font-size:32px}
html body.namaste-seite .namaste-karte > p:not(.ueberzeile):not(#_):not(#__){font-size:15px;line-height:1.6}
/* Namasté: gespiegelte Abschnitte – Kachel links, Text rechts */
@media (min-width:761px) and (max-width:900px){
  html body.namaste-seite .ueber-mich-lebensweg.lebensweg-gespiegelt .section-innenbereich:not(#_):not(#__):not(#___){grid-template-columns:minmax(240px,300px) minmax(0,1fr)}
}
@media (min-width:901px){
  html body.namaste-seite .ueber-mich-lebensweg.lebensweg-gespiegelt .section-innenbereich:not(#_):not(#__):not(#___){grid-template-columns:minmax(270px,340px) minmax(0,var(--text))}
}
@media (min-width:761px){
  html body.namaste-seite .ueber-mich-lebensweg.lebensweg-gespiegelt .ueber-mich-kopfbereich:not(#_):not(#__):not(#___){grid-column:2}
  html body.namaste-seite .ueber-mich-lebensweg.lebensweg-gespiegelt .ueber-mich-langtext-grid > article:not(#_):not(#__):not(#___):not(#____){grid-column:2}
  html body.namaste-seite .ueber-mich-lebensweg.lebensweg-gespiegelt .ueber-mich-leitgedanke:not(#_):not(#__):not(#___):not(#____):not(#_____){grid-column:1}
}

/* Fußzeile einspaltig: Abstand Impressum/Datenschutz → Copyright wie zwischen den Menülinks */
@media (max-width:760px){
  html body .footer-legal-inner:not(#_){gap:0}
  html body .footer-legal a:not(#_){padding:6px 0}
  html body .footer-legal p:not(#_){padding:6px 0}
}

/* Blogartikel: Autorzeile im Kopfbereich auf allen Bildschirmgrößen sichtbar */
@media (max-width:500px){
  html body:is(.chakren-seite,.entwicklung-seite,.interview-seite,.namaste-seite,.osho-seite) .seiten-intro .intro-zusatz:not(#_):not(#__){display:block;max-width:none}
}
html body:is(.chakren-seite,.entwicklung-seite,.interview-seite,.namaste-seite,.osho-seite) .seiten-intro .intro-zusatz:not(#_):not(#__){max-width:none}

/* Namasté: Bild neben dem Text wie auf „Warum nur Männer“, läuft ab 761px mit */
html body.namaste-seite .ueber-mich-weg-text .inhalts-textbereich p:not(#_){color:var(--ink-soft)}
html body.namaste-seite .ueber-mich-weg-bild img:not(#_):not(#__){object-position:68% 64%}
@media (min-width:761px){
  html body.namaste-seite .ueber-mich-weg-grid:not(#_):not(#__){align-items:start}
  html body.namaste-seite .ueber-mich-weg-bild:not(#_):not(#__):not(#___){position:sticky;top:116px;align-self:start;aspect-ratio:auto;height:min(70vh,720px);min-height:560px}
}
/* Namasté: auch das Bild rechts („Die Geste“) startet oben am Text und läuft mit */
html body.namaste-seite .ueber-mich-profil-text .inhalts-textbereich p:not(#_){color:var(--ink-soft)}
html body.namaste-seite .ueber-mich-profil-bild img:not(#_):not(#__){object-position:58% 64%}
@media (min-width:761px){
  html body.namaste-seite .ueber-mich-profil-grid:not(#_):not(#__){align-items:start}
  html body.namaste-seite .ueber-mich-profil-bild:not(#_):not(#__):not(#___){position:sticky;top:116px;align-self:start;aspect-ratio:auto;height:min(70vh,720px);min-height:560px}
}
/* Namasté: Schlusssatz als eigene Section, ohne zusätzlichen Abstand oben */
html body.namaste-seite .namaste-schluss .chakra-schluss:not(#_):not(#__){margin-top:0;padding-top:0;border-top:0}
html body.namaste-seite .namaste-schluss .chakra-schluss > :first-child:not(#_):not(#__){margin-top:0}
html body.namaste-seite .namaste-schluss .chakra-schluss > :last-child:not(#_):not(#__){margin-bottom:0}

/* Blogartikel: Introbild beginnt wie auf Blog und Über mich unter der Kopfleiste */
html body:is(.chakren-seite,.entwicklung-seite,.interview-seite,.namaste-seite,.osho-seite) .seiten-intro .intro-bild:not(#_):not(#__){top:var(--kopfleiste-hoehe,78px)}
@media (min-width:1021px){html body:is(.chakren-seite,.entwicklung-seite,.interview-seite,.namaste-seite,.osho-seite) .seiten-intro .intro-bild:not(#_):not(#__){top:94px}}
/* Alle Seiten: Introbild beginnt unter der Kopfleiste (wie Blog, Über mich und die Blogartikel) */
html body .seiten-intro .intro-bild:not(#_):not(#__){top:var(--kopfleiste-hoehe,78px)}
@media (min-width:1021px){html body .seiten-intro .intro-bild:not(#_):not(#__){top:94px}}
/* Introbild beginnt exakt unter der Kopfleiste (94px Höhe + 1px Linie), in allen Breiten */
html body .seiten-intro .intro-bild:not(#_):not(#__):not(#___){top:95px}
/* Namasté, Begriffskachel: Bezeichnungen als lesbare Zwischenüberschriften, größer und dunkler als der Text darunter */
html body.namaste-seite .namaste-karte .rahmen-liste dt:not(#_):not(#__){font-size:16px;line-height:1.4;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
html body.namaste-seite .namaste-karte .rahmen-liste dd:not(#_):not(#__){margin-top:4px;font-size:15px;line-height:1.55;color:var(--ink-soft)}
/* Osho: Gesprächskarte ohne Initial-Kreis, daher auch mobil ohne Spalte dafür */
html body.osho-seite .interview-person:not(#_):not(#__){display:block}
/* Osho: Einstieg ohne Gesprächskarte, Text in normaler Breite */
html body.osho-seite .chakra-einstieg:not(#_):not(#__){display:block}
html body.osho-seite .chakra-einstieg-text:not(#_):not(#__){max-width:1050px}
html body.osho-seite .chakra-einstieg-text .fliesstext:not(#_):not(#__){max-width:var(--text)}
/* Intro unter 1280px: Überzeile darf in eine Zeile laufen, Einleitung und Introtext gleich breit */
@media (max-width:1279px){
  html body .seiten-intro .intro-textbereich > .ueberzeile:not(#_):not(#__){max-width:none}
  html body .seiten-intro .intro-textbereich > .intro-einleitung:not(#_):not(#__){max-width:none}
}
@media (max-width:800px){
  html body .seiten-intro .intro-textbereich > :is(.intro-einleitung,.intro-text):not(#_):not(#__){max-width:330px}
}
/* Osho: Zitat als gewohnte Kachel in der Textspalte */
html body.osho-seite .osho-zitat:not(#_){margin-top:clamp(40px,5vw,56px)}
html body.osho-seite .osho-zitat .haltung-zitat:not(#_):not(#__){max-width:var(--text);background:var(--kachel-hintergrund);position:static}
html body.osho-seite .haltung-zitat > .ueberzeile:not(#_){margin:0 0 18px}
html body.osho-seite .haltung-zitat blockquote::before{color:var(--ueberzeile-farbe)}
html body.osho-seite .haltung-zitat cite{color:var(--textlink-farbe)}
/* Interviews: Fragen bleiben etwas kürzer als der Fließtext darunter */
html body .interview-frage h3:not(#_):not(#__){max-width:calc(var(--text) * 0.85)}
/* Blog-Empfehlungen: Kacheln im Kachelton der jeweiligen Palette (statt durchsichtig) */
html body .artikel-empfehlung.kachel:not(#_):not(#__){background:var(--kachel-hintergrund)}
/* Osho: Frage, Antwort und Zitat-Kachel bilden ein Paar; ab 1280px steht die Kachel rechts auf Höhe der Frage und läuft mit */
html body:is(.osho-seite,.interview-seite) .interview-paar:not(#_){margin-top:clamp(64px,7vw,88px)}
html body:is(.osho-seite,.interview-seite) .interview-verlauf > .interview-paar:first-child:not(#_){margin-top:0}
html body:is(.osho-seite,.interview-seite) .interview-paar > .interview-frage:not(#_):not(#__){margin-top:0}
html body:is(.osho-seite,.interview-seite) .interview-paar > .osho-zitat-kachel:not(#_):not(#__){max-width:var(--text);margin:clamp(32px,4vw,48px) 0 0 calc(130px + clamp(28px,4vw,56px));background:var(--kachel-hintergrund);position:static}
@media (max-width:760px){html body:is(.osho-seite,.interview-seite) .interview-paar > .osho-zitat-kachel:not(#_):not(#__){margin-left:0}}
@media (min-width:1280px){
  html body:is(.osho-seite,.interview-seite) .interview-verlauf:not(#_):not(#__){max-width:none}
  html body:is(.osho-seite,.interview-seite) .interview-paar:not(#_):not(#__){display:grid;grid-template-columns:minmax(0,calc(130px + clamp(28px,4vw,56px) + var(--text))) minmax(240px,1fr);column-gap:clamp(28px,4vw,56px);align-items:start}
  html body:is(.osho-seite,.interview-seite) .interview-paar > :is(.interview-frage,.interview-antwort):not(#_):not(#__){grid-column:1}
  html body:is(.osho-seite,.interview-seite) .interview-paar > .osho-zitat-kachel:not(#_):not(#__):not(#___){grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:116px;margin:0}
}

/* Interview: Gesprächskarte entfällt, Einstieg in normaler Breite */
html body.interview-seite .chakra-einstieg:not(#_):not(#__){display:block}
html body.interview-seite .chakra-einstieg-text:not(#_):not(#__){max-width:1050px}
html body.interview-seite .chakra-einstieg-text .fliesstext:not(#_):not(#__){max-width:var(--text)}
/* Entwicklung: Bild-Text-Abschnitte wie auf Namasté und Warum; Bilder starten oben am Text und laufen mit */
html body.entwicklung-seite :is(.ueber-mich-weg-text,.ueber-mich-profil-text) .inhalts-textbereich p:not(#_){color:var(--ink-soft)}
html body.entwicklung-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild) img:not(#_):not(#__){object-position:50% 30%}
@media (min-width:761px){
  html body.entwicklung-seite :is(.ueber-mich-weg-grid,.ueber-mich-profil-grid):not(#_):not(#__){align-items:start}
  html body.entwicklung-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild):not(#_):not(#__):not(#___){position:sticky;top:116px;align-self:start;aspect-ratio:auto;height:min(70vh,720px);min-height:560px}
}
html body.entwicklung-seite .entwicklung-schluss .chakra-schluss:not(#_):not(#__){margin-top:0;padding-top:0;border-top:0}
html body.entwicklung-seite .entwicklung-schluss .chakra-schluss > :first-child:not(#_):not(#__){margin-top:0}
/* KI-Kennzeichnung bleibt sichtbar, auch wenn die rechte untere Bildecke abgerundet ist */
html body .ueber-mich-profil-bild.ki-generiert::after{right:24px;bottom:24px}
/* KI-Kennzeichnung: Bild muss Bezugsrahmen sein, sonst landet das Zeichen außerhalb */
html body .angebots-bild.ki-generiert:not(#_){position:relative}
@media (max-width:760px){html body :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild).ki-generiert:not(#_):not(#__){position:relative}}
/* Abrundungen nach der Regel: immer zwei diagonale Ecken; gespiegelte Abschnitte spiegeln auch die Ecken */
html body .stimmen-ablauf .ablauf-bildgestaltung:not(#_):not(#__),html body.rezensionsseite .rezension-abschluss .ablauf-bildgestaltung:not(#_):not(#__){border-radius:0 var(--radius-large) 0 var(--radius-large)}
html body .stimmen-ablauf .ablauf-grid-gespiegelt .ablauf-bildgestaltung:not(#_):not(#__):not(#___),html body .stimmen-ablauf.ablauf-grid-gespiegelt .ablauf-bildgestaltung:not(#_):not(#__):not(#___){border-radius:var(--radius-large) 0 var(--radius-large) 0}
/* Kacheln einheitlich im Kachelton der Seitenpalette (bisher teils durchsichtig) */
html body .kachel:not(.hervorgehoben):not(.e-book-aufteilung):not(#_){background:var(--kachel-hintergrund)}

/* Entwicklung: Stationskacheln – Beschreibung direkt unter dem Namen, Andro-Kachel dezent hervorgehoben */
html body .entwicklung-leseweg .chakra-leseweg-kapitel:not(#_):not(#__){margin-top:0}
html body .entwicklung-steckbrief.kachel.hervorgehoben:not(#_):not(#__),
html body .entwicklung-leseweg .kachel.hervorgehoben:not(#_):not(#__){background:color-mix(in srgb,var(--kachel-hervorgehoben) 45%,var(--kachel-hintergrund))}

/* Entwicklung: Überzeile steht wie überall oben, darunter die Jahreszahl */
html body .entwicklung-leseweg .chakra-leseweg-teil .ueberzeile:not(#_):not(#__){margin:0 0 12px}
html body .entwicklung-leseweg .chakra-leseweg-nummer:not(#_):not(#__){margin-bottom:12px}
html body .entwicklung-steckbrief .ueberzeile:not(#_):not(#__){margin:0 0 14px}
html body .entwicklung-steckbrief-jahr:not(#_):not(#__){margin:0 0 14px}

/* Fußnoten überall in der Fließtextschrift, auch in kursiven Lead-Absätzen und Überschriften */
html body .quelle-verweis:not(#_):not(#__){font-family:"Manrope",system-ui,sans-serif;font-style:normal;font-size:13px;letter-spacing:0}

/* Entwicklung: „Die Schattenseite“ als Absatz mit Balken links statt Kachel (wie Kernfrage/Merksatz der Chakren-Serie) */
html body .chakra-text .entwicklung-schatten:not(#_):not(#__){margin:40px 0 0;padding:4px 0 4px clamp(22px,3vw,32px);border:0;border-left:2px solid var(--element-farbe);border-radius:0;background:none;box-shadow:none}
html body .entwicklung-schatten .ueberzeile:not(#_):not(#__){margin:0 0 12px}
html body .entwicklung-schatten p:last-child:not(#_):not(#__){margin:0;color:var(--ink)}
/* Fußnotengruppen nicht umbrechen */
html body .quelle-verweis:not(#_):not(#__){white-space:nowrap}

/* Entwicklung: Meilenstein 1978 ohne Kachel – Jahreszahl links, Text mit Balken wie „Die Schattenseite“ */
html body .entwicklung-meilenstein:not(#_):not(#__){padding:0;background:none;border:0;border-radius:0;box-shadow:none;gap:clamp(20px,2.4vw,30px)}
html body .entwicklung-meilenstein > div:not(#_):not(#__){padding:4px 0 4px clamp(22px,3vw,32px);border-left:2px solid var(--element-farbe)}
html body .entwicklung-meilenstein .ueberzeile:not(#_):not(#__){margin:0 0 12px}
html body .entwicklung-meilenstein-jahr:not(#_):not(#__){margin:0;padding-top:4px}
@media (max-width:760px){html body .entwicklung-meilenstein:not(#_):not(#__){gap:14px}}

/* Links im Fließtext: Hover wie bei den Textlinks (Farbwechsel zur Hover-Farbe der Palette) */
html body main :is(p, li) a:not(.textlink):not(.button):not(#_):not(#__){transition:color 200ms ease,text-decoration-color 200ms ease}
html body main :is(p, li) a:not(.textlink):not(.button):is(:hover,:focus-visible):not(#_):not(#__){color:var(--textlink-hover);text-decoration-color:currentColor}

/* Entwicklung: Einstiegsbild im einspaltigen Layout weiter nach oben gerückt (mehr Matratze und Hände sichtbar) */
@media (max-width:760px){html body.entwicklung-seite #einstieg .ueber-mich-weg-bild img:not(#_):not(#__){object-position:50% 42%}}

/* Quellenliste: angesprungene Quelle ohne Hintergrund */
html body .chakra-quellen .quellen-liste li:target:not(#_):not(#__){background:none}
/* Entwicklung: Schlussbild im einspaltigen Layout quadratisch, damit Gast und Masseur ganz zu sehen sind */
@media (max-width:760px){html body.entwicklung-seite #fazit .ueber-mich-weg-bild:not(#_):not(#__):not(#___){aspect-ratio:1/1}html body.entwicklung-seite #fazit .ueber-mich-weg-bild img:not(#_):not(#__):not(#___){object-position:50% 54%}}

/* Randnotiz: gleichmäßiges Innenpolster auf allen Seiten */
html body .chakra-randnotiz:not(#_):not(#__):not(#___){padding:22px 26px;margin-bottom:0}
/* Balken-Absätze: Text in normaler Fließtextfarbe, der Balken hebt bereits hervor */
html body .entwicklung-schatten p:last-child:not(#_):not(#__):not(#___){color:var(--ink-soft)}

/* Einstieg ohne Kernfrage-Spalte: einspaltig wie auf der Osho-Seite */
html body .chakra-einstieg:not(:has(.chakra-kernfrage)):not(#_):not(#__){display:block}
html body .chakra-einstieg:not(:has(.chakra-kernfrage)) .chakra-einstieg-text:not(#_):not(#__){max-width:1050px}
html body .chakra-einstieg:not(:has(.chakra-kernfrage)) .fliesstext:not(#_):not(#__){max-width:var(--text)}

/* Chakren-Serie: Kacheln wie die Stationskacheln der Entwicklungsseite (Schriftgrößen, Untertitel direkt unter dem Titel) */
html body .chakra-serie .chakra-leseweg-teil strong:not(#_):not(#__){font-size:clamp(23px,2vw,27px)}
html body .chakra-serie .chakra-leseweg-kapitel:not(#_):not(#__){margin-top:0;font-size:14px}
html body .chakra-serie .chakra-leseweg-teil .ueberzeile:not(#_):not(#__){margin:0 0 12px}

/* Chakren: Bild-Text-Abschnitte wie auf Entwicklung und Namasté; Bild startet oben am Text und läuft mit */
html body.chakren-seite :is(.ueber-mich-weg-text,.ueber-mich-profil-text) .inhalts-textbereich p:not(#_){color:var(--ink-soft)}
html body.chakren-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild) img:not(#_):not(#__){object-position:50% 50%}
@media (min-width:761px){
  html body.chakren-seite :is(.ueber-mich-weg-grid,.ueber-mich-profil-grid):not(#_):not(#__){align-items:start}
  html body.chakren-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild):not(#_):not(#__):not(#___){position:sticky;top:116px;align-self:start;aspect-ratio:auto;height:min(70vh,720px);min-height:560px}
}

/* Zwischenüberschriften im Fließtext: feine Linie davor, wie bei den Abschnitten auf „Warum nur Männer“ */
html body .chakra-text h3:not(:first-child):not(#_):not(#__){margin-top:44px;padding-top:38px;border-top:1px solid var(--line)}

/* Chakren: Einstiegsbild oben ausrichten, damit der Kopf nicht angeschnitten wird */
html body.chakren-seite #einstieg .ueber-mich-weg-bild img:not(#_):not(#__):not(#___){object-position:50% 0%}
@media (max-width:760px){html body.chakren-seite #einstieg .ueber-mich-weg-bild:not(#_):not(#__):not(#___){aspect-ratio:1/1}}

/* Regel: Linie nur ZWISCHEN Unterabschnitten (vor jeder weiteren Zwischenüberschrift), nicht vor der ersten */
html body .chakra-text h3:not(:first-child):not(#_):not(#__):not(#___){margin-top:48px;padding-top:0;border-top:0}
html body .chakra-text h3 ~ h3:not(:first-child):not(#_):not(#__):not(#___){margin-top:44px;padding-top:38px;border-top:1px solid var(--line)}

/* Chakren Teil 2: Schichten ohne Nummern, Text mittig; Farbtöne aus der Seitenpalette statt Gold */
html body .chakra-schicht:not(#_):not(#__):not(#___){grid-template-columns:minmax(0,1fr);text-align:center;background:color-mix(in srgb,var(--kachel-hervorgehoben) 35%,var(--kachel-hintergrund))}
html body .chakra-schicht:nth-child(2):not(#_):not(#__):not(#___){background:color-mix(in srgb,var(--kachel-hervorgehoben) 55%,var(--kachel-hintergrund))}
html body .chakra-schicht:nth-child(3):not(#_):not(#__):not(#___){background:color-mix(in srgb,var(--kachel-hervorgehoben) 75%,var(--kachel-hintergrund))}
html body .chakra-schicht-basis:not(#_):not(#__):not(#___){background:var(--kachel-hervorgehoben)}

/* Chakren Teil 2: Zeitstrahl wie der Ausbildungsweg (Achse links, Punkte, dunkler Endpunkt, Zeitangabe als Überzeile) */
html body .chakra-zeitstrahl:not(#_):not(#__){--zeit:0px;max-width:920px;padding-left:clamp(34px,5vw,58px)}
html body .chakra-zeitstrahl:not(#_):not(#__)::before{top:8px;bottom:8px;left:6px;width:1px;background:var(--element-farbe);opacity:.32}
html body .chakra-zeitstrahl:not(#_):not(#__)::after{content:"";position:absolute;z-index:2;bottom:0;left:-2px;width:11px;height:11px;border:3px solid var(--section-hintergrund);border-radius:50%;background:var(--ink);box-sizing:content-box}
html body .chakra-station:not(#_):not(#__){position:relative;grid-template-columns:minmax(0,1fr);padding:0 0 clamp(58px,7vw,86px)}
html body .chakra-station:not(#_):not(#__)::before{content:"";position:absolute;z-index:2;top:7px;left:calc(-1 * clamp(34px,5vw,58px) - 2px);width:11px;height:11px;border:3px solid var(--section-hintergrund);border-radius:50%;background:var(--element-farbe);box-sizing:content-box}
html body .chakra-station-zeit:not(#_):not(#__){padding:0;margin:0 0 10px;text-align:left;color:var(--ueberzeile-farbe,var(--ink-soft));font-family:"Manrope",system-ui,sans-serif;font-size:12px;font-weight:600;font-style:normal;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}
html body .chakra-station-zeit:not(#_):not(#__)::after{display:none}
html body .chakra-station-inhalt:not(#_):not(#__){max-width:none;padding:0 0 12px;border-bottom:1px solid var(--line)}
html body .chakra-station-heute:not(#_):not(#__){padding-bottom:18px}
html body .chakra-station-heute .chakra-station-inhalt:not(#_):not(#__){border-bottom:0}
@media (max-width:520px){html body .chakra-zeitstrahl:not(#_):not(#__){padding-left:28px}html body .chakra-station:not(#_):not(#__)::before{left:-30px}}
@media (max-width:760px){html body.chakren-seite #koerperbezug .ueber-mich-weg-bild:not(#_):not(#__):not(#___){aspect-ratio:1/1}html body.chakren-seite #koerperbezug .ueber-mich-weg-bild img:not(#_):not(#__):not(#___){object-position:50% 30%}}
/* Zeitstrahl-Jahre im Akzentton wie „Rad, Kreis, Scheibe“ in Teil 1 */
html body .chakra-station-zeit:not(#_):not(#__):not(#___){color:var(--cognac-deep)}
@media (max-width:760px){html body.chakren-seite #hybridprodukt .ueber-mich-profil-bild img:not(#_):not(#__):not(#___){object-position:50% 72%}}
/* Chakren Teil 2: Bücherstapel im Ausschnitt nach links holen, damit er rechts nicht angeschnitten ist */
@media (min-width:761px){html body.chakren-seite #hybridprodukt .ueber-mich-profil-bild img:not(#_):not(#__):not(#___){object-position:78% 60%}}

/* Chakren Teil 3: Zwischenfazit als Balken-Absatz wie „Die Schattenseite“ */
html body .chakra-zwischenfazit:not(#_):not(#__):not(#___){max-width:var(--text);margin:clamp(48px,6vw,72px) 0 0;padding:4px 0 4px clamp(22px,3vw,32px);border:0;border-left:2px solid var(--element-farbe);border-radius:0;background:none;box-shadow:none}
@media (max-width:760px){html body.chakren-seite #koerper-selbst .ueber-mich-weg-bild:not(#_):not(#__):not(#___){aspect-ratio:1/1}html body.chakren-seite #koerper-selbst .ueber-mich-weg-bild img:not(#_):not(#__):not(#___){object-position:50% 15%}}
/* Zwischenfazit in der Kachelspalte, bündig unter den Faktencheck-Kacheln */
html body .chakra-anatomie .chakra-zwischenfazit:not(#_):not(#__):not(#___){grid-column:2;max-width:none;margin:clamp(8px,1.5vw,16px) 0 0}
@media (max-width:760px){html body .chakra-anatomie .chakra-zwischenfazit:not(#_):not(#__):not(#___){grid-column:auto;margin-top:32px}}

/* Chakren Teil 4: Vergleich „beobachten / deuten“ als Randkachel neben dem Text, untereinander */
html body .chakra-randkachel .chakra-vergleich:not(#_):not(#__){grid-template-columns:minmax(0,1fr);gap:12px}
html body .chakra-randkachel .chakra-vergleich-pfeil:not(#_):not(#__){justify-self:center;transform:rotate(90deg);font-size:36px}
@media (max-width:760px){html body.chakren-seite :is(#praxis,#veraenderung) .ueber-mich-weg-bild:not(#_):not(#__):not(#___){aspect-ratio:1/1}html body.chakren-seite :is(#praxis,#veraenderung) .ueber-mich-weg-bild img:not(#_):not(#__):not(#___){object-position:50% 12%}}

/* Selbstliebe: Bild-Text-Abschnitte, Bildausschnitte; Haltung einspaltig in Textbreite */
html body.selbstliebe-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild) img:not(#_):not(#__):not(#___){object-position:50% 25%}
html body.selbstliebe-seite .selbstliebe-haltung:not(#_):not(#__){max-width:var(--text)}
@media (max-width:760px){html body.selbstliebe-seite :is(.ueber-mich-weg-bild,.ueber-mich-profil-bild):not(#_):not(#__):not(#___){aspect-ratio:1/1}}

/* Chakren Teil 3: Introbild – Motiv rechts näher an den Rand, etwas tiefer; Handy: Gesicht des Masseurs sichtbar, Text schmaler */
@media (min-width:1000px){html body.chakren-anatomie-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:100% 12%;transform:translateX(3.1%)}}
@media (max-width:760px){html body.chakren-anatomie-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:100% 30%}}
@media (max-width:500px){html body.chakren-anatomie-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____){object-position:62% 30%}html body.chakren-anatomie-seite .seiten-intro .intro-textbereich:not(#_):not(#__){max-width:78%}html body.chakren-anatomie-seite .seiten-intro:not(#_):not(#__)::after{background:linear-gradient(90deg,rgba(var(--intro-weichzeichner),.96) 0%,rgba(var(--intro-weichzeichner),.9) 45%,rgba(var(--intro-weichzeichner),.45) 68%,rgba(var(--intro-weichzeichner),0) 88%)}}
@media (min-width:501px) and (max-width:760px){html body.chakren-anatomie-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){transform:translateX(5.5%)}}

/* Chakren Teil 2: Introbild von 1021 bis 1300 px wie bei 1020 px (Mann groß rechts), darüber volle Breite */
@media (min-width:1021px) and (max-width:1300px){html body.chakren-zwei-seite .seiten-intro .intro-bild:not(#_):not(#__):not(#___){left:auto;right:0;width:720px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}html body.chakren-zwei-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:80% 50%}}
/* Selbstliebe: Introbild Matratze */
@media (min-width:761px) and (max-width:1020px){html body.selbstliebe-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:88% 20%}}
/* Selbstliebe: Bild Bauch */
html body.selbstliebe-seite #ganzer-koerper .ueber-mich-profil-bild img:not(#_):not(#__):not(#___):not(#____){object-position:50% 40%}
/* Chakren Teil 5: Introbild Buch, Mann nach rechts */
html body.chakren-fuenf-seite .seiten-intro .intro-bild:not(#_):not(#__):not(#___){left:auto;right:0;width:64%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
html body.chakren-fuenf-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____){object-position:82% 25%}
@media (max-width:1020px){html body.chakren-fuenf-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____){object-position:64% 25%}}
/* Chakren Teil 4: Introbild Mann auf Liege */
html body.chakren-vier-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____){object-position:50% 0%}
@media (min-width:1021px) and (max-width:1300px){html body.chakren-vier-seite .seiten-intro .intro-bild:not(#_):not(#__):not(#___){left:auto;right:0;width:52%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}html body.chakren-vier-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____){object-position:88% 0%}}
@media (min-width:761px) and (max-width:1020px){html body.chakren-vier-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____){object-position:70% 0%}}
/* Chakren Teil 4: Bild Nacken */
html body.chakren-vier-seite #blockaden .ueber-mich-weg-bild img:not(#_):not(#__):not(#___):not(#____){object-position:45% 6%}
@media (max-width:760px){html body.chakren-vier-seite #blockaden .ueber-mich-weg-bild:not(#_):not(#__):not(#___){aspect-ratio:1/1}}
@media (max-width:500px){html body.chakren-vier-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____):not(#_____){object-position:62% 0%}html body.chakren-vier-seite .seiten-intro:not(#_):not(#__)::after{background:linear-gradient(90deg,rgba(var(--intro-weichzeichner),.96) 0%,rgba(var(--intro-weichzeichner),.9) 45%,rgba(var(--intro-weichzeichner),.45) 68%,rgba(var(--intro-weichzeichner),0) 88%)}}
/* Ausbildung: Gaststimme-Bild einspaltig, Kopf sichtbar */
@media (max-width:900px){html body .gaststimme-bild img[src*="ausbildung-stimmen"]:not(#_):not(#__):not(#___){object-position:60% 0%}}
@media (max-width:500px){html body.chakren-fuenf-seite .seiten-intro .intro-bild:not(#_):not(#__):not(#___):not(#____){width:62%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%);mask-image:linear-gradient(90deg,transparent 0,#000 25%)}html body.chakren-fuenf-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____):not(#_____){object-position:68% 15%}html body.chakren-fuenf-seite .seiten-intro .intro-textbereich:not(#_):not(#__){max-width:74%}html body.chakren-fuenf-seite .seiten-intro:not(#_):not(#__)::after{background:linear-gradient(90deg,rgba(var(--intro-weichzeichner),.96) 0%,rgba(var(--intro-weichzeichner),.9) 42%,rgba(var(--intro-weichzeichner),.35) 62%,rgba(var(--intro-weichzeichner),0) 80%)}}
@media (max-width:500px){html body.chakren-fuenf-seite .seiten-intro .intro-bild:not(#_):not(#__):not(#___)::before{background:linear-gradient(90deg,rgba(var(--intro-weichzeichner),.97) 0%,rgba(var(--intro-weichzeichner),.88) 20%,rgba(var(--intro-weichzeichner),.45) 38%,rgba(var(--intro-weichzeichner),0) 54%)}}
/* Chakren Teil 5: Schluss ohne Zusatzabstand oben */
html body.chakren-seite .praxis-schluss .chakra-schluss:not(#_):not(#__){margin-top:0;padding-top:0;border-top:0}
html body.chakren-seite .praxis-schluss .chakra-schluss > :first-child:not(#_):not(#__){margin-top:0}
/* Gutscheinkarte: AI-Hinweis (::after der Karte ist belegt) */
html body .gutschein-ki-hinweis:not(#_){position:absolute;right:10px;bottom:8px;z-index:4;font-family:"Manrope",sans-serif;font-size:10px;font-weight:400;line-height:1;letter-spacing:0.05em;color:rgba(255,255,255,0.72);pointer-events:none}
/* Selbstliebe: Schluss-Section wie Namaste */
html body.selbstliebe-seite .selbstliebe-schluss .chakra-schluss:not(#_):not(#__){margin-top:0;padding-top:0;border-top:0}
html body.selbstliebe-seite .selbstliebe-schluss .chakra-schluss > :first-child:not(#_):not(#__){margin-top:0}
html body.selbstliebe-seite .selbstliebe-schluss .chakra-schluss > :last-child:not(#_):not(#__){margin-bottom:0}
/* Blogkacheln = Introbilder: Ausschnitt */
html body :is(.blog-kachel[href*="selbstliebe"],.blog-kachel:has(a[href*="selbstliebe"])) .blog-kachel-bild img:not(#_):not(#__):not(#___){object-position:80% 25%}
html body :is(.blog-kachel[href*="osho"],.blog-kachel:has(a[href*="osho"])) .blog-kachel-bild img:not(#_):not(#__):not(#___){object-position:68% 30%}
html body :is(.blog-kachel[href*="/blog/chakren/"],.blog-kachel:has(a[href="/blog/chakren/"])) .blog-kachel-bild img:not(#_):not(#__):not(#___){object-position:62% 20%}
/* ============================================================
   Allgemeine Regel: Links im Fließtext (alle Seiten)
   Ruhe: Linkfarbe der Palette, feiner Unterstrich mit Abstand wie bei .textlink (≈4px)
   Hover/Fokus: Hover-Farbe, Unterstrich kräftiger und satt
   ============================================================ */
html body main :is(p,li,dd) a:not(.textlink):not(.button):not(.telefon-link):not(.quelle-verweis a):not(#_):not(#__):not(#___){color:var(--textlink-farbe);font-weight:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:0.3em;text-decoration-skip-ink:auto;transition:color 200ms ease,text-decoration-color 200ms ease,text-decoration-thickness 200ms ease}
html body main :is(p,li,dd) a:not(.textlink):not(.button):not(.telefon-link):not(.quelle-verweis a):is(:hover,:focus-visible):not(#_):not(#__):not(#___){color:var(--textlink-hover);text-decoration-color:currentColor;text-decoration-thickness:2px}
/* Stufen-Kontrast verstaerkt: stufe-hell deutlich dunkler als stufe-heller (alle Paletten) */
html body .farbwelt-gold.stufe-hell:not(#_):not(#__){--section-hintergrund:#f7e9cf}
html body .farbwelt-kupfer.stufe-hell:not(#_):not(#__){--section-hintergrund:#f5e2d5}
html body .farbwelt-cognac.stufe-hell:not(#_):not(#__){--section-hintergrund:#f0e3cf}
html body .farbwelt-salbei.stufe-hell:not(#_):not(#__){--section-hintergrund:#ebefe5}
html body .farbwelt-aubergine.stufe-hell:not(#_):not(#__){--section-hintergrund:#f2e6e1}
html body .farbwelt-sand.stufe-hell:not(#_):not(#__){--section-hintergrund:#ece8df}
/* Startseite: "Haltung" klar dunkler als "Deine Zeit bei mir" */
html body #haltung.farbwelt-cognac:not(#_):not(#__){--section-hintergrund:#f0e3cf}
/* E-Book: Introbild = Coverfoto (Hochformat), rechts mit weichem Übergang */
@media (min-width:801px){html body.ebookseite .seiten-intro .intro-bild:not(#_):not(#__):not(#___){left:auto;right:0;width:min(52%,760px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}html body.ebookseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:62% 40%}}
@media (max-width:800px){html body.ebookseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:72% 30%}}
@media (max-width:500px){html body.ebookseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____){object-position:85% 30%}}
/* Intro-H1 auf dem Handy immer größer als die H2 der Abschnitte */
@media (max-width:760px){html body main .seiten-intro h1:not(#_):not(#__):not(#___){font-size:clamp(44px,12vw,60px);line-height:1.04}}
/* Keine Trennlinien zwischen Sections (Farbwechsel trennt) */
html body .angebotsseite .angebotsbereich:not(#_):not(#__), html body.angebotsseite section.angebotsbereich:not(#_):not(#__){border-top:0}
/* Handy: Kopfleiste behält beim Scrollen ihre Höhe (kein Nachrutschen), Hintergrund blendet sofort ein */
@media (max-width:760px){html body .seitenkopf.is-scrolled .header-inner:not(#_):not(#__){min-height:94px}html body .seitenkopf.is-scrolled .brand img:not(#_):not(#__){height:50px}html body .seitenkopf:not(#_):not(#__){transition:background 120ms ease,box-shadow 120ms ease,border-color 120ms ease}}
/* ============================================================
   Startseite Handy (bis 760px): Intro füllt den ganzen Bildschirm,
   alle Schriften im Intro größer als in den folgenden Sections
   (Sections: H2 40–42px, Fließtext 16px, Überzeile 12px)
   ============================================================ */
@media (max-width:760px){
  html body .seiten-intro#start:not(#_):not(#__){min-height:100svh;padding-top:0}
  html body .seiten-intro#start .intro-bild:not(#_):not(#__):not(#___){position:absolute;inset:0;top:0;height:100%}
  html body .seiten-intro#start .intro-bild img:not(#_):not(#__):not(#___){width:100%;height:100%;object-fit:cover}
  html body .seiten-intro#start .intro-innenbereich:not(#_):not(#__):not(#___){min-height:100svh;display:flex;align-items:flex-end}
  html body .seiten-intro#start .intro-textbereich:not(#_):not(#__):not(#___){padding:calc(var(--header-hoehe,95px) + 32px) 0 48px}
  html body .seiten-intro#start .ueberzeile:not(#_):not(#__):not(#___){font-size:13px;letter-spacing:.16em}
  html body .seiten-intro#start h1:not(#_):not(#__):not(#___):not(#____){font-size:clamp(50px,13.5vw,64px);line-height:1.02}
  html body .seiten-intro#start .intro-einleitung:not(#_):not(#__):not(#___){font-size:clamp(22px,6vw,26px);line-height:1.3;max-width:13em}
  html body .seiten-intro#start .button:not(#_):not(#__):not(#___){font-size:16px;padding:16px 28px}
}
@media (max-width:760px){html body .seiten-intro#start:not(#_):not(#__)::after{background:linear-gradient(90deg,rgba(255,250,240,.94) 0%,rgba(255,250,240,.82) 48%,rgba(255,250,240,.25) 78%,rgba(255,250,240,0) 100%),linear-gradient(0deg,rgba(255,250,240,.55) 0%,rgba(255,250,240,0) 55%)}}
/* Startseite Handy: Text nimmt das ganze Intro ein (oben beginnend, verteilt) */
@media (max-width:760px){
  html body .seiten-intro#start .intro-innenbereich:not(#_):not(#__):not(#___):not(#____){align-items:stretch}
  html body .seiten-intro#start .intro-textbereich:not(#_):not(#__):not(#___):not(#____){display:flex;flex-direction:column;justify-content:space-evenly;min-height:100svh;padding:calc(var(--header-hoehe,95px) + 8px) 0 40px}
  html body .seiten-intro#start .intro-textbereich > *:not(#_):not(#__):not(#___){margin-top:0;margin-bottom:0}
  html body .seiten-intro#start h1:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:clamp(54px,15vw,72px);line-height:1}
  html body .seiten-intro#start .intro-einleitung:not(#_):not(#__):not(#___):not(#____){font-size:clamp(24px,6.8vw,30px);line-height:1.3;max-width:12em}
  html body .seiten-intro#start .ueberzeile:not(#_):not(#__):not(#___):not(#____){font-size:14px}
  html body .seiten-intro#start .button:not(#_):not(#__):not(#___):not(#____){font-size:17px;padding:18px 32px}
}
/* ============================================================
   Allgemeine Regel: Textlinks mit Pfeil (alle Seiten)
   Abstand Text → Pfeil immer 6px, beim Hover 8px (+ Pfeil 2px nach rechts)
   ============================================================ */
html body :is(.textlink,.text-link,.footer-ebook-link):not(#_):not(#__):not(#___){display:inline-flex;align-items:center;gap:6px}
html body :is(.textlink,.text-link,.footer-ebook-link):is(:hover,:focus-visible):not(#_):not(#__):not(#___){gap:8px}
html body :is(.textlink,.text-link,.footer-ebook-link) span[aria-hidden="true"]:not(#_):not(#__){margin:0;transition:transform 180ms ease}
html body :is(.textlink,.text-link,.footer-ebook-link):is(:hover,:focus-visible) span[aria-hidden="true"]:not(#_):not(#__){transform:translateX(2px)}
html body .blog-kachel:is(:hover,:focus-visible) .textlink:not(#_):not(#__):not(#___){gap:8px}
html body :is(.textlink,.text-link,.footer-ebook-link):not(#_):not(#__):not(#___):not(#____){display:inline-block;width:fit-content;max-width:100%}
html body :is(.textlink,.text-link,.footer-ebook-link) span[aria-hidden="true"]:not(#_):not(#__):not(#___){display:inline-block;margin-left:var(--pfeil-abstand,2px);white-space:nowrap}
html body :is(.textlink,.text-link,.footer-ebook-link):is(:hover,:focus-visible) span[aria-hidden="true"]:not(#_):not(#__):not(#___){transform:translateX(3px)}
html body :is(.textlink,.text-link,.footer-ebook-link) span[aria-hidden="true"]:not(#_):not(#__):not(#___):not(#____){display:inline;position:relative;left:0;margin-left:6px;transform:none;transition:left 180ms ease}
html body :is(.textlink,.text-link,.footer-ebook-link):is(:hover,:focus-visible) span[aria-hidden="true"]:not(#_):not(#__):not(#___):not(#____){left:3px;transform:none}
html body .blog-kachel:is(:hover,:focus-visible) .textlink span[aria-hidden="true"]:not(#_):not(#__):not(#___):not(#____){left:3px}
/* ============================================================
   Allgemeine Regel: zarte Trennlinie zwischen Inhalts-Sections (alle Seiten)
   nicht unter dem Intro, nicht vor dem Kontaktbereich
   ============================================================ */
html body main section.section-grundaufbau:not(.kontakt-bereich):not([class*="farbschema-salbei"]):not(#_):not(#__){border-top:1px solid rgba(95,72,25,.10)}
html body main .seiten-intro + section.section-grundaufbau:not(#_):not(#__):not(#___),
html body main section.section-grundaufbau:first-of-type:not(#_):not(#__):not(#___){border-top:0}
/* Startseite: "Stimme eines Gastes" – Aubergine-Zwischenton (zwischen heller und hell) */
html body .gaststimme-bereich.farbwelt-aubergine:not(.stufe-hell):not(#_):not(#__){--section-hintergrund:#f6ede9}
/* Startseite "Was Männer bewegt": Abstand Kopfbereich → Kacheln wie in allen Sections (52px), bis 1020px */
@media (max-width:1020px){html body .themenwelten-grid:not(#_):not(#__){row-gap:52px}}

/* Textlinks: Linie folgt dem Text, nie breiter als der Text */
html body :is(.textlink,.text-link,.footer-ebook-link):not(#_):not(#__):not(#___){border-bottom:0;padding-bottom:5px;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-skip-ink:none}
html body :is(.textlink,.text-link,.footer-ebook-link) span[aria-hidden="true"]:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-left:0}
html body :is(.textlink,.text-link,.footer-ebook-link) span[aria-hidden="true"]:not(#_):not(#__)::before{content:"\00a0";word-spacing:0}
/* Footer-Navigation: Unterstrich näher am Text */
html body :is(.footer-navigation,.footer-legal) a:not(#_):not(#__)::after{bottom:12px}
@media (max-width:760px){html body :is(.footer-navigation,.footer-legal) a:not(#_):not(#__)::after{bottom:8px}}
/* Zitatzeichen: einheitliche Form und gleicher Abstand zum Text */
html body :is(.gaststimme-zitat,.erfahrungs-kachel,.artikel-zitat,.stimmen-kachel,.haltung-zitat blockquote,.chakra-zitatband):not(#_):not(#__):not(#___)::before{display:block;height:28px;margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:64px;font-weight:400;line-height:64px;overflow:visible;margin-bottom:21px}
html body .chakra-zitatband:not(#_):not(#__):not(#___)::before{height:40px;font-size:96px;line-height:96px}
html body .maenner-zitat .chakra-zitatband:not(#_):not(#__):not(#___)::before{margin:0 auto}
html body :is(#danke-bereich,.kontakt-formularbereich,#form-success-message):not(#_){scroll-margin-top:calc(var(--header-hoehe,95px) + 24px)}
/* Startseite Handy-Intro: Feinschliff */
@media (max-width:760px){
 html body .seiten-intro#start .ueberzeile:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:12px}
 html body .seiten-intro#start .button:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:14px;padding:0 22px}
 html body .seiten-intro#start .intro-buttons:not(#_):not(#__):not(#___):not(#____){margin-top:36px}
 html body .seiten-intro#start h1:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){line-height:.92}
 html body .seiten-intro#start:not(#_):not(#__):not(#___)::after{background:linear-gradient(90deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.9) 50%,rgba(255,250,240,.45) 80%,rgba(255,250,240,.1) 100%),linear-gradient(0deg,rgba(255,250,240,.6) 0%,rgba(255,250,240,0) 55%)}}
/* Pfeil-Bewegung ohne Lücke im Unterstrich: Abstand wächst statt Verschieben */
html body :is(.textlink,.text-link,.footer-ebook-link) span[aria-hidden="true"]:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){left:0!important;transform:none!important}
html body :is(.textlink,.text-link,.footer-ebook-link) span[aria-hidden="true"]:not(#_):not(#__):not(#___)::before{letter-spacing:0;transition:letter-spacing 180ms ease}
html body :is(.textlink,.text-link,.footer-ebook-link):is(:hover,:focus-visible) span[aria-hidden="true"]:not(#_):not(#__):not(#___)::before,
html body .blog-kachel:is(:hover,:focus-visible) .textlink span[aria-hidden="true"]:not(#_):not(#__):not(#___)::before{letter-spacing:3px}
/* Kontaktkachel nach dem Absenden nur so groß wie die Danke-Meldung */
html body .kontakt-formularbereich.ist-gesendet:not(#_):not(#__){height:auto;min-height:0!important;align-self:start}
html body .kontakt-formularbereich:has(#danke-bereich:not([hidden])) #formular-paket:not(#_):not(#__){display:none}
html body .kontakt-formularbereich:has(#danke-bereich:not([hidden])):not(#_):not(#__){height:auto;min-height:0;align-self:start}
/* Footer-Navigation: Link-Box nie höher als der Text, damit der Strich direkt unter dem Wort sitzt */
html body :is(.footer-navigation,.footer-legal) a:not(#_):not(#__){align-self:start;justify-self:start;height:auto}

/* REGEL Handy-Intro (alle Seiten mit Intro-Bild): Bild füllt den ganzen Bildschirm,
   Kopfleiste oben durchsichtig, Text über die ganze Höhe verteilt (wie Startseite) */
@media (max-width:760px){
 html body:has(.seiten-intro > .intro-bild) .seitenkopf:not(.is-scrolled):not(#_):not(#__):not(#___){background:transparent;box-shadow:none;border-color:transparent}
 html body .seiten-intro:has(> .intro-bild):not(#_):not(#__):not(#___):not(#____){min-height:100svh;padding-top:0;padding-bottom:0}
 html body .seiten-intro:has(> .intro-bild) > .intro-bild:not(#_):not(#__):not(#___):not(#____){position:absolute;inset:0;top:0;width:100%;height:100%;margin:0}
 html body .seiten-intro:has(> .intro-bild) > .intro-bild img:not(#_):not(#__):not(#___):not(#____){width:100%;height:100%;object-fit:cover}
 html body .seiten-intro:has(> .intro-bild) .intro-innenbereich:not(#_):not(#__):not(#___):not(#____){min-height:100svh;display:flex;align-items:stretch}
 html body .seiten-intro:has(> .intro-bild) .intro-textbereich:not(#_):not(#__):not(#___):not(#____){display:flex;flex-direction:column;justify-content:space-evenly;min-height:100svh;padding:calc(var(--header-hoehe,95px) + 8px) 0 40px}
 html body .seiten-intro:has(> .intro-bild) .intro-textbereich > *:not(#_):not(#__):not(#___):not(#____){margin-top:0;margin-bottom:0}
 html body .seiten-intro:has(> .intro-bild) .ueberzeile:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:12px}
 html body .seiten-intro:has(> .intro-bild) h1:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){font-size:clamp(54px,15vw,72px);line-height:.92}
 html body .seiten-intro:has(> .intro-bild) .intro-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:clamp(24px,6.8vw,30px);line-height:1.3;max-width:12em}
 html body .seiten-intro:has(> .intro-bild) .intro-buttons:not(#_):not(#__):not(#___):not(#____){margin-top:36px}
}
/* Handy-Intro: heller Schleier hinter der Schrift, in der Farbe der jeweiligen Seite */
@media (max-width:760px){
 html body .seiten-intro > .intro-bild:not(#_):not(#__):not(#___):not(#____)::before{background:linear-gradient(90deg,rgba(var(--intro-weichzeichner,255,250,240),.97) 0%,rgba(var(--intro-weichzeichner,255,250,240),.92) 45%,rgba(var(--intro-weichzeichner,255,250,240),.62) 72%,rgba(var(--intro-weichzeichner,255,250,240),.22) 100%)}
}
/* REGEL Handy-Intro: Textbreite begrenzen (alle Intros) */
@media (max-width:760px){
 html body .seiten-intro .intro-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){max-width:min(11em,270px)}
 html body .seiten-intro .intro-text:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){max-width:300px}
}
/* Kopfleiste beim Scrollen leicht durchscheinend (Inhalt schimmert dezent durch) */
html body .seitenkopf.is-scrolled:not(#_):not(#__):not(#___){background:rgba(255,250,240,.86);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}
html body:has(.seiten-intro[class*="farbwelt-"]) .seitenkopf.is-scrolled:not(#_):not(#__):not(#___){background:color-mix(in srgb,var(--kopf-hintergrund) 86%,transparent)}
@media (max-width:760px){html body:has(.seiten-intro > .intro-bild) .seitenkopf:not(.is-scrolled):not(#_):not(#__):not(#___){-webkit-backdrop-filter:none;backdrop-filter:none}}
/* H1 im Handy-Intro: Zeilenabstand so, dass sich Unter- und Oberlängen nicht berühren */
@media (max-width:760px){html body .seiten-intro h1:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______){line-height:1.08}}
/* Handy-Intro: Bild auf die GROSSE Bildschirmhöhe (lvh), damit beim Ausblenden der Browserleiste
   unten kein Streifen des nächsten Abschnitts sichtbar wird. Text bleibt im sichtbaren Bereich (svh). */
@media (max-width:760px){
 html body .seiten-intro:has(> .intro-bild):not(#_):not(#__):not(#___):not(#____):not(#_____){min-height:100vh;min-height:100lvh}
 html body .seiten-intro:has(> .intro-bild) .intro-innenbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){min-height:100vh;min-height:100lvh;align-items:flex-start}
 html body .seiten-intro:has(> .intro-bild) .intro-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){min-height:100vh;min-height:100svh}
}
/* Kopfleiste beim Scrollen: deutlicher durchscheinend */
html body .seitenkopf.is-scrolled:not(#_):not(#__):not(#___):not(#____){background:rgba(255,250,240,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body:has(.seiten-intro[class*="farbwelt-"]) .seitenkopf.is-scrolled:not(#_):not(#__):not(#___):not(#____){background:color-mix(in srgb,var(--kopf-hintergrund) 72%,transparent)}
/* REGEL Handy-Intro: Kicker 10px nach oben, Einleitung 10px nach unten (ohne übrige Elemente zu verschieben) */
@media (max-width:760px){
 html body .seiten-intro .intro-textbereich > .ueberzeile:not(#_):not(#__):not(#___):not(#____):not(#_____){position:relative;top:-10px}
 html body .seiten-intro .intro-textbereich > .intro-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){position:relative;top:10px}
}
/* Terminseite: Sprungziele der Kalenderkacheln unter der Kopfleiste */
html body .termin-kalender-kachel[id]:not(#_){scroll-margin-top:calc(var(--header-hoehe,95px) + 20px)}
/* REGEL Tabellen "Auf einen Blick": überall gleiche Schrift und gleiches Design (wie Angebotsseite) */
html body :is(.rahmen-liste,.ratenzahlung-preise):not(.ueber-mich-fakten):not(#_):not(#__){display:block;margin:0;border-top:0}
html body :is(.rahmen-liste,.ratenzahlung-preise):not(.ueber-mich-fakten) > div:not(#_):not(#__){display:block;padding:10px 0;border-top:1px solid var(--line);border-bottom:0}
html body .ratenzahlung-preise dt:not(#_):not(#__){margin:0;color:var(--textlink-farbe);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
html body .ratenzahlung-preise dd:not(#_):not(#__){margin:2px 0 0;color:var(--ink);font-size:14px;line-height:1.45}
/* Tabellen "Auf einen Blick": Werte 16px, damit der Text gewichtiger ist als Textlinks */
html body :is(.rahmen-liste,.ratenzahlung-preise):not(.ueber-mich-fakten) dd:not(#_):not(#__):not(#___){font-size:16px;line-height:1.5}
/* Zitat-Kacheln: auf Handy und Tablet (einspaltig) nicht fixieren, normal mitscrollen */
@media (max-width:1020px){html body :is(.haltung-zitat,.ueber-mich-leitgedanke,.namaste-karte):not(#_):not(#__):not(#___):not(#____){position:relative;top:auto}}
/* Über mich: Fortsetzung nach der kurzen Einleitung */
html body .ueber-mich-weg-fortsetzung:not(#_){margin:0 0 36px}
/* REGEL Aufhellung links oben in jeder Sektion: feste Lage und Größe, unabhängig von der Sektionshöhe
   (vorher in % der Höhe: bei langen Sektionen rutschte sie weit nach unten und war am Übergang nicht sichtbar) */
html body main section.section-grundaufbau:not(#_):not(#__){background:radial-gradient(circle clamp(440px,46vw,640px) at 12% 110px, var(--section-aufhellung), transparent),var(--section-hintergrund)}
/* Über mich, Mein Weg (Handy): Foto erst nach dem ersten Fließtextabsatz */
@media (max-width:760px){
 html body .ueber-mich-weg-text > :is(.ueberzeile,h2,.section-einleitung,.ueber-mich-weg-fortsetzung):not(#_):not(#__){order:1}
 html body .ueber-mich-weg .ueber-mich-weg-bild:not(#_):not(#__){order:2}
 html body .ueber-mich-weg-text > .inhalts-textbereich:not(#_):not(#__){order:3}
}
html body .ueber-mich-weg-fortsetzung:not(#_):not(#__){margin:24px 0 36px}
/* Gäste-Zitate: mehrere Absätze sichtbar trennen */
html body .gaststimme-zitat p + p:not(#_):not(#__){margin-top:1em}
/* Google-Rezension: Hinweis-Kachel mit derselben Kachelfarbe wie die übrigen Kacheln */
html body .rezension-hinweis.kachel:not(#_):not(#__){background:var(--kachel-hintergrund,#fdf9f6)}
/* FAQ-Suche: Platzhalter nie hart abschneiden */
html body #faq-suchbegriff:not(#_)::placeholder{text-overflow:ellipsis}
/* FAQ-Suche Handy: Platzhalter kleiner, Feld mit etwas weniger Innenabstand, damit der Text vollständig lesbar ist */
@media (max-width:600px){
 html body .faq-suchfeld:not(#_):not(#__){gap:8px;padding:0 12px}
 html body .faq-suchfeld input:not(#_):not(#__)::placeholder{font-size:14px;letter-spacing:0}
}
/* REGEL Einleitung unter H2: kursiv in der Schrift der Überschriften (wie Chakren-Serie) */
html body main .section-einleitung:not(#_):not(#__):not(#___):not(#____){font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(24px,2.2vw,30px);line-height:1.35;letter-spacing:0;color:var(--ink)}
/* Fortsetzung einer gekürzten Einleitung: normaler Fließtext direkt darunter */
html body main .einleitung-fortsetzung:not(#_):not(#__){margin:20px 0 0;font-family:"Manrope",system-ui,sans-serif;font-style:normal;font-size:inherit;line-height:1.72;color:var(--ink-soft)}
html body main .einleitung-fortsetzung + .einleitung-fortsetzung:not(#_):not(#__){margin-top:1em}
/* H1 im Intro: lange Wörter nie über den Rand hinaus */
html body .seiten-intro h1:not(#_):not(#__){overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
/* Blog-Intro: Autor/Datum-Zeile hängt fest am Text darüber (gleicher Abstand auf allen Artikeln) */
html body .seiten-intro .intro-gruppe:not(#_):not(#__){display:block}
html body .seiten-intro .intro-gruppe > .intro-einleitung:not(#_):not(#__):not(#___){margin-bottom:0}
html body .seiten-intro .intro-gruppe > .intro-text:not(#_):not(#__):not(#___){margin-bottom:0}
html body .seiten-intro .intro-gruppe > .intro-zusatz:not(#_):not(#__):not(#___){margin-top:40px;margin-bottom:0}
@media (max-width:760px){html body .seiten-intro .intro-gruppe:not(#_):not(#__):not(#___){position:relative;top:10px}}
/* Ausnahme: Hinweis über den Quellen bleibt normaler Text, nicht kursiv */
html body main .section-einleitung.quellen-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){font-family:"Manrope",system-ui,sans-serif;font-style:normal;font-size:18px;line-height:1.7;color:var(--ink-soft)}
/* Chakren Teil 3 und 5: keine Sonderbreite im Handy-Intro mehr, es gilt die allgemeine Regel wie in Teil 1, 2 und 4 */
@media (max-width:760px){html body:is(.chakren-anatomie-seite,.chakren-fuenf-seite) .seiten-intro .intro-textbereich:not(#_):not(#__):not(#___){max-width:none}}
/* Handy-Intro: gleicher Seitenrand (20px) auf allen Seiten wie auf der Startseite */
@media (max-width:760px){html body .seiten-intro .intro-innenbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){width:calc(100% - 40px);margin-left:auto;margin-right:auto}}
/* Selbstliebe, Handy: Bildausschnitt so, dass das Gesicht sichtbar ist */
@media (max-width:760px){html body.selbstliebe-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____):not(#_____){object-position:82% 15%}}
/* VERSUCH: Aufhellung links oben deutlich stärker */
html body main section.section-grundaufbau:not(#_):not(#__):not(#___){background:radial-gradient(circle clamp(520px,70vw,820px) at 10% 90px, rgba(255,255,252,.96), rgba(255,255,252,.55) 45%, transparent),var(--section-hintergrund)}
/* REGEL Aufhellung am Übergang: helle Stelle links genau auf der Grenze zwischen zwei Sektionen
   (unteres Ende der oberen + Anfang der unteren Sektion ergeben zusammen einen Lichtfleck) */
html body main section.section-grundaufbau:not(#_):not(#__):not(#___):not(#____){background:
 radial-gradient(circle clamp(420px,62vw,760px) at 10% 0, rgba(255,255,252,.95), rgba(255,255,252,.5) 45%, transparent),
 radial-gradient(circle clamp(420px,62vw,760px) at 10% 100%, rgba(255,255,252,.95), rgba(255,255,252,.5) 45%, transparent),
 var(--section-hintergrund)}
/* Abstände Einleitung: H2 → Einleitung bleibt, Einleitung → direkt folgender Fließtext 32px; als erster Absatz im Textblock ohne Zusatzabstand */
html body main .section-einleitung + .einleitung-fortsetzung:not(#_):not(#__):not(#___){margin-top:32px}
html body main .inhalts-textbereich > .einleitung-fortsetzung:first-child:not(#_):not(#__):not(#___){margin-top:0;margin-bottom:1.1em}
/* Namaste-Karte: Begriffe nicht fett, sondern kursiv in der Überschriftenschrift */
html body.namaste-seite .namaste-karte .rahmen-liste dt:not(#_):not(#__):not(#___){font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:400;font-size:21px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--ink)}
/* Einleitungen: Silbentrennung erlauben, aber nur bei langen Wörtern (ab 10 Zeichen, mind. 4 vor/nach dem Strich) */
html body :is(.intro-einleitung,.section-einleitung):not(#_):not(#__){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4}
/* Google-Rezension: Intro-Textbereich auf dem Desktop gleich breit wie auf allen anderen Seiten */
@media (min-width:761px){html body.rezensionsseite .seiten-intro .intro-textbereich:not(#_):not(#__){width:min(640px,54%)}
}
@media (min-width:1021px){html body.rezensionsseite .seiten-intro .intro-textbereich .intro-einleitung:not(#_):not(#__){max-width:none}}
@media (min-width:1280px){html body.rezensionsseite .seiten-intro .intro-textbereich .intro-einleitung:not(#_):not(#__):not(#___){max-width:640px}}
/* H1 im Intro: keine Silbentrennung (gilt nur für Einleitungen); stattdessen etwas kleinere Schrift auf schmalen Handys, damit lange Wörter passen */
html body .seiten-intro h1:not(#_):not(#__):not(#___){hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
@media (max-width:760px){html body .seiten-intro h1:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______){font-size:clamp(44px,14vw,72px)}}
/* Impressum/Datenschutz: lange Wörter in Zwischenüberschriften nie über den Rand */
html body :is(.impressumsseite,.datenschutzseite) main :is(h2,h3):not(#_):not(#__){overflow-wrap:break-word}
@media (max-width:760px){html body :is(.impressumsseite,.datenschutzseite) main h3:not(#_):not(#__):not(#___){font-size:clamp(22px,7vw,28px)}}
/* Schweiz-Startseite: Preisbereich (Text links, Preiskachel rechts) */
.ch-preise-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:clamp(40px,7vw,96px);align-items:start}
@media (max-width:900px){.ch-preise-grid{grid-template-columns:1fr}}
.ch-preise-grid .rahmen-kachel .button{margin-top:22px}
/* Fortsetzung der Einleitung: Abstand zum nächsten Absatz wie zwischen normalen Absätzen */
html body main .einleitung-fortsetzung + :is(p,.fliesstext):not(#_):not(#__):not(#___){margin-top:1.1em}
/* Schweiz-Startseite: Bildausschnitt im Intro */
html body.schweiz-startseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____):not(#_____){object-position:62% 40%}
/* Schweiz-Startseite, grosse Bildschirme: Bild rechts, weich nach links ausblendend, damit die Männer neben dem Text stehen */
@media (min-width:1021px){
 html body.schweiz-startseite .seiten-intro .intro-bild:not(#_):not(#__):not(#___):not(#____){left:auto;right:0;width:62%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
 html body.schweiz-startseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){object-position:55% 40%}
}
/* Neue Porträts: Gesicht im Ausschnitt halten */
html body .begruessung-portrait img:not(#_):not(#__){object-position:50% 22%}
html body.ueber-mich-seite .ueber-mich-weg-bild img:not(#_):not(#__){object-position:50% 25%}
/* Über mich, Intro: Hochformat-Porträt. Desktop: rechts, weich nach links ausblendend. Handy: Gesicht oben rechts im Bild */
@media (min-width:761px){
 html body.ueber-mich-seite .seiten-intro .intro-bild:not(#_):not(#__):not(#___):not(#____){left:auto;right:0;width:52%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
 html body.ueber-mich-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){object-position:50% 22%}
}
@media (max-width:760px){html body.ueber-mich-seite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){object-position:4% 0%}}
html body.ueber-mich-seite .ueber-mich-profil-bild img:not(#_):not(#__){object-position:50% 20%}
/* Über mich, „Mein Leben in Stationen“: Tabellentext kleiner */
html body .ueber-mich-fakten.rahmen-liste dd:not(#_):not(#__):not(#___){font-size:15px;line-height:1.55}

/* Termin: Porträt neben „Was passt für dich?“ */
html body .termin-wege-layout:not(#_):not(#__){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"bild kopf" "bild wege";column-gap:clamp(40px,6vw,96px);row-gap:28px;align-items:start}
html body .termin-wege-layout .termin-portrait:not(#_):not(#__){grid-area:bild;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-large) 0 var(--radius-large) 0;box-shadow:var(--shadow-soft)}
html body .termin-wege-layout .termin-portrait img:not(#_):not(#__){width:100%;height:100%;object-fit:cover;object-position:40% 20%;display:block}
html body .termin-wege-layout .termin-wege-kopf:not(#_):not(#__){grid-area:kopf;margin:0;align-self:end}
html body .termin-wege-layout .termin-wege-grid:not(#_):not(#__){grid-area:wege;grid-template-columns:1fr;margin:0}
@media (max-width:860px){
  html body .termin-wege-layout:not(#_):not(#__){grid-template-columns:1fr;grid-template-areas:"kopf" "bild" "wege"}
  html body .termin-wege-layout .termin-portrait:not(#_):not(#__){aspect-ratio:4/5;max-width:440px;width:100%}
}

/* Einheitlicher Abstand: Einleitung → direkt folgender Fließtext immer 32px */
html body .section-einleitung:not(#_):not(#__):not(#___):not(#____):has(+ :is(p,.inhalts-textbereich)){margin-bottom:0}
html body .section-einleitung + :is(p,.inhalts-textbereich):not(#_):not(#__):not(#___):not(#____){margin-top:32px}

/* REGEL: Zwischen allen Sections (außer direkt nach dem Intro) steht eine dünne Trennlinie, auch vor dem Kontaktbereich. */
html body main section.section-grundaufbau.kontakt-bereich:not(:first-of-type):not(#_):not(#__):not(#___){border-top:1px solid rgba(95,72,25,.10)}
/* Handy: Ablauf-Liste ("Ankommen / Eintauchen / Nachspüren") ohne Linie direkt unter dem Bild und ohne Zusatzabstand am Section-Ende */
@media (max-width:760px){
  html body .ablauf-textbereich > .ablauf-textbereich-artikel:not(.ablauf-textbereich-artikel ~ .ablauf-textbereich-artikel):not(#_):not(#__):not(#___){border-top:0}
  html body .ablauf-textbereich > .ablauf-textbereich-artikel:last-of-type:not(#_):not(#__):not(#___){padding-bottom:0}
}

/* Kontaktformular: freiwillige Einwilligung Telegram-Link */
html body .formular-einwilligung:not(#_):not(#__){margin-top:22px}
html body .formular-einwilligung .einwilligung-label:not(#_):not(#__){display:flex;gap:12px;align-items:flex-start;margin:0;color:var(--ink);font-size:14px;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none;cursor:pointer}
html body .formular-einwilligung input[type=checkbox]:not(#_):not(#__){flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--terracotta-deep);border:0}

html body .formular-einwilligung .einwilligung-label a:not(#_):not(#__){color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

html body .gespraech-liste:not(#_):not(#__){padding-left:1.2em}
html body .gespraech-liste li:not(#_):not(#__){margin-bottom:.5em}

/* Gesprächsseite: Sections abwechselnd gespiegelt (Desktop) */
@media (min-width:901px){
  html body.gespraechsseite .ch-preise-grid.gespiegelt:not(#_):not(#__):not(#___){grid-template-columns:minmax(0,440fr) minmax(0,709fr)}
  html body.gespraechsseite .ch-preise-grid.gespiegelt > header:not(#_):not(#__):not(#___){grid-column:2;grid-row:1}
  html body.gespraechsseite .ch-preise-grid.gespiegelt > aside:not(#_):not(#__):not(#___){grid-column:1;grid-row:1}
  html body.gespraechsseite .ueber-mich-weg-grid.gespiegelt:not(#_):not(#__):not(#___){grid-template-columns:minmax(0,693fr) minmax(0,443fr)}
  html body.gespraechsseite .ueber-mich-weg-grid.gespiegelt > figure:not(#_):not(#__):not(#___){grid-column:2;grid-row:1}
  html body.gespraechsseite .ueber-mich-weg-grid.gespiegelt > div:not(#_):not(#__):not(#___){grid-column:1;grid-row:1}
}


/* REGEL: Fliesstext ueberall gleich gross (Desktop 17px, Handy 16px, Zeilenhoehe 1.72), auch Einleitungs-Fortsetzung und Telegram-Text */
/* REGEL: Seitenrand ab Tablet/Laptop breiter (32–64px statt 20px), Handy bleibt 20px */
@media (min-width:761px){
  :root{--seitenrand:clamp(32px,4vw,64px)}
  html body .section-grundaufbau:not(#_):not(#__):not(#___):not(#____):not(#_____){padding-left:var(--seitenrand);padding-right:var(--seitenrand)}
  html body .header-inner:not(#_):not(#__):not(#___):not(#____):not(#_____){width:min(var(--content),calc(100% - 2*var(--seitenrand)))}
  html body .seiten-intro .intro-innenbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){width:min(var(--content),calc(100% - 2*var(--seitenrand)))}
  html body :is(.footer-navigation,.footer-legal):not(#_):not(#__):not(#___):not(#____):not(#_____){padding-left:var(--seitenrand);padding-right:var(--seitenrand)}
}

/* REGEL: Kacheln sind immer heller als ihre Section, im Ton der Farbpalette (Section-Hintergrund zur Hälfte aufgehellt) */
html body main section.farbwelt-gold:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fcf6eb}
html body main section.farbwelt-gold.stufe-hell:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fcf6eb}
html body main section.farbwelt-gold.stufe-heller:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fefaf4}
html body main section.farbwelt-kupfer:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#faf1ec}
html body main section.farbwelt-kupfer.stufe-hell:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#faf1ec}
html body main section.farbwelt-kupfer.stufe-heller:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fdf8f4}
html body main section.farbwelt-cognac:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f8f1e8}
html body main section.farbwelt-cognac.stufe-hell:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f8f1e8}
html body main section.farbwelt-cognac.stufe-heller:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fcf8f2}
html body main section.farbwelt-salbei:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f6f8f4}
html body main section.farbwelt-salbei.stufe-hell:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f6f8f4}
html body main section.farbwelt-salbei.stufe-heller:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fafaf8}
html body main section.farbwelt-aubergine:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f9f4f5}
html body main section.farbwelt-aubergine.stufe-hell:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f9f4f5}
html body main section.farbwelt-aubergine.stufe-heller:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fcf9f8}
html body main section.farbwelt-sand:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f8f7f4}
html body main section.farbwelt-sand.stufe-hell:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#f8f7f4}
html body main section.farbwelt-sand.stufe-heller:not(#_):not(#__):not(#___):not(#____){--kachel-hintergrund:#fbfaf6}
html body main section[class*="farbwelt-"] .kachel:not(.e-book-aufteilung):not(.gutschein-karte):not(.termin-kalender-kachel.hervorgehoben):not(.chakra-leseweg-teil.hervorgehoben):not(#_):not(#__):not(#___):not(#____){background:var(--kachel-hintergrund)}

/* Fußzeile: Kontakt-Links immer untereinander */
html body .footer-contact .text-link:not(#_):not(#__):not(#___):not(#____):not(#_____){display:block;width:fit-content;margin-right:0}

/* Fußzeilen-Menü: Linkstrich folgt dem Text (auch bei Zeilenumbruch) */
html body :is(.footer-navigation,.footer-legal) a:not(#_):not(#__):not(#___)::after{content:none}
html body :is(.footer-navigation,.footer-legal) a:not(#_):not(#__):not(#___){text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color 240ms ease}
html body :is(.footer-navigation,.footer-legal) a:is(:hover,:focus-visible):not(#_):not(#__):not(#___){text-decoration-color:var(--cognac)}

/* Gespräch: Intro-Bild 761–1020 px wie Desktop */
@media (min-width:761px) and (max-width:1020px){html body.gespraechsseite .seiten-intro .intro-bild:not(#_):not(#__):not(#___){left:0;right:0;width:auto;bottom:0;height:auto;-webkit-mask-image:none;mask-image:none}html body.gespraechsseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){height:100%}html body.gespraechsseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:80% 50%}}

@media (min-width:1021px){html body.gespraechsseite .seiten-intro .intro-bild img:not(#_):not(#__):not(#___){object-position:50% 100%}}

/* Textlinks mit Pfeil: durchgehende Unterstreichung ohne Lücke */
html body :is(.textlink,.text-link,.footer-ebook-link):not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______){text-decoration:none;padding-bottom:4px;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:100% 1px}

/* Fusszeilen-Links: Linie nur unter Text und Pfeil, auch bei Zeilenumbruch */
html body .site-footer .linkzeile:not(#_){display:block;margin-top:10px;padding-bottom:4px}
html body .site-footer .footer-ebook .linkzeile:not(#_){margin-top:12px}
html body .site-footer .linkzeile > :is(.text-link,.footer-ebook-link):not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______){display:inline;width:auto;margin:0;padding-bottom:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* App-Bereich in der Fußzeile */
html body .footer-legal .footer-legal-inner:not(#_){flex-wrap:wrap}
html body .footer-legal .app-bereich:not(#_){flex:0 0 100%;margin-top:6px;padding-top:16px;border-top:1px solid rgba(95,72,25,.14);font-size:14px;color:#74530d}
html body .footer-legal .app-titel:not(#_){display:flex;align-items:center;gap:10px;margin:0 0 10px;font-weight:600;letter-spacing:.02em}
html body .footer-legal .app-titel img:not(#_){width:28px;height:28px;border-radius:8px 2px;border:1px solid rgba(95,72,25,.18)}
html body .footer-legal .app-knoepfe:not(#_){display:flex;flex-wrap:wrap;gap:8px}
html body .footer-legal .app-knopf:not(#_){margin:0;padding:7px 14px;border:1px solid #74530d;border-radius:14px 3px;background:transparent;color:#74530d;font:500 14px/1.2 "Manrope",system-ui,sans-serif;cursor:pointer;transition:background 200ms ease,color 200ms ease}
html body .footer-legal .app-knopf:not(#_):hover,html body .footer-legal .app-knopf:not(#_):focus-visible,html body .footer-legal .app-knopf[aria-expanded="true"]:not(#_){background:#74530d;color:#fffaf0}
html body .footer-legal .app-gruppen:not(#_){display:flex;flex-wrap:wrap;gap:14px 40px}
html body .footer-legal .app-gruppe-titel:not(#_){margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
html body .footer-legal .app-erfolg:not(#_){max-width:640px;margin:12px 0 0;padding:10px 14px;border:1px solid #74530d;border-radius:14px 3px;background:#fffaf0;line-height:1.55}
html body .footer-legal .app-anleitung:not(#_){max-width:640px;margin-top:12px;line-height:1.6}
html body .footer-legal .app-anleitung p:not(#_){margin:0 0 8px}

/* Seite „Tantra-Massage lernen“: Kupfer statt Salbei im Intro */
@media (min-width:761px){html body.gespraechsseite.lernseite .seiten-intro:not(#_)::after{background:linear-gradient(90deg,rgba(246,227,216,.98) 0%,rgba(246,227,216,.92) 31%,rgba(246,227,216,.52) 51%,rgba(246,227,216,.02) 72%),linear-gradient(0deg,rgba(246,227,216,.2),transparent 30%)}}
@media (min-width:761px) and (max-width:1020px){html body.gespraechsseite.lernseite .seiten-intro:not(#_)::after{background:linear-gradient(90deg,rgb(246,227,216) 0%,rgb(246,227,216) 34%,rgba(246,227,216,.92) 48%,rgba(246,227,216,.5) 62%,rgba(246,227,216,.1) 76%,rgba(246,227,216,0) 84%)}}
html body.gespraechsseite.lernseite .intro-text:not(#_),html body.gespraechsseite.lernseite .intro-zusatz:not(#_){color:#7a4130}

/* === Seite „Erlernen“: Wege-Kacheln (wie Angebotskacheln der Startseite) === */
html body .lern-wege-kopf:not(#_):not(#__){max-width:800px;margin-bottom:48px}
html body .lern-wege-grid:not(#_):not(#__){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1100px){html body .lern-wege-grid:not(#_):not(#__){grid-template-columns:repeat(2,minmax(0,1fr))}}
html body .lern-weg:not(#_):not(#__){position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:0 var(--radius-large) 0 var(--radius-large);border:1px solid rgba(169,79,52,0.12);background:var(--paper-light);color:var(--ink);box-shadow:0 22px 55px rgba(111,68,45,0.09)}
html body .lern-weg:nth-child(even):not(#_):not(#__){border-radius:var(--radius-large) 0 var(--radius-large) 0}
html body .lern-weg-bild:not(#_):not(#__){position:relative;flex:0 0 auto;overflow:hidden}
html body .lern-weg-bild img:not(#_):not(#__){display:block;width:100%;height:240px;object-fit:cover;filter:saturate(0.94) brightness(1.05);transition:transform 800ms cubic-bezier(.2,.75,.2,1)}
html body .lern-weg:hover .lern-weg-bild img:not(#_):not(#__){transform:scale(1.035)}
html body .lern-weg-inhalt:not(#_):not(#__){flex:1;display:flex;flex-direction:column;align-items:flex-start}
html body .lern-weg-inhalt .textlink:not(#_):not(#__){margin-top:auto}
html body .lern-zwischentitel:not(#_):not(#__){margin:36px 0 12px}
html body .lern-zitat:not(#_):not(#__):not(#___){margin:48px 0}
html body.lernseite main header > :is(p,ul).fliesstext + :is(p,ul).fliesstext:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:1em}
@media(max-width:760px){html body .lern-zitat:not(#_):not(#__):not(#___){margin:40px 0}}
@media(max-width:860px){html body .lern-wege-grid:not(#_):not(#__){grid-template-columns:1fr}}
@media(max-width:760px){html body .lern-wege-kopf:not(#_):not(#__){margin-bottom:40px}html body .lern-weg-bild img:not(#_):not(#__){height:220px}}

/* === Startseite: zwei Textlinks in einer Angebotskachel === */
html body .angebot-index-angebotskachel-content .textlink + .textlink:not(#_):not(#__):not(#___){margin-top:14px}

/* === Erleben-Seite: kurzer Hinweis auf „Erlernen“ === */
html body .erleben-lernhinweis:not(#_):not(#__){max-width:800px}
html body .erleben-lernhinweis-links:not(#_):not(#__){display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:28px}

/* === Startseite: Abschnitte abwechselnd spiegeln + Abstand Text <-> Angebotskacheln (Desktop) === */
@media (min-width:1021px){
  html body .themenwelten-grid.themenwelten-gespiegelt:not(#_):not(#__){grid-template-columns:minmax(280px,0.72fr) minmax(0,1.28fr);grid-template-areas:"heading list"}
}
@media (min-width:761px){
  html body.startseite #angebot .angebot-index-gridsystem:not(#_):not(#__){margin-top:48px}
}

/* === Textlink unter Fließtext: einheitlich 24px (Regel) === */
html body main header > :is(p.fliesstext,p.section-einleitung) + a.textlink:not(#_):not(#__):not(#___){margin-top:24px}
@media (max-width:760px){html body main .ueber-mich-weg-text > p + a.textlink:not(#_):not(#__):not(#___){margin-top:8px}}

/* === AUTO: Handy-Abstand Text <-> Bild/Kachel (40px) — nicht von Hand bearbeiten === */
@media (max-width:760px){
  body.angebotsseite main div.gutschein-aufteilung > figure.gutschein-bildbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:7px}
  body.angebotsseite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.angebotsseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.angebotsseite main header.gutschein-textbereich > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(3) > div.section-innenbereich > div.angebots-einstieg > figure.angebots-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:6px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(3) > div.section-innenbereich > div.angebots-einstieg > header.angebots-kurzbeschreibung > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(3) > div.section-innenbereich > div.angebots-inhalt > aside.rahmen-kachel.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(3) > div.section-innenbereich > div.angebots-inhalt > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(5) > div.section-innenbereich > div.angebots-einstieg > figure.angebots-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:6px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(5) > div.section-innenbereich > div.angebots-einstieg > header.angebots-kurzbeschreibung > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(5) > div.section-innenbereich > div.angebots-inhalt > aside.rahmen-kachel.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-hell:nth-child(5) > div.section-innenbereich > div.angebots-inhalt > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(2) > div.section-innenbereich > div.angebots-einstieg > figure.angebots-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:6px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(2) > div.section-innenbereich > div.angebots-einstieg > header.angebots-kurzbeschreibung > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(2) > div.section-innenbereich > div.angebots-inhalt > aside.rahmen-kachel.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(2) > div.section-innenbereich > div.angebots-inhalt > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(6) > div.section-innenbereich > div.angebots-einstieg > figure.angebots-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:6px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(6) > div.section-innenbereich > div.angebots-einstieg > header.angebots-kurzbeschreibung > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(6) > div.section-innenbereich > div.angebots-inhalt > aside.rahmen-kachel.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.farbwelt-kupfer.stufe-heller:nth-child(6) > div.section-innenbereich > div.angebots-inhalt > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.gutschein-bereich.farbwelt-kupfer.stufe-heller > div.section-innenbereich > div.angebots-inhalt > aside.rahmen-kachel.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.angebotsseite main section.section-grundaufbau.angebotsbereich.gutschein-bereich.farbwelt-kupfer.stufe-heller > div.section-innenbereich > div.angebots-inhalt > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ausbildungsseite main article.ausbildungsweg-schritt.ausbildungsweg-schritt-abschluss > div.ausbildungsweg-schritt-text.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ausbildungsseite main article.ausbildungsweg-schritt:nth-child(4) > div.ausbildungsweg-schritt-text.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ausbildungsseite main article.ausbildungsweg-schritt:nth-child(6) > div.ausbildungsweg-schritt-text.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0;margin-top:0}
  body.ausbildungsseite main div.ausbildung-einstieg-grid > aside.rahmen-kachel.kachel.ausbildung-rahmen:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-20px}
  body.ausbildungsseite main div.ausbildung-einstieg-text > p:nth-child(5):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ausbildungsseite main div.ausbildung-haltung-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-2px;margin-top:-12px}
  body.ausbildungsseite main div.ausbildung-haltung-grid > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ausbildungsseite main div.ausbildungsweg-zeitstrahl > aside.praxisphase.kachel:nth-child(5):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:-18px}
  body.ausbildungsseite main div.ausbildungsweg-zeitstrahl > aside.praxisphase.kachel:nth-child(7):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:-18px}
  body.ausbildungsseite main div.gaststimme-textbereich > a.textlink.gaststimme-link:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ausbildungsseite main div.gaststimme-textbereich > blockquote.gaststimme-zitat:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.ausbildungsseite main div.gaststimme-textbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ausbildungsseite main div.kontakt-aktionen > a.textlink:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ausbildungsseite main div.ratenzahlung-modelle > article.ratenzahlung-modell.kachel:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.ausbildungsseite main div.ratenzahlung-modelle > article.ratenzahlung-modell.kachel:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.ausbildungsseite main div.section-innenbereich > p.kleingedrucktes:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ausbildungsseite main div.section-innenbereich.gaststimme-grid > figure.gaststimme-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.ausbildungsseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.ausbildungsseite main header.ausbildung-kopfbereich.ausbildung-kopfbereich-breit > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ausbildungsseite main header.ratenzahlung-kopfbereich.ratenzahlung-kopfbereich-breit > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.blogseite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.blogseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-anatomie-seite main div.entwicklung-schatten.chakra-zwischenfazit > p.ueberzeile:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-anatomie-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-anatomie-seite main div.section-innenbereich > div.intro-buttons.chakra-serie-weiter:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-anatomie-seite main div.section-innenbereich > nav.chakra-leseweg.chakra-serie:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-anatomie-seite main div.section-innenbereich.chakra-quellen > details.quellen-aufklapper:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-anatomie-seite main div.section-innenbereich.chakra-quellen > p.section-einleitung.quellen-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-anatomie-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-anatomie-seite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-anatomie-seite main div.ueber-mich-weg-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-anatomie-seite main div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-anatomie-seite main ol.chakra-faktencheck > li.chakra-fakt.kachel:nth-child(6):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-36px}
  body.chakren-anatomie-seite main section.section-grundaufbau.farbwelt-sand.stufe-hell:nth-child(5) > div.section-innenbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-eins-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-eins-seite main div.section-innenbereich > div.intro-buttons.chakra-serie-weiter:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-eins-seite main div.section-innenbereich > nav.chakra-leseweg.chakra-serie:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-eins-seite main div.section-innenbereich.chakra-quellen > details.quellen-aufklapper:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-eins-seite main div.section-innenbereich.chakra-quellen > p.section-einleitung.quellen-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-eins-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-eins-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(2) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-eins-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(2) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-eins-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(2) > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-eins-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-eins-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-eins-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-eins-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller:nth-child(8) > div.section-innenbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-fuenf-seite main div.artikel-empfehlungen > article.artikel-empfehlung.kachel.kachel-innenabstand:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-8px}
  body.chakren-fuenf-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-fuenf-seite main div.section-innenbereich > div.intro-buttons.chakra-serie-weiter:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-fuenf-seite main div.section-innenbereich > nav.chakra-leseweg.chakra-serie:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-fuenf-seite main div.section-innenbereich.chakra-quellen > details.quellen-aufklapper:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-fuenf-seite main div.section-innenbereich.chakra-quellen > p.section-einleitung.quellen-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-fuenf-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-fuenf-seite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-fuenf-seite main div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-fuenf-seite main div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-fuenf-seite main section.section-grundaufbau.farbwelt-sand.stufe-hell:nth-child(5) > div.section-innenbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-fuenf-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller:nth-child(6) > div.section-innenbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-vier-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-vier-seite main div.section-innenbereich > div.intro-buttons.chakra-serie-weiter:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-vier-seite main div.section-innenbereich > nav.chakra-leseweg.chakra-serie:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-vier-seite main div.section-innenbereich.chakra-quellen > details.quellen-aufklapper:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-vier-seite main div.section-innenbereich.chakra-quellen > p.section-einleitung.quellen-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-vier-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-vier-seite main div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-vier-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(2) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-vier-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(2) > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-vier-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-vier-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-vier-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-vier-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller:nth-child(6) > div.section-innenbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-zwei-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-zwei-seite main div.section-innenbereich > div.intro-buttons.chakra-serie-weiter:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-zwei-seite main div.section-innenbereich > nav.chakra-leseweg.chakra-serie:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-zwei-seite main div.section-innenbereich.chakra-quellen > details.quellen-aufklapper:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-zwei-seite main div.section-innenbereich.chakra-quellen > p.section-einleitung.quellen-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-zwei-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.chakren-zwei-seite main div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-zwei-seite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.chakren-zwei-seite main div.ueber-mich-profil-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-zwei-seite main div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-zwei-seite main div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.chakren-zwei-seite main div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.chakren-zwei-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller:nth-child(6) > div.section-innenbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.datenschutzseite main div.fliesstext.datenschutz-text > h2:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.datenschutzseite main div.section-innenbereich.datenschutz-aufteilung > aside.datenschutz-inhaltsverzeichnis.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-8px}
  body.ebookseite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ebookseite main div.section-innenbereich > div.ebook-punkte:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.ebookseite main div.section-innenbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ebookseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.entwicklung-seite main div.artikel-empfehlungen > article.artikel-empfehlung.kachel.kachel-innenabstand:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-8px}
  body.entwicklung-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main div.section-innenbereich > nav.chakra-leseweg.entwicklung-leseweg:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.entwicklung-seite main div.section-innenbereich.chakra-quellen > details.quellen-aufklapper:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.entwicklung-seite main div.section-innenbereich.chakra-quellen > p.section-einleitung.quellen-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.entwicklung-seite main div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main div.ueber-mich-profil-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main header.chakra-kapitelkopf.chakra-kapitelkopf-breit > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(5) > div.section-innenbereich > div.chakra-spalten > aside.entwicklung-steckbrief.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(5) > div.section-innenbereich > div.chakra-spalten > div.inhalts-textbereich.chakra-text > p.chakra-lead:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(5) > div.section-innenbereich > div.chakra-spalten > div.inhalts-textbereich.chakra-text > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(7) > div.section-innenbereich > div.chakra-spalten > aside.entwicklung-steckbrief.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(7) > div.section-innenbereich > div.chakra-spalten > div.inhalts-textbereich.chakra-text > p.chakra-lead:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(7) > div.section-innenbereich > div.chakra-spalten > div.inhalts-textbereich.chakra-text > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(9) > div.section-innenbereich > div.chakra-spalten > aside.entwicklung-steckbrief.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(9) > div.section-innenbereich > div.chakra-spalten > div.inhalts-textbereich.chakra-text > p.chakra-lead:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.chakra-kapitel:nth-child(9) > div.section-innenbereich > div.chakra-spalten > div.inhalts-textbereich.chakra-text > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.ueber-mich-weg > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.ueber-mich-weg > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.ueber-mich-weg > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(10) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > aside.entwicklung-steckbrief.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(10) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > div.inhalts-textbereich.chakra-text > p.chakra-lead:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(10) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > div.inhalts-textbereich.chakra-text > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(6) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > aside.entwicklung-steckbrief.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(6) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > div.inhalts-textbereich.chakra-text > p.chakra-lead:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(6) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > div.inhalts-textbereich.chakra-text > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(8) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > aside.entwicklung-steckbrief.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(8) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > div.inhalts-textbereich.chakra-text > p.chakra-lead:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.chakra-kapitel:nth-child(8) > div.section-innenbereich > div.chakra-spalten.chakra-spalten-gespiegelt > div.inhalts-textbereich.chakra-text > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.ueber-mich-weg > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.ueber-mich-weg > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.entwicklung-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller:nth-child(14) > div.section-innenbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main div.faq-themen > p.ueberzeile.faq-themen-label:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.faq-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main div.section-innenbereich > div.faq-suche.kachel.kachel-innenabstand:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-4px;margin-top:-12px}
  body.faq-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.faq-seite main header.faq-suche-kopf > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.faq-themenbereich:nth-child(3) > div.section-innenbereich.inhaltsaufteilung > div.faq-liste.kachel.kachel-innenabstand:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:4px}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.faq-themenbereich:nth-child(3) > div.section-innenbereich.inhaltsaufteilung > header.faq-themenkopf > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.faq-themenbereich:nth-child(5) > div.section-innenbereich.inhaltsaufteilung > div.faq-liste.kachel.kachel-innenabstand:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:4px}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.faq-themenbereich:nth-child(5) > div.section-innenbereich.inhaltsaufteilung > header.faq-themenkopf > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.faq-themenbereich:nth-child(7) > div.section-innenbereich.inhaltsaufteilung > div.faq-liste.kachel.kachel-innenabstand:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:4px}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-hell.faq-themenbereich:nth-child(7) > div.section-innenbereich.inhaltsaufteilung > header.faq-themenkopf > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.faq-themenbereich:nth-child(4) > div.section-innenbereich.inhaltsaufteilung-gespiegelt > div.faq-liste.kachel.kachel-innenabstand:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:4px}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.faq-themenbereich:nth-child(4) > div.section-innenbereich.inhaltsaufteilung-gespiegelt > header.faq-themenkopf > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.faq-themenbereich:nth-child(6) > div.section-innenbereich.inhaltsaufteilung-gespiegelt > div.faq-liste.kachel.kachel-innenabstand:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:4px}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.faq-themenbereich:nth-child(6) > div.section-innenbereich.inhaltsaufteilung-gespiegelt > header.faq-themenkopf > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.faq-themenbereich:nth-child(8) > div.section-innenbereich.inhaltsaufteilung-gespiegelt > div.faq-liste.kachel.kachel-innenabstand:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:4px}
  body.faq-seite main section.section-grundaufbau.farbwelt-gold.stufe-heller.faq-themenbereich:nth-child(8) > div.section-innenbereich.inhaltsaufteilung-gespiegelt > header.faq-themenkopf > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.gespraechsseite main div.haltung-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.gespraechsseite main div.haltung-text > p.fliesstext:nth-child(5):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.gespraechsseite main div.kontakt-textbereich > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.gespraechsseite main div.section-innenbereich.ch-preise-grid.gespiegelt > aside.rahmen-kachel.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0px}
  body.gespraechsseite main div.section-innenbereich.ch-preise-grid.gespraech-fuer-wen > aside.hinweis-kachel.kachel.hervorgehoben:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-8px}
  body.gespraechsseite main div.section-innenbereich.haltung-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.gespraechsseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.gespraechsseite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.gespraechsseite main div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.gespraechsseite main div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.gespraechsseite main header > p.fliesstext:nth-child(5):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.gespraechsseite main header > ul.fliesstext.einleitung-fortsetzung.gespraech-liste:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.impressumsseite main div.fliesstext.datenschutz-text > h2:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.impressumsseite main div.section-innenbereich.impressum-aufteilung > aside.impressum-kontaktkarte.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-8px}
  body.maenner-seite main article.ablauf-textbereich-artikel:nth-child(1) > h3:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.maenner-seite main article.inhalts-textbereich > p:nth-child(2):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.maenner-seite main article.inhalts-textbereich > p:nth-child(3):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.maenner-seite main div.ablauf-grid.maenner-ablauf > figure.ablauf-bildgestaltung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:-12px}
  body.maenner-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.maenner-seite main div.section-innenbereich > dl.ueber-mich-begriffe.maenner-grundsaetze:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.maenner-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.maenner-seite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.maenner-seite main div.ueber-mich-langtext-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.maenner-seite main div.ueber-mich-profil-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.maenner-seite main div.ueber-mich-profil-text > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.maenner-seite main div.ueber-mich-weg-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.maenner-seite main div.ueber-mich-weg-text > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.maenner-seite main header.maenner-kopfbereich > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.maenner-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-hell:nth-child(5) > div.section-innenbereich > header.maenner-kopfbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.maenner-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-heller.ueber-mich-profil:nth-child(4) > div.section-innenbereich.ueber-mich-profil-grid > div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.maenner-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-heller.ueber-mich-profil:nth-child(4) > div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.maenner-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-heller.ueber-mich-profil:nth-child(6) > div.section-innenbereich.ueber-mich-profil-grid > div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.maenner-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-heller.ueber-mich-profil:nth-child(6) > div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.namaste-seite main article.inhalts-textbereich > p:nth-child(2):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.namaste-seite main article.inhalts-textbereich > p:nth-child(3):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.namaste-seite main div.artikel-empfehlungen > article.artikel-empfehlung.kachel.kachel-innenabstand:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-8px}
  body.namaste-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.namaste-seite main div.section-innenbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.namaste-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.namaste-seite main div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.namaste-seite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.namaste-seite main div.ueber-mich-langtext-grid > aside.ueber-mich-leitgedanke.kachel.namaste-karte:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:6px;margin-top:5px}
  body.namaste-seite main div.ueber-mich-profil-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.namaste-seite main div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.namaste-seite main div.ueber-mich-weg-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.namaste-seite main div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.namaste-seite main section.inhaltsabschnitt:nth-child(2) > p:nth-child(5):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.namaste-seite main section.inhaltsabschnitt:nth-child(3) > h3:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.namaste-seite main section.section-grundaufbau.farbwelt-sand.stufe-hell.ueber-mich-lebensweg.lebensweg-gespiegelt > div.section-innenbereich > div.ueber-mich-langtext-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.namaste-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-lebensweg:nth-child(2) > div.section-innenbereich > div.ueber-mich-langtext-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.namaste-seite main section.section-grundaufbau.farbwelt-sand.stufe-heller.ueber-mich-lebensweg:nth-child(6) > div.section-innenbereich > div.ueber-mich-langtext-grid > article.inhalts-textbereich > section.inhaltsabschnitt:nth-child(2) > p:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.osho-seite main div.artikel-empfehlungen > article.artikel-empfehlung.kachel.kachel-innenabstand:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-8px}
  body.osho-seite main div.chakra-schluss > div.intro-buttons:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.osho-seite main div.interview-antwort > p:nth-child(9):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.osho-seite main div.interview-frage:nth-child(2) > p.interview-sprecher:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.osho-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.osho-seite main div.section-innenbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.osho-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.osho-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.chakra-kapitel:nth-child(3) > div.section-innenbereich > div.interview-verlauf > div.interview-paar > aside.ueber-mich-leitgedanke.haltung-zitat.kachel.osho-zitat-kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.osho-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.chakra-kapitel:nth-child(3) > div.section-innenbereich > div.interview-verlauf > div.interview-paar > div.interview-antwort > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.osho-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.chakra-kapitel:nth-child(5) > div.section-innenbereich > div.interview-verlauf > div.interview-paar > aside.ueber-mich-leitgedanke.haltung-zitat.kachel.osho-zitat-kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-16px;margin-top:40px}
  body.osho-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.chakra-kapitel:nth-child(5) > div.section-innenbereich > div.interview-verlauf > div.interview-paar > div.interview-antwort > p:nth-child(7):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.osho-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-heller.chakra-kapitel:nth-child(4) > div.section-innenbereich > div.interview-verlauf > div.interview-paar > aside.ueber-mich-leitgedanke.haltung-zitat.kachel.osho-zitat-kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.osho-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-heller.chakra-kapitel:nth-child(4) > div.section-innenbereich > div.interview-verlauf > div.interview-paar > div.interview-antwort > p:nth-child(4):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.osho-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-heller.chakra-kapitel:nth-child(6) > div.section-innenbereich > div.interview-verlauf > div.interview-paar > aside.ueber-mich-leitgedanke.haltung-zitat.kachel.osho-zitat-kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-40px;margin-top:40px}
  body.rezensionsseite main div.ablauf-textbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.rezensionsseite main div.ablauf-textbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.rezensionsseite main div.begruessung-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.rezensionsseite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.rezensionsseite main div.section-innenbereich > div.rezension-wege:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.rezensionsseite main div.section-innenbereich > p.rezension-quelle:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.rezensionsseite main div.section-innenbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.rezensionsseite main div.section-innenbereich.ablauf-grid.rezension-abschluss > figure.ablauf-bildgestaltung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.rezensionsseite main div.section-innenbereich.begruessung-grid.rezension-einstieg > aside.hinweis-kachel.kachel.hervorgehoben.rezension-hinweis:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:4px}
  body.rezensionsseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.schweiz-startseite main div.angebot-index-gridsystem > article.angebot-index-angebotskachel.kachel:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.schweiz-startseite main div.begruessung-text > div.intro-buttons:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.schweiz-startseite main div.erfahrungen-gridsystem > blockquote.erfahrungs-kachel.kachel.hervorgehoben:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.schweiz-startseite main div.haltung-text > p.fliesstext:nth-child(5):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.schweiz-startseite main div.haltung-text > p.fliesstext:nth-child(6):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.schweiz-startseite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.schweiz-startseite main div.section-innenbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.schweiz-startseite main div.section-innenbereich.begruessung-grid > figure.begruessung-portrait:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.schweiz-startseite main div.section-innenbereich.haltung-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.schweiz-startseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.schweiz-startseite main div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.schweiz-startseite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.schweiz-startseite main div.ueber-mich-profil-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.schweiz-startseite main div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.schweiz-startseite main div.ueber-mich-weg-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.schweiz-startseite main div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.schweiz-startseite main header.erfahrungen-kopfbereich > a.textlink:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.selbstliebe-seite main div.artikel-empfehlungen > article.artikel-empfehlung.kachel.kachel-innenabstand:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-8px}
  body.selbstliebe-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.selbstliebe-seite main div.section-innenbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.selbstliebe-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.selbstliebe-seite main div.ueber-mich-profil-text > div.inhalts-textbereich.chakra-text:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.selbstliebe-seite main div.ueber-mich-weg-text > div.inhalts-textbereich.chakra-text:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.selbstliebe-seite main div.ueber-mich-weg-text > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.ueber-mich-profil:nth-child(3) > div.section-innenbereich.ueber-mich-profil-grid > div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.ueber-mich-profil:nth-child(3) > div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.ueber-mich-profil:nth-child(5) > div.section-innenbereich.ueber-mich-profil-grid > div.ueber-mich-profil-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.ueber-mich-profil:nth-child(5) > div.section-innenbereich.ueber-mich-profil-grid > div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-hell.ueber-mich-profil:nth-child(5) > div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-heller.ueber-mich-weg:nth-child(2) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-heller.ueber-mich-weg:nth-child(2) > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > div.ueber-mich-weg-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.selbstliebe-seite main section.section-grundaufbau.farbwelt-kupfer.stufe-heller.ueber-mich-weg:nth-child(4) > div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.startseite main article.ablauf-textbereich-artikel:nth-child(5) > h3:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.startseite main div.ablauf-textbereich > p.fliesstext.einleitung-fortsetzung.breitenbegrenzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main div.angebot-index-gridsystem > article.angebot-index-angebotskachel.kachel:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.startseite main div.begruessung-text > p.fliesstext:nth-child(3):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main div.blog-gridsystem > article.blog-kachel.kachel:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.startseite main div.erfahrungen-gridsystem > blockquote.erfahrungs-kachel.kachel.hervorgehoben:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.startseite main div.gaststimme-textbereich > a.textlink.gaststimme-link:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.startseite main div.gaststimme-textbereich > blockquote.gaststimme-zitat:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.startseite main div.gaststimme-textbereich > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main div.gutschein-textbereich > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main div.haltung-text > p.fliesstext:nth-child(5):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main div.haltung-text > p.fliesstext:nth-child(6):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.startseite main div.haltungs-gridsystem > a.haltungs-kachel.kachel.kachel-innenabstand:nth-child(1):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.startseite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main div.section-innenbereich > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main div.section-innenbereich.ablauf-grid > figure.ablauf-bildgestaltung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:10px;margin-top:40px}
  body.startseite main div.section-innenbereich.begruessung-grid > figure.begruessung-portrait:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.startseite main div.section-innenbereich.gaststimme-grid > figure.gaststimme-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.startseite main div.section-innenbereich.gutschein-aufteilung > figure.gutschein-bildbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:7px}
  body.startseite main div.section-innenbereich.haltung-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.startseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.startseite main header.blog-kopfbereich > a.textlink:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main header.erfahrungen-kopfbereich > a.textlink:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.startseite main header.themenwelten-kopfbereich > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.stimmen-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.stimmen-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.stimmen-seite main header.stimmen-kopfbereich > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.stimmen-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-hell:nth-child(3) > div.section-innenbereich > div.ablauf-grid.ablauf-grid-gespiegelt.stimmen-ablauf > figure.ablauf-bildgestaltung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.stimmen-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-hell:nth-child(3) > div.section-innenbereich > header.stimmen-kopfbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.stimmen-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-hell:nth-child(5) > div.section-innenbereich > div.ablauf-grid.ablauf-grid-gespiegelt.stimmen-ablauf > figure.ablauf-bildgestaltung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.stimmen-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-hell:nth-child(5) > div.section-innenbereich > header.stimmen-kopfbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.stimmen-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-heller:nth-child(2) > div.section-innenbereich > div.ablauf-grid.stimmen-ablauf > figure.ablauf-bildgestaltung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.stimmen-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-heller:nth-child(4) > div.section-innenbereich > div.ablauf-grid.stimmen-ablauf > figure.ablauf-bildgestaltung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.stimmen-seite main section.section-grundaufbau.farbwelt-aubergine.stufe-heller:nth-child(4) > div.section-innenbereich > header.stimmen-kopfbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.terminseite main div.kontakt-textbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.terminseite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.terminseite main div.section-innenbereich.termin-kalender-stapel > article.termin-kalender-kachel.kachel:nth-child(2):not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:6px}
  body.terminseite main div.section-innenbereich.termin-wege-layout > figure.termin-portrait:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:12px}
  body.terminseite main header.termin-kopfbereich > p.fliesstext.einleitung-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.terminseite main header.termin-wege-kopf > h2:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ueber-mich-seite main div.kontakt-aktionen > a.button.primary:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ueber-mich-seite main div.section-innenbereich > dl.ueber-mich-begriffe:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:-12px}
  body.ueber-mich-seite main div.section-innenbereich.kontakt-aufteilung > div.kontakt-formularbereich.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.ueber-mich-seite main div.section-innenbereich.ueber-mich-profil-grid > figure.ueber-mich-profil-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:40px}
  body.ueber-mich-seite main div.section-innenbereich.ueber-mich-weg-grid > figure.ueber-mich-weg-bild:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px;margin-top:40px}
  body.ueber-mich-seite main div.ueber-mich-haltung-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-2px;margin-top:-12px}
  body.ueber-mich-seite main div.ueber-mich-haltung-grid > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ueber-mich-seite main div.ueber-mich-langtext-grid > article.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ueber-mich-seite main div.ueber-mich-langtext-grid > aside.ueber-mich-leitgedanke.haltung-zitat.kachel:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:-8px;margin-top:-12px}
  body.ueber-mich-seite main div.ueber-mich-profil-text > div.intro-buttons:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ueber-mich-seite main div.ueber-mich-profil-text > dl.ueber-mich-fakten.rahmen-liste:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:40px}
  body.ueber-mich-seite main div.ueber-mich-profil-text > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ueber-mich-seite main div.ueber-mich-weg-text > div.inhalts-textbereich:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-top:0}
  body.ueber-mich-seite main div.ueber-mich-weg-text > p.fliesstext.ueber-mich-weg-fortsetzung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ueber-mich-seite main header.ueber-mich-kopfbereich.ueber-mich-kopfbereich-breit > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ueber-mich-seite main section.section-grundaufbau.farbwelt-cognac.stufe-hell.ueber-mich-begriffe-bereich > div.section-innenbereich > header.ueber-mich-kopfbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
  body.ueber-mich-seite main section.section-grundaufbau.farbwelt-cognac.stufe-hell.ueber-mich-lebensweg > div.section-innenbereich > header.ueber-mich-kopfbereich > p.section-einleitung:not(#_):not(#__):not(#___):not(#____):not(#_____){margin-bottom:0}
}
/* === ENDE AUTO Handy-Abstand === */