/* Unterseiten: Bausteine, die nur dort vorkommen (Über mich, Kinder & Familien, Erwachsene, Kindergärten & Schulen, Empfehlungen, Recht) */

/* Über mich */
.humanenergetik-zeile{display:inline-block;margin-top:.8rem;font-size:16.5px;font-weight:520;color:var(--weinrot);padding:.75rem 1.3rem .8rem}
.schmal-links{max-width:720px}
.nachsatz{margin-top:2.6rem}
.weg .text{max-width:640px}
.ausbildungen{list-style:none;margin:1.2rem 0 1.8rem;padding:0;display:grid;gap:.5rem}
.ausbildungen li{display:flex;align-items:center;gap:.9rem;font-family:var(--serif);font-weight:300;font-size:clamp(22px,1.75vw,26px);line-height:1.25;color:var(--weinrot)}
.ausbildungen .ring-punkt{width:13px;height:13px}
.humanenergetik-kiesel{display:inline-block;color:var(--salbei-tief);font-size:19px;padding:1rem 1.5rem 1.05rem}
.grundlagen-blase{width:min(100%,460px);aspect-ratio:1/1.08;justify-self:center}
.name-siegel{width:clamp(170px,17vw,240px);height:auto;margin-bottom:1.4rem}
.fotoflaeche-text p{max-width:34em}
/* Wie der Name entstanden ist: die helle Titel-Flaeche bleibt in der Textspalte, damit sie Lisas Hand im Foto nicht verdeckt (2.11.2026) */
@media (min-width:900px){#name .kiesel-titel{max-width:100%}}
.leitsatz{position:relative;overflow:hidden;padding:clamp(40px,5vw,80px) 0 clamp(70px,8vw,120px)}
.leitsatz-ring{position:relative;height:600px;display:grid;place-items:center;overflow:hidden}
.leitsatz-ring img{position:absolute;left:50%;top:50%;width:640px;max-width:none;height:auto;transform:translate(-50%,-50%);opacity:.9}
.leitsatz-ring h2{position:relative;width:min(400px,80vw);text-align:center;font-weight:200;font-size:clamp(38px,4vw,56px);line-height:1.06;margin:0}
.leitsatz-text{text-align:left}
.band-blase{width:min(300px,100%);aspect-ratio:4/5;justify-self:center}
@media (max-width:899px){
  .leitsatz-ring{height:400px}
  .leitsatz-ring img{width:400px}
  .leitsatz-ring h2{width:250px;font-size:31px}
  .band-blase{width:200px;justify-self:start;order:-1}
}

/* Kinder & Familien */
.drei-woerter{display:flex;flex-direction:column;gap:.1rem;font-family:var(--serif);font-weight:200;font-size:clamp(40px,4.6vw,66px);line-height:1.05;color:var(--salbei-tief);margin:0 0 1.4rem}
.drei-woerter span:nth-child(2){padding-left:1.4em}
.drei-woerter span:nth-child(3){padding-left:2.8em}
.klangkreise{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:start}
.klangkreise-kopf{display:flex;gap:1.6rem;align-items:center}
.klangkreise-kopf .muenze{width:96px;height:96px;--linie:var(--salbei-tief)}
.kita-kiesel{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;padding:1.6rem 2rem 1.7rem;max-width:980px}
.kita-kiesel p{margin:0;max-width:38em}
.kita-kiesel h3{margin:0 0 .3em}
.termine{display:grid;gap:1.2rem;justify-items:start}
.termine p{margin:0}
.angebot-bild{width:min(100%,460px);aspect-ratio:1/1.1;justify-self:center}
.angebot .zwei-spalten{align-items:start}
.zwei-spalten.umgekehrt > :first-child{order:2}
@media (max-width:899px){
  .klangkreise{grid-template-columns:minmax(0,1fr)}
  .zwei-spalten.umgekehrt > :first-child{order:0}
}
.seite-kinder-familien h1,.seite-kinder-familien h2,.seite-kinder-familien h3{color:var(--salbei-tief)}
.seite-kinder-familien .unterzeile{color:var(--salbei-tief)}
.seite-kinder-familien .einschub{color:var(--salbei-tief)}
.seite-kinder-familien .gross{color:var(--salbei-tief)}
.seite-kinder-familien .band.salbei h2{color:var(--creme)}
/* Einstieg: die gruene Flaeche reicht bis unter den letzten Absatz und fliesst in den gruenen Abschnitt darunter (Lisa 2.11.2026) */
@media (min-width:900px){.seite-kinder-familien .seiten-anfang.bild-links > .flaeche{height:calc(100% + 170px)}}
/* Einzeltermin: der ganze Text bleibt auf der gruenen Flaeche, nur die Ecke unten rechts ist weich (Lisa 2.11.2026) */
@media (min-width:900px){.seite-kinder-familien .angebot-b1 > .flaeche{width:66%!important;clip-path:none;-webkit-clip-path:none;border-radius:0 0 48% 0/0 0 26% 0}}
@media (max-width:899px){.seite-kinder-familien .angebot-b1 > .flaeche{height:calc(100% - 120px);clip-path:none;-webkit-clip-path:none;border-radius:0 0 70% 30%/0 0 90px 60px}}

/* Kindergärten & Schulen */
.elemente{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.7rem}
.elemente li{display:flex;align-items:center;gap:1rem;font-family:var(--serif);font-weight:300;font-size:clamp(25px,2.2vw,32px);line-height:1.2;color:var(--salbei-tief)}
.elemente .ring-punkt{border-color:var(--salbei)}
.instrumente-reihe{display:flex;flex-wrap:wrap;gap:1.2rem 1.6rem;align-items:center;margin:0}
.instrumente-reihe .muenze{width:88px;height:88px;--linie:var(--salbei-tief)}
.instrumente-reihe figcaption{flex-basis:100%;font-family:var(--serif);font-style:italic;font-weight:300;font-size:22px;color:var(--klangschale-tief)}
.telefon-gross{display:inline-flex;align-items:center;gap:.6em;font-family:var(--serif);font-weight:300;font-size:clamp(30px,3vw,42px);color:var(--weinrot);text-decoration:none}
.telefon-gross svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.seite-kindergaerten-schulen h1,.seite-kindergaerten-schulen h2{color:var(--salbei-tief)}

/* Erwachsene */
.vorschau-kiesel{display:block;max-width:760px;margin:1.4rem auto 0;background:var(--haferlicht);border:1px dashed var(--klangschale);color:var(--klangschale-tief);font-size:16.5px;padding:.8rem 1.4rem .9rem}
.erw-anfang .flaeche{background:var(--salbei-tief)}
.erw-anfang h1,.erw-anfang .text p{color:var(--creme)}
.erw-anfang .unterzeile{color:var(--hafer)}
.erw-anfang .kiesel-humanenergetik{margin-bottom:1.6rem}
.humanenergetik-gross{max-width:980px;padding:clamp(28px,4vw,52px) clamp(28px,5vw,64px)}
.humanenergetik-gross h2{font-size:clamp(32px,3.4vw,48px)}
.humanenergetik-gross p{max-width:42em;font-size:19.5px}
.humanenergetik-gross .hinweis{border-top:1px solid rgba(78,91,69,.28);padding-top:1rem;margin-top:1.4rem;font-size:17.5px;color:var(--tinte-leise)}
.humanenergetik-gross.kiesel-salbei h2{color:var(--salbei-tief)}
@media (max-width:899px){
  .erw-anfang .flaeche{height:calc(100% - 120px)!important;top:120px!important;clip-path:none!important;-webkit-clip-path:none!important;border-radius:48px 64px 0 0/36px 44px 0 0}
  .erw-anfang h1,.erw-anfang .text p{color:var(--creme)}
}

/* Empfehlungen */
.werbung-kiesel{display:block;max-width:880px;border:1.5px solid var(--siegelrot);background:var(--creme);padding:1rem 1.5rem 1.1rem;font-size:17px}
.werbung-kiesel b{color:var(--siegelrot);margin-right:.4em}
.empfehlung{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:center}
.empfehlung.gespiegelt > :first-child{order:2}
.gutschein{background:var(--hafer);border:2px dashed var(--klangschale-tief);padding:1.6rem 1.8rem 1.7rem}
.gutschein h3{font-size:24px;margin-bottom:.3em}
.gutschein .code{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,46px);letter-spacing:.03em;color:var(--weinrot);margin:.3em 0 .25em;user-select:all}
.gutschein p{margin:0 0 .5em;font-size:17.5px}
.kopieren{display:inline-flex;align-items:center;gap:.5em;background:var(--creme);border:1.5px solid var(--klangschale-tief);border-radius:999px;font:inherit;font-weight:520;font-size:16px;color:var(--tinte);padding:.55em 1.1em;cursor:pointer;margin-top:.4rem;transition:transform 160ms var(--aus)}
.kopieren:active{transform:scale(.97)}
.kopieren svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kopieren.kopiert{border-color:var(--salbei-tief);color:var(--salbei-tief)}
.werbe-link{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-top:1.4rem}
.werbe-link small{font-size:14.5px;color:var(--tinte-leise)}
@media (max-width:899px){.empfehlung{grid-template-columns:minmax(0,1fr)}.empfehlung.gespiegelt > :first-child{order:0}}

/* Recht */
.recht dl{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:.5rem 1.4rem;margin:0}
.recht dt{font-weight:600}
.recht dd{margin:0}
@media (max-width:640px){.recht dl{grid-template-columns:minmax(0,1fr)}.recht dd{margin-bottom:.6rem}}
.erw-anfang .text p.kiesel-humanenergetik{color:var(--weinrot)}