/* ProEquo – Anpassungen Runde 2 (lädt nach site.css) */

/* Dreiklang „Sehen | Lösen | Gesunderhalten“: größer, fett, Trennstriche im Oliv-Akzent */
body.pe-site .claim-bar{font-size:var(--size-body-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-meta);gap:var(--space-4)}
body.pe-site .claim-bar__sep{color:var(--pe-olive);opacity:1;font-weight:var(--weight-regular)}
@media (min-width:1025px){body.pe-site .claim-bar{font-size:1.0625rem}}
@media (max-width:767px){body.pe-site .claim-bar{font-size:.875rem;letter-spacing:.08em;gap:var(--space-2)}}

/* Navigation: Dropdown-Auslöser ohne Button-Optik */
body.pe-site .site-nav__parent,
body.pe-site .site-nav__parent:hover,
body.pe-site .site-nav__parent:focus,
body.pe-site .site-nav__parent:active{background:none!important;box-shadow:none!important;border-radius:0!important;outline-offset:4px;text-shadow:none}
body.pe-site .site-nav__link:hover{color:var(--pe-forest)}
@media (min-width:1025px){
  body.pe-site .site-nav__link{transition:border-color .2s}
  body.pe-site .site-nav__link:hover,
  body.pe-site .site-nav__item:hover>.site-nav__parent{border-bottom-color:var(--pe-olive)}
}
/* Untermenü: ohne Pfeile, Hover grün mit weißer Schrift */
body.pe-site .site-nav__sub a{transition:background .15s,color .15s}
body.pe-site .site-nav__sub a:hover,
body.pe-site .site-nav__sub a:focus-visible,
body.pe-site .site-nav__sub a[aria-current="page"]:hover{background:var(--pe-green);color:var(--pe-cream);border-bottom-color:var(--pe-green)}
body.pe-site .site-nav__sub a[aria-current="page"]{font-weight:var(--weight-bold)}

/* Kontaktband: präsenter */
body.pe-site .contact-band{padding:var(--space-16) var(--space-8)}
body.pe-site .contact-band__title{font-size:var(--size-h2)}
body.pe-site .contact-band__text{margin-top:var(--space-2);font-size:var(--size-body)}
body.pe-site .pe-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}
body.pe-site .pe-cta-row .btn{margin-top:0;font-size:var(--size-body-sm);padding:.95em 1.75em;gap:var(--space-3)}
body.pe-site .pe-cta-row .btn--plain{font-size:var(--size-body-lg);letter-spacing:0.03em}
@media (max-width:767px){
  body.pe-site .contact-band{padding:var(--space-12) var(--space-5)}
  body.pe-site .pe-cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
  body.pe-site .pe-cta-row .btn{justify-content:center}
}

/* FAQ: mehrere Absätze pro Antwort */
body.pe-site div.faq__answer p{margin:0 0 var(--space-3)}
body.pe-site div.faq__answer p:last-child{margin-bottom:0}

/* Kundenstimmen-Slider: Abstand im Abschnitt */
body.pe-site .kundenstimmen-slider .row-9{margin-bottom:var(--space-10);flex-wrap:wrap;row-gap:var(--space-5)}
@media (max-width:767px){body.pe-site .kundenstimmen-slider .row-9{flex-direction:column;align-items:flex-start}}

/* Über mich: zweiter Block „Neuanfang“, Bild rechts */
@media (min-width:768px){
  body.pe-site .pe-grid-rev>.media-2{order:2}
}
body.pe-site .mein-weg-neuanfang .text-41{max-width:22ch}
body.pe-site .mein-weg-neuanfang .text-16{max-width:52ch}

/* Über mich: Miia Meisterklasse als Zeile in der Liste */
body.pe-site a.pe-miia-row{color:var(--text-heading);text-decoration:none;gap:var(--space-4)}
body.pe-site a.pe-miia-row:hover .pe-miia__text{color:var(--pe-green)}
body.pe-site .pe-miia__logo{width:56px;height:auto;flex:none}
body.pe-site .pe-miia__text strong{font-weight:var(--weight-medium)}

/* Footer: Social-Icons */
body.pe-site .site-footer__social-row{display:flex;gap:var(--space-4);margin-top:var(--space-6)}
body.pe-site .site-footer__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--pe-olive);color:var(--pe-olive);text-decoration:none;transition:background .2s,color .2s}
body.pe-site .site-footer__icon:hover,body.pe-site .site-footer__icon:focus-visible{background:var(--pe-olive);color:var(--pe-forest)}
body.pe-site .site-footer__icon svg{width:20px;height:20px}

