/* Kalles Gestaltungsvorgaben: gemeinsame Inhaltskante, Originalgold, runde Buttons. */
/* Inhaltsbreite überall 1280 px (Kalle, 11.09.2026); vorher 1440 auf Unterseiten und 1280 nur auf der Startseite. */
.neugestaltung{--gold:#d4af37;--gold-dunkel:#d4af37;--inhaltsbreite:min(1280px,calc(100% - 112px))}
.neugestaltung .innen,.unterseite .abschnitt-innen{width:var(--inhaltsbreite);max-width:none;margin-inline:auto}
.neugestaltung main :is(h1,h2,h3,h4,h5,h6,p,.vorspann,.fliesstext,.zitat,.hinweis,.zitattext,.kunden-vorspann){max-width:none}
.neugestaltung main h1 br,.neugestaltung main h2 br,.neugestaltung main h3 br{display:none}
.unterseite :is(.lesetext,.artikelkopf,.standardinhalt,.auftakt-mit-bild>.abschnitt-innen,.abschluss-hinweis .abschnitt-innen){max-width:none}
.unterseite section:not(:has(>.abschnitt-innen)){padding-inline:max(56px,calc((100% - 1280px)/2))}
.unterseite .abschnitt-innen section{padding-inline:0}
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]),.neugestaltung .seitenkopf nav > a:last-child,.unterseite .seitennummern a{background:#d4af37!important;color:var(--violett)!important;border:1px solid #d4af37!important;border-radius:999px!important}
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]):hover,.neugestaltung .seitenkopf nav > a:last-child:hover{background:#d4af37!important;color:var(--violett)!important;box-shadow:0 5px 18px #27233925;transform:translateY(-2px)}
.neugestaltung :is(.knopf,button,input[type=submit]){transition:transform .2s,box-shadow .2s}
.neugestaltung :is(a,button,input):focus-visible{outline:3px solid var(--violett);outline-offset:5px}
.neugestaltung .einstieg{display:block;min-height:0;max-height:none;background:var(--creme)}
.neugestaltung .einstieg-bild{position:relative;min-height:0;width:100%;aspect-ratio:16/9;background:url(header-auge.jpg) center/100% 100% no-repeat}
.neugestaltung .einstieg-text{position:absolute;inset:0;display:flex;justify-content:center;padding:35px max(56px,calc((100% - 1280px)/2));width:100%;background:linear-gradient(90deg,#f6f1eb94,transparent 56%)}
.neugestaltung .einstieg h1{font-size:clamp(40px,4.3vw,72px);max-width:49%;line-height:1.08}
.neugestaltung .einstieg .vorspann{max-width:46%;font-size:clamp(14px,1.2vw,18px);margin-top:25px;line-height:1.8}
.neugestaltung .einstieg-text::before{margin-bottom:24px}
.neugestaltung .einstieg .knopf{margin-top:25px}
.neugestaltung .bildabschnitt{display:block;isolation:isolate}
.neugestaltung .bildtext,.neugestaltung .familie .bildtext,.neugestaltung .ueber .bildtext{width:var(--inhaltsbreite);max-width:none;margin-inline:auto;padding:110px 0;position:relative}
.neugestaltung .bildtext .fliesstext{max-width:none}
.neugestaltung .bildtext br,.neugestaltung .person .vorspann br,.neugestaltung .kunden-vorspann br{display:none}
.neugestaltung .zuhoeren::before{background:linear-gradient(90deg,#f6f1eb99,#f6f1eb40)}
.neugestaltung .familie::before{background:#211d3280}
.neugestaltung .familie{min-height:720px;padding:0}
.neugestaltung .familienbild{margin:0 0 70px max(56px,calc((100% - 1280px)/2));width:180px;height:180px}
.neugestaltung .eltern{background:#f6f1eb;color:var(--violett)}
.neugestaltung .eltern h2,.neugestaltung .eltern h3{color:var(--violett)}
.neugestaltung .eltern .gruppen>div{border-color:var(--linie)}
.neugestaltung .eltern .gruppen{max-width:none}
.neugestaltung .ueber::before{background:#211d3280}
.neugestaltung .ueber .fliesstext{max-width:none;font-size:clamp(30px,3.1vw,48px)}
.neugestaltung .person .gruppen{grid-template-columns:1fr;gap:0;margin-top:50px}
.neugestaltung .person .gruppen>div{padding:30px 0}
.neugestaltung .person .gruppen h3{font-size:34px;margin-bottom:16px}
.neugestaltung .person .gruppen p,.neugestaltung .person .gruppen li{font-size:17px}
.neugestaltung .kunden .stimmen{gap:26px;align-items:start}
.neugestaltung .kunden .stimme{padding:28px;background:#eae3d8;border:1px solid var(--linie);border-radius:18px;flex-direction:column;gap:20px;margin:0}
.neugestaltung .kunden .stimme:nth-child(2){grid-row:auto}
.neugestaltung .kunden .irisfoto{width:94px;height:94px}
.neugestaltung .kunden-vorspann{font-size:17px;width:100%;margin-bottom:36px}
/* Nur die Bilder bleiben am Bildschirm stehen. Der Text bewegt sich im normalen Dokumentfluss. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
 .neugestaltung .zuhoeren,.neugestaltung .familie{background-attachment:fixed;background-size:cover;background-position:center}
 .neugestaltung .stimme{animation:stimme-erscheint .6s ease-out both;animation-timeline:view();animation-range:entry 0% entry 30%}
}
@keyframes stimme-erscheint{from{opacity:.3;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
/* Die drei benötigten Fotoarten werden mit den Originalbeispielen gezeigt. */
.unterseite.seite-anleitung .seitenauftakt .zweispaltig{grid-template-columns:1fr}
.unterseite.seite-anleitung .fotoarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.unterseite.seite-anleitung .fotoarten figure{margin:0;background:#eae3d8;border-radius:16px;overflow:hidden}
.unterseite.seite-anleitung .fotoarten img{width:100%;height:220px;object-fit:contain;background:#eae3d8}
.unterseite.seite-anleitung .fotoarten figcaption{padding:20px;font-size:17px;font-weight:600}
.unterseite.seite-anleitung #ba-fotos .kartenraster{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.neugestaltung{--inhaltsbreite:calc(100% - 70px)}.neugestaltung .einstieg-text{padding-inline:35px}.neugestaltung .einstieg-text::before{display:none}.neugestaltung .einstieg h1{font-size:42px}.neugestaltung .einstieg .vorspann{font-size:14px;margin-top:15px}.neugestaltung .einstieg .knopf{padding:15px;margin-top:15px}.neugestaltung .familienbild{margin-left:35px}.unterseite section:not(:has(>.abschnitt-innen)){padding-inline:35px}.unterseite .abschnitt-innen section{padding-inline:0}}
@media(max-width:800px){
 .neugestaltung{--inhaltsbreite:calc(100% - 48px)}
 .neugestaltung .einstieg{display:flex;flex-direction:column}.neugestaltung .einstieg-bild{order:0;flex:none;min-height:0;background-size:100% 100%;background-position:center}
 .neugestaltung .einstieg-text{order:1;position:relative;inset:auto;padding:35px 24px 50px;background:none}
 .neugestaltung .einstieg h1,.neugestaltung .einstieg .vorspann{max-width:none;width:100%}.neugestaltung .einstieg h1{font-size:42px}.neugestaltung .einstieg .vorspann{font-size:16px}
 .neugestaltung .bildtext,.neugestaltung .familie .bildtext,.neugestaltung .ueber .bildtext{padding:65px 0}
 .neugestaltung .familie{padding:0;min-height:620px}.neugestaltung .familienbild{margin-left:24px}
 .neugestaltung .bildtext h2{font-size:36px}.neugestaltung .person .gruppen h3{font-size:30px}
 .neugestaltung .ueber .fliesstext{font-size:34px}.neugestaltung .kunden .stimme{padding:24px}
 .unterseite section:not(:has(>.abschnitt-innen)){padding-inline:24px}.unterseite .abschnitt-innen section{padding-inline:0}
 .unterseite.seite-anleitung .fotoarten,.unterseite.seite-anleitung #ba-fotos .kartenraster{grid-template-columns:1fr}
 .unterseite.seite-anleitung .fotoarten img{height:auto;max-height:320px}
}
@media(prefers-reduced-motion:reduce){.neugestaltung *, .neugestaltung *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Alte abschnittsspezifische Breiten dürfen die gemeinsame Textkante nicht einengen. */
.neugestaltung main :is(h1,h2,h3,h4,h5,h6,p,.vorspann,.fliesstext,.zitat,.hinweis,.zitattext,.kunden-vorspann){max-width:none!important}
@media(min-width:801px){.neugestaltung .einstieg h1{max-width:49%!important}.neugestaltung .einstieg .vorspann{max-width:46%!important}}

/* Angebotsübersicht: leichte Schrift und ruhig plastische Karten. */
.unterseite .angebotskarte{
  border-radius:24px;
  overflow:hidden;
  background:#eee7dc;
  border:1px solid #27233910;
  box-shadow:0 5px 12px #27233906,0 16px 36px #2723390c;
  display:flex;
  flex-direction:column;
  transition:transform .25s ease,box-shadow .25s ease;
}
.unterseite .angebotskarte>div{display:flex;flex-direction:column;flex:1;padding:32px}
.unterseite .angebotskarte :is(p,strong,b){font-weight:300}
.unterseite .angebotskarte .knopf{align-self:flex-start;margin-top:auto;margin-bottom:0}
.unterseite .angebotskarte>div>div{margin-bottom:26px}
.unterseite .angebotskarte:focus-within{box-shadow:0 8px 20px #27233910,0 20px 42px #27233916}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .unterseite .angebotskarte:hover{transform:translateY(-5px);box-shadow:0 8px 20px #27233910,0 20px 42px #27233916}
}
@media(max-width:800px){.unterseite .angebotskarte>div{padding:27px}}

/* Bewusster Satzwechsel im Zuhören-Abschnitt. */
.neugestaltung .zuhoeren .fliesstext br.satzumbruch{display:block}

/* Startseitenvorschau: 1280 px Inhaltsrahmen, 780 px für längere Lesetexte. */
.neugestaltung:not(.unterseite){--inhaltsbreite:min(1280px,calc(100% - 112px));--seitenabstand:max(56px,calc((100% - 1280px)/2))}
.neugestaltung:not(.unterseite) .einstieg-text{padding-inline:var(--seitenabstand)}
.neugestaltung:not(.unterseite) .seitenkopf,.neugestaltung:not(.unterseite) .seitenfuss{padding-inline:var(--seitenabstand)}
.neugestaltung:not(.unterseite) .familienbild{margin-left:var(--seitenabstand)}
.neugestaltung:not(.unterseite) main section:not(.einstieg) :is(.vorspann,.fliesstext),
.neugestaltung:not(.unterseite) .person .gruppen>div :is(p,ul){max-width:780px!important}
.neugestaltung:not(.unterseite) .einleitung{text-align:left}
.neugestaltung:not(.unterseite) .einleitung .fliesstext{margin-inline:0}
.neugestaltung:not(.unterseite) main section:not(.einstieg) :is(.vorspann,.fliesstext){font-size:18px;line-height:1.8}
.neugestaltung:not(.unterseite) .ueber .fliesstext{font-size:clamp(30px,3.1vw,48px)!important;line-height:1.25!important}
@media(max-width:1100px){.neugestaltung:not(.unterseite){--inhaltsbreite:calc(100% - 70px);--seitenabstand:35px}}
@media(max-width:800px){.neugestaltung:not(.unterseite){--inhaltsbreite:calc(100% - 48px);--seitenabstand:24px}.neugestaltung:not(.unterseite) main section:not(.einstieg) :is(.vorspann,.fliesstext){font-size:16px}}

/* Markante Methodenkarten und die von Kalle vorgegebenen Satzgruppen. */
.neugestaltung:not(.unterseite) .methode .gruppen{gap:24px;align-items:stretch}
.neugestaltung:not(.unterseite) .methode .gruppen>div{border:1px solid #d4af37;border-top:4px solid #d4af37;border-radius:20px;padding:30px 26px;background:#eee7dc;box-shadow:0 12px 28px #2723390c}
.neugestaltung:not(.unterseite) .methode .gruppen h3{font-size:28px}
.neugestaltung:not(.unterseite) main br.bewusster-umbruch{display:block}
.neugestaltung:not(.unterseite) .zuhoeren::before{background:none}
.neugestaltung:not(.unterseite) .familie h2{color:#d4af37;font-size:clamp(32px,3.8vw,58px);line-height:1.5}
.neugestaltung:not(.unterseite) .ueber{min-height:900px;min-height:max(900px,110vh)}
.neugestaltung:not(.unterseite) .ueber .bildtext{padding-top:150px;padding-bottom:150px}
.neugestaltung:not(.unterseite) .person-einordnung{font:400 20px/1.5 Poppins,sans-serif;color:#d4af37;margin:0 0 22px}
.neugestaltung:not(.unterseite) .kunden .stimmen{grid-template-columns:1fr;gap:24px}
.neugestaltung:not(.unterseite) .kunden .stimme{display:grid;grid-template-columns:94px minmax(0,1fr);gap:30px;animation:none}
.neugestaltung:not(.unterseite) .kunden .stimme blockquote{max-width:780px}
.neugestaltung .seitenkopf nav a{font-size:17px}
.neugestaltung .seitenkopf nav{gap:24px}
.neugestaltung .seitenkopf nav > a:last-child{margin-left:24px;padding:14px 22px}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.neugestaltung:not(.unterseite) .ueber{background-attachment:fixed;background-position:center;background-size:cover}}
@media(min-width:801px) and (max-width:1250px){.neugestaltung .seitenkopf{padding-inline:24px}.neugestaltung .seitenkopf nav{gap:16px}.neugestaltung .seitenkopf nav a{font-size:16px}.neugestaltung .seitenkopf nav > a:last-child{margin-left:12px;padding:12px 16px}.neugestaltung .seitenkopf .soziales{display:none}}
@media(max-width:800px){.neugestaltung .seitenkopf nav{gap:0}.neugestaltung .seitenkopf nav a{font-size:18px}.neugestaltung .seitenkopf nav > a:last-child{margin:18px 20px 8px;padding:14px 22px}.neugestaltung:not(.unterseite) .kunden .stimme{grid-template-columns:1fr;gap:20px}.neugestaltung:not(.unterseite) .ueber{min-height:760px}.neugestaltung:not(.unterseite) .ueber .bildtext{padding-block:100px}.neugestaltung:not(.unterseite) .familie h2{font-size:34px;line-height:1.35}}

/* Alle Buttons: beim Hover Gold und Violett tauschen. */
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]):hover,
.neugestaltung .seitenkopf nav > a:last-child:hover,
.unterseite .seitennummern a:hover{
  background:var(--violett)!important;
  color:#d4af37!important;
  border-color:var(--violett)!important;
}

/* Kalles Wunschgröße für die Hero-Überschrift; schmale Ansichten bleiben flexibel. */
@media(min-width:1400px){.neugestaltung:not(.unterseite) .einstieg h1{font-size:94px}}
@media(min-width:1101px) and (max-width:1399px){.neugestaltung:not(.unterseite) .einstieg h1{font-size:72px}}
/* Die Einleitungsfrage erhält auf Desktop die gewünschten drei Zeilen. */
@media(min-width:1101px){.neugestaltung:not(.unterseite) .einleitung .zitat{font-size:clamp(32px,2.7vw,39px);line-height:1.4}}

/* Hero-Überschrift auf Kalles Wunsch fett. */
.neugestaltung:not(.unterseite) .einstieg h1{font-weight:700}

/* Hero-Vorspann: stärker lesbar, mit bewusstem Satzwechsel. */
.neugestaltung:not(.unterseite) .einstieg .vorspann{font-size:20px;font-weight:400;line-height:1.7}
.neugestaltung:not(.unterseite) .einstieg .vorspann br.bewusster-umbruch{display:block}
@media(max-width:800px){.neugestaltung:not(.unterseite) .einstieg .vorspann{font-size:18px}}

/* Buttons behalten ihren Schatten auch beim Farbwechsel. */
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]),
.neugestaltung .seitenkopf nav > a:last-child,
.unterseite .seitennummern a{
  box-shadow:0 4px 8px #27233912,0 8px 18px #27233918;
}
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]):hover,
.neugestaltung .seitenkopf nav > a:last-child:hover,
.unterseite .seitennummern a:hover{
  box-shadow:0 6px 12px #27233918,0 12px 24px #27233925;
}

/* Jüngste Textgewichtung und eine zur Textmenge passende Bildhöhe. */
.neugestaltung:not(.unterseite) .familie h2,
.neugestaltung:not(.unterseite) .ueber .fliesstext{font-weight:700}
.neugestaltung:not(.unterseite) .familie .fliesstext{font-size:23px!important;line-height:1.6}
.neugestaltung:not(.unterseite) .ueber{min-height:0}
.neugestaltung:not(.unterseite) .ueber .bildtext{padding-block:100px}
.neugestaltung :is(.einleitung,.familie,.ueber,.seitenfuss,.bereich--dunkel,.auftakt-mit-bild,.film,.filmvorschau) :is(.knopf,button,input[type=submit],input[type=button]):hover{
 border:1px solid #d4af37!important;
}
@media(max-width:800px){.neugestaltung:not(.unterseite) .familie .fliesstext{font-size:20px!important}.neugestaltung:not(.unterseite) .ueber .bildtext{padding-block:65px}}

/* Kleine Interpretation: getrennte Leistungsangaben und prägnantes Originalbild. */
.seite-kleine-interpretation .seitenauftakt .etiketten{gap:12px}
.seite-kleine-interpretation .seitenauftakt .etiketten>span{
 border:1px solid #27233955;border-radius:999px;padding:11px 17px;
 font-size:16px;line-height:1.5;color:var(--violett);background:#eee7dc;
}
.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{
 border-radius:100px 14px 100px 14px;
 box-shadow:0 15px 34px #27233920;
 animation:iris-ankommen .9s ease-out both;
}
.seite-kleine-interpretation .seitenauftakt .bildrahmen>figcaption{
 font:italic 400 26px/36px Georgia,serif;
 color:#d4af37;background:var(--violett);padding:24px 28px;
 margin-top:24px;border-radius:14px;
}
.seite-kleine-interpretation p[data-originaltext="text-6"]{
 font:400 18px/1.65 Poppins,sans-serif;letter-spacing:0;text-transform:none;
 color:var(--violett);margin-bottom:20px;
}
@keyframes iris-ankommen{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{border-radius:70px 12px 70px 12px}.seite-kleine-interpretation .seitenauftakt .etiketten>span{font-size:15px}.seite-kleine-interpretation .seitenauftakt .bildrahmen>figcaption{padding:22px}}

/* Kleine Interpretation: sichtbar gegliedertes Angebot mit eigenem Buchungsbereich. */
.seite-kleine-interpretation #bc-angebot{background:#eae3d8}
.seite-kleine-interpretation #bc-angebot .preisbox{display:grid;grid-template-columns:1.2fr 1fr;padding:0;margin:0;border:1px solid #d4af37;border-radius:30px;overflow:hidden;background:#fffdf8;box-shadow:0 20px 55px #27233918}
.seite-kleine-interpretation .angebot-beschreibung{padding:55px}
.seite-kleine-interpretation .angebot-beschreibung h2{font-size:clamp(36px,3.4vw,52px)}
.seite-kleine-interpretation .angebot-beschreibung>.kicker{display:inline-block;background:var(--violett);color:#d4af37;border-radius:999px;padding:9px 16px;letter-spacing:1px}
.seite-kleine-interpretation .angebot-buchung{background:var(--violett);color:var(--creme);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 35px}
.seite-kleine-interpretation .angebot-buchung .preis{color:#d4af37;font-size:100px;line-height:1.1;margin:0 0 12px}
.seite-kleine-interpretation .angebot-buchung .kleintext{font-size:16px}
.seite-kleine-interpretation .angebot-buchung form{margin:28px 0 24px;width:100%}
.seite-kleine-interpretation .angebot-buchung .knopf{font-size:17px;font-weight:600;margin:0;width:100%;padding:22px 18px}
.seite-kleine-interpretation .angebot-buchung .knopf:hover{border-color:#d4af37!important}
.seite-kleine-interpretation .angebot-buchung>a{font-size:15px;line-height:1.8}
.seite-kleine-interpretation .angebotsleistungen{padding-left:20px;margin-top:30px;font-size:16px;line-height:1.7}
.seite-kleine-interpretation .angebotsleistungen li{padding-left:8px;margin-bottom:12px}
.seite-kleine-interpretation .kartenraster{gap:25px}
.seite-kleine-interpretation .kartenraster .inhaltkarte{border:1px solid #d4af3760;border-radius:20px;padding:30px;background:#eee7dc;box-shadow:0 8px 24px #27233909;transition:transform .25s,box-shadow .25s}
.seite-kleine-interpretation .bereich--dunkel .kartenraster .inhaltkarte{background:#ffffff09}
.seite-kleine-interpretation .schrittnummer{display:block;font:400 15px/1.5 Poppins,sans-serif;letter-spacing:1px;margin-bottom:25px;color:var(--violett)}
.seite-kleine-interpretation .kontaktabschluss{text-align:center}
.seite-kleine-interpretation .kontaktabschluss .zweispaltig{grid-template-columns:1fr;gap:25px}
.seite-kleine-interpretation .kontaktabschluss .knopf{margin-inline:auto}
.seite-kleine-interpretation .abschluss-hinweis{text-align:center}
.seite-kleine-interpretation .abschluss-hinweis p{max-width:900px!important;margin-inline:auto;font-size:15px;line-height:1.9}
.seite-kleine-interpretation .sanft-erschienen{animation:angebot-erscheint .8s ease-out both}
@keyframes angebot-erscheint{from{opacity:.25;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.seite-kleine-interpretation .kartenraster .inhaltkarte:hover{transform:translateY(-5px);box-shadow:0 15px 30px #27233918}}
@media(max-width:1000px){.seite-kleine-interpretation #bc-angebot .preisbox{grid-template-columns:1fr}.seite-kleine-interpretation .angebot-beschreibung{padding:35px}.seite-kleine-interpretation .angebot-buchung{padding:40px 30px}}
@media(max-width:500px){.seite-kleine-interpretation .angebot-beschreibung{padding:27px}.seite-kleine-interpretation .angebot-buchung{padding:35px 24px}.seite-kleine-interpretation .angebot-buchung .preis{font-size:80px}.seite-kleine-interpretation .kartenraster .inhaltkarte{padding:25px}}

/* Helle Flächen: zurückhaltende Rahmenbuttons, Gold erst beim Hover. */
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]):not(:is(.einleitung,.familie,.ueber,.seitenfuss,.bereich--dunkel,.auftakt-mit-bild,.film,.filmvorschau,.angebot-buchung) *),
.neugestaltung .seitenkopf nav > a:last-child,
.unterseite .seitennummern a{
 background:transparent!important;color:var(--violett)!important;border:1px solid #27233970!important;
 box-shadow:0 3px 9px #2723390d;
}
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]):not(:is(.einleitung,.familie,.ueber,.seitenfuss,.bereich--dunkel,.auftakt-mit-bild,.film,.filmvorschau,.angebot-buchung) *):hover,
.neugestaltung .seitenkopf nav > a:last-child:hover,
.unterseite .seitennummern a:hover{
 background:#d4af37!important;color:var(--violett)!important;border-color:#d4af37!important;
 box-shadow:0 5px 12px #27233918;
}
/* Logo und Navigation an den Inhaltskanten, Terminlink ohne Menü-Unterstreichung. */
.neugestaltung .seitenkopf{height:136px;padding:12px max(56px,calc((100% - 1280px)/2))}
.neugestaltung:not(.unterseite) .seitenkopf{padding-inline:var(--seitenabstand)}
.neugestaltung .marke img{width:112px;height:112px}
.neugestaltung .seitenkopf nav > a:last-child{margin-left:64px;font-size:15px;padding:13px 21px}
.neugestaltung .seitenkopf nav > a:last-child::after{content:none;display:none}
.seite-kleine-interpretation .seitenauftakt .etiketten>span{border-radius:0}
.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{border-radius:42% 12px 42% 12px}
@media(min-width:801px) and (max-width:1250px){
 .neugestaltung .seitenkopf{padding-inline:35px;gap:16px}
 .neugestaltung .seitenkopf nav{gap:14px}
 .neugestaltung .seitenkopf nav > a:last-child{margin-left:28px;padding:12px 15px}
 .neugestaltung .seitenkopf .soziales{display:none}
}
@media(max-width:800px){
 .neugestaltung .seitenkopf{height:110px;padding-inline:24px!important}
 .neugestaltung .marke img{width:86px!important;height:86px!important}
 .neugestaltung .seitenkopf nav > a:last-child{margin:22px 10px 6px;font-size:17px}
}

/* Originalbild als waagrechte Augenform, ohne neue Bildinhalte. */
.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{
 aspect-ratio:1.5;object-fit:cover;object-position:center;
 border-radius:75% 8% 75% 8% / 85% 12% 85% 12%;
 box-shadow:0 20px 28px #27233930,0 38px 65px #27233920;
}
.seite-kleine-interpretation br.deutungsumbruch{display:block}
.seite-kleine-interpretation .angebot-beschreibung h2{font-size:clamp(38px,4.5vw,64px);font-weight:700;line-height:1.08;margin-block:25px}
.seite-kleine-interpretation .angebot-beschreibung>.kicker{font-size:14px;letter-spacing:1.5px}
.seite-kleine-interpretation .angebot-buchung .preis{font-size:clamp(90px,9vw,132px)}
/* Unten rechts, erst nach etwas Scrollstrecke. Kein selbst gezeichnetes Icon. */
.neugestaltung button.nach-oben{
 position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:25;
 background:var(--creme)!important;color:var(--violett)!important;border:1px solid #d4af37!important;
 border-radius:999px;padding:13px 20px;font:400 14px/1.4 Poppins,sans-serif;
 box-shadow:0 5px 20px #27233925;cursor:pointer;
}
.neugestaltung button.nach-oben:hover{background:#d4af37!important;color:var(--violett)!important;border-color:#d4af37!important}
@media(max-width:800px){.neugestaltung button.nach-oben{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:12px 17px}.seite-kleine-interpretation .angebot-beschreibung h2{font-size:38px}}
/* Schwebender Button benötigt unabhängig vom darunterliegenden Abschnitt eine deckende Fläche. */
.neugestaltung button.nach-oben.nach-oben{background:var(--creme)!important;color:var(--violett)!important}
.neugestaltung button.nach-oben.nach-oben:hover{background:#d4af37!important;color:var(--violett)!important}

/* Zurückhaltende Bildrundung und frei stehender Iris-Spruch. */
.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{
 aspect-ratio:auto;border-radius:80px 12px 80px 12px;
 box-shadow:0 10px 24px #27233918;
}
.seite-kleine-interpretation .seitenauftakt .bildrahmen>figcaption{
 background:transparent;color:var(--violett);padding:0;
 margin-top:24px;border-radius:0;
}
@media(max-width:800px){.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{border-radius:50px 10px 50px 10px}}

/* Der Eignungsblock hebt sich als eigenständige Karte vom linken Text ab. */
.seite-kleine-interpretation .inhaltkarte:has(>[data-originaltext="text-10"]){
 background:#eae3d8;border:1px solid #d4af37;border-left:4px solid #d4af37;
 border-radius:20px;padding:36px;box-shadow:0 10px 26px #2723390d;
}
.seite-kleine-interpretation [data-originaltext="text-10"]{font-size:32px;font-weight:700;margin-bottom:24px}
.seite-kleine-interpretation .inhaltkarte:has(>[data-originaltext="text-10"]) li{margin-bottom:16px}
@media(max-width:800px){.seite-kleine-interpretation .inhaltkarte:has(>[data-originaltext="text-10"]){padding:26px}.seite-kleine-interpretation [data-originaltext="text-10"]{font-size:28px}}

/* Zurück zur stärkeren Rundung vor der ausgeprägten Augenform. */
.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{border-radius:42% 12px 42% 12px}
.seite-kleine-interpretation br.hero-satzwechsel{display:block}
/* Buttons wechseln Farben und Schatten, bleiben dabei aber an ihrem Platz. */
.neugestaltung :is(.knopf,button,input[type=submit],input[type=button]):hover,
.neugestaltung .seitenkopf nav > a:last-child:hover,
.unterseite .seitennummern a:hover{transform:none!important}

/* Das Angebot als eigenständige, groß gesetzte Angebotsbühne. */
.seite-kleine-interpretation #bc-angebot{background:#eae3d8;padding-block:95px}
.seite-kleine-interpretation #bc-angebot .preisbox{background:var(--violett);color:var(--creme);grid-template-columns:1fr 1fr;border:1px solid #d4af37;border-top:6px solid #d4af37;box-shadow:0 24px 65px #27233930}
.seite-kleine-interpretation .angebot-kopf{grid-column:1/-1;text-align:center;padding:60px 45px 35px}
.seite-kleine-interpretation .angebot-kopf .kicker{color:#d4af37;font-size:15px;letter-spacing:2px;margin-bottom:22px}
.seite-kleine-interpretation .angebot-kopf h2{color:var(--creme);font-size:clamp(42px,5.3vw,76px);font-weight:700;line-height:1.08;margin-bottom:25px}
.seite-kleine-interpretation .angebot-kopf>p:last-child{font-size:20px;line-height:1.7}
.seite-kleine-interpretation .angebot-beschreibung{padding:15px 55px 55px}
.seite-kleine-interpretation .angebotsleistungen{list-style:none;padding:0;margin:0;display:grid;gap:0}
.seite-kleine-interpretation .angebotsleistungen li{margin:0;padding:15px 0;border-bottom:1px solid #ffffff26;font-size:17px}
.seite-kleine-interpretation .angebotsleistungen li:first-child{border-top:1px solid #ffffff26}
.seite-kleine-interpretation .angebot-buchung{margin:15px 45px 55px 0;padding:35px;border-radius:20px;background:#f6f1eb;color:var(--violett);border:1px solid #d4af37}
.seite-kleine-interpretation .angebot-buchung .preis{font-size:clamp(100px,10vw,144px);color:var(--violett);margin-bottom:15px}
.seite-kleine-interpretation .angebot-buchung .knopf{background:#d4af37!important;color:var(--violett)!important;border-color:#d4af37!important}
.seite-kleine-interpretation .angebot-buchung .knopf:hover{background:var(--violett)!important;color:#d4af37!important}
@media(max-width:1000px){.seite-kleine-interpretation #bc-angebot .preisbox{grid-template-columns:1fr}.seite-kleine-interpretation .angebot-kopf{padding:40px 25px 25px}.seite-kleine-interpretation .angebot-beschreibung{padding:0 30px 30px}.seite-kleine-interpretation .angebot-buchung{margin:0 25px 30px;padding:30px 20px}.seite-kleine-interpretation .angebot-kopf h2{font-size:42px}}
@media(max-width:500px){.seite-kleine-interpretation .angebot-kopf h2{font-size:36px}.seite-kleine-interpretation .angebot-kopf>p:last-child{font-size:17px}.seite-kleine-interpretation .angebot-beschreibung{padding-inline:24px}.seite-kleine-interpretation .angebotsleistungen li{font-size:15px}.seite-kleine-interpretation .angebot-buchung{margin-inline:18px}.seite-kleine-interpretation .angebot-buchung .preis{font-size:94px}}

/* Irisbild: kräftiger Schatten und deutlich sichtbarer goldener Lichtimpuls. */
.seite-kleine-interpretation .seitenauftakt .bildrahmen>img{
 border:1px solid #d4af37;
 box-shadow:0 18px 32px #27233930,0 32px 58px #27233920,0 0 0 3px #d4af371a;
 animation:iris-ankommen .9s ease-out both,iris-lichtimpuls 7s ease-in-out 1s infinite;
}
@keyframes iris-lichtimpuls{
 0%,100%{box-shadow:0 18px 32px #27233930,0 32px 58px #27233920,0 0 0 3px #d4af3733,0 0 14px #d4af3726}
 50%{box-shadow:0 22px 42px #27233945,0 36px 66px #27233930,0 0 0 12px #d4af3773,0 0 48px 12px #d4af3766}
}

/* Helles Angebot: Weiß, Creme und Gold statt eines weiteren dunklen Abschnitts. */
.seite-kleine-interpretation #bc-angebot{background:#f6f1eb}
.seite-kleine-interpretation #bc-angebot .preisbox{
 background:#fffdf8;color:var(--violett);border:1px solid #d4af37;
 box-shadow:0 14px 40px #27233910;
}
.seite-kleine-interpretation .angebot-kopf{padding-bottom:40px}
.seite-kleine-interpretation .angebot-kopf .kicker{color:var(--violett)}
.seite-kleine-interpretation .angebot-kopf h2{color:var(--violett)}
.seite-kleine-interpretation .angebotsleistungen li{border-color:#27233920}
.seite-kleine-interpretation .angebot-buchung{
 background:#eee7dc;border:0;border-radius:20px;
 box-shadow:none;
}
.seite-kleine-interpretation .angebot-buchung .preis{color:var(--violett)}

/* Kalles Referenz: eine schmale, senkrechte Preiskarte. */
.seite-kleine-interpretation #bc-angebot{padding-block:75px;background:var(--creme)}
.seite-kleine-interpretation #bc-angebot .preisbox{
 display:flex;flex-direction:column;align-items:center;
 width:min(100%,540px);margin-inline:auto;padding:40px 38px;
 border:1px solid #27233908;border-radius:48px;background:#fff;
 box-shadow:0 16px 32px #27233912,0 3px 10px #27233905;text-align:center;
}
.seite-kleine-interpretation .angebot-kopf{padding:0;width:100%}
.seite-kleine-interpretation .angebot-kopf .kicker{font-size:11px;letter-spacing:1.4px;margin-bottom:15px}
.seite-kleine-interpretation .angebot-kopf h2{font:600 29px/1.25 Poppins,sans-serif;margin:0 0 18px}
.seite-kleine-interpretation .angebot-kopf p[data-originaltext="text-47"]{font-size:15px;line-height:1.7;margin-bottom:24px}
.seite-kleine-interpretation img.angebot-iris{width:112px;height:112px;object-fit:cover;border-radius:50%;margin:0 auto 24px;box-shadow:0 5px 18px #27233916}
.seite-kleine-interpretation .angebot-kopf .preis{font:600 68px/1.1 Poppins,sans-serif;color:var(--violett);margin:0 0 8px}
.seite-kleine-interpretation .angebot-kopf .kleintext{font-size:13px;margin:0 0 28px}
.seite-kleine-interpretation #bc-angebot .angebotsleistungen{display:block;margin:0;padding:0;width:100%;list-style:none}
.seite-kleine-interpretation #bc-angebot .angebotsleistungen li{border:0;margin:0;padding:7px 0;font-size:15px;line-height:1.6}
.seite-kleine-interpretation #bc-angebot .angebot-buchung{display:block;width:100%;margin:24px 0 0;padding:0;background:transparent;border:0;border-radius:0}
.seite-kleine-interpretation .angebot-buchung form{margin:0 0 18px}
.seite-kleine-interpretation .angebot-buchung .knopf{font-size:15px;padding:19px 15px}
.seite-kleine-interpretation .angebot-buchung>a{font-size:13px}
@media(max-width:500px){.seite-kleine-interpretation #bc-angebot .preisbox{padding:32px 23px;border-radius:32px}.seite-kleine-interpretation .angebot-kopf h2{font-size:25px}.seite-kleine-interpretation .angebot-kopf .preis{font-size:60px}}

/* Dezente Trennlinien zwischen den Leistungen der Preiskarte. */
.seite-kleine-interpretation #bc-angebot .angebotsleistungen li+li{
 border-top:1px solid #27233920;
}
.seite-kleine-interpretation #bc-angebot .angebotsleistungen li{padding-block:11px}

/* Kleineres Währungszeichen neben dem hervorgehobenen Betrag. */
.seite-kleine-interpretation .angebot-kopf .preis .preis-waehrung{font-size:.45em;font-weight:400;vertical-align:baseline}

/* Angebotstexte eine Spur größer für angenehmere Lesbarkeit. */
.seite-kleine-interpretation #bc-angebot .angebotsleistungen li{font-size:17px}
.seite-kleine-interpretation .angebot-kopf p[data-originaltext="text-47"]{font-size:17px}
.seite-kleine-interpretation .angebot-kopf .kleintext{font-size:15px}
.seite-kleine-interpretation .angebot-buchung .knopf{font-size:16px}
.seite-kleine-interpretation .angebot-buchung>a{font-size:15px}

/* Gut lesbarer Einstieg in den Kontaktabschluss. */
.seite-kleine-interpretation .kontaktabschluss [data-originaltext="text-50"]{
 color:var(--violett);font-size:20px;font-weight:400;
 letter-spacing:0;text-transform:none;line-height:1.5;
}

/* Premium-Hero: gleiche Bildform und Bildunterschrift wie die kleine Interpretation. */
.seite-umfassende-analyse .seitenauftakt .bildrahmen>img{
 border-radius:42% 12px 42% 12px;
 border:1px solid #d4af37;
 box-shadow:0 18px 32px #27233930,0 32px 58px #27233920,0 0 0 3px #d4af371a;
 animation:iris-ankommen .9s ease-out both,iris-lichtimpuls 7s ease-in-out 1s infinite;
}
.seite-umfassende-analyse .seitenauftakt .bildrahmen>figcaption{
 font:italic 400 26px/36px Georgia,serif;color:var(--violett);
 background:transparent;padding:0;margin-top:24px;border-radius:0;
}
/* Alle Einordnungstexte vor Überschriften: normale Schreibweise, klare Lesbarkeit. */
.neugestaltung main .kicker{
 color:inherit!important;font-size:18px!important;font-weight:400!important;
 line-height:1.6!important;letter-spacing:0!important;text-transform:none!important;
}

/* Premium-Angaben wie die eckigen Felder der kleinen Interpretation. */
.seite-umfassende-analyse .seitenauftakt .etiketten{gap:12px}
.seite-umfassende-analyse .seitenauftakt .etiketten>span{border:1px solid #27233955;border-radius:0;padding:11px 17px;font-size:16px;line-height:1.5;color:var(--violett);background:#eee7dc}
@media(max-width:800px){.seite-umfassende-analyse .seitenauftakt .etiketten>span{font-size:15px}}

/* Gewünschte Satzwechsel und zweizeiliger Kunstwerk-Hinweis. */
.seite-umfassende-analyse br.premium-satzwechsel{display:block}
.seite-umfassende-analyse .kunstwerk-zeile,
.seite-umfassende-analyse .kunstwerk-geschenk{display:block}
.seite-umfassende-analyse .kunstwerk-geschenk{font-weight:600}
@media(min-width:1101px){.seite-umfassende-analyse .kunstwerk-zeile{white-space:nowrap}}

/* Premium-Angebot im gleichen Preiskartenstil wie die kleine Interpretation. */
.seite-umfassende-analyse #bp-angebot{padding-block:75px;background:var(--creme)}
.seite-umfassende-analyse #bp-angebot .preisbox{display:flex;flex-direction:column;align-items:center;width:min(100%,540px);margin-inline:auto;padding:40px 38px;border:1px solid #27233908;border-radius:48px;background:#fff;box-shadow:0 16px 32px #27233912,0 3px 10px #27233905;text-align:center}
.seite-umfassende-analyse .premium-preiskopf{width:100%}
.seite-umfassende-analyse .premium-preiskopf h2{font:600 29px/1.25 Poppins,sans-serif;margin:0 0 18px}
.seite-umfassende-analyse .premium-preiskopf [data-originaltext="text-87"]{font-size:17px;line-height:1.7;margin-bottom:24px}
.seite-umfassende-analyse img.premium-preisbild{width:112px;height:112px;object-fit:cover;border-radius:50%;margin:0 auto 24px;box-shadow:0 5px 18px #27233916}
.seite-umfassende-analyse .premium-preiskopf .preis{font:600 68px/1.1 Poppins,sans-serif;color:var(--violett);margin:0 0 8px}
.seite-umfassende-analyse .premium-waehrung{font-size:.45em;font-weight:400}
.seite-umfassende-analyse .premium-preiskopf .kleintext{font-size:15px;margin:0 0 28px}
.seite-umfassende-analyse #bp-angebot .premium-leistungen{list-style:none;padding:0;margin:0;width:100%}
.seite-umfassende-analyse .premium-leistungen li{font-size:17px;line-height:1.6;margin:0;padding:11px 0}
.seite-umfassende-analyse .premium-leistungen li+li{border-top:1px solid #27233920}
.seite-umfassende-analyse #bp-angebot .aktionen{display:flex;flex-direction:column;width:100%;gap:18px;margin-top:24px}
.seite-umfassende-analyse #bp-angebot .knopf{width:100%;font-size:16px;padding:19px 15px;background:#d4af37!important;color:var(--violett)!important;border-color:#d4af37!important}
.seite-umfassende-analyse #bp-angebot .knopf:hover{background:var(--violett)!important;color:#d4af37!important}
.seite-umfassende-analyse .premium-kontaktlink{font-size:15px}
@media(max-width:500px){.seite-umfassende-analyse #bp-angebot .preisbox{padding:32px 23px;border-radius:32px}.seite-umfassende-analyse .premium-preiskopf h2{font-size:25px}.seite-umfassende-analyse .premium-preiskopf .preis{font-size:60px}}

/* Geschenkabschnitt: Beide Texte stehen zusammen neben dem Bild. */
@media(min-width:801px){
 .seite-umfassende-analyse #bp-geschenk article.zweispaltig{grid-template-rows:auto 1fr;row-gap:28px;align-items:start}
 .seite-umfassende-analyse #bp-geschenk article>.textspalte:first-child{grid-column:1;grid-row:1}
 .seite-umfassende-analyse #bp-geschenk article>.bildrahmen{grid-column:2;grid-row:1 / span 2}
 .seite-umfassende-analyse #bp-geschenk article>.textspalte:last-child{grid-column:1;grid-row:2}
}

/* Bewusste Umbrüche auch innerhalb der Kunstwerk-Überschrift anzeigen. */
.neugestaltung.seite-umfassende-analyse main #bp-geschenk br.premium-satzwechsel{display:block}
.seite-umfassende-analyse .seitenauftakt .bildrahmen>img{border-width:2px}

/* Premium-Kurzangaben: zwei gleich breite Felder pro Zeile. */
.seite-umfassende-analyse .seitenauftakt .etiketten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seite-umfassende-analyse .seitenauftakt .etiketten>span{min-width:0;display:flex;align-items:center}
@media(max-width:500px){.seite-umfassende-analyse .seitenauftakt .etiketten>span{padding:10px;font-size:14px}}
/* Wiederkehrende Leistungskarten folgen dem abgestimmten Muster. */
.unterseite .kartenraster{gap:25px}
.unterseite .kartenraster .inhaltkarte{border:1px solid #d4af3760;border-radius:20px;padding:30px;background:#eee7dc;box-shadow:0 8px 24px #27233909;transition:transform .25s,box-shadow .25s}
.unterseite .bereich--dunkel .kartenraster .inhaltkarte{background:#ffffff09}
.unterseite .kartenraster .schrittnummer{display:block;font:400 15px/1.5 Poppins,sans-serif;letter-spacing:1px;margin-bottom:25px;color:var(--violett)}
.unterseite .bereich--dunkel .kartenraster .schrittnummer{color:#d4af37}
.unterseite .eignungskarte{background:#eae3d8;border:1px solid #d4af37;border-left:4px solid #d4af37;border-radius:20px;padding:36px;box-shadow:0 10px 26px #2723390d}
.unterseite .eignungskarte h3{font-size:32px;font-weight:700;margin-bottom:24px}
.unterseite .eignungskarte li{margin-bottom:16px}
.unterseite .bereich--dunkel .eignungskarte{background:#ffffff09}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.unterseite .kartenraster .inhaltkarte:hover{transform:translateY(-5px);box-shadow:0 15px 30px #27233918}}
@media(max-width:800px){.unterseite .kartenraster .inhaltkarte{padding:25px}.unterseite .eignungskarte{padding:26px}.unterseite .eignungskarte h3{font-size:28px}}

/* Preisangebote mit deutlich sichtbarem Rahmen in Kalles Goldton. */
.unterseite .preisbox,
.unterseite .bereich--dunkel .preisbox,
.seite-kleine-interpretation #bc-angebot .preisbox,
.seite-umfassende-analyse #bp-angebot .preisbox{border:5px solid #d4af37}

/* Fotoanleitung als ruhige, gerahmte Kachel nach Kalles Vorlage. */
.seite-umfassende-analyse .foto-vorbereitung{padding:32px;border:1px solid #ffffff30;border-radius:24px;background:#ffffff06}
.seite-umfassende-analyse .foto-vorbereitung .bildrahmen{max-width:320px;margin:0 auto 28px}
.seite-umfassende-analyse .foto-vorbereitung .bildrahmen img{width:100%;height:auto;border-radius:20px}
.seite-umfassende-analyse .foto-vorbereitung h3{color:#d4af37;font:600 26px/1.35 Poppins,sans-serif;margin-bottom:22px}
.seite-umfassende-analyse .foto-vorbereitung .knopf{background:transparent;color:var(--creme);border:1px solid #ffffff80}
.seite-umfassende-analyse .foto-vorbereitung .knopf:hover{background:#d4af37;color:var(--violett);border-color:#d4af37}
.seite-umfassende-analyse #bp-geschenk{padding-top:100px}
.seite-umfassende-analyse #bp-geschenk .kunstwerk-geschenk{display:inline;font-weight:700}
@media(min-width:1101px){
 .seite-umfassende-analyse #bp-geschenk article>.textspalte:first-child{grid-column:1/-1;grid-row:1}
 .seite-umfassende-analyse #bp-geschenk article>.bildrahmen{grid-column:2;grid-row:2}
 .seite-umfassende-analyse #bp-geschenk [data-originaltext="text-79"]{max-width:none;white-space:nowrap;font-size:22px}
}
@media(max-width:800px){.seite-umfassende-analyse .foto-vorbereitung{padding:24px}.seite-umfassende-analyse #bp-geschenk{padding-top:65px}}
.seite-umfassende-analyse .bereich--dunkel .foto-vorbereitung a.knopf{background:transparent!important;color:var(--creme)!important;border:1px solid #ffffff80!important}
.seite-umfassende-analyse .bereich--dunkel .foto-vorbereitung a.knopf:hover{background:#d4af37!important;color:var(--violett)!important;border-color:#d4af37!important}

/* Die drei Schritte zum Premium-Blickcode stehen untereinander. */
.seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"]){grid-template-columns:minmax(0,1fr)}

/* Das zusätzliche Iris-Kunstwerk im Premium-Angebot sichtbar hervorheben. */
.seite-umfassende-analyse .premium-leistungen li:has(>a[href="../irisfoto/index.html"]){margin-top:22px;padding:0;border:0}
.seite-umfassende-analyse .premium-leistungen li>a[href="../irisfoto/index.html"]{display:inline;padding:0;background:transparent;color:#272339;border:0;border-radius:0;font-size:20px;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:4px;box-shadow:none;transition:color .2s}
.seite-umfassende-analyse .premium-leistungen li>a[href="../irisfoto/index.html"]:hover,
.seite-umfassende-analyse .premium-leistungen li>a[href="../irisfoto/index.html"]:focus-visible{background:transparent;color:#98751c}

/* Größeres Foto, schmalerer Innenrand der Vorbereitungskachel. */
.seite-umfassende-analyse .foto-vorbereitung{width:100%;max-width:460px;justify-self:center;padding:22px}
.seite-umfassende-analyse .foto-vorbereitung .bildrahmen{max-width:380px;margin-bottom:24px}
@media(max-width:800px){.seite-umfassende-analyse .foto-vorbereitung{padding:18px}}

/* Große Schrittnummern außerhalb der drei Premium-Ablaufkacheln. */
.seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"]){list-style:none;padding-left:0;counter-reset:premium-ablauf;gap:30px}
.seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li{position:relative;margin-left:150px;counter-increment:premium-ablauf}
.seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li::before{content:counter(premium-ablauf) ".";position:absolute;left:-150px;top:20px;width:130px;font:400 120px/1 Georgia,serif;color:var(--violett)}
.seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"]) .schrittnummer{display:none}
.seite-umfassende-analyse .foto-vorbereitung{max-width:426px}
.seite-umfassende-analyse .foto-vorbereitung .bildrahmen{max-width:none;margin-left:0;margin-right:0}
@media(max-width:600px){
 .seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"]){gap:35px}
 .seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li{margin-left:0;margin-top:130px}
 .seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li::before{left:0;top:-130px}
}

/* Ruhigere Nummerierung mit abgestimmtem Abstand. */
.seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li{margin-left:105px}
.seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li::before{left:-105px;width:85px;font-size:72px;color:#9a8548}
@media(max-width:600px){
 .seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li{margin-left:0;margin-top:70px}
 .seite-umfassende-analyse ol.kartenraster:has(>[data-originaltext="text-66"])>li::before{left:0;top:-70px;font-size:56px}
}
/* Hypnose: gleiche Hero-Gestaltung und rechteckige Infokacheln. */
.seite-hypnosesitzung .seitenauftakt .etiketten{gap:12px}
.seite-hypnosesitzung .seitenauftakt .etiketten>span{border:1px solid #27233955;border-radius:0;padding:11px 17px;font-size:16px;line-height:1.5;color:var(--violett);background:#eee7dc}
.seite-hypnosesitzung .seitenauftakt .bildrahmen>img{border-radius:42% 12px 42% 12px;border:2px solid #d4af37;box-shadow:0 18px 32px #27233930,0 32px 58px #27233920,0 0 0 3px #d4af371a;animation:iris-ankommen .9s ease-out both,iris-lichtimpuls 7s ease-in-out 1s infinite}
.seite-hypnosesitzung .bildrahmen>figcaption{font:italic 400 26px/36px Georgia,serif;color:var(--violett);background:transparent;padding:0;margin-top:24px;border-radius:0}
.seite-hypnosesitzung .bereich--dunkel .bildrahmen>figcaption{color:var(--creme)}
.seite-hypnosesitzung .bildrahmen:has(>img[src$="eingebettet-1565933e4d7b7b7e.webp"]){width:100%;max-width:520px;justify-self:center}
.seite-hypnosesitzung img[src$="eingebettet-1565933e4d7b7b7e.webp"]{width:100%;height:auto;border-radius:32px;border:2px solid #d4af37;box-shadow:0 14px 32px #27233925}
@media(max-width:800px){.seite-hypnosesitzung .seitenauftakt .etiketten>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.seite-hypnosesitzung .seitenauftakt .bildrahmen>img{animation:none}}

/* Persönliche Begleitung: Foto und zusammenhängender Text auf Augenhöhe. */
.seite-hypnosesitzung .hypnose-persoenlich .abschnitt-innen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}
.seite-hypnosesitzung .hypnose-persoenlich .bildrahmen{max-width:600px;margin:0}
.seite-hypnosesitzung .hypnose-persoenlich h2{margin-bottom:30px}
.seite-hypnosesitzung .hypnose-persoenlich h2 br{display:block}
.seite-hypnosesitzung .hypnose-persoenlich figcaption{font-size:21px;line-height:1.5}
.seite-hypnosesitzung img[src$="eingebettet-65df21380ca785cf.webp"]{width:100%;height:560px;max-height:none;object-fit:cover;border-radius:28px}
.seite-hypnosesitzung .hypnose-kinder{background:#fff;border:1px solid #d4af3750;border-radius:28px;padding:40px;box-shadow:0 12px 35px #2723390c}
.seite-hypnosesitzung #bh-buch img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0}
.seite-hypnosesitzung #bh-buch figure{overflow:visible;background:transparent}
/* Gleicher Ablauf wie beim Premium-Blickcode. */
.seite-hypnosesitzung #bh-ablauf ol{grid-template-columns:minmax(0,1fr);list-style:none;padding-left:0;counter-reset:hypnose-schritt;gap:30px}
.seite-hypnosesitzung #bh-ablauf ol>li{position:relative;margin-left:105px;counter-increment:hypnose-schritt}
.seite-hypnosesitzung #bh-ablauf ol>li::before{content:counter(hypnose-schritt) ".";position:absolute;left:-105px;top:20px;width:85px;font:400 72px/1 Georgia,serif;color:#9a8548}
.seite-hypnosesitzung #bh-ablauf .schrittnummer{display:none}
/* Weiße Preiskarte mit Goldrahmen, wie die beiden Irisangebote. */
.seite-hypnosesitzung #bh-angebot .preisbox{display:flex;flex-direction:column;align-items:center;width:min(100%,540px);margin-inline:auto;padding:40px 38px;border:5px solid #d4af37;border-radius:48px;background:#fff;box-shadow:0 16px 32px #27233912,0 3px 10px #27233905;text-align:center}
.seite-hypnosesitzung #bh-angebot h2{font:600 29px/1.25 Poppins,sans-serif;margin:0 0 18px}
.seite-hypnosesitzung #bh-angebot .preis{font:600 68px/1.1 Poppins,sans-serif;margin:0 0 8px;color:var(--violett)}
.seite-hypnosesitzung .hypnose-waehrung{font-size:.45em;font-weight:400}
.seite-hypnosesitzung .hypnose-preisbild{width:112px;height:112px;object-fit:cover;border-radius:50%;margin:8px auto 24px}
.seite-hypnosesitzung .hypnose-leistungen{list-style:none;padding:0;margin:24px 0;width:100%}
.seite-hypnosesitzung .hypnose-leistungen li{padding:11px 0;font-size:17px}
.seite-hypnosesitzung .hypnose-leistungen li+li{border-top:1px solid #27233920}
.seite-hypnosesitzung #bh-angebot .hinweis{font-size:15px;padding:18px;background:#f6f1eb;border:0;border-radius:15px;margin-bottom:26px}
.seite-hypnosesitzung #bh-angebot .aktionen{width:100%;display:flex;flex-direction:column;gap:20px;align-items:stretch}
.seite-hypnosesitzung .hypnose-kontaktlink{font-size:15px;text-decoration:underline;text-underline-offset:4px}
.seite-hypnosesitzung .hypnose-abschluss{background:#eee7dc;color:var(--violett)}
.seite-hypnosesitzung .hypnose-abschluss .zitattext{color:var(--violett)}
@media(max-width:800px){.seite-hypnosesitzung .hypnose-persoenlich .abschnitt-innen{grid-template-columns:1fr;gap:32px}.seite-hypnosesitzung .hypnose-persoenlich .bildrahmen{max-width:520px}.seite-hypnosesitzung img[src$="eingebettet-65df21380ca785cf.webp"]{height:420px}.seite-hypnosesitzung .hypnose-kinder{padding:26px}}
@media(max-width:600px){.seite-hypnosesitzung #bh-ablauf ol>li{margin-left:0;margin-top:70px}.seite-hypnosesitzung #bh-ablauf ol>li::before{left:0;top:-70px;font-size:56px}.seite-hypnosesitzung #bh-angebot .preisbox{padding:32px 23px;border-radius:32px}.seite-hypnosesitzung #bh-angebot h2{font-size:25px}.seite-hypnosesitzung #bh-angebot .preis{font-size:60px}}

/* Zwei Monate Coaching: wiederkehrende Gestaltung der Angebotsseiten. */
.seite-2-monats-coaching .seitenauftakt h1 br{display:block}
.seite-2-monats-coaching .seitenauftakt .etiketten{gap:12px}
.seite-2-monats-coaching .seitenauftakt .etiketten>span{border:1px solid #27233955;border-radius:0;padding:11px 17px;font-size:16px;line-height:1.5;color:var(--violett);background:#eee7dc}
.seite-2-monats-coaching .seitenauftakt .bildrahmen>img{border-radius:42% 12px 42% 12px;border:2px solid #d4af37;box-shadow:0 18px 32px #27233930;animation:iris-ankommen .9s ease-out both,iris-lichtimpuls 7s ease-in-out 1s infinite}
.seite-2-monats-coaching .seitenauftakt .bildrahmen>figcaption{font:italic 400 26px/36px Georgia,serif;color:var(--violett);background:transparent;padding:0;margin-top:24px;border-radius:0}
.seite-2-monats-coaching .coaching-impuls,
.seite-2-monats-coaching .coaching-zoom{border:1px solid #d4af3780;border-radius:24px;padding:36px;background:#ffffff08;box-shadow:0 14px 32px #00000012}
.seite-2-monats-coaching .coaching-impuls{border-left:4px solid #d4af37;background:#ffffff0d}
.seite-2-monats-coaching .coaching-impuls h3,
.seite-2-monats-coaching .coaching-zoom h3{font-size:30px;color:#d4af37;margin-bottom:24px}
.seite-2-monats-coaching img[src$="eingebettet-f0107afadc57428d.webp"]{border-radius:30px}
.seite-2-monats-coaching #bt-ablauf ol{grid-template-columns:minmax(0,1fr);list-style:none;padding-left:0;counter-reset:coaching-schritt;gap:30px}
.seite-2-monats-coaching #bt-ablauf ol>li{position:relative;margin-left:105px;counter-increment:coaching-schritt}
.seite-2-monats-coaching #bt-ablauf ol>li::before{content:counter(coaching-schritt) ".";position:absolute;left:-105px;top:20px;width:85px;font:400 72px/1 Georgia,serif;color:#9a8548}
/* Die Phasenbezeichnungen bleiben zusätzlich zu den äußeren Zahlen lesbar. */
.seite-2-monats-coaching #bt-ablauf .schrittnummer{margin-bottom:16px;font-size:13px}
.seite-2-monats-coaching #bt-angebot.preisbox{display:flex;flex-direction:column;align-items:center;width:min(100%,540px);margin-inline:auto;padding:40px 38px;border:5px solid #d4af37;border-radius:48px;background:#fff;box-shadow:0 16px 32px #27233912,0 3px 10px #27233905;text-align:center}
.seite-2-monats-coaching #bt-angebot h2{font:600 29px/1.25 Poppins,sans-serif;margin:0 0 18px}
.seite-2-monats-coaching #bt-angebot .preis{font:600 34px/1.3 Poppins,sans-serif;margin:0 0 18px;color:var(--violett)}
.seite-2-monats-coaching .coaching-preisbild{width:112px;height:112px;object-fit:cover;border-radius:50%;margin:8px auto 24px}
.seite-2-monats-coaching .coaching-leistungen{list-style:none;padding:0;margin:24px 0;width:100%}
.seite-2-monats-coaching .coaching-leistungen li{padding:11px 0;font-size:17px}
.seite-2-monats-coaching .coaching-leistungen li+li{border-top:1px solid #27233920}
.seite-2-monats-coaching #bt-angebot .aktionen{width:100%;display:flex;flex-direction:column;gap:20px;align-items:stretch}
.seite-2-monats-coaching .coaching-kontaktlink{font-size:15px;text-decoration:underline;text-underline-offset:4px}
.seite-2-monats-coaching .coaching-abschluss{background:#eee7dc;color:var(--violett)}
.seite-2-monats-coaching .coaching-abschluss .zitattext{color:var(--violett)}
@media(max-width:800px){.seite-2-monats-coaching .coaching-impuls,.seite-2-monats-coaching .coaching-zoom{padding:26px}.seite-2-monats-coaching .seitenauftakt .etiketten>span{font-size:15px}}
@media(max-width:600px){.seite-2-monats-coaching #bt-ablauf ol>li{margin-left:0;margin-top:70px}.seite-2-monats-coaching #bt-ablauf ol>li::before{left:0;top:-70px;font-size:56px}.seite-2-monats-coaching #bt-angebot.preisbox{padding:32px 23px;border-radius:32px}.seite-2-monats-coaching #bt-angebot h2{font-size:25px}.seite-2-monats-coaching #bt-angebot .preis{font-size:28px}}

/* Kalles Gold für die Überschrift und das Abschlusszitat des Coachings. */
.neugestaltung.seite-2-monats-coaching main .coaching-abschluss [data-originaltext="text-94"],
.neugestaltung.seite-2-monats-coaching main .coaching-abschluss [data-originaltext="text-95"]{color:#d4af37!important}

/* Eltern und Kind: zwei Auftaktbilder und Original-Textkästen. */
.seite-eltern-kind-analyse .familie-bilder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:45px;align-items:start}
.seite-eltern-kind-analyse .familie-bilder figure{margin:0;min-width:0}
.seite-eltern-kind-analyse .familie-bilder img{width:100%;height:auto;aspect-ratio:auto;border-radius:26px}
.seite-eltern-kind-analyse .familie-bilder figcaption{margin-top:26px;padding:0;background:transparent;font:italic 400 26px/1.4 Georgia,serif;color:var(--violett)}
.seite-eltern-kind-analyse [data-originaltext="text-13"]{text-align:left;max-width:900px;margin:25px auto;padding-left:25px}
.seite-eltern-kind-analyse [data-originaltext="text-13"] li{margin-bottom:16px}
.seite-eltern-kind-analyse .familie-weiss{background:#fff;padding:34px;border-radius:16px;box-shadow:0 10px 28px #17223508}
.seite-eltern-kind-analyse .familie-weiss h3{color:var(--violett)}
.seite-eltern-kind-analyse .familie-sanft{background:#ffffff08;border:1px solid #ffffff18;border-radius:16px;padding:32px}
.seite-eltern-kind-analyse .familie-sanft h3{color:#d4af37}
.seite-eltern-kind-analyse #bf-geschichten img{border-radius:26px}
.seite-eltern-kind-analyse #bf-ablauf ol{grid-template-columns:minmax(0,1fr);list-style:none;padding-left:0;counter-reset:familie-schritt;gap:30px}
.seite-eltern-kind-analyse #bf-ablauf ol>li{position:relative;margin-left:105px;counter-increment:familie-schritt}
.seite-eltern-kind-analyse #bf-ablauf ol>li::before{content:counter(familie-schritt) ".";position:absolute;left:-105px;top:20px;width:85px;font:400 72px/1 Georgia,serif;color:#9a8548}
.seite-eltern-kind-analyse #bf-ablauf .schrittnummer{display:none}
.seite-eltern-kind-analyse #bf-angebot .preisbox{display:flex;flex-direction:column;align-items:center;width:min(100%,540px);margin-inline:auto;padding:40px 38px;border:5px solid #d4af37;border-radius:48px;background:#fff;box-shadow:0 16px 32px #27233912,0 3px 10px #27233905;text-align:center}
.seite-eltern-kind-analyse #bf-angebot h2{font:600 29px/1.25 Poppins,sans-serif;margin:0 0 28px}
.seite-eltern-kind-analyse #bf-angebot .preis{font:600 34px/1.3 Poppins,sans-serif;margin:0 0 18px;color:var(--violett)}
.seite-eltern-kind-analyse .familie-leistungen{list-style:none;padding:0;margin:24px 0;width:100%}
.seite-eltern-kind-analyse .familie-leistungen li{padding:11px 0;font-size:17px}
.seite-eltern-kind-analyse .familie-leistungen li+li{border-top:1px solid #27233920}
.seite-eltern-kind-analyse #bf-angebot .aktionen{width:100%;display:flex;flex-direction:column;gap:20px;align-items:stretch}
.seite-eltern-kind-analyse .familie-kontaktlink{font-size:15px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.seite-eltern-kind-analyse .familie-bilder{grid-template-columns:1fr}.seite-eltern-kind-analyse #bf-ablauf ol>li{margin-left:0;margin-top:70px}.seite-eltern-kind-analyse #bf-ablauf ol>li::before{left:0;top:-70px;font-size:56px}.seite-eltern-kind-analyse #bf-angebot .preisbox{padding:32px 23px;border-radius:32px}.seite-eltern-kind-analyse #bf-angebot h2{font-size:25px}.seite-eltern-kind-analyse #bf-angebot .preis{font-size:28px}.seite-eltern-kind-analyse .familie-weiss,.seite-eltern-kind-analyse .familie-sanft{padding:27px}}

/* Coaching-Abschluss stärker hervorheben. */
.neugestaltung.seite-2-monats-coaching main .coaching-abschluss [data-originaltext="text-94"]{font-size:26px!important;font-weight:700!important}
.neugestaltung.seite-2-monats-coaching main .coaching-abschluss [data-originaltext="text-95"]{font-size:clamp(32px,4vw,58px);font-weight:700;line-height:1.22}

/* Luftigere Hauptnavigation, Terminbutton direkt vor den sozialen Links. */
@media(min-width:1251px){
 .neugestaltung .seitenkopf{gap:26px}
 .neugestaltung .seitenkopf nav{flex:1;gap:28px;margin-left:35px}
 .neugestaltung .seitenkopf nav a{font-size:18px}
 .neugestaltung .seitenkopf nav > a:last-child{margin-left:auto;font-size:17px;padding:13px 21px}
 .neugestaltung .seitenkopf .soziales{flex-shrink:0}
}
@media(min-width:1400px){
 .neugestaltung .seitenkopf nav{gap:42px;margin-left:55px}
 .neugestaltung .seitenkopf nav a{font-size:20px}
 .neugestaltung .seitenkopf nav > a:last-child{font-size:18px}
}

/* Goldene Aussagen unterhalb des Coaching-Heros. */
.seite-2-monats-coaching .seitenauftakt .etikett{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 38px;margin:42px calc(-1 * max(56px,(100vw - 1280px)/2)) -80px;padding:26px 35px;background:#272339;color:#d4af37;text-align:center}
.seite-2-monats-coaching .seitenauftakt .etikett span{font-size:18px;line-height:1.6}
/* Eigene Orientierungszeile außerhalb der Hauptnavigation. */
.neugestaltung .brotkrumen{padding:16px max(56px,calc((100% - 1280px)/2));background:#eee7dc;border-bottom:1px solid #d4af3755;color:#272339}
.neugestaltung:not(.unterseite) .brotkrumen{padding-inline:var(--seitenabstand)}
.neugestaltung .brotkrumen ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;list-style:none;margin:0;padding:0;font-size:16px;line-height:1.6}
.neugestaltung .brotkrumen li{display:flex;align-items:baseline;gap:12px;min-width:0;margin:0}
.neugestaltung .brotkrumen li+li::before{content:'/';color:#756642}
.neugestaltung .brotkrumen a{color:#272339;text-decoration:underline;text-underline-offset:4px}
.neugestaltung .brotkrumen a:hover{color:#776020}
.neugestaltung .brotkrumen [aria-current]{font-weight:600;overflow-wrap:anywhere}
@media(max-width:1250px){.neugestaltung .brotkrumen{padding-inline:35px}}
@media(max-width:800px){.neugestaltung .brotkrumen{padding:12px 24px}.neugestaltung .brotkrumen ol{font-size:14px}.seite-2-monats-coaching .seitenauftakt .etikett{margin:30px -24px -55px;padding:24px;gap:12px 24px}.seite-2-monats-coaching .seitenauftakt .etikett span{font-size:16px}}
.seite-2-monats-coaching .seitenauftakt .etikett{margin:42px 0 0}
@media(max-width:800px){.seite-2-monats-coaching .seitenauftakt .etikett{margin:30px 0 0}}

/* Bewusster Zeilenwechsel und kontrastreiches Gold auf hellem Abschluss. */
.seite-2-monats-coaching [data-originaltext="text-68"] br.coaching-satzwechsel{display:block}
.neugestaltung.seite-2-monats-coaching main .coaching-abschluss [data-originaltext="text-94"],
.neugestaltung.seite-2-monats-coaching main .coaching-abschluss [data-originaltext="text-95"]{color:#806319!important}

/* Seelenreise im gemeinsamen Angebotsstil. */
.seite-soul-traveler .seitenauftakt .etiketten{gap:12px}
.seite-soul-traveler .seitenauftakt .etiketten>span{border:1px solid #27233955;border-radius:0;padding:11px 17px;font-size:16px;line-height:1.5;color:var(--violett);background:#eee7dc}
.seite-soul-traveler .seitenauftakt .bildrahmen>img{border-radius:42% 12px 42% 12px;border:2px solid #d4af37;animation:iris-ankommen .9s ease-out both,iris-lichtimpuls 7s ease-in-out 1s infinite}
.seite-soul-traveler .bildrahmen figcaption{margin-top:28px;padding:0;background:transparent;font:italic 400 26px/1.4 Georgia,serif;color:var(--violett)}
.seite-soul-traveler .bereich--dunkel .bildrahmen figcaption{color:var(--creme)}
.seite-soul-traveler #bs-arbeitsweise figure{width:100%;max-width:460px;justify-self:center}
.seite-soul-traveler #bs-arbeitsweise img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:26px}
.seite-soul-traveler #bs-krafttier img{border-radius:26px}
.seite-soul-traveler br.seelenreise-umbruch{display:block}
.seite-soul-traveler main h3{color:#d4af37}
.seite-soul-traveler #bs-ablauf ol{grid-template-columns:minmax(0,1fr);list-style:none;padding-left:0;counter-reset:seelenreise-schritt;gap:30px}
.seite-soul-traveler #bs-ablauf ol>li{position:relative;margin-left:105px;counter-increment:seelenreise-schritt}
.seite-soul-traveler #bs-ablauf ol>li::before{content:counter(seelenreise-schritt) ".";position:absolute;left:-105px;top:20px;width:85px;font:400 72px/1 Georgia,serif;color:#9a8548}
.seite-soul-traveler #bs-ablauf .schrittnummer{display:none}
.seite-soul-traveler #bs-angebot .preisbox{display:flex;flex-direction:column;align-items:center;width:min(100%,540px);margin-inline:auto;padding:40px 38px;border:5px solid #d4af37;border-radius:48px;background:#fff;box-shadow:0 16px 32px #27233912,0 3px 10px #27233905;text-align:center}
.seite-soul-traveler #bs-angebot h2{font:600 29px/1.25 Poppins,sans-serif;margin:0 0 18px}
.seite-soul-traveler #bs-angebot .preis{font:600 68px/1.1 Poppins,sans-serif;margin:0 0 8px;color:var(--violett)}
.seite-soul-traveler .seelenreise-waehrung{font-size:.45em;font-weight:400}
.seite-soul-traveler .seelenreise-preisbild{width:112px;height:112px;object-fit:cover;border-radius:50%;margin:8px auto 24px}
.seite-soul-traveler .seelenreise-leistungen{list-style:none;padding:0;margin:24px 0;width:100%}
.seite-soul-traveler .seelenreise-leistungen li{padding:11px 0;font-size:17px}
.seite-soul-traveler .seelenreise-leistungen li+li{border-top:1px solid #27233920}
.seite-soul-traveler #bs-angebot .hinweis{font-size:16px;padding:18px;background:#f6f1eb;border:0;border-radius:15px;margin-bottom:26px}
.seite-soul-traveler #bs-angebot .aktionen{width:100%;display:flex;flex-direction:column;gap:20px;align-items:stretch}
.seite-soul-traveler .seelenreise-kontaktlink{font-size:15px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.seite-soul-traveler #bs-ablauf ol>li{margin-left:0;margin-top:70px}.seite-soul-traveler #bs-ablauf ol>li::before{left:0;top:-70px;font-size:56px}.seite-soul-traveler #bs-angebot .preisbox{padding:32px 23px;border-radius:32px}.seite-soul-traveler #bs-angebot h2{font-size:25px}.seite-soul-traveler #bs-angebot .preis{font-size:60px}}

/* Vier Monate: Kursmotiv statt Hintergrundfoto. */
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero{background:#f6f1eb;color:var(--violett);min-height:0}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero::before,:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero::after{display:none}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-herotext{min-width:0}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero h1{color:var(--violett);font-size:clamp(44px,5vw,76px);line-height:1.1}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-kursbild{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten{display:flex;flex-wrap:wrap;gap:10px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten>span{border:1px solid #27233940;padding:8px 12px;border-radius:0;background:#eee7dc;color:var(--violett)}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox{border:0;background:transparent;padding:24px 0;box-shadow:none;margin:0;display:flex;flex-direction:column;gap:8px;text-align:left}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox .preis{font:600 26px/1.4 Poppins,sans-serif;color:var(--violett)}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .alter-preis{text-decoration:line-through;font-size:18px}
.seite-zurueck-zu-mir-2 .intensiv-erkennen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:start}
.seite-zurueck-zu-mir-2 br.intensiv-umbruch{display:block}
.seite-zurueck-zu-mir-2 .konsum-durchstrich{position:relative;display:inline-block}
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{content:'';position:absolute;left:0;right:0;top:54%;height:3px;background:#d4af37;transform-origin:left center;animation:konsum-streichen 4s ease-in-out infinite}
@keyframes konsum-streichen{0%,15%{transform:scaleX(0);opacity:1}45%,75%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@media(max-width:800px){:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero-raster,.seite-zurueck-zu-mir-2 .intensiv-erkennen{grid-template-columns:1fr;gap:30px}:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox .preis{font-size:23px}}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{animation:none;transform:scaleX(1)}}

/* Acht Module nach Kalles Originalvorlage: Goldkreise und feine Rahmen. */
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster>.inhaltkarte{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;align-items:start;padding:26px;border:1px solid #d4af3759;border-radius:24px;background:#ffffff05}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster .schrittnummer{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;border-radius:50%;background:#d4af37;color:#272339;font:700 21px/1 Poppins,sans-serif}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster strong{display:block;color:var(--creme);font-size:21px;font-weight:500;line-height:1.5;margin-bottom:12px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster p{color:#e1dde6;font-size:18px;line-height:1.65;margin:0}
@media(max-width:800px){:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster{grid-template-columns:1fr}:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster>.inhaltkarte{padding:22px;gap:16px;grid-template-columns:42px minmax(0,1fr)}:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster .schrittnummer{width:42px;height:42px;font-size:19px}:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster strong{font-size:19px}:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .modulraster p{font-size:16px}}

/* Intensivkurs: drei plus zwei Angaben und markanter Einführungspreis. */
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten>span{grid-column:span 2;font-size:14px;text-align:center;padding:10px 6px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten>span:nth-child(n+4){grid-column:span 3}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox>.etikett{border:0;background:transparent;padding:0;font-size:21px;font-weight:600}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox .preis{display:block;line-height:1.1;padding:14px 0;color:#806319}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .einfuehrung-label{display:block;font:600 20px/1.5 Poppins,sans-serif;margin-bottom:10px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .einfuehrung-zahl{font:700 clamp(65px,7vw,102px)/1 Poppins,sans-serif;letter-spacing:-3px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .einfuehrung-euro{font-size:38px}
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{height:12px;top:49%;clip-path:polygon(0 60%,12% 44%,25% 56%,40% 24%,55% 40%,70% 15%,85% 30%,100% 0,100% 30%,85% 57%,70% 44%,55% 68%,40% 54%,25% 83%,12% 70%,0 85%);transform:rotate(-1deg)}
.seite-zurueck-zu-mir-2 main img:not(.intensiv-kursbild){border-radius:24px}
.seite-zurueck-zu-mir-2 .intensiv-workbook .dreispaltig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px;text-align:left}
.seite-zurueck-zu-mir-2 :is(.intensiv-workbook,.intensiv-live,.intensiv-eignung) .inhaltkarte{padding:30px;border:1px solid #d4af3760;border-radius:24px;background:#eee7dc;box-shadow:0 10px 28px #2723390b;text-align:left}
.seite-zurueck-zu-mir-2 .intensiv-live .dreispaltig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:35px;text-align:left}
.seite-zurueck-zu-mir-2 .intensiv-live .dreispaltig>.inhaltkarte:last-child{grid-column:1/-1}
.seite-zurueck-zu-mir-2 .intensiv-eignung .inhaltkarte{background:#ffffff08}
.seite-zurueck-zu-mir-2 .intensiv-eignung .zweispaltig{text-align:left}
.seite-zurueck-zu-mir-2 #intensiv-angebot{width:min(100%,540px);margin-inline:auto;padding:40px 38px;border:5px solid #d4af37;border-radius:48px;background:#fff;box-shadow:0 16px 32px #27233912;text-align:center}
.seite-zurueck-zu-mir-2 #intensiv-angebot h2{font:600 29px/1.3 Poppins,sans-serif}
.seite-zurueck-zu-mir-2 #intensiv-angebot .preis{font:600 68px/1.2 Poppins,sans-serif;margin:20px 0}
.seite-zurueck-zu-mir-2 #intensiv-angebot .angebot-euro{font-size:.45em}
.seite-zurueck-zu-mir-2 #intensiv-angebot .alter-preis{text-decoration:line-through}
.seite-zurueck-zu-mir-2 .intensiv-leistungen{list-style:none;padding:0;margin:25px 0}
.seite-zurueck-zu-mir-2 .intensiv-leistungen li{padding:11px 0;font-size:17px}
.seite-zurueck-zu-mir-2 .intensiv-leistungen li+li{border-top:1px solid #27233920}
.seite-zurueck-zu-mir-2 #intensiv-angebot .aktionen{flex-direction:column;align-items:stretch}
@media(max-width:800px){.seite-zurueck-zu-mir-2 .intensiv-workbook .dreispaltig,.seite-zurueck-zu-mir-2 .intensiv-live .dreispaltig{grid-template-columns:1fr}}
@media(max-width:500px){.seite-zurueck-zu-mir-2 #intensiv-angebot{padding:30px 22px;border-radius:32px}.seite-zurueck-zu-mir-2 #intensiv-angebot .preis{font-size:52px}:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten>span{font-size:12px;overflow-wrap:anywhere}}

/* Orientierung bleibt beim Scrollen unmittelbar unter dem Header sichtbar. */
.neugestaltung .brotkrumen{position:sticky;top:136px;z-index:29}
@media(max-width:800px){.neugestaltung .brotkrumen{top:110px}}

/* Kompakte Angaben schaffen mehr Platz für das freigestellte Kursmotiv. */
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero-raster{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:30px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten{display:flex;flex-wrap:wrap;gap:7px;max-width:440px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten>span{flex:0 1 auto;padding:6px 9px;font-size:13px;line-height:1.4}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-kursbild{max-height:none;width:100%}
.seite-zurueck-zu-mir-2 .intensiv-erkennen>div{min-width:0;border:1px solid #d4af3770;border-radius:24px;padding:34px;background:#fffdf9;box-shadow:0 12px 28px #2723390b}
.seite-zurueck-zu-mir-2 .intensiv-erkennen{gap:28px;align-items:stretch}
.seite-zurueck-zu-mir-2 .intensiv-erkennen h2{margin-bottom:0}
/* Gerade Durchstreichung: 0,8 Sekunden zeichnen, zwei Sekunden halten. */
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{height:3px;top:54%;clip-path:none;animation:konsum-streichen-klar 4s linear infinite}
@keyframes konsum-streichen-klar{0%{transform:scaleX(0);opacity:1}20%,70%{transform:scaleX(1);opacity:1}80%,100%{transform:scaleX(1);opacity:0}}
.seite-zurueck-zu-mir-2 .alter-preis{position:relative;display:inline-block;width:fit-content;text-decoration:none!important}
.seite-zurueck-zu-mir-2 .alter-preis::after{content:'';position:absolute;left:0;right:0;top:52%;height:2px;background:currentColor;transform-origin:left;animation:konsum-streichen-klar 4s linear infinite}
.seite-zurueck-zu-mir-2 #intensiv-angebot .alter-preis{margin-inline:auto}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox>.etikett{animation:plaetze-blinken 2.4s ease-in-out infinite}
@keyframes plaetze-blinken{0%,35%,100%{opacity:1}60%,75%{opacity:.3}}
@media(max-width:800px){:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero-raster{grid-template-columns:1fr}.seite-zurueck-zu-mir-2 .intensiv-erkennen>div{padding:25px}}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir-2 .konsum-durchstrich::after,.seite-zurueck-zu-mir-2 .alter-preis::after{animation:none;transform:scaleX(1);opacity:1}:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox>.etikett{animation:none;opacity:1}}

/* Präsentationsbutton zentrieren und Angebot optisch abtrennen. */
.seite-zurueck-zu-mir-2 .intensiv-praesentation .aktionen{display:flex;justify-content:center;align-items:center;width:100%;margin-inline:auto}
.seite-zurueck-zu-mir-2 .intensiv-praesentation .abschnitt-innen::after{content:'';display:block;width:100%;height:1px;background:#d4af3770;margin-top:55px}
.seite-zurueck-zu-mir-2 #intensiv-angebot .aktionen a.knopf{background:#d4af37!important;color:#272339!important;border:1px solid #d4af37!important;box-shadow:0 5px 18px #27233925}
.seite-zurueck-zu-mir-2 #intensiv-angebot .aktionen a.knopf:hover,
.seite-zurueck-zu-mir-2 #intensiv-angebot .aktionen a.knopf:focus-visible{background:#272339!important;color:#d4af37!important;border-color:#d4af37!important;transform:none!important}

/* Mehr Breite für das vollständige Intensivkurs-Angebot. */
.seite-zurueck-zu-mir-2 #intensiv-angebot{width:min(100%,860px);padding:48px 52px}
@media(max-width:600px){.seite-zurueck-zu-mir-2 #intensiv-angebot{padding:30px 22px}}

/* Startseite: Hero und Navigation bilden gemeinsam den ersten Bildschirm. */
@media(min-width:801px){
 .neugestaltung.navigation-nach-hero>.einstieg{position:relative;height:calc(100svh - 136px);min-height:480px;overflow:hidden}
 .neugestaltung.navigation-nach-hero>.einstieg .einstieg-bild{height:100%;aspect-ratio:auto;background-size:cover;background-position:center;background-color:#f6f1eb}
 .neugestaltung.navigation-nach-hero>.einstieg .einstieg-text{padding-block:25px}
 .neugestaltung.navigation-nach-hero>.einstieg h1{font-size:clamp(42px,8.8vh,94px);line-height:1.04;margin-block:0}
 .neugestaltung.navigation-nach-hero>.einstieg .vorspann{font-size:clamp(15px,2vh,20px);line-height:1.6;margin-top:20px}
 .neugestaltung.navigation-nach-hero>.einstieg .einstieg-text::before{display:none}
 .neugestaltung.navigation-nach-hero>.seitenkopf{position:sticky;top:0;z-index:30}
}

/* Die vereinbarte erste Zitatzeile muss einschließlich „Muster“ Platz haben. */
@media(min-width:801px){
 .neugestaltung:not(.unterseite) .einleitung .innen{container-type:inline-size}
 .neugestaltung:not(.unterseite) .einleitung .zitat{font-size:min(37px,2.9cqi);line-height:1.4}
}

/* Ruhiger Atemrhythmus: drei Sekunden aufbauen, vier Sekunden abklingen. */
@keyframes iris-lichtimpuls{
 0%,100%{box-shadow:0 18px 32px #27233930,0 32px 58px #27233920,0 0 8px 5px #d4af3780,0 0 22px 6px #d4af3740}
 42.857%{box-shadow:0 22px 42px #27233945,0 36px 66px #27233930,0 0 16px 14px #d4af37b3,0 0 42px 16px #d4af3773}
}
.seite-hypnosesitzung br.hypnose-bildtext-umbruch{display:block}

/* Limitierte Plätze: Farbwechsel statt grauem Verblassen. */
@keyframes plaetze-blinken{0%,35%,100%{opacity:1;color:#272339}60%,75%{opacity:1;color:#d4af37}}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .preisbox>.etikett strong{color:inherit}

/* Regulären Preis mit zwei gekreuzten Linien markieren. */
.seite-zurueck-zu-mir-2 .alter-preis::before,
.seite-zurueck-zu-mir-2 .alter-preis::after{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:currentColor;transform-origin:center;animation:preis-kreuz 4s linear infinite}
.seite-zurueck-zu-mir-2 .alter-preis::before{--preis-winkel:-7deg}
.seite-zurueck-zu-mir-2 .alter-preis::after{--preis-winkel:7deg}
@keyframes preis-kreuz{0%{transform:rotate(var(--preis-winkel)) scaleX(0);opacity:1}20%,70%{transform:rotate(var(--preis-winkel)) scaleX(1);opacity:1}80%,100%{transform:rotate(var(--preis-winkel)) scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir-2 .alter-preis::before,.seite-zurueck-zu-mir-2 .alter-preis::after{animation:none;transform:rotate(var(--preis-winkel));opacity:1}}

/* Preiskreuz wie von Hand: beide Goldstriche nacheinander von links zeichnen. */
.seite-zurueck-zu-mir-2 .alter-preis::before,
.seite-zurueck-zu-mir-2 .alter-preis::after{background:#d4af37;height:3px;border-radius:2px;transform-origin:left center;width:100%}
.seite-zurueck-zu-mir-2 .alter-preis::before{top:85%;animation:preisstrich-aufwaerts 5s ease-in-out infinite}
.seite-zurueck-zu-mir-2 .alter-preis::after{top:15%;animation:preisstrich-abwaerts 5s ease-in-out infinite}
@keyframes preisstrich-aufwaerts{0%,8%{transform:rotate(-7deg) scaleX(0);opacity:1}24%,80%{transform:rotate(-7deg) scaleX(1);opacity:1}90%,100%{transform:rotate(-7deg) scaleX(1);opacity:0}}
@keyframes preisstrich-abwaerts{0%,28%{transform:rotate(7deg) scaleX(0);opacity:1}44%,80%{transform:rotate(7deg) scaleX(1);opacity:1}90%,100%{transform:rotate(7deg) scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir-2 .alter-preis::before{animation:none;transform:rotate(-7deg);opacity:1}.seite-zurueck-zu-mir-2 .alter-preis::after{animation:none;transform:rotate(7deg);opacity:1}}

/* Gleiche goldene Kreuzbewegung für „Kein Konsum-Programm.“ */
.seite-zurueck-zu-mir-2 .konsum-durchstrich::before,
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{content:'';position:absolute;left:0;right:0;width:100%;height:3px;background:#d4af37;border-radius:2px;clip-path:none;transform-origin:left center}
.seite-zurueck-zu-mir-2 .konsum-durchstrich::before{top:85%;animation:preisstrich-aufwaerts 5s ease-in-out infinite}
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{top:15%;animation:preisstrich-abwaerts 5s ease-in-out infinite}
.seite-zurueck-zu-mir-2 .intensiv-live .inhaltkarte:has(>[data-originaltext="text-49"]){text-align:center}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir-2 .konsum-durchstrich::before{animation:none;transform:rotate(-7deg);opacity:1}.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{animation:none;transform:rotate(7deg);opacity:1}}

/* Zwei zügige Striche, danach zwei Sekunden Standzeit. */
.seite-zurueck-zu-mir-2 .alter-preis::before,
.seite-zurueck-zu-mir-2 .alter-preis::after,
.seite-zurueck-zu-mir-2 .konsum-durchstrich::before,
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{animation-duration:3.2s}
@keyframes preisstrich-aufwaerts{0%{transform:rotate(-7deg) scaleX(0);opacity:1}12.5%,87.5%{transform:rotate(-7deg) scaleX(1);opacity:1}93.75%,100%{transform:rotate(-7deg) scaleX(1);opacity:0}}
@keyframes preisstrich-abwaerts{0%,12.5%{transform:rotate(7deg) scaleX(0);opacity:1}25%,87.5%{transform:rotate(7deg) scaleX(1);opacity:1}93.75%,100%{transform:rotate(7deg) scaleX(1);opacity:0}}

/* Beide Reihen der fünf Angaben haben dieselbe Gesamtbreite. */
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:440px;gap:7px}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten>span{grid-column:span 2;min-width:0}
:is(.seite-zurueck-zu-mir-2,.seite-zurueck-zu-mir) .intensiv-hero .etiketten>span:nth-child(n+4){grid-column:span 3}

/* Flaches, exakt mittiges Kreuz bleibt innerhalb der Überschrift. */
.seite-zurueck-zu-mir-2 .konsum-durchstrich::before,
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{top:32%;height:36%;transform:none;transform-origin:center;animation:konsum-kreuz-zeichnen 3.2s ease-in-out infinite;clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.seite-zurueck-zu-mir-2 .konsum-durchstrich::before{background:linear-gradient(to bottom right,transparent calc(50% - 1.5px),#d4af37 calc(50% - 1.5px),#d4af37 calc(50% + 1.5px),transparent calc(50% + 1.5px));animation-name:konsum-kreuz-zweiter}
.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{background:linear-gradient(to top right,transparent calc(50% - 1.5px),#d4af37 calc(50% - 1.5px),#d4af37 calc(50% + 1.5px),transparent calc(50% + 1.5px));animation-name:konsum-kreuz-erster}
@keyframes konsum-kreuz-erster{0%{clip-path:inset(0 100% 0 0);opacity:1}12.5%,87.5%{clip-path:inset(0);opacity:1}93.75%,100%{clip-path:inset(0);opacity:0}}
@keyframes konsum-kreuz-zweiter{0%,12.5%{clip-path:inset(0 100% 0 0);opacity:1}25%,87.5%{clip-path:inset(0);opacity:1}93.75%,100%{clip-path:inset(0);opacity:0}}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir-2 .konsum-durchstrich::before,.seite-zurueck-zu-mir-2 .konsum-durchstrich::after{animation:none;clip-path:inset(0);transform:none;opacity:1}}

/* Benötigte Unterlagen vor Kursbeginn. */
.seite-zurueck-zu-mir-2 .start-unterlagen{list-style:disc;padding-left:24px;margin:24px 0 0}
.seite-zurueck-zu-mir-2 .start-unterlagen li{padding:10px 0 10px 8px;line-height:1.6}
.seite-zurueck-zu-mir-2 .start-unterlagen li::marker{color:#d4af37;font-size:1.15em}
.seite-zurueck-zu-mir-2 .start-unterlagen li+li{border-top:1px solid #ffffff20}

/* Auch beim Kompaktkurs den regulären Preis mit dem goldenen Kreuz markieren. */
.seite-zurueck-zu-mir .alter-preis{position:relative;display:inline-block;width:fit-content;text-decoration:none!important}
.seite-zurueck-zu-mir .alter-preis::before,
.seite-zurueck-zu-mir .alter-preis::after{content:'';position:absolute;left:0;width:100%;height:3px;background:#d4af37;border-radius:2px;transform-origin:left center}
.seite-zurueck-zu-mir .alter-preis::before{top:85%;animation:preisstrich-aufwaerts 3.2s ease-in-out infinite}
.seite-zurueck-zu-mir .alter-preis::after{top:15%;animation:preisstrich-abwaerts 3.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir .alter-preis::before{animation:none;transform:rotate(-7deg);opacity:1}.seite-zurueck-zu-mir .alter-preis::after{animation:none;transform:rotate(7deg);opacity:1}}

/* Kompaktkurs: klare Satzwechsel und abgestimmte Leistungskarten. */
.seite-zurueck-zu-mir br.kompakt-umbruch{display:block}
.seite-zurueck-zu-mir .intensiv-hero .etiketten>span{display:flex;align-items:center;justify-content:center}
.seite-zurueck-zu-mir .kompakt-leistungen .dreispaltig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px;text-align:left}
.seite-zurueck-zu-mir .kompakt-leistungen .inhaltkarte{padding:30px;border:1px solid #d4af3760;border-radius:24px;background:#eee7dc;box-shadow:0 10px 28px #2723390b;text-align:left}
.seite-zurueck-zu-mir .kompakt-leistungen li{padding-block:9px}
.seite-zurueck-zu-mir .kompakt-leistungen li::marker{color:#806319}
.seite-zurueck-zu-mir .kompakt-praesentation .aktionen{display:flex;justify-content:center;align-items:center;width:100%}
@media(max-width:800px){.seite-zurueck-zu-mir .kompakt-leistungen .dreispaltig{grid-template-columns:1fr}}

/* Kompaktangebot im selben breiten Preiskartenstil wie der Intensivkurs. */
.seite-zurueck-zu-mir #investition .preisbox{width:min(100%,860px);margin-inline:auto;padding:48px 52px;border:5px solid #d4af37;border-radius:48px;background:#fff;box-shadow:0 16px 32px #27233912;text-align:center}
.seite-zurueck-zu-mir #investition h2{font:600 29px/1.3 Poppins,sans-serif}
.seite-zurueck-zu-mir #investition .preis{font:600 68px/1.2 Poppins,sans-serif;margin:20px 0;color:var(--violett)}
.seite-zurueck-zu-mir #investition .kompakt-euro{font-size:.45em}
.seite-zurueck-zu-mir #investition .alter-preis{margin-inline:auto}
.seite-zurueck-zu-mir .kompakt-preisleistungen{list-style:none;padding:0;margin:25px 0}
.seite-zurueck-zu-mir .kompakt-preisleistungen li{padding:11px 0;font-size:17px}
.seite-zurueck-zu-mir .kompakt-preisleistungen li+li{border-top:1px solid #27233920}
.seite-zurueck-zu-mir #investition .aktionen{display:flex;flex-direction:column;align-items:stretch;gap:20px}
.seite-zurueck-zu-mir #investition .aktionen a.knopf{background:#d4af37!important;color:#272339!important;border:1px solid #d4af37!important;box-shadow:0 5px 18px #27233925}
.seite-zurueck-zu-mir #investition .aktionen a.knopf:hover,
.seite-zurueck-zu-mir #investition .aktionen a.knopf:focus-visible{background:#272339!important;color:#d4af37!important;transform:none!important}
@media(max-width:600px){.seite-zurueck-zu-mir #investition .preisbox{padding:30px 22px;border-radius:32px}.seite-zurueck-zu-mir #investition h2{font-size:25px}.seite-zurueck-zu-mir #investition .preis{font-size:52px}}

/* Workbook: vollständige Motive und klar gerahmte Inhalte. */
.seite-zurueck-zu-mir-workbook .seitenauftakt img,
.seite-zurueck-zu-mir-workbook .workbook-kombination img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:24px}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>.inhaltkarte{padding:0;background:transparent;border:0}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child{margin-top:24px}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child strong{display:block;font-size:24px;margin-bottom:10px}
.seite-zurueck-zu-mir-workbook .workbook-inhalt>.dreispaltig{gap:24px;margin-block:35px}
.seite-zurueck-zu-mir-workbook .workbook-inhalt>.dreispaltig>div{padding:30px;border:1px solid #d4af3780;border-radius:22px;background:#eee7dc;box-shadow:0 10px 26px #2723390b}
.seite-zurueck-zu-mir-workbook .workbook-inhalt>.dreispaltig b{display:block;font-size:23px;margin-bottom:16px}
.seite-zurueck-zu-mir-workbook .workbook-worum .inhaltkarte{padding:36px;border:1px solid #d4af3780;box-shadow:0 10px 28px #2723390b}
.seite-zurueck-zu-mir-workbook .workbook-worum .inhaltkarte:first-child{border-radius:65px 12px 65px 12px}
.seite-zurueck-zu-mir-workbook .workbook-worum .inhaltkarte:last-child{border-radius:12px 65px 12px 65px;background:#fffdf9}
.seite-zurueck-zu-mir-workbook #kaufen .zweispaltig{grid-template-columns:1fr;gap:35px}
.seite-zurueck-zu-mir-workbook #kaufen article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:35px;padding:35px;border:1px solid #d4af3780;border-radius:28px;background:#fffdf9}
.seite-zurueck-zu-mir-workbook #kaufen article>img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:22px}
.seite-zurueck-zu-mir-workbook .filmplakat .knopf:empty{display:none}
@media(max-width:800px){.seite-zurueck-zu-mir-workbook #kaufen article{grid-template-columns:1fr;padding:24px}.seite-zurueck-zu-mir-workbook .workbook-worum .inhaltkarte{padding:28px}}

/* Workbook nach Kalles Bildvorlagen: Bildkachel und acht helle Modulkarten. */
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen{position:relative;padding-bottom:0}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child{position:absolute;left:5%;bottom:5%;width:82%;margin:0;padding:24px 28px;background:#122331eb;border:1px solid #d4af3780;border-radius:28px;text-align:left;box-shadow:0 12px 28px #0002}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child strong{color:#edc969;font-size:26px;font-weight:500;margin-bottom:12px}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child span{display:block;color:#f2f0eb;font-size:19px;line-height:1.7}
.seite-zurueck-zu-mir-workbook .workbook-module{background:#fff;color:#272339}
.seite-zurueck-zu-mir-workbook .workbook-module .zentriert{max-width:1000px;margin:0 auto 48px;text-align:center}
.seite-zurueck-zu-mir-workbook .workbook-module .kicker{color:#806319;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.seite-zurueck-zu-mir-workbook .workbook-module h2{color:#9b7821;font:600 clamp(27px,2.6vw,38px)/1.35 Poppins,sans-serif}
.seite-zurueck-zu-mir-workbook .workbook-module .modulraster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.seite-zurueck-zu-mir-workbook .workbook-module .inhaltkarte{display:block;min-width:0;padding:28px;border:1px solid #d4af374d;border-radius:28px;background:#fff;box-shadow:0 12px 28px #27233908;text-align:left}
.seite-zurueck-zu-mir-workbook .workbook-module .schrittnummer{display:block;width:auto;height:auto;margin:0 0 16px;padding:0;background:none;border:0;border-radius:0;color:#98751c;font:700 16px/1.4 Poppins,sans-serif;letter-spacing:.08em}
.seite-zurueck-zu-mir-workbook .workbook-module h3{color:#272339;font:500 21px/1.4 Poppins,sans-serif;margin:0 0 12px}
.seite-zurueck-zu-mir-workbook .workbook-module .inhaltkarte p{color:#58565e;font-size:17px;line-height:1.65;margin:0}
@media(max-width:1100px){.seite-zurueck-zu-mir-workbook .workbook-module .modulraster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.seite-zurueck-zu-mir-workbook .workbook-module .modulraster{grid-template-columns:1fr}.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child{left:4%;bottom:4%;width:92%;padding:16px 18px;border-radius:22px}.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child strong{font-size:21px;margin-bottom:6px}.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child span{font-size:16px;line-height:1.5}}

/* Gewünschter Titelumbruch auf der Workbook-Seite. */
.seite-zurueck-zu-mir-workbook .seitenauftakt h1 br{display:block}

/* Buch und PDF als durchgehende Angebotskarten nach Bildvorlage. */
.seite-zurueck-zu-mir-workbook #kaufen .zweispaltig{max-width:1100px;margin:40px auto 0;gap:40px}
.seite-zurueck-zu-mir-workbook #kaufen article{display:block;padding:0;overflow:hidden;border:1px solid #d4af3760;border-radius:44px;background:#fff;box-shadow:0 18px 40px #2723390d}
.seite-zurueck-zu-mir-workbook #kaufen article>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0;margin:0}
.seite-zurueck-zu-mir-workbook #kaufen article>div{padding:clamp(24px,4vw,54px)}
.seite-zurueck-zu-mir-workbook #kaufen .etikett{display:inline-block;padding:12px 22px;border:0;border-radius:50px;background:#faf5e9;color:#806319;font-size:20px;font-weight:700}
.seite-zurueck-zu-mir-workbook #kaufen h3{font:500 clamp(30px,3.5vw,48px)/1.25 Georgia,serif;color:#272339;margin:26px 0}
.seite-zurueck-zu-mir-workbook #kaufen article p{font-size:18px;line-height:1.7;color:#58565e}
.seite-zurueck-zu-mir-workbook #kaufen .preisbox{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;margin:32px 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#272339;font:700 clamp(36px,4vw,52px)/1.3 Poppins,sans-serif}
.seite-zurueck-zu-mir-workbook #kaufen .preisbox span{font-size:clamp(17px,2vw,23px);font-weight:600;color:#58565e}
.seite-zurueck-zu-mir-workbook #kaufen a.knopf{display:flex;width:100%;justify-content:center;padding:22px 24px;background:linear-gradient(110deg,#d4af37,#f0d77d)!important;border:1px solid #d4af37!important;color:#272339!important;font-size:clamp(18px,2.2vw,27px);font-weight:700;text-align:center}
.seite-zurueck-zu-mir-workbook #kaufen a.knopf:hover,.seite-zurueck-zu-mir-workbook #kaufen a.knopf:focus-visible{background:#272339!important;color:#edc969!important;transform:none!important}
@media(max-width:600px){.seite-zurueck-zu-mir-workbook #kaufen article{border-radius:28px}.seite-zurueck-zu-mir-workbook #kaufen .etikett{font-size:16px;padding:10px 16px}}

/* Kompaktere Bildkachel näher am unteren Rand. */
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child{left:5%;bottom:2%;width:72%;padding:16px 22px;border-radius:24px}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child strong{font-size:23px;margin-bottom:8px}
.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child span{font-size:17px;line-height:1.55}
@media(max-width:600px){.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child{left:4%;width:86%;padding:12px 16px;border-radius:20px}.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child strong{font-size:19px;margin-bottom:5px}.seite-zurueck-zu-mir-workbook .seitenauftakt .bildrahmen>div:last-child span{font-size:14px;line-height:1.5}}

/* Deutlichere Modulkarten mit sanft versetztem Eintritt ins Sichtfeld. */
.seite-zurueck-zu-mir-workbook .workbook-module .inhaltkarte{border:2px solid #c6a23a;box-shadow:0 12px 28px #27233924,0 3px 8px #27233910;transition:box-shadow .3s ease,border-color .3s ease}
.seite-zurueck-zu-mir-workbook .workbook-module .inhaltkarte:hover{border-color:#a7801c;box-shadow:0 16px 34px #27233930,0 4px 10px #27233915}
.seite-zurueck-zu-mir-workbook .workbook-module .modul-erscheint{animation:workbook-modul-einblenden .75s ease both;animation-delay:var(--modul-verzoegerung,0ms)}
@keyframes workbook-modul-einblenden{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.seite-zurueck-zu-mir-workbook .workbook-module .inhaltkarte{animation:none!important;transition:none}}

/* PDF-Angebot mit zurückhaltenderen Schriftgrößen. */
.seite-zurueck-zu-mir-workbook #kaufen article:last-child h3{font-size:30px;line-height:1.3;margin:22px 0}
.seite-zurueck-zu-mir-workbook #kaufen article:last-child p{font-size:18px;line-height:1.7}
.seite-zurueck-zu-mir-workbook #kaufen article:last-child .preisbox{font-size:34px;margin:26px 0}
.seite-zurueck-zu-mir-workbook #kaufen article:last-child .preisbox span{font-size:17px}
.seite-zurueck-zu-mir-workbook #kaufen article:last-child a.knopf{font-size:18px;padding:16px 24px}

/* Mehr Luft zwischen FAQ-Einleitung und Fragen. */
.seite-zurueck-zu-mir-workbook [data-originaltext="text-51"]{margin-bottom:48px}
.seite-zurueck-zu-mir-workbook .bereich .zentriert p[data-originaltext="text-51"]{padding-bottom:48px}

/* Mehr Abstand oberhalb des abschließenden Workbook-Impulses. */
.seite-zurueck-zu-mir-workbook .abschnitt-innen:has(>[data-originaltext="text-63"]){padding-top:48px}

/* Fotoanleitung: Original-Einstieg mit einem Bild und rechteckigen Angaben. */
.seite-anleitung .seitenauftakt{background:#182438;color:#f6f1eb;padding-block:70px}
.seite-anleitung .seitenauftakt .zweispaltig{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px}
.seite-anleitung .seitenauftakt h1{color:#edc969;font:500 clamp(44px,5.4vw,78px)/1.1 Georgia,serif;letter-spacing:-1px;margin:30px 0}
.seite-anleitung .seitenauftakt .kicker{color:#edc969!important;font-size:17px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.seite-anleitung .seitenauftakt p{color:#f6f1eb;line-height:1.75}
.seite-anleitung .seitenauftakt .etiketten{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}
.seite-anleitung .seitenauftakt .etiketten span{border:1px solid #f6f1eb66;border-radius:0;background:#ffffff06;padding:12px 15px;color:#f6f1eb;font-size:16px}
.seite-anleitung .seitenauftakt .anleitung-herobild{margin:0;min-width:0;text-align:right}
.seite-anleitung .seitenauftakt .anleitung-herobild img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border:9px solid #fff;border-radius:22px;box-shadow:0 0 0 10px #ffffff14,0 20px 35px #0003}
.seite-anleitung .seitenauftakt .anleitung-herobild figcaption{display:inline-block;margin-top:35px;padding:12px 22px;border-radius:50px;background:#d4af37;color:#182438;font:700 16px/1.5 Poppins,sans-serif;letter-spacing:.06em}
.seite-anleitung .seitenauftakt .aktionen a.knopf:first-child{background:#d4af37!important;color:#182438!important;border-color:#d4af37!important}
.seite-anleitung .seitenauftakt .aktionen a.knopf:last-child{background:transparent!important;color:#f6f1eb!important;border-color:#f6f1eb99!important}
.seite-anleitung .seitenauftakt .aktionen a.knopf:hover{background:#272339!important;color:#edc969!important;border-color:#d4af37!important}
@media(max-width:800px){.seite-anleitung .seitenauftakt .zweispaltig{grid-template-columns:1fr;gap:45px}.seite-anleitung .seitenauftakt h1{font-size:44px}.seite-anleitung .seitenauftakt .kicker{font-size:14px!important}.seite-anleitung .seitenauftakt .anleitung-herobild{margin:0 10px}.seite-anleitung .seitenauftakt .etiketten{display:grid;grid-template-columns:1fr}}
@media(min-width:801px){.unterseite.seite-anleitung .seitenauftakt .zweispaltig{grid-template-columns:1.1fr 1fr}}

/* Fotoanleitung: klare Umbrüche und gerahmte persönliche Angaben. */
.seite-anleitung #bc-anleitung br.anleitung-umbruch{display:block}
.seite-anleitung .anleitung-betrachtungen ul{margin:18px 0 22px;padding-left:25px}
.seite-anleitung .anleitung-betrachtungen li{padding:5px 0 5px 5px}
.seite-anleitung .anleitung-betrachtungen li::marker{color:#edc969}
.seite-anleitung #ba-angaben .anleitung-angabenkarte{min-width:0;padding:34px;border:1px solid #d4af3799;border-radius:26px;background:#ffffff08;box-shadow:0 12px 28px #0002}
.seite-anleitung #ba-angaben .anleitung-angabenkarte h3{color:#edc969;margin-top:0}
@media(max-width:600px){.seite-anleitung #ba-angaben .anleitung-angabenkarte{padding:24px}}

/* Versand: kompakte Aktionen und bewusst abhaken statt Unterlagen übersehen. */
.seite-anleitung #ba-senden .zweispaltig{display:flex;flex-wrap:wrap;gap:12px}
.seite-anleitung #ba-senden .zweispaltig .knopf{width:auto;min-height:0;padding:11px 18px;font-size:15px;line-height:1.4}
.seite-anleitung #ba-senden .sende-einleitung{font-size:21px;margin:22px 0}
.seite-anleitung #ba-senden .unterlagen-pruefung{margin-top:32px;padding:26px;border:1px solid #c6a23a;border-radius:22px;background:#faf5e9}
.seite-anleitung #ba-senden .pruefung-titel{display:block;color:#806319;font-size:25px;line-height:1.4;animation:unterlagen-erinnerung 2.8s ease-in-out infinite}
@keyframes unterlagen-erinnerung{0%,100%{opacity:1}50%{opacity:.6}}
.seite-anleitung #ba-senden .unterlagen-checkliste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.seite-anleitung #ba-senden .unterlagen-checkliste label{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#fff;border:1px solid #27233933;border-radius:10px;cursor:pointer;color:#272339;font-size:16px}
.seite-anleitung #ba-senden .unterlagen-checkliste input{appearance:auto;width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#806319}
.seite-anleitung #ba-senden .unterlagen-checkliste label:has(:checked){border-color:#a38326;background:#f2e7c4}
.seite-anleitung #ba-senden .pruefung-stand{font-size:17px;font-weight:600;color:#62502b;margin:0}
.seite-anleitung #ba-senden .unterlagen-pruefung.komplett .pruefung-titel{animation:none}
@media(max-width:800px){.seite-anleitung #ba-senden .unterlagen-checkliste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.seite-anleitung #ba-senden .unterlagen-checkliste{grid-template-columns:1fr}.seite-anleitung #ba-senden .unterlagen-pruefung{padding:20px}.seite-anleitung #ba-senden .pruefung-titel{font-size:22px}}
@media(prefers-reduced-motion:reduce){.seite-anleitung #ba-senden .pruefung-titel{animation:none}}

/* Irisfotografie: persönliche Atmosphäre, abwechslungsreiche Galerie und Original-Angebote. */
.seite-irisfoto #irisfotos br.irisfoto-umbruch{display:block}
.seite-irisfoto #irisfotos .etiketten>span{display:inline-flex;align-items:center;gap:9px;border:1px solid #b59954;border-radius:0;padding:12px 16px;background:#eee7dc;font-size:16px}
.seite-irisfoto #irisfotos .irisfoto-herz{font-size:26px;color:#806319;line-height:1}
.seite-irisfoto .irisfoto-persoenlich{background:#f5efe5}
.seite-irisfoto .irisfoto-persoenlich>.zweispaltig{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:50px;align-items:start}
.seite-irisfoto .irisfoto-persoenlich aside.inhaltkarte{padding:34px;background:#fffdf9;border:1px solid #d8c9ab;border-radius:28px;box-shadow:0 18px 38px #27233918}
.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-3"]{font:500 clamp(25px,2.4vw,36px)/1.25 Georgia,serif}
.seite-irisfoto .irisfoto-persoenlich .portrait{margin:24px 0 0}
.seite-irisfoto .irisfoto-persoenlich .portrait img{width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:22px}
.seite-irisfoto .irisfoto-persoenlich figcaption{text-align:center;margin-top:22px;font-style:italic}
.seite-irisfoto .irisfoto-persoenlich figcaption strong{display:block;font:700 italic 28px/1.3 Georgia,serif}
.seite-irisfoto .irisfoto-persoenlich figcaption span{display:block;font-size:16px;line-height:1.6}
.seite-irisfoto .irisfoto-persoenlich h2{color:#96721a;font:600 26px/1.4 Poppins,sans-serif}
.seite-irisfoto .irisfoto-persoenlich .kartenraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.seite-irisfoto .irisfoto-persoenlich .kartenraster .inhaltkarte{padding:26px;background:#fffaf7;border:0;border-top:1px solid #d8c9ab;border-radius:0}
.seite-irisfoto .irisfoto-persoenlich .kartenraster b{display:block;font:500 24px/1.4 Georgia,serif;margin:15px 0 12px}
.seite-irisfoto .irisfoto-persoenlich .kartenraster .inhaltkarte>div{color:#96721a;font-size:25px}
.seite-irisfoto .irisfoto-persoenlich .kartenraster p{font-size:17px;line-height:1.7}
.seite-irisfoto #galerie .galerie{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.seite-irisfoto #galerie .galeriebild{grid-column:span 4;margin:0;aspect-ratio:auto;overflow:hidden;border-radius:22px;background:#101c2c}
.seite-irisfoto #galerie .galeriebild:nth-child(1),.seite-irisfoto #galerie .galeriebild:nth-child(4){grid-column:span 8}
.seite-irisfoto #galerie .galeriebild:last-child{grid-column:1/-1}
.seite-irisfoto #galerie .galeriebild img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
.seite-irisfoto #galerie .bildunterschrift{position:static;padding:18px 22px;background:#101c2c;color:#f6f1eb}
.seite-irisfoto #galerie .bildunterschrift b{display:block;margin-bottom:5px;color:#edc969}
.seite-irisfoto #ablauf .kartenraster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:irisablauf}
.seite-irisfoto #ablauf .inhaltkarte{counter-increment:irisablauf;padding:26px;background:#fffdf9;border:1px solid #d8c9ab;border-radius:22px}
.seite-irisfoto #ablauf .inhaltkarte::before{content:counter(irisablauf);display:grid;place-items:center;width:43px;height:43px;background:#182438;color:#fff;border-radius:50%;box-shadow:0 0 0 5px #bd7d2b24;font:22px Georgia,serif;margin-bottom:22px}
.seite-irisfoto #ablauf h3{font:500 25px/1.3 Georgia,serif}
.seite-irisfoto #ablauf p{font-size:17px;line-height:1.65}
.seite-irisfoto #preise{background:#fffaf2;border-block:1px solid #d8c9ab}
.seite-irisfoto #preise .dreispaltig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0}
.seite-irisfoto #preise article.preisbox{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid #d8c9ab;border-radius:24px;background:#fffdf9;text-align:left}
.seite-irisfoto #preise article.preisbox:nth-child(2){border:2px solid #c89042;box-shadow:0 16px 32px #27233918}
.seite-irisfoto #preise article.preisbox:nth-child(2)::after{content:'Beliebt';position:absolute;right:16px;top:16px;background:#182438;color:#fff;border-radius:40px;padding:5px 10px;font-size:12px}
.seite-irisfoto #preise article h3{font:500 34px/1.3 Georgia,serif;margin:20px 0}
.seite-irisfoto #preise article p{font-size:17px;line-height:1.6}
.seite-irisfoto #preise article ul{list-style:none;padding:0;margin:auto 0 0;text-align:center}
.seite-irisfoto #preise article .preis{padding-top:20px}
.seite-irisfoto #preise article .preis strong{font:600 54px/1.2 Georgia,serif;color:#806319}
.seite-irisfoto #preise .irisfoto-paketinhalt{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;padding:32px;border-radius:30px;background:linear-gradient(135deg,#0b1f31,#193b56);color:#f6f1eb;box-shadow:0 18px 36px #18243822}
.seite-irisfoto #preise .irisfoto-paketinhalt>img{grid-column:1/-1;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:22px}
.seite-irisfoto #preise .irisfoto-paketinhalt .kicker{color:#edc969!important;font-weight:600!important}
.seite-irisfoto #preise .irisfoto-paketinhalt h3{color:#fff;font:500 28px/1.4 Georgia,serif}
.seite-irisfoto #preise .irisfoto-paketinhalt li{font-size:17px;line-height:1.6;padding-block:6px}
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis{font-size:17px;border-left:1px solid #ffffff40;padding-left:28px}
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis ul{list-style:none;margin:0;padding:0}
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff30}
.seite-irisfoto #preise .irisfoto-paketinhalt strong{color:#fff;white-space:nowrap}
.seite-irisfoto #preise .irisfoto-paketinhalt small{display:block;font-size:14px;margin-top:7px}
@media(max-width:1000px){.seite-irisfoto #ablauf .kartenraster{grid-template-columns:repeat(2,minmax(0,1fr))}.seite-irisfoto .irisfoto-persoenlich>.zweispaltig{gap:28px}.seite-irisfoto .irisfoto-persoenlich .kartenraster{grid-template-columns:1fr}}
@media(max-width:800px){.seite-irisfoto .irisfoto-persoenlich>.zweispaltig,.seite-irisfoto #preise .dreispaltig,.seite-irisfoto #preise .irisfoto-paketinhalt{grid-template-columns:1fr}.seite-irisfoto #preise .irisfoto-paketinhalt{padding:24px}.seite-irisfoto #preise .irisfoto-paketinhalt>.preis{border-left:0;border-top:1px solid #ffffff40;padding:24px 0 0}.seite-irisfoto #galerie .galerie{grid-template-columns:repeat(2,minmax(0,1fr))}.seite-irisfoto #galerie .galeriebild{grid-column:span 1}.seite-irisfoto #galerie .galeriebild:nth-child(1),.seite-irisfoto #galerie .galeriebild:nth-child(4){grid-column:1/-1}}
@media(max-width:500px){.seite-irisfoto #ablauf .kartenraster,.seite-irisfoto #galerie .galerie{grid-template-columns:1fr}.seite-irisfoto #galerie .galeriebild{grid-column:1/-1}.seite-irisfoto .irisfoto-persoenlich aside.inhaltkarte{padding:24px}}
.seite-irisfoto .irisfoto-persoenlich figure.portrait{width:100%;height:auto;border-radius:0}

/* Iris-Party wieder wie im Original: Einladung links, helle Angebotskarte rechts. */
.seite-irisfoto #irisparty{background:radial-gradient(circle at 88% 18%,#ddb57529,transparent 24%),linear-gradient(145deg,#091c2d,#0d2d4a);color:#fff}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child{display:block;max-width:920px;margin:0 0 42px;text-align:left}
.seite-irisfoto #irisparty h2{color:#fff;text-align:left;margin:26px 0}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child>.vorspann{color:#dbe2e8}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child>div>div:first-child{display:inline-block;border:1px solid #e4aa58;border-radius:40px;padding:7px 13px;color:#ffd28d;font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:16px}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child .kicker{color:#f2b75f!important;font-size:44px!important;font-weight:700!important;line-height:1.1;letter-spacing:.075em}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child>div>div:nth-child(3){font-size:21px;font-weight:600;text-transform:uppercase;margin-top:12px}
.seite-irisfoto #irisparty [data-originaltext="text-59"]{color:#f7dfb9;font:italic 22px/1.5 Georgia,serif}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:last-child{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:last-child>div{color:#dbe2e8}
.seite-irisfoto #irisparty [data-originaltext="text-62"]{color:#edc969}
.seite-irisfoto #irisparty .kartenraster{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}
.seite-irisfoto #irisparty .kartenraster .inhaltkarte{padding:22px 24px;border:1px solid #ffffff30;background:#ffffff0e;border-radius:18px;color:#dbe2e8}
.seite-irisfoto #irisparty .kartenraster b{display:block;color:#fff;font:500 23px/1.4 Georgia,serif;margin-bottom:8px}
.seite-irisfoto #irisparty aside{padding:34px;background:#fffdf9;color:#272339;border:1px solid #ddb57573;border-radius:30px;box-shadow:0 24px 60px #0003}
.seite-irisfoto #irisparty aside .bildrahmen{margin:0 0 28px}
.seite-irisfoto #irisparty aside img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:20px}
.seite-irisfoto #irisparty aside figcaption{color:#62616a;text-align:center;font-size:15px;margin-top:14px}
.seite-irisfoto #irisparty aside h3{color:#272339;font:500 30px/1.3 Georgia,serif}
.seite-irisfoto #irisparty aside .kicker{color:#806319!important}
.seite-irisfoto #irisparty aside .preis{padding:20px 0;margin:26px 0;border-block:1px solid #d8c9ab;font-size:20px}
.seite-irisfoto #irisparty aside .preis strong{display:block;color:#272339;font-size:28px}
.seite-irisfoto .irisfoto-infopaare{background:#f5efe5}
.seite-irisfoto .irisfoto-infopaare>.abschnitt-innen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.seite-irisfoto .irisfoto-infopaare .inhaltkarte{padding:36px;border:1px solid #d8c9ab;border-radius:28px;background:#fffdf9;color:#272339}
.seite-irisfoto .irisfoto-infopaare .kicker{color:#875321!important;font-weight:700!important;font-size:15px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.seite-irisfoto .irisfoto-infopaare h2{font:600 32px/1.3 Poppins,sans-serif;color:#98751c;margin:22px 0}
.seite-irisfoto .irisfoto-infopaare h3{font:500 31px/1.3 Georgia,serif;margin:22px 0}
.seite-irisfoto .irisfoto-infopaare p{font-size:18px;line-height:1.75;color:#58565e}
@media(max-width:800px){.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:last-child,.seite-irisfoto .irisfoto-infopaare>.abschnitt-innen{grid-template-columns:1fr}.seite-irisfoto #irisparty aside,.seite-irisfoto .irisfoto-infopaare .inhaltkarte{padding:25px}.seite-irisfoto .irisfoto-infopaare h2,.seite-irisfoto .irisfoto-infopaare h3{font-size:28px}}

/* Hinweis mit Abstand; Zusatzoptionen in derselben Schrift wie der Fließtext. */
.seite-irisfoto #preise p[data-originaltext="text-52"]{padding-top:28px}
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis{font-family:Poppins,sans-serif;font-size:18px;line-height:1.7}
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis .kicker{font-size:18px!important;line-height:1.7;font-weight:700!important}
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis li,
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis strong,
.seite-irisfoto #preise .irisfoto-paketinhalt>.preis small{font-family:inherit;font-size:18px;line-height:1.7}

/* Iris-Party: ruhige, einheitliche Typografie statt vieler Sonderformate. */
.seite-irisfoto #irisparty{font-family:Poppins,sans-serif;font-size:18px;line-height:1.7}
.seite-irisfoto #irisparty :is(h2,h3,p,b,strong,span,figcaption,.kicker,.preis){font-family:inherit;font-style:normal;letter-spacing:normal;text-transform:none}
.seite-irisfoto #irisparty h2{font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.3}
.seite-irisfoto #irisparty h3,.seite-irisfoto #irisparty aside h3{font-family:inherit;font-size:26px;font-weight:600;line-height:1.4}
.seite-irisfoto #irisparty p,.seite-irisfoto #irisparty .vorspann,.seite-irisfoto #irisparty [data-originaltext="text-59"],.seite-irisfoto #irisparty .kartenraster span{font-family:inherit;font-size:18px;font-style:normal;font-weight:400;line-height:1.7}
.seite-irisfoto #irisparty .kicker,.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child .kicker{font-size:20px!important;font-weight:600!important;line-height:1.5;letter-spacing:normal!important;text-transform:none!important}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child>div>div:first-child{font-size:16px;font-weight:600;letter-spacing:normal;text-transform:none;padding:6px 12px}
.seite-irisfoto #irisparty>.abschnitt-innen>.zweispaltig:first-child>div>div:nth-child(3){font-size:18px;font-weight:400;line-height:1.7;letter-spacing:normal;text-transform:none}
.seite-irisfoto #irisparty .kartenraster b{font-family:inherit;font-size:20px;font-weight:600;line-height:1.5}
.seite-irisfoto #irisparty aside .preis,.seite-irisfoto #irisparty aside .preis strong{font-family:inherit;font-size:20px;line-height:1.5}
.seite-irisfoto #irisparty aside figcaption,.seite-irisfoto #irisparty aside .etikett{font-size:16px;line-height:1.6;font-style:normal}
.seite-irisfoto #irisparty .knopf{font-family:inherit;font-size:16px;font-weight:600}

/* Startseite: deutlich näherer Bildausschnitt. */
@media(min-width:801px){.neugestaltung.navigation-nach-hero>.einstieg .einstieg-bild{transform:scale(1.45);transform-origin:center}}
@media(max-width:800px){.neugestaltung:not(.unterseite) .einstieg-bild{background-size:150% auto;background-position:center}}

/* Sichtbarer, ruhiger Zoom statt dauerhaft vergrößertem Hero-Bild. */
@media(min-width:801px){.neugestaltung.navigation-nach-hero>.einstieg .einstieg-bild{transform:scale(1);animation:startbild-zoom 14s ease-in-out infinite alternate}}
@keyframes startbild-zoom{from{transform:scale(1)}to{transform:scale(1.25)}}
@media(max-width:800px){.neugestaltung:not(.unterseite) .einstieg-bild{background-size:100% auto;animation:startbild-zoom-mobil 14s ease-in-out infinite alternate}}
@keyframes startbild-zoom-mobil{from{background-size:100% auto}to{background-size:125% auto}}
.neugestaltung .seitenkopf .marke img{transition:width .3s ease,height .3s ease}
.neugestaltung .seitenkopf.navigation-fixiert .marke img{width:76px;height:76px}
@media(max-width:800px){.neugestaltung .seitenkopf.navigation-fixiert .marke img{width:62px!important;height:62px!important}}
@media(prefers-reduced-motion:reduce){.neugestaltung:not(.unterseite) .einstieg-bild{animation:none!important;transform:none!important}.neugestaltung .seitenkopf .marke img{transition:none}}

/* Namensüberschrift auf der Startseite. */
.neugestaltung:not(.unterseite) h2[data-inhalt="91220fb"]{font-size:34px}

/* Kompakterer Zeilenabstand der Eltern-Kind-Überschrift auf der Startseite. */
.neugestaltung:not(.unterseite) h2[data-inhalt="8f687bd"]{line-height:1.12}

/* Angeheftete Navigation kompakter, Breadcrumbs schließen direkt darunter an. */
.neugestaltung .seitenkopf.navigation-fixiert{height:96px;padding-block:10px}
.neugestaltung .seitenkopf.navigation-fixiert+.brotkrumen{top:96px}
@media(max-width:800px){.neugestaltung .seitenkopf.navigation-fixiert{height:82px}.neugestaltung .seitenkopf.navigation-fixiert+.brotkrumen{top:82px}}
.neugestaltung .seitenkopf.navigation-fixiert{min-height:0}
@media(max-width:800px){.neugestaltung .seitenkopf.navigation-fixiert{height:90px}.neugestaltung .seitenkopf.navigation-fixiert+.brotkrumen{top:90px}}

/* Hero-Zoom setzt ohne langsame Anlaufphase sichtbar ein. */
.neugestaltung:not(.unterseite) .einstieg .einstieg-bild{animation-duration:10s;animation-timing-function:linear;animation-delay:0s}

/* Leichterer Fließtext auf der Startseite. */
.neugestaltung:not(.unterseite) :is(main,.einstieg) :is(p,li,.vorspann,.fliesstext){font-weight:300}

/* Private Iris-Party direkt nach dem vierten Ablaufschritt. */
.seite-irisfoto #irisparty .irisparty-angebot-unten{margin-top:28px}
.seite-irisfoto #irisparty .irisparty-foto{margin:0;min-width:0}
.seite-irisfoto #irisparty .irisparty-foto img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:24px}
.seite-irisfoto #irisparty .irisparty-foto figcaption{margin-top:16px;color:#dbe2e8;font:400 16px/1.6 Poppins,sans-serif;text-align:center}

/* Einheitlich kompakte Buchungsbuttons in den Preisangeboten. */
.neugestaltung :is(#bc-angebot,#bp-angebot,#bh-angebot,#bt-angebot,#bf-angebot,#bs-angebot,#intensiv-angebot,#investition,#kaufen) .knopf{width:340px!important;max-width:100%!important;min-width:0;align-self:center;justify-content:center;margin-inline:auto;display:flex;font-size:16px!important;line-height:1.5;padding:16px 20px!important;text-align:center;box-sizing:border-box}

/* Footer: dunkle Bühne, Goldkante und klar gegliederte Kontaktbereiche. */
.neugestaltung footer.seitenfuss{position:relative;padding:74px max(24px,6%);background:radial-gradient(ellipse at 12% 45%,#705b393d,transparent 45%),linear-gradient(120deg,#171625,#302a43);border-top:3px solid #d4af37;box-shadow:inset 0 18px 45px #0002;color:#f6f1eb}
.neugestaltung .seitenfuss .fussraster{display:grid;grid-template-columns:.7fr 1fr 1.25fr;gap:55px;align-items:start;max-width:1328px;margin:auto}
.neugestaltung .seitenfuss .fussraster>a{display:flex;justify-content:center;align-items:center;align-self:center;padding:25px}
.neugestaltung .seitenfuss img.fusslogo{display:block;width:150px;height:150px;max-width:100%;border-radius:50%;box-shadow:0 0 0 1px #edc96970,0 0 0 12px #edc96908,0 14px 36px #0005}
.neugestaltung .seitenfuss .fussraster>div{border-left:1px solid #edc96942;padding-left:32px}
.neugestaltung .seitenfuss h2{color:#edc969;font:600 21px/1.4 Poppins,sans-serif;letter-spacing:0;margin:0 0 24px}
.neugestaltung .seitenfuss nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.neugestaltung .seitenfuss nav a{display:block;width:fit-content;color:#f6f1eb;font-size:16px;line-height:1.6;padding:5px 0;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.neugestaltung .seitenfuss nav a:hover,.neugestaltung .seitenfuss nav a:focus-visible{color:#edc969;border-bottom-color:#edc969}
.neugestaltung .seitenfuss .adresse,.neugestaltung .seitenfuss .adresse p{font-size:16px;line-height:1.85;color:#e8e2e9}
.neugestaltung .seitenfuss strong{color:#edc969;font-weight:600}
@media(max-width:1000px){.neugestaltung .seitenfuss .fussraster{grid-template-columns:.6fr 1fr 1.2fr;gap:25px}.neugestaltung .seitenfuss .fussraster>div{padding-left:22px}.neugestaltung .seitenfuss .fussraster>a{padding:12px}.neugestaltung .seitenfuss nav{grid-template-columns:1fr}}
@media(max-width:700px){.neugestaltung footer.seitenfuss{padding:50px 24px}.neugestaltung .seitenfuss .fussraster{grid-template-columns:1fr;gap:36px}.neugestaltung .seitenfuss .fussraster>a{justify-content:flex-start}.neugestaltung .seitenfuss .fussraster>div{border-left:0;border-top:1px solid #edc96942;padding:26px 0 0}.neugestaltung .seitenfuss nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Zwei große Irisbilder: das Paarbild überlappt nur den unteren Bildrand. */
.seite-irisfoto #irisfotos .bildkomposition{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0}
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen{padding:0;overflow:hidden;background:#000;border:2px solid #b99a4c;box-shadow:0 18px 36px #27233930}
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:first-child{width:90%;align-self:flex-start;border-radius:30% 14px 30% 14px}
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:nth-child(2){position:relative;z-index:1;width:85%;align-self:flex-end;margin-top:-14%;border-radius:14px 28% 14px 28%}
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0}
.seite-irisfoto #irisfotos .bildkomposition>.bildunterschrift{position:static;width:100%;margin-top:24px;text-align:center}

/* Zurückhaltender persönlicher Leitsatz und Angaben vor den Aktionen. */
.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-3"]{font-size:26px;font-weight:400;line-height:1.4}
.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-3"] em{font-weight:400}
.seite-irisfoto #irisfotos .etiketten{margin:26px 0 22px}
.seite-irisfoto #irisfotos .etiketten>span{font-size:16px;font-weight:400}
@media(max-width:600px){.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-3"]{font-size:24px}}

/* Irisfoto-Hero: stärkere diagonale Rundung, zweites Bild rechteckig. */
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:first-child{border-radius:45% 14px 45% 14px}
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:nth-child(2){border-radius:0}

/* Goldimpuls am hinteren Irisbild; vorderes Paarbild ohne Rahmen. */
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:first-child{animation:iris-lichtimpuls 7s ease-in-out infinite}
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:nth-child(2){border:0}
@media(prefers-reduced-motion:reduce){.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:first-child{animation:none}}

/* Irisfoto: Kalles genaue Schriftvorgaben. */
.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-3"]{font-family:Baskervville,serif;font-size:31px;font-weight:400}
.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-6"]{font-family:Poppins,sans-serif;font-size:17px}
.seite-irisfoto .irisfoto-persoenlich figcaption span{font-style:normal}
.seite-irisfoto #irisparty :is([data-originaltext="text-61"],[data-originaltext="text-63"],[data-originaltext="text-64"],[data-originaltext="text-67"],[data-originaltext="text-68"]),
.seite-irisfoto #irisparty .kartenraster .inhaltkarte>span{font-family:Poppins,sans-serif;font-size:17px;font-weight:300;line-height:1.7}
.seite-irisfoto #irisparty aside .etiketten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.seite-irisfoto #irisparty aside .etiketten .etikett{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:9px 6px;text-align:center;font-size:14px;line-height:1.4;overflow-wrap:anywhere}

/* Einheitliche Überschriften in den Irisfoto-Informationskarten. */
.seite-irisfoto .irisfoto-infopaare h3{font:600 32px/1.3 Poppins,sans-serif;color:#98751c}
@media(max-width:800px){.seite-irisfoto .irisfoto-infopaare h3{font-size:28px}}
.seite-irisfoto #irisparty h2 br.irisparty-umbruch{display:block}

/* Irisfoto: weicher Atemschein ohne scharf begrenzten pulsierenden Ring. */
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:first-child{animation-name:irisfoto-weicher-lichtimpuls}
@keyframes irisfoto-weicher-lichtimpuls{
 0%,100%{box-shadow:0 18px 32px #27233930,0 32px 58px #27233920,0 0 8px 5px #d4af3780,0 0 22px 6px #d4af3740}
 42.857%{box-shadow:0 22px 42px #27233945,0 36px 66px #27233930,0 0 16px 14px #d4af37b3,0 0 42px 16px #d4af3773}
}
@media(prefers-reduced-motion:reduce){.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:first-child{animation:none}}

/* Persönlicher Leitsatz als normaler Fließtext. */
.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-3"]{font-family:Poppins,sans-serif;font-size:17px;font-weight:300;line-height:1.7}
.seite-irisfoto .irisfoto-persoenlich [data-originaltext="text-3"] em{font-weight:300;font-style:italic}

/* Zusammengehörige Infokacheln mit kurzem Abstand zwischen den Reihen. */
.seite-irisfoto .irisfoto-infopaare:has(+ .irisfoto-infopaare){padding-bottom:14px}
.seite-irisfoto .irisfoto-infopaare+.irisfoto-infopaare{padding-top:14px}

/* Das Footer-Logo atmet mit einem warmen Goldschein. */
.neugestaltung .seitenfuss img.fusslogo{animation:fusslogo-goldschein 7s ease-in-out infinite}
@keyframes fusslogo-goldschein{
 0%,100%{box-shadow:0 0 0 1px #edc96970,0 0 8px 3px #d4af3740,0 0 22px 5px #d4af3726,0 14px 36px #0005}
 42.857%{box-shadow:0 0 0 2px #edc969b3,0 0 16px 9px #d4af3780,0 0 38px 13px #d4af374d,0 14px 36px #0005}
}
@media(prefers-reduced-motion:reduce){.neugestaltung .seitenfuss img.fusslogo{animation:none}}

/* Die beiden Irisbilder geben den Goldschein im Atemrhythmus weiter. */
.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:nth-child(2){animation:irisfoto-gegenlaeufiger-lichtimpuls 7s ease-in-out infinite}
@keyframes irisfoto-gegenlaeufiger-lichtimpuls{
 0%,100%{box-shadow:0 22px 42px #27233945,0 36px 66px #27233930,0 0 16px 14px #d4af37b3,0 0 42px 16px #d4af3773}
 42.857%{box-shadow:0 18px 32px #27233930,0 32px 58px #27233920,0 0 8px 5px #d4af3780,0 0 22px 6px #d4af3740}
}
@media(prefers-reduced-motion:reduce){.seite-irisfoto #irisfotos .bildkomposition>.bildrahmen:nth-child(2){animation:none}}

/* Kompakteres Parallax-Bild im Abschnitt „Deine Iris spricht“. */
.neugestaltung:not(.unterseite) .zuhoeren{min-height:500px}
@media(max-width:700px){.neugestaltung:not(.unterseite) .zuhoeren{min-height:460px}}

/* Kompakterer Eltern-Kind-Bildabschnitt auf der Startseite. */
.neugestaltung:not(.unterseite) .familie{min-height:500px}
.neugestaltung:not(.unterseite) .familie .bildtext{padding-block:70px}
@media(max-width:800px){.neugestaltung:not(.unterseite) .familie .bildtext{padding-block:45px}}

/* Nur die beiden einleitenden Wörter hervorheben. */
.neugestaltung:not(.unterseite) .familie h2 .familie-was-waere,
.neugestaltung:not(.unterseite) .ueber .ueber-was-waere{font-size:80px;font-weight:700}

/* Schriftgröße der Eltern-Kind-Frage, unabhängig vom hervorgehobenen Einstieg. */
.neugestaltung:not(.unterseite) .familie h2{font-size:48px}

/* Blogübersicht: ruhiges Dreispaltenraster nach Kalles Referenz. */
.blog-uebersicht #inhalt{background:#211e30;color:#f6f1eb;padding-bottom:64px}
.blog-uebersicht .seitenkopf-inhalt{padding-top:60px;padding-bottom:32px}
.blog-uebersicht .seitenkopf-inhalt .kicker{color:#d4af37}
.blog-uebersicht .seitenkopf-inhalt h1{font:500 clamp(42px,4vw,58px)/1.15 Poppins,sans-serif;color:#f6f1eb;margin:16px 0}
.blog-uebersicht .blog-anzahl{display:inline-block;color:#edcc73;border:1px solid #d4af3755;border-radius:30px;padding:5px 14px;font-size:14px;margin:0 0 28px}
.blog-uebersicht .suche{display:block;max-width:620px;font:400 15px/1.6 Poppins,sans-serif;color:#e2dce8}
.blog-uebersicht .suche input{display:block;width:100%;margin-top:9px;padding:14px 18px;background:#302c40;color:#fff;border:1px solid #c6b27680;border-radius:10px;font:400 16px/1.5 Poppins,sans-serif}
.blog-uebersicht .suche input::placeholder{color:#c6bfce}
.blog-uebersicht [data-suchstatus]{color:#edcc73;min-height:24px;margin:12px 0 0}
.blog-uebersicht .beitragsraster{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-bottom:20px}
.blog-uebersicht .beitragskarte{display:flex;flex-direction:column;padding:30px;border:1px solid #d4af3738;border-radius:14px;background:#302c40;box-shadow:0 12px 26px #0002;transition:border-color .2s,box-shadow .2s}
.blog-uebersicht .beitragskarte:hover{border-color:#d4af3799;box-shadow:0 14px 32px #0004}
.blog-uebersicht .beitragskarte h2{font:500 22px/1.45 Poppins,sans-serif;margin:0 0 18px;color:#fff}
.blog-uebersicht .beitragskarte h2 a{color:inherit}
.blog-uebersicht .beitragskarte .auszug{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#d0c9d8;font:300 16px/1.75 Poppins,sans-serif;margin:0 0 26px}
.blog-uebersicht .beitragskarte .auszug p{font:inherit;color:inherit;margin:0}
.blog-uebersicht .beitragskarte .textlink{align-self:flex-start;margin-top:auto;padding-top:6px;color:#edcc73;font:600 14px/1.5 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.blog-uebersicht .beitragskarte a:focus-visible,.blog-uebersicht .suche input:focus-visible{outline:2px solid #edcc73;outline-offset:5px}
.blog-uebersicht .seitennummern{justify-content:center;gap:10px;margin:32px 0 56px}
.blog-uebersicht .seitennummern[hidden]{display:none}
.blog-uebersicht .seitennummern a:not([aria-current]){background:transparent!important;color:#edcc73!important}
.blog-uebersicht .blog-newsletter{padding:38px!important;border:1px solid #d4af3755;border-radius:16px;background:#302c40;text-align:center}
.blog-uebersicht .blog-newsletter h2{color:#f6f1eb;font:500 28px/1.4 Poppins,sans-serif;margin:0 0 20px}
@media(max-width:1050px){.blog-uebersicht .beitragsraster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.blog-uebersicht .beitragsraster{grid-template-columns:1fr;gap:22px}.blog-uebersicht .beitragskarte{padding:25px}.blog-uebersicht .seitenkopf-inhalt{padding-top:38px}.blog-uebersicht .blog-newsletter{padding:28px 20px!important}}
/* Kontaktformular (11.09.2026): Felder aus unterseiten.css, hier nur Anordnung, Rückmeldung und Einwilligung. */
.seite-kontakt .kontaktformular h2{font-size:34px;margin-bottom:18px}
.seite-kontakt .formular-reihe{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.seite-kontakt .formularfeld>label,.seite-kontakt .rueckruf legend{display:block;font-weight:500;margin-bottom:8px}
.seite-kontakt .formularfeld label span,.seite-kontakt .einwilligung span span{color:var(--gold-dunkel)}
.seite-kontakt .rueckruf{border:0;padding:0;margin:0 0 25px}
.seite-kontakt .rueckruf .optionen{display:flex;flex-wrap:wrap;gap:8px 28px}
.seite-kontakt .rueckruf .optionen label,.seite-kontakt .einwilligung label{display:flex;align-items:flex-start;gap:10px;font-weight:300;cursor:pointer}
.seite-kontakt .rueckruf input[type=checkbox],.seite-kontakt .einwilligung input[type=checkbox]{flex:none;margin:4px 0 0}
.seite-kontakt .einwilligung{font-size:15px;line-height:1.7}
.seite-kontakt .feldhinweis{font-size:14px;line-height:1.7;margin:8px 0 0;color:#58565e}
.seite-kontakt .spamfalle{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.seite-kontakt .kontaktformular button.knopf{margin-top:6px}
.seite-kontakt .formular-status{border:1px solid var(--linie);padding:18px 22px;margin:0 0 25px;background:#eae3d8;line-height:1.7;outline:none}
.seite-kontakt .formular-status--ok{border-color:#d4af37;background:#faf5e9}
.seite-kontakt .formular-status--fehler{border-color:var(--violett)}
@media(max-width:800px){.seite-kontakt .formular-reihe{grid-template-columns:1fr}.seite-kontakt .kontaktformular h2{font-size:30px}}
/* Untermenü „Angebote" (11.09.2026): am Desktop Aufklappliste bei Maus und Tastaturfokus, am Handy eingerückte Liste. */
.seitenkopf nav .untermenue{position:relative;display:flex;align-items:center}
.seitenkopf nav .untermenue>a .pfeil{font-size:.8em}
.seitenkopf nav .untermenue>a.aktiv::after{right:0}
.seitenkopf nav .untermenue-liste{display:none;position:absolute;top:100%;left:-20px;z-index:40;min-width:280px;margin:0;padding:10px 0;list-style:none;background:var(--creme);border:1px solid #27233914;box-shadow:0 15px 30px #27233918}
.seitenkopf nav .untermenue:hover .untermenue-liste,.seitenkopf nav .untermenue:focus-within .untermenue-liste{display:block}
.seitenkopf nav .untermenue-liste li{margin:0}
.seitenkopf nav .untermenue-liste a{display:block;padding:9px 22px;font-size:15px}
.seitenkopf nav .untermenue-liste a::after{content:none}
.seitenkopf nav .untermenue-liste a:hover,.seitenkopf nav .untermenue-liste a:focus-visible{background:#eae3d8}
.seitenkopf nav .untermenue-liste a[aria-current]{font-weight:500}
@media(max-width:800px){
 .seitenkopf nav .untermenue{display:block;position:static}
 .seitenkopf nav .untermenue>a .pfeil{display:none}
 .seitenkopf nav .untermenue-liste{display:block;position:static;min-width:0;padding:0 0 6px 18px;border:0;box-shadow:none;background:transparent}
 .seitenkopf nav .untermenue-liste a{padding:8px 10px!important;font-size:16px}
 .mit-js .seitenkopf nav.offen{flex-wrap:nowrap;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto}
}
/* Eltern-Kind-Analyse (11.09.2026, Kalle): Auftakt und Abschnitt „Seine Eigenart" linksbündig, die Auftaktbilder ungeschnitten. */
.seite-eltern-kind-analyse .seitenauftakt .zentriert,.seite-eltern-kind-analyse .bereich--dunkel .zentriert:has([data-originaltext="text-11"]){text-align:left}
.seite-eltern-kind-analyse .seitenauftakt .zentriert>*,.seite-eltern-kind-analyse .bereich--dunkel .zentriert:has([data-originaltext="text-11"])>*{margin-inline:0}
.seite-eltern-kind-analyse .seitenauftakt .aktionen{justify-content:flex-start}
.seite-eltern-kind-analyse [data-originaltext="text-13"]{margin-inline:0}
.seite-eltern-kind-analyse .familie-bilder img{max-height:none;object-fit:contain}
/* Impressum zweispaltig (11.09.2026, Kalle): links Begrüßung, Anschrift und Foto, rechts Kammer- und Gewerbedaten. */
.seite-impressum .impressum-spalten{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px;align-items:start;margin-bottom:30px}
.seite-impressum .impressum-spalten>div{min-width:0}
.seite-impressum .impressum-links img{width:100%;height:auto}
.seite-impressum .impressum-rechts img{max-width:300px;height:auto}
.seite-impressum .impressum-rechts p:first-child{margin-top:25px}
@media(max-width:800px){.seite-impressum .impressum-spalten{grid-template-columns:1fr;gap:30px}}
/* Impressum: Firmenname, Anschrift und Telefon als geschlossener Block ohne Leerzeilen (Kalle, 12.09.2026). */
.seite-impressum .impressum-links :is([data-originaltext="text-5"],[data-originaltext="text-6"],[data-originaltext="text-7"]){margin-bottom:0}
/* Impressum, Feinschliff 12.09.2026: mehr Luft nach der Überschrift, rechte Spalte als Karte im Stil der Angebotskarten. */
.seite-impressum h1{margin-bottom:55px}
.seite-impressum .impressum-spalten{grid-template-columns:1.05fr .95fr;gap:40px 70px}
.seite-impressum .impressum-rechts{padding:34px 36px;border:1px solid #d4af3760;border-radius:20px;background:#eee7dc;box-shadow:0 8px 24px #27233909}
.seite-impressum .impressum-rechts img{display:block;max-width:240px;margin:0 0 22px}
.seite-impressum .impressum-rechts p:first-child{margin-top:0}
.seite-impressum .impressum-rechts [data-originaltext="text-9"]{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #d4af3760}
.seite-impressum .impressum-rechts [data-originaltext="text-11"]{margin-bottom:0}
@media(max-width:800px){.seite-impressum h1{margin-bottom:35px}.seite-impressum .impressum-spalten{grid-template-columns:1fr;gap:30px}.seite-impressum .impressum-rechts{padding:26px 24px}}
/* Impressum 12.09.2026: linke Spalte ebenfalls als Karte (Kalle), neue Hinweise als Überschrift plus zwei Karten. */
.seite-impressum .impressum-links,.seite-impressum .hinweis-karte{padding:34px 36px;border:1px solid #d4af3760;border-radius:20px;background:#eee7dc;box-shadow:0 8px 24px #27233909}
.seite-impressum .impressum-links>div>p:last-child{margin-bottom:0}
.seite-impressum .impressum-hinweise{margin-top:70px}
.seite-impressum .impressum-hinweise h2{margin:0 0 35px;font-size:36px}
.seite-impressum .hinweis-karten{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px;align-items:start}
.seite-impressum .hinweis-karte h3{margin:0 0 20px;font-size:27px}
.seite-impressum .hinweis-karte p:last-child{margin-bottom:0}
@media(max-width:800px){.seite-impressum .impressum-links,.seite-impressum .hinweis-karte{padding:26px 24px}.seite-impressum .hinweis-karten{grid-template-columns:1fr;gap:30px}.seite-impressum .impressum-hinweise{margin-top:50px}.seite-impressum .impressum-hinweise h2{font-size:31px}}
/* Navigation 12.09.2026: Beim Anheften schrumpft der Kopf von 136 auf 96 px, der Inhalt rückt 40 px nach oben. Die Scroll-Verankerung des Browsers schob die Scrollposition um dieselben 40 px zurück, die Navigation löste sich wieder, wuchs, und so weiter (gemessen: 622 ↔ 662 px) — sichtbar als Flimmern kurz vor dem oberen Rand. Verankerung deshalb abgeschaltet. */
.neugestaltung{overflow-anchor:none}
/* Startseite 12.09.2026: „Was wäre“ im Zitat so groß wie in den beiden Abschnitten darunter (Kalle). */
.neugestaltung:not(.unterseite) .einleitung .zitat .zitat-was-waere{font-size:80px;font-weight:700}
/* Kontakt 12.09.2026 (Kalle): Einwilligungstext war goldfarben und kaum lesbar, weil die Sternchen-Regel jeden Span im Label traf. Text in Textfarbe, nur der Stern bleibt gold. Formularspalte schmäler: beide Spalten gleich breit statt 1.2 zu 0.8. */
.seite-kontakt .einwilligung label>span{color:inherit}
@media(min-width:801px){.seite-kontakt .kontaktraster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* Fachartikel 12.09.2026 (Blog-Prüfung Vers.06): Autorin und Datum im Artikelkopf, Autorenkasten nach dem Text, Kennzeichnung der Affiliate-Links. Breite wie der Lesetext (--inhaltsbreite), keine eigene Media-Query nötig. */
.unterseite .artikelkopf .artikel-meta{margin-top:18px;font:400 14px/1.7 Poppins,sans-serif;letter-spacing:.3px;color:#58565e}
.unterseite .artikelkopf .artikel-meta a{color:inherit}
.unterseite .autorin{margin:-40px auto 90px;padding:30px 34px;border:1px solid #d4af3760;border-radius:20px;background:#eee7dc;box-shadow:0 8px 24px #27233909;font-size:16px;line-height:1.8}
.unterseite .autorin h2{font-size:24px;margin:0 0 12px}
.unterseite .autorin p{margin:0}
.unterseite .autorin .autorin-seiten{margin-top:12px;font-size:14px;color:#58565e}
.unterseite .lesetext sup.werbelink{font-size:.7em;color:var(--gold-dunkel)}
.unterseite .lesetext .werbehinweis{margin-top:40px;font-size:14px;color:#58565e}
@media(max-width:800px){.unterseite .autorin{padding:24px 22px;margin-top:-20px}}
/* Fachartikel 13.09.2026: Weiterlesen-Block am Artikelende (tools/artikel-kuerzen.py). */
.unterseite .lesetext nav.weiterlesen{margin-top:60px;padding-top:30px;border-top:1px solid var(--linie)}
.unterseite .lesetext nav.weiterlesen h2{font-size:24px;margin:0 0 14px}
.unterseite .lesetext nav.weiterlesen ul{list-style:none;padding:0;margin:0}
.unterseite .lesetext nav.weiterlesen li{margin:0 0 8px;font-size:17px}
/* Fachartikel 13.09.2026: Titelbild am Artikelanfang (tools/artikelbilder-einsetzen.py). */
.unterseite .lesetext .artikelbild{margin:0 0 45px}
.unterseite .lesetext .artikelbild img{display:block;margin:0 auto;max-height:640px;width:auto;max-width:100%;border-radius:20px}
.unterseite .lesetext .artikelbild figcaption{margin:14px auto 0;font-size:14px;color:#58565e;text-align:center}
@media(max-width:800px){.unterseite .lesetext .artikelbild{margin-bottom:30px}.unterseite .lesetext .artikelbild img{max-height:420px;border-radius:14px}}
/* Fachartikel 13.09.2026: Block „Partner, die Margit empfiehlt" (tools/empfehlungen-einsetzen.py), gekennzeichnete Affiliate-Links. */
.unterseite .lesetext aside.empfehlung{margin-top:60px;padding:26px 30px;border:1px solid #d4af3760;border-radius:20px;background:#eee7dc}
.unterseite .lesetext aside.empfehlung h2{font-size:24px;margin:0 0 12px}
.unterseite .lesetext aside.empfehlung ul{list-style:none;padding:0;margin:0}
.unterseite .lesetext aside.empfehlung li{margin:0 0 8px;font-size:17px}
.unterseite .lesetext aside.empfehlung .werbehinweis{margin:14px 0 0}
@media(max-width:800px){.unterseite .lesetext aside.empfehlung{padding:22px 20px;margin-top:40px}}
/* Untermenü 13.09.2026: erster Punkt „Alle Angebote im Überblick" abgesetzt (tools/untermenue-angebote.py). */
.seitenkopf nav .untermenue-liste .untermenue-uebersicht a{font-weight:500;border-bottom:1px solid #27233914;margin-bottom:6px;padding-bottom:12px}
@media(max-width:800px){.seitenkopf nav .untermenue-liste .untermenue-uebersicht a{border-bottom:0;margin-bottom:0;padding-bottom:8px!important}}
/* Angebotsseiten 13.09.2026 (SEO/GEO Vers.07): bisheriger Slogan als Unterzeile unter der neuen H1 (tools/ueberschriften-anpassen.py). */
.unterseite .unterzeile{margin:14px 0 0;font:italic 400 clamp(19px,2vw,24px)/1.5 Baskervville,serif;color:var(--violett)}
.unterseite .unterzeile+.vorspann,.unterseite .unterzeile+p{margin-top:22px}
/* Google-Bewertung 13.09.2026 (tools/google-bewertung-einsetzen.py): Sterne und Link zum Google-Profil. */
.google-bewertung{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 16px;border:1px solid #d4af3760;border-radius:999px;background:#eee7dc;font:500 14px/1.4 Poppins,sans-serif;color:var(--violett);text-decoration:none}
.google-bewertung .sterne{color:#d4af37;letter-spacing:2px;font-size:15px}
.google-bewertung:hover{background:#e6ddcf}
.neugestaltung .kunden .google-bewertung{margin:18px 0 8px}
@media(max-width:800px){.google-bewertung{font-size:13px;padding:7px 13px}}
/* Blog-Übersicht 13.09.2026: Datum je Beitragskarte (Generator, archiv()). */
.unterseite .beitragskarte .beitragsdatum{margin:-6px 0 12px;font:400 13px/1.6 Poppins,sans-serif;letter-spacing:.3px;color:#58565e}
.blog-uebersicht .beitragskarte .beitragsdatum{color:#c9c2d2}
/* Blog-Übersicht 13.09.2026 (Kalle): Die Regel „helle Flächen" machte auf dem dunklen Blog-Grund den Newsletter-Knopf und die aktive Seitenzahl violett auf dunkel, also unsichtbar. Gold wie auf den anderen dunklen Flächen. */
.blog-uebersicht .blog-newsletter a.knopf[href],.blog-uebersicht .seitennummern a[aria-current]{background:#d4af37!important;color:var(--violett)!important;border-color:#d4af37!important}
.blog-uebersicht .seitennummern a:not([aria-current]){border-color:#edcc7366!important}
.blog-uebersicht .blog-newsletter a.knopf[href]:hover,.blog-uebersicht .seitennummern a:not([aria-current]):hover{background:#edcc73!important;color:var(--violett)!important;border-color:#edcc73!important}
/* AGB 13.09.2026 (tools/agb-erstellen.py, Vorlage Kalles AGB.docx): nummerierte Punkte, drei angehängte Unterlagen als abgesetzte Teile, Schreibzeilen fürs Ausdrucken. */
.seite-agb .standardinhalt h2{display:flex;align-items:baseline;gap:16px;margin:48px 0 16px;font-size:30px}
.seite-agb .standardinhalt h2 .agb-nummer{flex:none;min-width:44px;font:400 22px/1 Poppins,sans-serif;color:var(--gold-dunkel)}
.seite-agb .standardinhalt h2.agb-titel{display:block;margin-top:0;font-size:34px}
.seite-agb .standardinhalt h3{margin:30px 0 10px;font-size:23px}
.seite-agb .standardinhalt p{max-width:820px}
.seite-agb .agb-teil{margin-top:70px;padding-top:50px;border-top:1px solid var(--linie)}
/* section.agb-formular mit Element im Selektor, sonst gewinnt „.unterseite .abschnitt-innen section{padding-inline:0}" aus unterseiten.css (Falle 3). */
.seite-agb .standardinhalt section.agb-formular{padding:46px 64px 36px;border:1px solid #d4af3760;border-radius:20px;background:#eee7dc}
.seite-agb .agb-formular .schreibzeile{height:34px;margin:0 0 6px;border-bottom:1px solid #27233955}
.seite-agb .agb-formular p{margin:14px 0 4px}
.seite-agb .ankreuzliste{list-style:none;padding:0;margin:0 0 20px}
.seite-agb .ankreuzliste li{margin:0 0 12px;padding-left:0;font-size:16px;line-height:1.7}
.seite-agb .agb-stand{margin-top:50px;color:#58565e;font-size:14px}
@media(max-width:800px){.seite-agb .standardinhalt h2{font-size:26px;margin-top:38px}.seite-agb .standardinhalt section.agb-formular{padding:28px 24px 22px}.seite-agb .agb-teil{margin-top:50px;padding-top:36px}}
/* AGB 13.09.2026 (Kalle): Schriftgröße 18 px für den Fließtext, Listen und Formulartexte; Kleingedrucktes 15 px. */
.seite-agb .standardinhalt p,.seite-agb .standardinhalt li{font-size:18px;line-height:1.8}
.seite-agb .standardinhalt small{font-size:15px}
.seite-agb .standardinhalt .unterzeile{font-size:clamp(19px,2vw,24px)}
/* Kontaktformular 13.09.2026 (Kalle): Rückmeldung mehrzeilig, „Ich melde mich schnellstmöglich bei dir." in der nächsten Zeile. */
.seite-kontakt .formular-status{white-space:pre-line}
/* Startseite 13.09.2026 (PageSpeed, Barrierefreiheit): „Über mich" stand in Hellgold #d4af37 auf dem beigen Grund (Kontrast 1,65:1). Dunkles Gold #7a5f1a erreicht 4,74:1 (WCAG AA), Regel mit gleicher Spezifität weiter unten. */
.neugestaltung:not(.unterseite) .person-einordnung{color:#7a5f1a;font-weight:500}
/* Kontrast 13.09.2026 (PageSpeed/WCAG AA): Hellgold #d4af37 erreicht auf Creme/Beige nur 1,7:1. Für Text auf hellem Grund das dunkle Gold #7a5f1a (4,7:1); Knöpfe und Flächen bleiben hellgold. */
.google-bewertung .sterne{color:#7a5f1a}
.seite-agb .standardinhalt h2 .agb-nummer{color:#7a5f1a}
.seite-kontakt .formularfeld label span,.seite-kontakt .einwilligung span span{color:#7a5f1a}
.seite-zurueck-zu-mir-workbook .workbook-module .schrittnummer{color:#7a5f1a}
.seite-soul-traveler main h3{color:#7a5f1a}
/* Startseite am Handy 13.09.2026 (Margit): „Deine Iris spricht …" lag über dem Gesicht der Frau und war kaum lesbar. Bis 800 px kommt das Bild als eigener Block oben, der Text darunter auf Creme – wie im Kopfbereich. Ab 801 px bleibt alles wie bisher (Text links neben der Frau). */
@media(max-width:800px){
.neugestaltung:not(.unterseite) .zuhoeren{background:var(--creme);min-height:0;display:block}
.neugestaltung:not(.unterseite) .zuhoeren::before{content:"";position:static;display:block;height:min(78vw,380px);background:url(eine-frau-die-zuhoert.webp) 62% 30%/cover no-repeat}
.neugestaltung:not(.unterseite) .zuhoeren .bildtext{padding:38px 24px 56px;max-width:none}
}
/* Ab 801 px lief der Fließtext bei 820–1280 px Breite bis in die Haare der Frau (Zeilen „… emotionale Muster," und „… moderner Interpretation."). Textspalte auf knapp die halbe Breite begrenzt; die Regel „max-width:none!important" von oben braucht dafür ebenfalls !important. */
@media(min-width:801px){.neugestaltung:not(.unterseite) main section.zuhoeren:not(.einstieg) .bildtext .fliesstext{max-width:min(600px,48%)!important}}
/* In der schmalen Textspalte (Handy bis 1100 px) bricht der Absatz ohnehin um; die festen Umbrüche des Originals ließen dann einzelne Wörter („Muster,") allein stehen. Die Überschrift behält ihren Umbruch. */
@media(max-width:1100px){.neugestaltung:not(.unterseite) .zuhoeren .fliesstext br.bewusster-umbruch{display:none}}