/* Bereinigte Layout-Ergänzungen 2026 */
:root{
  --page-width:1180px;
  --content-width:920px;
  --radius:14px;
}
html{font-size:16px}
body{background:#fff;color:#2c2c2c}
header{
  min-height:auto;
  padding:1rem clamp(1rem,3vw,2.5rem);
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:2rem;
  position:relative;
}
.logo{margin:0}
.logo img{height:72px!important;max-width:min(320px,48vw)!important}
header>nav:not(.mobile-nav){
  position:static;
  transform:none;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:.35rem;
  flex-wrap:wrap;
}
header>nav:not(.mobile-nav) a{
  color:#fff;
  text-decoration:none;
  padding:.65rem .8rem;
  border-radius:8px;
  font-size:.94rem;
  font-weight:500;
}
header>nav:not(.mobile-nav) a:hover,
header>nav:not(.mobile-nav) a:focus,
header>nav:not(.mobile-nav) a[aria-current="page"]{
  background:rgba(255,255,255,.16);
}
main{width:100%;flex:1}
.intro{
  max-width:var(--page-width);
  margin:0 auto;
  padding:clamp(3.5rem,8vw,6.5rem) clamp(1.25rem,4vw,3rem) 2.5rem;
}
.intro h1{
  max-width:980px;
  font-size:clamp(2.35rem,5.2vw,4.8rem);
  line-height:1.06;
  letter-spacing:-.035em;
  margin:0 0 1.4rem;
}
.intro .lead{max-width:850px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65;color:#505050}
.eyebrow{margin-bottom:1rem;font-size:.86rem;letter-spacing:.09em}
.content-section{
  max-width:var(--page-width);
  margin:0 auto;
  padding:2.8rem clamp(1.25rem,4vw,3rem);
}
.content-section>h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;margin-bottom:1.4rem}
.answer-box{
  max-width:var(--content-width);
  font-size:1.08rem;
  line-height:1.7;
  background:#f6f3f8;
  border:1px solid #e5dbe9;
  border-left:5px solid var(--main-purple);
  border-radius:var(--radius);
  padding:1.5rem 1.7rem;
}
.answer-box p{margin:.45rem 0 0}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.info-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
  border:1px solid #e3e3e3;
  border-radius:var(--radius);
  padding:1.55rem;
  background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.055);
}
.info-card h2,.info-card h3{font-size:1.25rem;line-height:1.25;margin:0 0 .75rem}
.info-card p{line-height:1.65;color:#4c4c4c}
.service-link{margin-top:auto;padding-top:1rem;color:var(--main-purple);text-decoration:none;font-weight:600}
.service-link:hover,.service-link:focus{text-decoration:underline}
.cta-panel{
  background:linear-gradient(135deg,#f4edf7,#f1f5fa);
  border:1px solid #e2d7e7;
  border-radius:18px;
  padding:clamp(1.75rem,4vw,3rem);
}
.cta-panel h2{margin-top:0}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:1rem;
  padding:.85rem 1.2rem;
  border-radius:9px;
  background:var(--main-purple);
  color:#fff!important;
  text-decoration:none;
  font-weight:600;
}
.btn:hover,.btn:focus{background:var(--main-purple-dark);transform:none}
.breadcrumb{max-width:var(--page-width);margin:0 auto 1rem;font-size:.92rem}
.notice{border-left:4px solid var(--main-purple);padding:1rem 1.25rem;background:#f8f6f9;margin:1.5rem 0}
.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.faq details{border-top:1px solid #ddd;padding:1rem 0}
.faq details:last-child{border-bottom:1px solid #ddd}
.faq summary{font-weight:600;cursor:pointer}
.faq p{margin-top:.7rem;max-width:850px}
footer{
  margin-top:4rem!important;
  background:#252525!important;
  color:#fff;
  padding:2rem 1.25rem!important;
}
footer .container{max-width:var(--page-width);margin:0 auto;text-align:center}
footer p{margin:0 0 1rem;color:#fff}
footer a{color:#fff}
.footer-links{
  position:static;
  transform:none;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.7rem 1.25rem;
}
.mobile-nav{display:none}
@media(max-width:1100px){
  header{grid-template-columns:1fr auto}
  header>nav:not(.mobile-nav){display:none}
  .hamburger{display:flex;z-index:1001}
  .mobile-nav{display:flex}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .logo img{height:58px!important;max-width:68vw!important}
  .intro{padding-top:3rem}
  .intro h1{font-size:clamp(2rem,11vw,3.1rem)}
  .card-grid,.profile-facts{grid-template-columns:1fr}
  .content-section{padding-top:2.1rem;padding-bottom:2.1rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Korrektur 2026-08-03: zurückhaltende Typografie und vorhandene Bildsprache */
.intro{
  padding-top:clamp(2.4rem,5vw,4rem);
  padding-bottom:1.8rem;
}
.intro h1{
  font-size:clamp(2rem,3.7vw,3.35rem);
  line-height:1.12;
  letter-spacing:-.025em;
  margin-bottom:1rem;
}
.intro .lead{
  font-size:clamp(1.02rem,1.45vw,1.18rem);
  line-height:1.58;
  max-width:780px;
}
.content-section{
  padding-top:2.1rem;
  padding-bottom:2.1rem;
}
.content-section>h2{
  font-size:clamp(1.45rem,2.25vw,1.95rem);
  margin-bottom:1.15rem;
}
.answer-box{
  font-size:1rem;
  line-height:1.62;
  padding:1.25rem 1.4rem;
}
.info-card{
  padding:1.35rem;
}
.info-card h2,.info-card h3{
  font-size:1.12rem;
  line-height:1.3;
}
.info-card p,.info-card li{
  font-size:.98rem;
}
.service-icon{
  display:block;
  width:52px;
  height:52px;
  object-fit:contain;
  margin:0 0 1rem;
  flex:0 0 auto;
}
.cta-panel{
  padding:clamp(1.5rem,3vw,2.35rem);
}
.cta-panel h2{
  font-size:clamp(1.45rem,2.2vw,1.9rem);
}
@media(max-width:680px){
  .intro{padding-top:2.25rem;padding-bottom:1.25rem}
  .intro h1{font-size:clamp(1.8rem,8.5vw,2.55rem)}
  .intro .lead{font-size:1rem}
  .content-section{padding-top:1.65rem;padding-bottom:1.65rem}
  .service-icon{width:46px;height:46px;margin-bottom:.85rem}
}


/* Verfeinerung 2026-08-03: ruhigere Typografie, stärkere Bildsprache, mehr Farbnuancen */
html{font-size:14px}
body{
  background:
    radial-gradient(circle at top right, rgba(138,43,226,.06), transparent 28%),
    radial-gradient(circle at left 20%, rgba(30,144,255,.05), transparent 22%),
    #ffffff;
}
header>nav:not(.mobile-nav) a{font-size:.9rem}
.intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:2rem 2.25rem;
  align-items:center;
}
.intro > :not(.hero-visual){grid-column:1}
.intro .eyebrow{align-self:end}
.intro h1{font-size:clamp(1.85rem,3vw,2.95rem);max-width:760px}
.intro .lead{font-size:clamp(.98rem,1.2vw,1.08rem);max-width:720px;color:#444}
.hero-visual{grid-column:2;grid-row:1 / span 3;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-photo-card,.symbol-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,243,250,.96));
  border:1px solid rgba(99,29,118,.14);
  border-radius:20px;
  box-shadow:0 14px 38px rgba(56,38,65,.10);
  overflow:hidden;
}
.hero-photo-card img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.hero-photo-card figcaption{
  padding:1rem 1.1rem 1.1rem;
  font-size:.93rem;
  line-height:1.55;
  color:#4d4653;
}
.hero-thumb-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:.9rem}
.hero-thumb-row img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  border-radius:16px;border:1px solid rgba(99,29,118,.12);box-shadow:0 10px 26px rgba(56,38,65,.08)
}
.symbol-card{padding:2rem;display:flex;justify-content:center;align-items:center;min-height:260px}
.symbol-card img{max-width:180px;max-height:180px;width:auto;height:auto}
.symbol-card--ai img{max-width:120px;max-height:120px}
.hero-points{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:1rem 0 0;margin:0}
.hero-points li{
  padding:.5rem .8rem;border-radius:999px;background:rgba(99,29,118,.08);color:#5a2c66;
  border:1px solid rgba(99,29,118,.12);font-size:.9rem;font-weight:500
}
.content-section{padding-top:1.9rem;padding-bottom:1.9rem}
.answer-box{
  background:linear-gradient(135deg, #f9f3fc 0%, #eff6fc 100%);
  border:1px solid #e6dced;
  border-left:5px solid var(--main-purple);
}
.card-grid{gap:1rem}
.info-card{
  border:1px solid rgba(99,29,118,.10);
  box-shadow:0 10px 28px rgba(28,32,36,.05);
  background:linear-gradient(180deg,#fff 0%,#fcfbfd 100%);
  position:relative;
}
.info-card::before{
  content:"";display:block;position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg, var(--main-purple), #5f7fe8);
  border-radius:14px 14px 0 0;
}
.info-card p,.info-card li{font-size:.95rem;line-height:1.58}
.info-card:nth-child(3n+2){background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}
.info-card:nth-child(3n+3){background:linear-gradient(180deg,#fff 0%,#fdfafd 100%)}
.service-icon{
  width:48px;height:48px;padding:.45rem;border-radius:12px;
  background:linear-gradient(135deg, rgba(99,29,118,.08), rgba(30,144,255,.07));
  border:1px solid rgba(99,29,118,.08);
}
.photo-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.photo-strip-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 12px 30px rgba(56,38,65,.10)}
.cta-panel{background:linear-gradient(135deg,#f5eef8 0%,#eef5fb 100%)}
.btn{font-size:.96rem}
.plain-list li{margin-bottom:.5rem}
.notice{background:linear-gradient(135deg,#faf6fc 0%, #f7fbff 100%);border-color:#d9c8e0}
.page-home .intro h1{max-width:700px}
.page-profile .profile-facts .info-card:first-child,
.page-profile .profile-facts .info-card:nth-child(2),
.page-profile .profile-facts .info-card:nth-child(3){min-height:100%}
.page-contact .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-contact .hero-photo-card img{aspect-ratio:1/1}
.page-coaching .symbol-card img,.page-hypnose .symbol-card img,.page-seminare .symbol-card img,.page-seminare-termine .symbol-card img{max-width:150px;max-height:150px}
@media(max-width:980px){
  .intro{grid-template-columns:1fr;gap:1.2rem}
  .intro > :not(.hero-visual), .hero-visual{grid-column:auto;grid-row:auto}
  .hero-visual{max-width:640px}
  .photo-strip-grid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:680px){
  html{font-size:13px}
  .intro h1{font-size:clamp(1.7rem,7.4vw,2.35rem)}
  .hero-photo-card figcaption{font-size:.9rem}
  .symbol-card{min-height:220px;padding:1.5rem}
  .hero-points{padding-top:.85rem}
  .page-contact .card-grid,.photo-strip-grid{grid-template-columns:1fr}
}


/* v5 2026-08-03: durchgängige Illustrationssprache */
.hero-visual--illustration{display:flex;align-items:stretch;justify-content:center}
.hero-illustration{position:relative;margin:0;display:block;width:100%;max-width:640px}
.hero-illustration-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:1px solid rgba(99,29,118,.14);box-shadow:0 16px 40px rgba(44,44,44,.10);background:#fff}
.page-profile .hero-illustration{max-width:660px}
.page-profile .content-section:first-of-type .profile-facts{margin-top:.25rem}
.photo-strip{display:none}
.hero-photo-card,.hero-thumb-row,.symbol-card,.hero-points{display:none !important}
.intro .hero-visual--illustration{grid-column:2;grid-row:1 / span 3}
.page-home .hero-illustration-image,.page-contact .hero-illustration-image,.page-profile .hero-illustration-image{object-fit:cover}
.page-home .hero-illustration-image{object-position:center center}
.page-contact .hero-illustration-image{object-position:center center}
.page-profile .hero-illustration-image{object-position:center center}
.page-home .intro .lead,.page-profile .intro .lead,.page-contact .intro .lead,.page-ki .intro .lead,.page-beratung .intro .lead,.page-coaching .intro .lead,.page-hypnose .intro .lead,.page-seminare .intro .lead,.page-seminare-termine .intro .lead{max-width:720px}
@media(max-width:980px){
  .intro .hero-visual--illustration{grid-column:auto;grid-row:auto}
  .hero-illustration{max-width:720px}
  }
@media(max-width:680px){
  .hero-illustration-image{border-radius:18px}
  }

/* v6 2026-08-03: Illustrationsdarstellung */
/* v7 2026-08-03: Profil mit echten Fotos, ruhig und klar angeordnet */
.hero-visual--profile-mixed{grid-column:2;grid-row:1 / span 3;display:flex;align-items:center;justify-content:center}
.profile-portrait-stack{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:1rem;align-items:end;width:100%;max-width:680px}
.profile-main-photo{margin:0;overflow:hidden;border-radius:22px;border:1px solid rgba(99,29,118,.14);box-shadow:0 16px 40px rgba(44,44,44,.11);background:#fff}
.profile-main-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 34%}
.profile-ai-card{position:relative;margin:0;overflow:hidden;border-radius:18px;border:1px solid rgba(99,29,118,.14);box-shadow:0 12px 30px rgba(44,44,44,.09);background:#fff}
.profile-ai-image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.profile-ai-card .profile-photo-section>h2{margin-bottom:1rem}
.profile-photo-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:1rem;align-items:stretch}
.profile-photo-grid figure{margin:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid rgba(99,29,118,.12);box-shadow:0 12px 30px rgba(44,44,44,.08)}
.profile-photo-grid img{display:block;width:100%;height:100%;object-fit:cover}
.profile-photo-large img{aspect-ratio:16/9;object-position:center 38%}
.profile-photo-side{display:grid;grid-template-rows:1fr 1fr;gap:1rem}
.profile-photo-side img{aspect-ratio:4/3;object-position:center 34%}
@media(max-width:980px){
  .hero-visual--profile-mixed{grid-column:auto;grid-row:auto}
  .profile-portrait-stack{grid-template-columns:minmax(0,1fr) 150px;max-width:720px}
  .profile-photo-grid{grid-template-columns:1fr}
  .profile-photo-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
}
@media(max-width:680px){
  .profile-portrait-stack{grid-template-columns:1fr}
  .profile-ai-card{max-width:220px}
  .profile-photo-side{grid-template-columns:1fr}
  .profile-main-photo img{aspect-ratio:4/3}
}


/* v8 2026-08-03: Profilbereinigung, Fokus- und Mobile-Qualität */
.profile-portrait-stack{display:block;max-width:620px}
.profile-main-photo{width:100%}
.profile-ai-card{display:none !important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f2c94c;outline-offset:3px}
header>nav:not(.mobile-nav) a,.mobile-nav a,.footer-links a,.btn{min-height:44px;display:inline-flex;align-items:center}
.mobile-nav{overscroll-behavior:contain;max-height:100dvh;overflow-y:auto}
.mobile-nav a{width:100%;justify-content:center;padding:.75rem 1rem}
body.no-scroll{overflow:hidden}
@media(max-width:680px){header{padding:.8rem 1rem}.logo img{height:52px!important;max-width:65vw!important}.intro{padding-left:1rem;padding-right:1rem}.content-section{padding-left:1rem;padding-right:1rem}.info-card{padding:1.15rem}footer{padding-left:1rem!important;padding-right:1rem!important}}


/* v12 2026-08-03: Kontaktangaben im mobilen Footer nicht innerhalb der Nummer/Adresse umbrechen */
footer a[href^="tel:"], footer a[href^="mailto:"]{white-space:nowrap;display:inline-block}