/* Einheitlicher Abschnitts-Abstand (Kante bis erster/letzter Inhalt) */
body.pe-site{--section-y:clamp(4.5rem,7.5vw,6.5rem)}
body.pe-site .mein-konzept.section-2,
body.pe-site .einzelleistungen.section-3,
body.pe-site .fuer-wen.section-4,
body.pe-site .ueber-mich.section-5{padding-top:var(--section-y);padding-bottom:var(--section-y)}
/* Kontaktband: halber Abschnitts-Abstand, schmaler */
body.pe-site .contact-band{padding-top:calc(var(--section-y) / 2);padding-bottom:calc(var(--section-y) / 2)}
body.pe-site .contact-band .pe-cta-row{margin-top:var(--space-6)}
/* Startseite „Über mich“: Bild nicht mehr randabfallend, sondern mit Abstand wie alle Abschnitte */
body.pe-site .ueber-mich.section-5 .stack-4{padding:0}
body.pe-site .ueber-mich.section-5 .grid-5{align-items:center}
body.pe-site .ueber-mich.section-5 .box-3{aspect-ratio:1/1.05;max-height:560px;width:100%}
body.pe-site .ueber-mich.section-5 .box-3 .img-2{position:absolute;inset:0;top:0;width:100%;height:100%;transform:none;object-fit:cover}
@media (max-width:767px){body.pe-site .ueber-mich.section-5 .box-3{aspect-ratio:4/4.4;max-height:none}}

/* Dreiklang im Hero immer einzeilig (ab Tablet) */
@media (min-width:768px){body.pe-site .hero .claim-bar{flex-wrap:nowrap;white-space:nowrap;font-size:1rem;letter-spacing:.08em;gap:var(--space-3)}}

/* Sprungmarken: Platz für den Header lassen */
body.pe-site [id]{scroll-margin-top:96px}
html{scroll-behavior:smooth}

/* Über mich: weniger Abstand zwischen „Neuanfang“ und „Wie ich arbeite“ (gleiche Hintergrundfarbe) */
body.pe-site .mein-weg-neuanfang{padding-bottom:calc(var(--section-y) / 2)}
body.pe-site .mein-weg-neuanfang + .arbeitsweise,
body.pe-site .arbeitsweise{padding-top:calc(var(--section-y) / 2)}
/* Über mich: Unterüberschriften „Was du von mir bekommst“ größer */
body.pe-site .was-du-von-mir-bekommst .text-34{font-size:clamp(1.5rem,2vw,1.75rem);line-height:var(--leading-snug)}

/* Bild + Text nebeneinander: Bild schließt oben und unten bündig mit dem Textblock ab (ab Tablet).
   Ausnahmen: randabfallende Halbbilder, Berichtsseiten der Ganganalyse, freigestelltes Porträt im Kontaktbereich. */
@media (min-width:768px){
  body.pe-site :is(.grid-1,.grid-3,.grid-5,.grid-7,.grid-10,.grid-11,.grid-17,.grid-22,.grid-25,.grid-31,.grid-34),
  body.pe-site :is(.mein-weg-lueneburger-heide,.mein-weg-neuanfang,.einsatzgebiet) .grid-21{align-items:stretch}
  body.pe-site :is(.grid-10,.grid-11,.grid-17,.grid-22,.grid-25,.grid-31,.grid-34) :is(.media-1,.media-2,.media-4),
  body.pe-site :is(.mein-weg-lueneburger-heide,.mein-weg-neuanfang,.einsatzgebiet) .grid-21 :is(.media-2,.media-5){aspect-ratio:auto;height:auto;min-height:0;position:relative;align-self:stretch}
  body.pe-site :is(.grid-10,.grid-11,.grid-17,.grid-22,.grid-25,.grid-31,.grid-34) :is(.media-1,.media-2,.media-4) img,
  body.pe-site :is(.mein-weg-lueneburger-heide,.mein-weg-neuanfang,.einsatzgebiet) .grid-21 :is(.media-2,.media-5) img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  body.pe-site :is(.grid-1,.grid-3,.grid-7) .collage{aspect-ratio:auto;height:auto;align-self:stretch;min-height:0}
  body.pe-site .ueber-mich.section-5 .box-3{aspect-ratio:auto;max-height:none;height:auto;align-self:stretch}
  body.pe-site .grid-5>.stack-4,body.pe-site .grid-5 .stack-4{justify-content:flex-start}
  /* Über mich „Wie ich arbeite“: Bild links, Text rechts */
  body.pe-site .arbeitsweise .grid-34{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)}
  body.pe-site .arbeitsweise .grid-34>.media-1{order:-1}
}

/* Nach-oben-Button (Astra) */
body.pe-site #ast-scroll-top{width:48px;height:48px;border-radius:50%;background:var(--pe-green)!important;color:#fff!important;border:2.5px solid #fff;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;padding:0;font-size:16px}
body.pe-site #ast-scroll-top:hover{background:var(--pe-forest)!important}
body.pe-site #ast-scroll-top svg,body.pe-site #ast-scroll-top .ast-icon svg{fill:#fff!important;color:#fff;width:16px;height:16px}