/* PARKSIDE — Farben und Abstände zentral hier bearbeiten. Alle Assets lokal. */
@font-face{font-family:"Parkside Serif";src:url("assets/fonts/parkside-serif.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Parkside Serif";src:url("assets/fonts/parkside-serif-italic.woff") format("woff");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Parkside Sans";src:url("assets/fonts/parkside-sans.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Parkside Sans";src:url("assets/fonts/parkside-sans-bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}

:root{
  --paper:#faf9f5;
  --white:#ffffff;
  --ink:#243c33;
  --body:#46534b;
  --green:#254d42;
  --green-deep:#203f36;
  --sage:#e8ede5;
  --sage-mid:#d7dfd2;
  --sand:#f0ede6;
  --muted:#5d695f;
  --line:#d6dbd2;
  --serif:"Parkside Serif",Georgia,"Times New Roman",serif;
  --sans:"Parkside Sans",Arial,sans-serif;
  --shell:1240px;
  --section-space:112px;
  --header-height:100px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.8;-webkit-font-smoothing:antialiased}
body,button,a{-webkit-tap-highlight-color:transparent}
::selection{background:#d7dfd2;color:var(--green-deep)}
img,svg{max-width:100%}
img{display:block;height:auto}
picture{display:block}
a{color:inherit;text-underline-offset:5px}
button{font:inherit}
a,button,summary{touch-action:manipulation}
button,a,summary{outline-offset:6px}
:focus-visible{outline:2px solid var(--green);border-radius:1px}
.contact-section :focus-visible{outline-color:#e9eddf}
[hidden]{display:none!important}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{color:var(--ink);font-weight:400}
h1,h2,h3{font-family:var(--serif)}
h1{font-size:clamp(58px,5.1vw,76px);line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(38px,3.4vw,49px);line-height:1.15;letter-spacing:-.024em}
h3{font-size:29px;line-height:1.2;letter-spacing:-.015em}
h4{font-family:var(--sans);font-size:16px;font-weight:700;line-height:1.5}
em{font-family:var(--serif);font-weight:400;color:var(--green);font-style:italic}
p+p{margin-top:22px}
.shell{width:min(var(--shell),calc(100% - 112px));margin-inline:auto}
.section-pad{padding-block:var(--section-space)}
.eyebrow{display:flex;align-items:center;gap:14px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.6;text-transform:uppercase;margin-bottom:24px}
.small-line{width:30px;height:1px;background:currentColor}
.skip-link{position:fixed;z-index:30;top:12px;left:12px;padding:12px 20px;background:var(--green);color:white;transform:translateY(-170%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;z-index:20;top:0;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark{display:inline-flex;flex-direction:column;text-decoration:none;align-items:center;flex-shrink:0;color:var(--green);line-height:1}
.wordmark-name{font-family:var(--serif);font-size:33px;letter-spacing:.115em;margin-right:-.115em}
.wordmark-subtitle{font-size:8px;letter-spacing:.32em;text-transform:uppercase;margin-top:10px;margin-right:-.32em}
.main-nav{display:flex;align-items:center;gap:31px}
.main-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:none;position:relative;color:var(--ink)}
.main-nav a:not(.nav-contact)::after{content:"";position:absolute;bottom:7px;left:0;width:100%;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.main-nav a:hover::after,.main-nav a[aria-current="location"]::after{transform:scaleX(1)}
.main-nav .nav-contact{border:1px solid var(--green);padding:0 20px;gap:30px;transition:background .18s ease,color .18s ease}
.main-nav .nav-contact:hover{background:var(--green);color:var(--paper)}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:54px;padding-bottom:66px;align-items:center}
.hero-copy{padding-block:14px}
.hero .eyebrow{margin-bottom:26px}
.hero-intro{font-size:15px;line-height:1.9;max-width:475px;margin-top:26px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:12px 22px;font-size:12px;line-height:1.5;text-decoration:none;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}
.button-primary{background:var(--green);color:white}
.button-primary:hover{background:var(--green-deep)}
.button span,.text-link span{font-size:18px;line-height:1}
.text-link{font-size:12px;display:inline-flex;align-items:center;gap:16px;min-height:44px;text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .18s ease}
.text-link:hover{border-color:currentColor}
.hero-art{position:relative;isolation:isolate;align-self:stretch;min-height:580px;background:var(--sage);overflow:hidden}
.art-topline{display:flex;align-items:center;justify-content:space-between;position:absolute;top:28px;left:30px;right:30px;font-size:8px;letter-spacing:.24em;color:var(--green)}
.hero-lines{position:absolute;width:100%;height:100%;inset:0;stroke:#afbca9;stroke-width:.85;opacity:.7;z-index:-1}
.hero-portrait{position:absolute;width:43%;max-width:250px}
.hero-portrait picture{overflow:hidden;background:#d6d6d6;box-shadow:0 8px 22px #243c3308}
.hero-portrait img{width:100%;aspect-ratio:.92;object-fit:cover;object-position:50% 35%}
.portrait-tina{left:6%;top:17%}
.portrait-charles{right:6%;top:34%}
.portrait-charles img{object-position:50% 40%}
.hero-portrait figcaption{font-family:var(--serif);color:var(--green-deep);font-size:19px;line-height:1.3;padding-top:13px;letter-spacing:-.01em}
.hero-portrait figcaption span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px}
.art-note{position:absolute;bottom:28px;left:30px;font-size:10px;line-height:1.8;color:var(--green);letter-spacing:.035em}
.introduction{background:var(--sage);padding-block:78px}
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%}
.intro-text{font-size:15px;line-height:1.9}
.intro-emphasis{font-size:14px;color:var(--green);padding-top:22px;border-top:1px solid #c4cebf}
.section-heading{max-width:860px}
.section-lead{max-width:780px;margin-top:28px;font-size:16px;line-height:1.9}
.principles-intro{font-size:13px;color:var(--muted);margin-top:44px;margin-bottom:27px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.principle{border-top:1px solid var(--line);padding-top:24px}
.principle-number{color:var(--muted);font-size:10px;letter-spacing:.12em;display:block;margin-bottom:24px}
.principle h3{font-size:27px;max-width:310px;min-height:65px}
.principle p{font-size:14px;line-height:1.9;margin-top:20px;max-width:340px}
.section-footnote{font-size:14px;color:var(--green);border-top:1px solid var(--line);padding-top:27px;margin-top:46px;max-width:100%}
.birth-section{background:var(--sand)}
.editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%}
.editorial-heading h2{max-width:430px}
.prose{font-size:15px;line-height:1.95}
.prose p+p{margin-top:23px}
.birth-motto{border-top:1px solid #d8d6cc;padding-top:42px;margin-top:56px;font-family:var(--serif);font-size:33px;line-height:1.35;color:var(--ink);letter-spacing:-.015em}
.line-emblem{height:120px;width:155px;position:relative;overflow:hidden;margin-top:50px;opacity:.7}
.line-emblem span{position:absolute;border:1px solid #a7b4a0;border-radius:100%;width:115px;height:150px;transform:rotate(35deg);left:5px;top:7px}
.line-emblem span:nth-child(2){left:20px}
.line-emblem span:nth-child(3){left:35px}
.accordion{border-top:1px solid var(--line)}
.accordion details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.accordion summary{display:flex;align-items:center;gap:20px;padding:24px 2px;min-height:84px;transition:color .18s ease}
.accordion summary h3{font-size:25px;flex:1;color:inherit;line-height:1.25}
.accordion summary:hover{color:var(--green)}
.detail-number{font-size:9px;letter-spacing:.07em;color:var(--muted);align-self:flex-start;padding-top:9px}
.detail-icon{flex:none;display:inline-block;width:16px;height:16px;position:relative;color:var(--green)}
.detail-icon::before,.detail-icon::after{content:"";display:block;position:absolute;top:50%;left:0;width:16px;height:1px;background:currentColor}
.detail-icon::after{transform:rotate(90deg)}
details[open]>summary .detail-icon::after{transform:rotate(0)}
.detail-content{padding:0 34px 27px}
.detail-content p{font-size:14px;line-height:1.95}
.caesarean-section{background:#f1f1ea}
.caesarean-intro{align-items:center}
.caesarean-intro h2{max-width:470px;font-size:43px}
.caesarean-details{border-top:1px solid var(--line);padding-top:48px;margin-top:58px}
.subsection-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%;margin-bottom:38px}
.subsection-heading h3{max-width:370px}
.subsection-heading p{font-size:14px;line-height:1.9}
.moments-list{display:grid;grid-template-columns:1fr 1fr;gap:36px 7%;list-style:none;margin:0;padding:0}
.moments-list li{display:flex;gap:21px;border-top:1px solid var(--line);padding-top:22px}
.moments-list li>span{font-family:var(--serif);font-size:27px;font-style:italic;color:#61755f;line-height:1.5}
.moments-list p{font-size:14px;line-height:1.9;margin-top:11px}
.clinical-note{font-size:12px;line-height:1.9;color:var(--muted);max-width:760px;margin-top:35px}
.team-section .section-heading{max-width:960px}
.doctors-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:58px}
.doctor-header{display:grid;grid-template-columns:44% 1fr;gap:27px;align-items:end}
.doctor-image{background:var(--sage)}
.doctor-image img{width:100%;aspect-ratio:1;object-fit:cover}
.doctor-prefix{font-size:11px;color:var(--muted);margin-bottom:8px}
.doctor h3{font-size:35px;line-height:1.05}
.doctor-location{font-size:11px;color:var(--muted);margin-top:15px;margin-bottom:6px}
.doctor-qualification{font-size:11px;line-height:1.8;color:var(--green);border-block:1px solid var(--line);padding-block:17px;margin-top:27px;margin-bottom:24px}
.doctor .prose{font-size:14px}
.continuity{padding-top:64px;margin-top:64px;border-top:1px solid var(--line)}
.continuity h3{font-size:36px;max-width:370px}
.clinic-section{background:var(--sage)}
.lead-paragraph{color:var(--green);font-size:18px;line-height:1.8}
.clinic-motto{font-family:var(--serif);font-size:29px;line-height:1.4;color:var(--green);border-block:1px solid #c7d1c2;padding-block:34px;margin-top:48px;max-width:100%}
.practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:58px}
.practical-grid .eyebrow{font-size:9px;margin-bottom:18px}
.practical-grid h3{font-size:33px;margin-bottom:26px}
.practical-grid .prose{font-size:14px}
.contact-section{color:#e5ece3;background:var(--green);padding-block:100px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%}
.contact-section .eyebrow{color:#c0d0be}
.contact-brand{font-family:var(--serif);font-size:15px;letter-spacing:.16em;margin-bottom:23px}
.contact-section h2{color:var(--paper);font-size:51px;line-height:1.2}
.contact-section em{color:#d2ddc9}
.contact-copy{font-size:15px;line-height:1.9}
.contact-signature{font-family:var(--serif);font-size:22px;line-height:1.4;color:var(--paper)}
.contact-signature+p{font-size:13px;margin-top:12px}
.button-light{background:var(--paper);color:var(--green);font-weight:700}
.button-light:hover{background:#dce5d6}
.contact-actions{gap:18px 24px;margin-top:30px}
.contact-section .text-link{border-color:#72907d}
.contact-micro{font-size:10px;line-height:1.8;color:#d0dccd;margin-top:20px}
.email-help{margin-top:18px;font-size:11px;line-height:1.8}
.email-help summary{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid #72907d;text-underline-offset:4px}
.email-help-body{margin-top:16px;max-width:470px}
.revealed-email{font-size:17px;margin-top:15px!important;overflow-wrap:anywhere;color:var(--paper)}
.copy-email{min-height:44px;background:transparent;color:var(--paper);border:1px solid #9daf96;padding:7px 15px;font-size:11px;margin-top:14px;cursor:pointer}
.copy-email:hover{background:var(--green-deep)}
.copy-status:empty{display:none}
.contact-privacy{border-top:1px solid #5d7a67;padding-top:18px;margin-top:24px;max-width:470px}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1.1fr;align-items:center;gap:45px;padding-block:43px}
.footer-top .wordmark{justify-self:start}
.footer-top>p{font-size:11px;color:var(--muted)}
.footer-nav{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap}
.footer-nav a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:11px;text-decoration:none}
.footer-nav a:hover{text-decoration:underline}
.legal-section{border-top:1px solid var(--line)}
.legal-detail{border-bottom:1px solid var(--line)}
.legal-detail>summary{padding-block:17px;display:flex;align-items:center;gap:20px;font-size:11px;min-height:54px;color:var(--ink)}
.legal-detail .detail-icon{margin-left:auto;width:12px}
.legal-detail .detail-icon::before,.legal-detail .detail-icon::after{width:12px}
.legal-status{font-size:9px;color:var(--muted);font-style:italic}
.legal-body{font-size:13px;line-height:1.9;max-width:800px;padding:8px 0 35px}
.legal-body h2{font-family:var(--sans);font-weight:700;font-size:14px;line-height:1.6;margin-top:25px;margin-bottom:12px;letter-spacing:0}
.legal-body mark{background:#eee8d8;color:#524a36;padding:2px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.legal-notice{border-left:2px solid #a29473;padding-left:18px;color:#62583f}
.footer-bottom{font-size:9px;color:var(--muted);padding-block:24px;display:flex;align-items:baseline;justify-content:space-between;gap:24px}

/* Tablet und kompakte Desktops. */
@media(min-width:1600px){.hero{padding-top:68px;padding-bottom:80px}.hero-art{min-height:625px}}
@media(max-width:1150px){
  :root{--section-space:90px;--header-height:88px}
  .shell{width:calc(100% - 80px)}
  .main-nav{gap:20px}.main-nav a{font-size:11px}.main-nav .nav-contact{gap:18px;padding-inline:15px}
  .hero{gap:5%;padding-top:44px;padding-bottom:52px}
  h1{font-size:62px}.hero-art{min-height:570px}.hero-portrait figcaption{font-size:17px}
  .hero-intro{font-size:14px}.hero .actions{gap:14px}.hero .button{padding-inline:17px;gap:18px}
  .hero .text-link{font-size:11px;gap:10px}
  .intro-grid,.editorial-grid,.subsection-heading,.contact-grid{gap:7%;grid-template-columns:.9fr 1.1fr}
  .principles{gap:27px}.principle h3{font-size:25px}.principle p{font-size:13px}
  .caesarean-intro h2{font-size:39px}.doctor-header{gap:20px}.doctor h3{font-size:30px}
  .contact-section h2{font-size:46px}.footer-nav{gap:14px}
}
@media(max-width:900px){
  :root{--section-space:78px}
  .shell{width:calc(100% - 56px)}
  .header-inner{gap:20px;flex-wrap:wrap}
  .wordmark-name{font-size:29px}
  .main-nav{gap:16px}.main-nav a{font-size:10px}.main-nav .nav-contact{padding-inline:12px;gap:14px}
  .hero{gap:4%}.hero-art{min-height:520px}h1{font-size:53px}
  .hero-intro{font-size:13px;line-height:1.85}.hero .eyebrow{font-size:9px;letter-spacing:.14em}
  .hero .actions{gap:8px 20px}.hero .button{min-height:48px;font-size:11px}
  .art-topline{top:22px;left:22px;right:22px}.art-note{bottom:23px;left:22px;font-size:9px}
  .hero-portrait figcaption{font-size:15px}
  h2{font-size:38px}.principle h3{font-size:23px;min-height:60px}
  .principles{gap:24px}.principle p{font-size:13px}
  .prose,.intro-text{font-size:14px}.section-lead{font-size:15px}
  .doctor-header{grid-template-columns:46% 1fr;gap:18px}.doctor h3{font-size:27px}
  .doctor .prose{font-size:13px}.doctor-qualification{min-height:77px}
  .contact-section h2{font-size:42px}.contact-copy{font-size:14px}
  .contact-actions .text-link{font-size:11px;gap:10px}
  .footer-top{gap:24px;grid-template-columns:1fr 1fr}.footer-top>p{display:none}
}

/* Mobil: eine klare Lesespalte, erreichbare Bedienelemente, keine fixen Höhen. */
@media(max-width:700px){
  :root{--section-space:64px;--header-height:79px}
  html{scroll-padding-top:98px}
  .shell{width:calc(100% - 44px)}
  .header-inner{min-height:79px;gap:0;position:relative}
  .wordmark-name{font-size:28px}.wordmark-subtitle{font-size:7px;margin-top:8px}
  .menu-toggle:not([hidden]){display:flex;align-items:center;gap:12px;justify-content:center;min-width:82px;min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:var(--green);cursor:pointer}
  .menu-label{font-size:11px}
  .menu-lines{display:block;width:20px;height:12px;position:relative;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
  .menu-lines::before{content:"";position:absolute;top:5px;right:0;width:13px;height:1px;background:currentColor}
  .menu-toggle[aria-expanded="true"] .menu-lines{border:0}
  .menu-toggle[aria-expanded="true"] .menu-lines::before{width:20px;transform:rotate(45deg);top:5px}
  .menu-toggle[aria-expanded="true"] .menu-lines::after{content:"";position:absolute;width:20px;height:1px;top:5px;left:0;background:currentColor;transform:rotate(-45deg)}
  .main-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 22px}
  .main-nav a{font-size:13px;min-height:48px;padding:10px 2px;border-bottom:1px solid var(--line)}
  .main-nav a:not(.nav-contact)::after{display:none}
  .main-nav .nav-contact{margin-top:12px;justify-content:space-between;padding-inline:17px}
  .site-header.menu-enhanced .main-nav:not(.is-open){display:none}
  .hero{display:flex;flex-direction:column;gap:35px;padding-top:38px;padding-bottom:44px}
  .hero-copy{width:100%;padding:0}
  .hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:23px}
  h1{font-size:clamp(52px,12.7vw,78px);line-height:1.04;letter-spacing:-.035em}
  .hero-intro{font-size:14px;line-height:1.9;max-width:100%;margin-top:23px}
  .hero .actions{gap:12px 23px;margin-top:27px}.hero .button{font-size:11px;min-height:50px;padding-inline:18px}.hero .text-link{font-size:11px}
  .hero-art{width:100%;min-height:0;aspect-ratio:1.03;align-self:auto}
  .hero-portrait{width:42%;max-width:275px}
  .portrait-tina{top:16%;left:6%}.portrait-charles{top:30%;right:6%}
  .hero-portrait img{aspect-ratio:1;object-position:50% 50%}
  .hero-portrait figcaption{font-size:16px;padding-top:9px}
  .hero-portrait figcaption span{font-size:7px;margin-bottom:3px}
  .art-topline{top:19px;left:20px;right:20px;font-size:7px}
  .art-note{font-size:8px;bottom:17px;left:20px;line-height:1.6}
  h2{font-size:37px;line-height:1.15;letter-spacing:-.025em}
  .eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:21px}
  .intro-grid,.editorial-grid,.subsection-heading,.contact-grid{display:grid;grid-template-columns:1fr;gap:29px}
  .introduction{padding-block:53px}.introduction h2{font-size:39px}
  .intro-text{font-size:14px;line-height:1.95}.intro-emphasis{font-size:13px;margin-top:24px}
  .section-lead{font-size:14px;line-height:1.95;margin-top:24px}
  .desktop-break{display:none}
  .principles-intro{font-size:12px;margin-top:30px;margin-bottom:22px}
  .principles{grid-template-columns:1fr;gap:27px}
  .principle{display:grid;grid-template-columns:29px 1fr;gap:0 14px;padding-top:21px}
  .principle-number{margin-bottom:0;padding-top:6px;font-size:9px}
  .principle h3{font-size:27px;min-height:0;max-width:100%}
  .principle p{grid-column:2;font-size:14px;line-height:1.9;max-width:none;margin-top:13px}
  .section-footnote{font-size:12px;line-height:1.9;padding-top:24px;margin-top:33px}
  .editorial-heading h2{max-width:none}
  .line-emblem{display:none}
  .prose{font-size:14px;line-height:1.95}
  .birth-motto{font-size:28px;line-height:1.4;padding-top:30px;margin-top:34px}
  .accordion summary{gap:13px;padding-block:22px;min-height:80px}
  .accordion summary h3{font-size:25px}.detail-number{padding-top:7px}
  .detail-content{padding:0 27px 25px}.detail-content p{font-size:14px}
  .caesarean-intro h2{font-size:37px}.caesarean-details{padding-top:35px;margin-top:38px}
  .subsection-heading{gap:19px;margin-bottom:29px}.subsection-heading h3{font-size:30px}.subsection-heading p{font-size:14px}
  .moments-list{grid-template-columns:1fr;gap:27px}.moments-list li{gap:18px;padding-top:21px}
  .moments-list li>span{font-size:25px}.moments-list p{font-size:14px;margin-top:9px}
  .clinical-note{font-size:11px;margin-top:27px}
  .doctors-grid{grid-template-columns:1fr;gap:47px;margin-top:35px}
  .doctor-header{grid-template-columns:46% 1fr;gap:23px;align-items:center}
  .doctor h3{font-size:34px}.doctor-prefix{font-size:10px}.doctor-location{font-size:11px}
  .doctor-qualification{font-size:10px;min-height:0;margin-block:24px 21px;padding-block:15px}
  .doctor .prose{font-size:14px}
  .continuity{padding-top:35px;margin-top:40px;gap:24px}.continuity h3{font-size:33px}
  .lead-paragraph{font-size:17px;line-height:1.8}
  .clinic-motto{font-size:27px;padding-block:27px;margin-top:33px;line-height:1.4}
  .practical-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}
  .practical-grid h3{font-size:31px;margin-bottom:21px}.practical-grid .prose{font-size:14px}
  .contact-section{padding-block:60px}.contact-grid{gap:28px}
  .contact-section h2{font-size:44px;line-height:1.15}.contact-brand{font-size:12px;margin-bottom:19px}
  .contact-signature{font-size:23px;line-height:1.5}.contact-copy{font-size:14px}
  .contact-actions{gap:10px 22px}.contact-actions .button{font-size:11px;padding-inline:18px}.contact-actions .text-link{font-size:11px}
  .contact-micro{font-size:10px}.email-help{font-size:11px}
  .footer-top{padding-block:32px;grid-template-columns:1fr;gap:20px}
  .footer-nav{justify-content:flex-start;gap:27px}.footer-nav a{font-size:10px}
  .legal-detail>summary{gap:14px}.legal-status{font-size:8px}
  .legal-body{font-size:12px}.legal-body h2{font-size:13px}
  .footer-bottom{display:block;font-size:8px;padding-block:22px;line-height:1.9}.footer-bottom>span{display:block;margin-top:7px}
}
@media(max-width:360px){
  .shell{width:calc(100% - 36px)}h1{font-size:49px}.hero .actions{gap:9px 15px}.hero .button{padding-inline:14px;gap:12px;font-size:10px}.hero .text-link{font-size:10px;gap:8px}
  .hero-portrait figcaption{font-size:14px}.art-note{font-size:7px;bottom:13px}h2,.caesarean-intro h2{font-size:34px}.doctor h3{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{
  :root{--section-space:28px}body{background:white;color:#222;font-size:11pt}.shell{width:100%;max-width:none}.site-header{position:static}.main-nav,.menu-toggle,.skip-link,.actions,.hero-art,.line-emblem,.email-help,.footer-nav,.contact-micro{display:none!important}
  .hero{display:block;padding-block:25px}.hero h1{font-size:36pt}.hero h1 br{display:none}.hero h1 em::before{content:" "}.hero-intro{max-width:none}
  h2{font-size:26pt}h3{font-size:20pt}.hero,.introduction,.birth-section,.caesarean-section,.clinic-section,.contact-section{background:white}.contact-section,.contact-section h2,.contact-section em,.contact-section .eyebrow{color:#222}
  .contact-grid,.editorial-grid,.intro-grid{gap:30px}.prose,.intro-text,.doctor .prose,.contact-copy{font-size:10pt}.contact-brand{color:#222}.contact-signature{color:#222}
  details:not([open])>div{display:block}summary{list-style:none}.detail-icon{display:none}.accordion details,.doctor,.moments-list li{break-inside:avoid}.detail-content{padding:0 0 18px}.hero-art{display:none}.footer-bottom{font-size:8pt}
  .legal-body mark{background:#eee;color:#111}.clinical-note{font-size:9pt}.footer-top{padding-block:20px}.footer-top>p{display:block}.footer-top .wordmark{color:#222}
}

/* Zweite Iteration: Sprachwahl und reduzierter Footer.
   Farben, Schriften und Inhaltslayouts bleiben erhalten. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.header-inner{gap:24px}
.main-nav{margin-left:auto;gap:25px}
.header-controls{display:flex;align-items:center;gap:18px;flex:none}
.language-switch{display:flex;align-items:center;gap:3px;color:var(--muted);line-height:1}
.language-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;padding:8px 3px;border:0;background:transparent;color:var(--muted);font-size:11px;line-height:1;letter-spacing:.04em;position:relative;cursor:pointer}
.language-button::after{content:"";position:absolute;left:7px;right:7px;bottom:8px;height:1px;background:var(--green);transform:scaleX(0);transition:transform .18s ease}
.language-button:hover{color:var(--green)}
.language-button[aria-pressed="true"]{color:var(--green);font-weight:700}
.language-button[aria-pressed="true"]::after{transform:scaleX(1)}
.language-divider{font-size:10px;opacity:.7}
.copy-email:disabled{opacity:.65;cursor:wait}
.site-footer .footer-top{grid-template-columns:auto minmax(0,1fr) auto;gap:36px;padding-block:36px}
.footer-information{display:flex;flex-direction:column;gap:7px;justify-self:center;max-width:100%;min-width:0}
.footer-information a{width:fit-content;max-width:100%;font-size:11px;line-height:1.8;text-decoration:none;text-underline-offset:4px;overflow-wrap:anywhere}
.footer-information .legal-link{font-size:10px;color:var(--muted)}
.footer-information a:hover{text-decoration:underline}
.footer-back{display:inline-flex;gap:11px;align-items:center;min-height:44px;font-size:10px;text-decoration:none}
.footer-back:hover{text-decoration:underline}
.site-footer .footer-bottom{display:block;border-top:1px solid var(--line);padding-block:17px}
.site-footer .footer-bottom p{font-size:9px;line-height:1.8}
@media(min-width:1001px) and (max-width:1150px){.main-nav{gap:18px}.header-inner{gap:18px}}
@media(max-width:1000px){
  .header-inner{flex-wrap:wrap;gap:0;position:relative}
  .header-controls{margin-left:auto;order:1;gap:18px}
  .wordmark{order:0}
  .menu-toggle:not([hidden]){display:flex;align-items:center;gap:12px;justify-content:center;min-width:82px;min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:var(--green);cursor:pointer}
  .menu-label{font-size:11px}
  .menu-lines{display:block;width:20px;height:12px;position:relative;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
  .menu-lines::before{content:"";position:absolute;top:5px;right:0;width:13px;height:1px;background:currentColor}
  .menu-toggle[aria-expanded="true"] .menu-lines{border:0}
  .menu-toggle[aria-expanded="true"] .menu-lines::before{width:20px;transform:rotate(45deg);top:5px}
  .menu-toggle[aria-expanded="true"] .menu-lines::after{content:"";position:absolute;width:20px;height:1px;top:5px;left:0;background:currentColor;transform:rotate(-45deg)}
  .main-nav{order:2;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 22px;margin-left:0}
  .main-nav a{font-size:13px;min-height:48px;padding:10px 2px;border-bottom:1px solid var(--line)}
  .main-nav a:not(.nav-contact)::after{display:none}
  .main-nav .nav-contact{margin-top:12px;justify-content:space-between;padding-inline:17px}
  .site-header.menu-enhanced .main-nav:not(.is-open){display:none}
}
@media(max-width:700px){
  .site-footer .footer-top{grid-template-columns:1fr auto;gap:22px 16px;padding-block:30px}
  .site-footer .footer-top .wordmark{grid-column:1;grid-row:1}
  .footer-back{grid-column:2;grid-row:1;align-self:center}
  .footer-information{grid-column:1/-1;grid-row:2;justify-self:start;gap:6px}
  .footer-information a{font-size:11px}
  .header-controls{gap:12px}
  html[lang="en-GB"] .contact-section h2{font-size:41px}
}
@media(max-width:420px){
  .header-controls{gap:8px}
  .menu-toggle:not([hidden]){min-width:36px;padding:8px 0}
  .menu-toggle .menu-label{display:none}
  .language-button{min-width:27px;font-size:10px}
  .language-switch{gap:2px}
}
@media print{.header-controls{display:none}.site-footer .footer-top{display:block}.footer-information{margin-top:14px}.footer-back{display:none}.language-status{display:none}}