/* Orthopädiezentrum Magdeburg — subpage components.
   Builds strictly on the tokens and primitives in site.css (extracted from the
   approved homepage). Nothing here redefines a homepage component; these are
   only the pieces the homepage does not already have. */

/* ---- compact page hero (subpage counterpart of .hero) ---- */
.pagehero{position:relative;overflow:hidden;background:linear-gradient(160deg,#5b9fd0 0%,#3a85bd 100%)}
.pagehero .geo{position:absolute;inset:0;pointer-events:none}
.pagehero .geo span{position:absolute;border-radius:50%}
.pagehero .geo .g1{width:900px;height:900px;right:-330px;top:-520px;border:1px solid rgba(255,255,255,.16)}
.pagehero .geo .g2{width:460px;height:460px;left:-210px;bottom:-250px;background:rgba(255,255,255,.06)}
.pagehero .wrap{position:relative;z-index:2}
.pagehero .copy{padding:48px 0 52px;max-width:660px}
.pagehero h1{font-size:clamp(36px,3.9vw,54px);letter-spacing:-.025em;line-height:1.05;color:#fff;
  overflow-wrap:break-word;hyphens:auto;text-shadow:0 2px 18px rgba(13,42,66,.3)}
.pagehero .sub{font-size:17px;line-height:1.65;color:#eaf4fb;margin:16px 0 30px;max-width:52ch}
.pagehero .sec-mark span{color:#d0e7f7}
.pagehero .cta-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.pagehero.has-video{min-height:440px;display:flex;align-items:center;
  background-color:#17466b;background-image:linear-gradient(90deg,rgba(12,39,61,.86) 0%,rgba(16,55,84,.72) 48%,rgba(26,86,126,.36) 100%),var(--pagehero-poster);
  background-position:center;background-size:cover}
.pagehero.has-video::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(7,29,46,.72) 0%,rgba(9,42,66,.5) 53%,rgba(14,57,86,.18) 100%)}
.pagehero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.pagehero.has-video .copy{padding:72px 0 76px;max-width:700px}
.pagehero.has-video .sub{color:#f0f7fc;text-shadow:0 1px 10px rgba(7,29,46,.5)}
@media(prefers-reduced-motion:reduce){.pagehero-video{display:none}}
/* light variant for index/overview pages */
.pagehero.mist{background:var(--mist);border-bottom:1px solid var(--line)}
.pagehero.mist h1{color:var(--blue-deep);text-shadow:none}
.pagehero.mist .sub{color:var(--slate)}
.pagehero.mist .sec-mark span{color:var(--blue)}
.pagehero.mist .geo{display:none}
@media(max-width:760px){.pagehero .copy{padding:44px 0 46px}
  .pagehero.has-video{min-height:500px;background-position:58% center}
  .pagehero.has-video::after{background:linear-gradient(180deg,rgba(7,29,46,.58),rgba(7,29,46,.82))}
  .pagehero.has-video .copy{padding:58px 0 62px}}

/* ---- six practice one-pagers: consistent split hero, individual media ---- */
.practice-hero{background:linear-gradient(145deg,#236f9f 0%,#4f9ccc 100%);overflow:hidden}
.practice-hero .wrap{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);
  min-height:440px;padding-right:0;max-width:1440px}
.practice-hero .copy{display:flex;flex-direction:column;justify-content:center;padding:58px 62px 62px 0;
  position:relative;z-index:2}
.practice-hero h1{font-size:clamp(36px,3.9vw,54px);line-height:1.02;letter-spacing:-.035em;color:#fff;
  overflow-wrap:break-word;hyphens:auto;text-shadow:0 2px 18px rgba(13,42,66,.22)}
.practice-hero .sub{font-size:17px;line-height:1.67;color:#ecf6fb;max-width:58ch;margin:17px 0 29px}
.practice-hero .sec-mark span{color:#d4edf9}
.practice-hero .cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.practice-hero .media{position:relative;min-width:0;overflow:hidden;background:#17466b}
.practice-hero .media::after{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 24px 0 44px -38px rgba(4,31,51,.85)}
.practice-hero .media img,.practice-hero .media video{display:block;width:100%;height:100%;min-height:440px;
  object-fit:cover;object-position:center}
.practice-hero .portrait-pair{display:flex;align-items:flex-end;gap:clamp(10px,1.5vw,20px);
  padding:34px 26px 0;background:linear-gradient(155deg,#d9edf7 0%,#f5fbfd 56%,#9bcce2 100%)}
.practice-hero .portrait-pair::before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;
  right:-100px;top:-130px;border:1px solid rgba(25,103,151,.2)}
.practice-hero .portrait-pair::after{box-shadow:none;background:linear-gradient(180deg,transparent 58%,rgba(14,61,91,.18))}
.practice-hero .portrait{position:relative;z-index:1;flex:1;overflow:hidden;border-radius:160px 160px 0 0;
  background:#fff;box-shadow:0 18px 38px rgba(18,67,97,.18)}
.practice-hero .portrait-primary{height:88%}.practice-hero .portrait-secondary{height:75%}
.practice-hero .portrait-pair .portrait img{height:100%;min-height:0;object-fit:cover;object-position:center top}
/* Allgemeinmedizin: Foto liegt vollflächig hinter dem Text (wie /am_home/). */
.practice-hero-full{position:relative;isolation:isolate;background:var(--blue-deep)}
.practice-hero-full .hero-bg{position:absolute;z-index:-2;inset:0;display:block;
  width:100%;height:100%;object-fit:cover;object-position:center}
.practice-hero-full::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(26,77,115,.88) 0%,rgba(26,77,115,.8) 38%,
    rgba(26,77,115,.5) 68%,rgba(26,77,115,.25) 100%)}
.practice-hero-full .wrap{display:flex;align-items:center;padding-right:34px}
.practice-hero-full .copy{max-width:660px;padding:58px 0 62px}
@media(max-width:760px){
  .practice-hero-full .wrap{display:flex;padding:0 20px}
  .practice-hero-full .copy{padding:44px 0 48px;max-width:100%}
  .practice-hero-full::after{background:linear-gradient(180deg,rgba(26,77,115,.72) 0%,
    rgba(20,60,90,.88) 60%,rgba(18,54,82,.94) 100%)}}

@media(max-width:920px){.practice-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}
  .practice-hero .copy{padding-right:38px}}
@media(max-width:760px){.practice-hero .wrap{display:flex;flex-direction:column;padding:0;min-height:0}
  .practice-hero .media{order:-1;height:240px}.practice-hero .media img,.practice-hero .media video{min-height:240px;height:240px}
  .practice-hero .portrait-pair{padding:18px 22px 0;gap:14px;align-items:flex-end}
  .practice-hero .portrait-pair .portrait img{min-height:0;height:100%}
  .practice-hero .portrait-primary{height:100%}.practice-hero .portrait-secondary{height:87%}
  .practice-hero .media::after{box-shadow:inset 0 -28px 50px -42px rgba(4,31,51,.9)}
  .practice-hero .copy{padding:36px 20px 42px}
  .practice-hero .sub{font-size:15.5px;margin-bottom:24px}.practice-hero .cta-row{gap:17px}}

/* Arbeitsmedizin: the source video is the complete hero, not a split media panel. */
.practice-hero-video{position:relative;isolation:isolate;min-height:clamp(540px,66vh,720px);background:#123f5d}
.practice-hero-video .video-bg{position:absolute;z-index:-2;inset:0;overflow:hidden}
.practice-hero-video .video-bg video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.practice-hero-video::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,28,44,.88) 0%,rgba(7,39,59,.68) 42%,rgba(8,38,56,.18) 72%,rgba(7,31,46,.2) 100%)}
.practice-hero-video .wrap{display:flex;align-items:center;min-height:clamp(540px,66vh,720px)}
.practice-hero-video .copy{max-width:720px;padding:82px 0 88px}
.practice-hero-video h1{font-size:clamp(36px,3.9vw,54px);overflow-wrap:break-word;hyphens:auto;text-shadow:0 2px 22px rgba(0,0,0,.2)}
.practice-hero-video .sub{max-width:57ch;color:#eaf5fa}
@media(max-width:760px){
  .practice-hero-video,.practice-hero-video .wrap{min-height:570px}
  .practice-hero-video .wrap{display:flex;padding:0 20px;align-items:flex-end}
  .practice-hero-video .copy{padding:130px 0 54px;max-width:100%}
  .practice-hero-video::after{background:linear-gradient(180deg,rgba(4,28,43,.15) 0%,rgba(5,30,46,.72) 45%,rgba(4,25,39,.94) 100%)}
  .practice-hero-video .video-bg video{object-position:58% center}
}

/* ---- editorial disclosures: replaces repetitive feature-card subpages ---- */
.disclosure-section{background:#fff}
.disclosure-section.soft{background:var(--mist)}
.disclosure-section .wrap{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:clamp(42px,7vw,96px);align-items:start}
.disclosure-intro{position:sticky;top:24px}.disclosure-intro>p{margin-top:16px;color:var(--slate);
  font-size:16px;line-height:1.7;max-width:46ch}
.disclosure-list{border-top:1px solid #b7cfdf}
.disclosure-stack{min-width:0}.disclosure-stack .disclosure-list{margin-top:22px}
.gp-model-media{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#102f48;
  box-shadow:0 18px 48px rgba(18,59,88,.13)}
.gp-model-media video{display:block;width:100%;aspect-ratio:16/9;background:#102f48}
.gp-model-media figcaption{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;
  background:rgba(8,36,55,.82);color:#fff;font-size:11.5px;letter-spacing:.025em;backdrop-filter:blur(8px)}
.service-disclosure{border-bottom:1px solid #b7cfdf;scroll-margin-top:90px}
.service-disclosure summary{list-style:none;display:grid;grid-template-columns:86px minmax(0,1fr) 34px;
  gap:16px;align-items:center;padding:24px 4px;cursor:pointer;color:var(--blue-deep)}
.service-disclosure summary::-webkit-details-marker{display:none}
.service-disclosure summary::marker{content:""}
.disclosure-code{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:14px;font-weight:800;
  letter-spacing:.055em;color:var(--blue);text-transform:uppercase}
.service-disclosure summary strong{font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(19px,2vw,25px);letter-spacing:-.02em}
.disclosure-toggle{position:relative;width:32px;height:32px;border:1.5px solid #8ebbd6;border-radius:50%;
  background:transparent;transition:background .2s,border-color .2s}
.disclosure-toggle::before,.disclosure-toggle::after{content:"";position:absolute;left:50%;top:50%;
  width:12px;height:1.5px;border-radius:2px;background:var(--blue);
  transform:translate(-50%,-50%);transition:transform .2s,opacity .2s,background .2s}
.disclosure-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
.service-disclosure[open] .disclosure-toggle{background:var(--blue);border-color:var(--blue)}
.service-disclosure[open] .disclosure-toggle::before{background:#fff}
.service-disclosure[open] .disclosure-toggle::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scaleX(.2)}
.disclosure-body{padding:0 54px 28px 106px;color:var(--slate)}
.disclosure-body>p{font-size:15.5px;line-height:1.7;max-width:68ch}
.disclosure-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:22px;
  border-top:1px solid var(--line)}
.disclosure-body dl div{padding:13px 0;border-bottom:1px solid var(--line)}
.disclosure-body dt{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}
.disclosure-body dd{font-size:14px;line-height:1.5;color:var(--ink);margin-top:4px}
.disclosure-body ul{margin:18px 0 0;padding-left:20px}.disclosure-body li{margin:6px 0;font-size:14.5px;line-height:1.55}
.disclosure-links{display:flex;gap:9px 20px;flex-wrap:wrap;margin-top:20px}.disclosure-links a{display:inline-flex;
  gap:8px;align-items:center;color:var(--blue);font-size:13.5px;font-weight:700;text-decoration:none;
  border-bottom:1px solid #94c5e2;padding-bottom:3px}
@media(max-width:820px){.disclosure-section .wrap{grid-template-columns:1fr;gap:30px}.disclosure-intro{position:static}
  .service-disclosure summary{grid-template-columns:64px minmax(0,1fr) 30px;padding:20px 0;gap:10px}
  .disclosure-body{padding:0 0 24px 74px}}
@media(max-width:560px){.disclosure-section .wrap{gap:20px}.service-disclosure summary{grid-template-columns:minmax(68px,76px) minmax(0,1fr) 32px;column-gap:12px;min-height:64px}
  .disclosure-code{font-size:12px;white-space:nowrap}.service-disclosure summary strong{font-size:18px}.disclosure-body{padding-left:0}
  .disclosure-body dl{grid-template-columns:1fr}}

/* ---- legacy motion, reassigned to the relevant Sudenburg topics ---- */
.practice-media{background:var(--mist)}
.practice-media-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.72fr);
  column-gap:54px;align-items:end;margin-bottom:34px}
.practice-media-head .sec-mark{grid-column:1/-1}.practice-media-head p{color:var(--slate);font-size:15.5px;line-height:1.65}
.practice-media-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:18px}
.practice-media-item{position:relative;min-height:390px;overflow:hidden;border-radius:22px;background:#143f5e;
  isolation:isolate}
.practice-media-item video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}
.practice-media-item::after{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg,rgba(6,30,47,.03) 25%,rgba(6,30,47,.9) 100%)}
.practice-media-copy{position:absolute;left:0;right:0;bottom:0;padding:38px clamp(24px,3vw,38px) 30px;color:#fff}
.practice-media-copy>span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#78d9df}
.practice-media-copy h3{margin-top:6px;font-size:clamp(25px,3vw,36px);color:#fff;letter-spacing:-.025em}
.practice-media-copy p{max-width:48ch;margin-top:7px;color:#d8e8f1;font-size:14px;line-height:1.55}
.practice-media-copy a{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:#fff;font-size:13px;
  font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px}
.practice-media-copy a:hover{border-color:#fff}.practice-media-copy b{font-size:16px}
@media(max-width:820px){.practice-media-head{grid-template-columns:1fr;gap:14px}.practice-media-head .sec-mark{grid-column:auto}
  .practice-media-grid{grid-template-columns:1fr}.practice-media-item{min-height:350px}}
@media(max-width:520px){.practice-media-item{min-height:310px;border-radius:16px}.practice-media-copy{padding:30px 20px 22px}}

/* ---- breadcrumbs ---- */
.crumbs{background:var(--paper);border-bottom:1px solid var(--line)}
.crumbs .wrap{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px;
  font-size:13px;color:var(--slate)}
.crumbs a{color:var(--slate);text-decoration:none}
.crumbs a:hover{color:var(--blue);text-decoration:underline}
.crumbs .sepc{opacity:.55}
.crumbs [aria-current]{color:var(--blue-deep);font-weight:600}

/* ---- practice-area navigation: one clear local hierarchy per practice ---- */
.practice-nav{background:#fff;border-bottom:1px solid var(--line)}
.practice-nav .wrap{display:flex;align-items:center;gap:22px;min-height:58px}
.practice-label{flex:0 0 auto;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:12px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.practice-links{display:flex;align-items:center;gap:6px;min-width:0}
.practice-links a{display:block;padding:9px 13px;border-radius:999px;color:var(--slate);font-size:13.5px;
  font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.practice-links a:hover{background:var(--mist);color:var(--blue-deep)}
.practice-links a.active{background:var(--blue-deep);color:#fff}
@media(max-width:760px){.practice-nav .wrap{display:block;padding-top:12px;padding-bottom:10px}
  .practice-label{display:block;margin:0 0 8px 4px}.practice-links{overflow-x:auto;padding-bottom:4px;
  scrollbar-width:none}.practice-links::-webkit-scrollbar{display:none}}

/* ---- Willkommens-Popup ---- */
.welcome-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(26,77,115,.6);opacity:0;transition:opacity .16s ease}
.welcome-modal.is-open{opacity:1}
.welcome-modal-dialog{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 48px);overflow:auto;
  background:#fff;border-radius:20px;padding:44px 44px 40px;box-shadow:0 30px 80px rgba(14,44,67,.32);outline:none}
.welcome-modal-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--line);background:#fff;color:var(--blue-deep);display:grid;place-items:center;cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease}
.welcome-modal-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.welcome-modal-close:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.welcome-modal-image{display:block;max-width:calc(100% - 56px);max-height:110px;width:auto;object-fit:contain;margin:0 auto 22px}
.welcome-modal-title{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:var(--blue-deep);
  font-size:28px;line-height:1.2;letter-spacing:-.015em;margin:0 0 14px}
.welcome-modal-body{color:var(--ink);font-size:15px;line-height:1.6}
.welcome-modal-body :first-child{margin-top:0}
.welcome-modal-body :last-child{margin-bottom:0}
.welcome-modal-body p{margin:0 0 12px}
.welcome-modal-body h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:var(--blue-deep);
  font-size:18px;margin:18px 0 8px}
.welcome-modal-body a{color:var(--blue);text-decoration:underline}
@media(max-width:760px){
  .welcome-modal{padding:16px}
  .welcome-modal-dialog{max-height:calc(100vh - 32px);border-radius:16px;padding:34px 20px 26px}
  .welcome-modal-close{right:10px;top:10px}
  .welcome-modal-image{max-height:78px;margin-bottom:16px}
  .welcome-modal-title{font-size:23px}
  .welcome-modal-body{font-size:14.5px}
}
@media(prefers-reduced-motion:reduce){.welcome-modal{transition:none}}

/* ---- generic light card grid ---- */
.cardgrid{display:grid;gap:20px}
.cardgrid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cardgrid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cardgrid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.infocard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 26px 28px;
  display:flex;flex-direction:column;gap:9px;transition:box-shadow .18s,transform .18s}
.infocard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.infocard h4{font-size:18px;color:var(--blue-deep);letter-spacing:-.015em}
.infocard p{font-size:14.5px;color:var(--slate);line-height:1.58}
.infocard .ic{width:44px;height:44px;border-radius:12px;background:var(--ice);display:grid;place-items:center;
  color:var(--blue);margin-bottom:5px}
.infocard .ic svg{width:23px;height:23px}
.infocard .more{margin-top:auto;padding-top:16px}
.practice-directory-card .practice-kind{font-size:11.5px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--blue)}
.practice-directory-card>p a{color:var(--blue-deep);font-weight:700;text-decoration:none}
.practice-directory-card>p a:hover{text-decoration:underline}
.hausarzt-guide{background:#fff}
.hausarzt-guide .infocard{padding:30px}
.hausarzt-guide .guide-note{padding-top:14px;margin-top:5px;border-top:1px solid var(--line);font-size:13.5px}

/* ---- structured content pages below a practice hub ---- */
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px}
.detail-card .ic{width:46px;height:46px;border-radius:13px;background:var(--ice);display:grid;place-items:center;
  color:var(--blue);margin-bottom:17px}.detail-card .ic svg{width:24px;height:24px}
.detail-card h2{font-size:22px;color:var(--blue-deep);margin-bottom:10px}
.detail-card p{font-size:15px;color:var(--slate);line-height:1.65}
.detail-card p+p{margin-top:10px}
.detail-card ul{margin:15px 0 0;padding-left:20px}.detail-card li{font-size:14.5px;color:var(--slate);line-height:1.55;margin:5px 0}
.detail-card .procedure-list{margin:0;columns:2;column-gap:28px}
.detail-card .procedure-list li{break-inside:avoid;margin:0 0 10px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-link{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;
  border:1px solid var(--line);border-radius:14px;padding:18px 20px;color:var(--blue-deep);font-weight:700;
  text-decoration:none;transition:transform .16s,box-shadow .16s}.related-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.related-link svg{width:20px;height:20px;flex:0 0 auto;color:var(--blue)}
.medical-disclaimer{border-left:4px solid var(--cyan);background:#fff;border-radius:0 14px 14px 0;
  padding:19px 22px;margin-bottom:28px;box-shadow:0 8px 26px rgba(27,67,94,.06)}
.medical-disclaimer strong{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:var(--blue-deep)}
.medical-disclaimer p{font-size:14px;color:var(--slate);line-height:1.6;margin-top:5px}
.patient-guide .detail-card{align-self:start}
/* Übungskarten (Physiotherapie): Dosierungs-Chip + Videokarte */
.detail-card .dose-chip{display:inline-block;background:var(--ice);color:var(--blue-deep);
  font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}
.detail-card .exercise-video{display:block;width:100%;border-radius:14px;margin-top:14px;background:var(--blue-deep)}
/* echte PDF-Download-Komponente */
.download-card .dl{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;
  border:1.5px solid var(--line);border-radius:14px;text-decoration:none;background:var(--ice);
  transition:border-color .18s,box-shadow .18s}
.download-card .dl:hover{border-color:var(--cyan);box-shadow:0 12px 24px -14px rgba(2,40,80,.35)}
.download-card .dl-ic{width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:var(--blue);
  color:#fff;display:grid;place-items:center}
.download-card .dl-ic svg{width:22px;height:22px}
.download-card .dl-tx{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.download-card .dl-tx b{font-size:14.5px;color:var(--blue-deep)}
.download-card .dl-tx small{font-size:12.5px;color:var(--slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.download-card .dl-go{margin-left:auto;flex:0 0 auto;color:var(--blue);font-size:18px}
.info-teaser .pad{min-height:220px}.info-teaser .kick{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--blue)}
.subpage-cta{background:linear-gradient(150deg,#173c5a,var(--blue-deep));color:#fff}
.subpage-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:34px}
.subpage-cta h2{color:#fff;font-size:clamp(26px,3vw,38px)}
.subpage-cta p{color:#d5e6f2;font-size:15.5px;line-height:1.6;margin-top:8px;max-width:650px}
@media(max-width:820px){.detail-grid,.related-grid{grid-template-columns:1fr}.subpage-cta .wrap{display:block}.subpage-cta .btn{margin-top:24px}}
@media(max-width:560px){.detail-card .procedure-list{columns:1}}

/* ---- teaser card with photo (Fachbereiche hub, Standorte) ---- */
.teaser{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
  transition:box-shadow .18s,transform .18s}
.teaser:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.teaser .imgwrap{overflow:hidden;background:var(--ice)}
.teaser img{height:210px;width:100%;object-fit:cover;transition:transform .35s ease}
.teaser:hover img{transform:scale(1.05)}
.teaser .pad{padding:22px 26px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.teaser .kick{font-size:12.5px;color:var(--slate);line-height:1.45}
.teaser h4{font-size:20px;color:var(--blue-deep);letter-spacing:-.018em}
.teaser p{font-size:14.5px;color:var(--slate);line-height:1.58}
.teaser .addr{font-size:13px;color:var(--slate);margin-top:2px}
.teaser .more{margin-top:auto;padding-top:16px}

/* ---- Leistungsspektrum: dark split (intro left, stacked cards right) ---- */
.leist{background:linear-gradient(165deg,#163a58 0%,var(--blue-deep) 46%,#1f5d8c 100%);position:relative;overflow:hidden}
.leist .geo{position:absolute;inset:0;pointer-events:none}
.leist .geo span{position:absolute;border-radius:50%}
.leist .geo .l1{width:820px;height:820px;left:-330px;top:-330px;border:1px solid rgba(255,255,255,.12)}
.leist .geo .l2{width:520px;height:520px;right:-230px;bottom:-260px;background:rgba(255,255,255,.05)}
.leist .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:start}
.leist .sec-mark span{color:#7cc4ec}
.leist .sec-title{color:#fff}
.leist .leist-intro p{font-size:16.5px;color:#c6dcec;line-height:1.68;margin-top:16px}
.leist .leist-intro .btn{margin-top:28px}
.leistlist{display:flex;flex-direction:column;gap:12px}
.leistcard{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start;
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:18px 20px;
  transition:background .18s,border-color .18s,transform .18s}
.leistcard:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);transform:translateX(3px)}
.leistcard .ic{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}
.leistcard .ic svg{width:24px;height:24px}
.leistcard h4{font-size:16.5px;color:#fff;letter-spacing:-.012em;margin-bottom:4px}
.leistcard p{font-size:13.8px;color:#b6d3e7;line-height:1.55}
@media(max-width:980px){.leist .wrap{grid-template-columns:1fr;gap:34px}}

/* ---- Allgemeinmedizin: calm editorial service ledger, no icon-card catalogue ---- */
.gp-services{position:relative;background:#fff}
.gp-services .wrap{display:grid;grid-template-columns:minmax(240px,.58fr) minmax(0,1.42fr);
  gap:clamp(44px,7vw,96px);align-items:start}
.gp-services-head{position:sticky;top:134px}.gp-services-head>p{margin-top:16px;max-width:40ch;
  color:var(--slate);font-size:16px;line-height:1.7}
.gp-service-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--blue-deep)}
.gp-service-ledger article{position:relative;padding:30px 30px 32px 0;border-bottom:1px solid var(--line)}
.gp-service-ledger article:nth-child(odd){padding-right:38px;border-right:1px solid var(--line)}
.gp-service-ledger article:nth-child(even){padding-left:38px}
.gp-service-ledger article>span{display:block;margin-bottom:12px;color:var(--cyan);font-size:11px;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase}
.gp-service-ledger article:nth-child(2)>span{color:var(--blue)}
.gp-service-ledger article:nth-child(3)>span{color:#16848a}
.gp-service-ledger article:nth-child(4)>span{color:#4b72a9}
.gp-service-ledger h3{max-width:19ch;color:var(--blue-deep);font-size:clamp(21px,2.2vw,29px);
  line-height:1.18;letter-spacing:-.025em}
.gp-service-ledger p{margin-top:13px;color:var(--slate);font-size:14.5px;line-height:1.7}
.gp-services-action{grid-column:2;margin-top:-54px;transform:translateY(54px)}
@media(max-width:880px){.gp-services .wrap{grid-template-columns:1fr;gap:30px}.gp-services-head{position:static}
  .gp-services-action{grid-column:auto;margin-top:-8px;transform:none}}
@media(max-width:600px){.gp-service-ledger{grid-template-columns:1fr}.gp-service-ledger article,
  .gp-service-ledger article:nth-child(odd),.gp-service-ledger article:nth-child(even){padding:25px 0;border-right:0}
  .gp-service-ledger h3{max-width:24ch}}

/* ---- doctor cards (per-page, larger than the homepage .doc grid) ---- */
.docs{display:grid;gap:22px}
.docs.d1{grid-template-columns:minmax(0,560px);justify-content:center}
.docs.d2{grid-template-columns:repeat(2,minmax(0,1fr))}
.docs.d3{grid-template-columns:repeat(3,minmax(0,1fr))}
.doccard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px 28px;
  display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:start;
  transition:box-shadow .18s,transform .18s}
.doccard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.doccard .ph{width:132px;height:132px;border-radius:50%;overflow:hidden;
  background:linear-gradient(180deg,var(--ice) 0%,var(--mist) 100%)}
.doccard .ph img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.doccard h4{font-size:19px;color:var(--blue-deep);letter-spacing:-.018em}
.doccard .role{font-size:14px;color:var(--blue);font-weight:600;margin-top:5px}
.doccard ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:5px}
.doccard ul li{font-size:13.5px;color:var(--slate);line-height:1.5;padding-left:17px;position:relative}
.doccard ul li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--cyan)}
@media(max-width:1040px){.docs.d3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.docs.d2,.docs.d3{grid-template-columns:minmax(0,1fr)}.docs.d1{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.doccard{grid-template-columns:1fr;justify-items:center;text-align:center}
  .doccard ul li{text-align:left}}

/* ---- compact practice opening times, aligned with the homepage hours table ---- */
.practice-hours{padding:0;background:var(--mist)}
.practice-hours .wrap{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);
  gap:clamp(34px,6vw,82px);align-items:start;padding-top:34px;padding-bottom:36px}
.practice-hours-head .sec-title{font-size:clamp(27px,3vw,36px);margin-top:7px}
.practice-hours-body{min-width:0}
.ptimes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;max-width:none;border-top:1px solid var(--line)}
.ptimes .row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.ptimes .row:first-child{border-top:0}
.ptimes .day{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:var(--blue-deep)}
.ptimes .slots{font-size:13.5px;line-height:1.45;color:var(--ink);display:flex;gap:14px;flex-wrap:wrap}
.ptimes .slots.closed{color:var(--slate)}
.pnote{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;
  background:rgba(255,255,255,.62);border-left:2px solid #8ec9e8;max-width:none}
.pnote svg{width:18px;height:18px;flex:0 0 auto;color:var(--blue);margin-top:1px}
.pnote p{font-size:13px;color:var(--ink);line-height:1.5}
.pnote p b{color:var(--blue-deep)}
.practice-hours-alert{display:flex;align-items:baseline;gap:8px 12px;flex-wrap:wrap;margin-top:10px;
  padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--slate)}
.practice-hours-alert strong{color:var(--blue-deep)}
@media(max-width:900px){.practice-hours .wrap{grid-template-columns:1fr;gap:18px;padding-top:28px;padding-bottom:30px}}
@media(max-width:680px){.ptimes{grid-template-columns:1fr}.practice-hours .wrap{gap:14px}}

/* ---- practice contact: details and map ---- */
.practice-contact-actions{margin-top:24px}
.contactcols > div{min-width:0}
.contactcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
@media(max-width:980px){.contactcols{grid-template-columns:minmax(0,1fr);gap:40px}}
.cdetails{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:22px}
.cdetails li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center}
.cdetails .ic{width:40px;height:40px;border-radius:11px;background:var(--ice);display:grid;place-items:center;color:var(--blue)}
.cdetails .ic svg{width:20px;height:20px}
.cdetails a{color:var(--blue-deep);font-weight:600;font-size:16px;text-decoration:none;overflow-wrap:anywhere}
.cdetails a:hover{text-decoration:underline}
.cdetails span{font-size:15px;color:var(--ink)}
.cmap{margin-top:26px;height:300px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--ice)}
.cmap .google-map{display:block;width:100%;height:100%;border:0}
.cmap .leaflet-container{height:100%;width:100%;font:inherit}

/* ---- forms ---- */
.formcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 32px;box-shadow:var(--shadow)}
.formcard h3{font-size:22px;color:var(--blue-deep);margin-bottom:6px}
.formcard .hint{font-size:13.5px;color:var(--slate);margin-bottom:20px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}
.field label{font-size:13px;font-weight:600;color:var(--blue-deep)}
.field input,.field textarea,.field select{font-family:'Inter',system-ui,sans-serif;font-size:15px;color:var(--ink);
  background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:12px 14px;width:100%;
  transition:border-color .16s,box-shadow .16s}
.field textarea{min-height:120px;resize:vertical}
.field input[type="file"]{font-size:13.5px;padding:10px 12px;cursor:pointer}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(60,157,219,.18)}
.field.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
@media(max-width:520px){.field.two{grid-template-columns:minmax(0,1fr)}}
.consent{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;margin:6px 0 20px}
.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}
.consent label{font-size:12.5px;color:var(--slate);line-height:1.5;font-weight:400}
.consent a{color:var(--blue)}
.formcard .btn{width:100%;justify-content:center;padding-left:28px}
.formnote{font-size:12.5px;color:var(--slate);margin-top:14px;line-height:1.5}

/* ---- editorial split (text + image) ---- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.split.narrow{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
@media(max-width:900px){.split,.split.narrow{grid-template-columns:minmax(0,1fr);gap:36px}}
.split .art img{border-radius:18px;box-shadow:var(--shadow);width:100%;aspect-ratio:4/3;object-fit:cover}
.split .txt p{font-size:16.5px;color:var(--slate);line-height:1.68;margin-top:15px}
.ticklist{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}
.ticklist li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:15px;color:var(--ink);line-height:1.55}
.ticklist svg{width:22px;height:22px;color:var(--blue);margin-top:1px}

/* ---- explained examinations (disclosure cards) ---- */
.am-focus{background:var(--mist)}
.am-focus .section-intro{max-width:680px;margin-top:14px;color:var(--slate);font-size:16px;line-height:1.65}
.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.focus-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 10px 32px rgba(27,67,94,.07)}
.focus-card summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr 22px;
  gap:13px;align-items:center;padding:22px 22px;color:var(--blue-deep)}
.focus-card summary::-webkit-details-marker{display:none}
.focus-card summary::marker{display:none;content:""}
.focus-card summary>span{display:grid;place-items:center;min-width:58px;height:34px;padding:0 9px;
  border-radius:999px;background:var(--ice);color:var(--blue);font-size:12.5px;font-weight:700;letter-spacing:.03em}
.focus-card summary strong{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:17px;line-height:1.25}
.focus-card summary>svg{width:20px;height:20px;transition:transform .2s ease}
.focus-card[open] summary>svg{transform:rotate(180deg)}
.focus-body{padding:0 22px 23px;border-top:1px solid var(--line)}
.focus-body p{font-size:14px;color:var(--slate);line-height:1.6;margin-top:14px}
@media(max-width:980px){.focus-grid{grid-template-columns:1fr}}
@media(max-width:560px){.focus-card summary{grid-template-columns:auto 1fr 18px;padding:18px 16px;gap:10px}
  .focus-card summary>span{min-width:50px}.focus-body{padding:0 16px 19px}}

/* Editorial prose pattern (Neurochirurgie: Leistungen). */
.am-services{background:#fff}
.am-services .wrap{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);
  gap:clamp(44px,7vw,96px);align-items:start}
.am-services-intro{position:sticky;top:134px}
.am-services-intro>p{max-width:43ch;margin-top:16px;color:var(--slate);font-size:16px;line-height:1.7}
.am-prose-copy{position:relative;padding:4px 0 0 clamp(24px,3.5vw,52px);border-left:2px solid #a9d5ea}
.am-prose-copy::before{content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.am-prose-copy>h3{max-width:18ch;color:var(--blue-deep);font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-.025em}
.am-prose-lead{max-width:66ch;margin-top:18px;color:var(--ink);font-size:17px;line-height:1.76}
.am-prose-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px;margin-top:34px;border-top:1px solid var(--line)}
.am-prose-topics section{padding:24px 0 22px;border-bottom:1px solid var(--line)}
.am-prose-topics section:last-child{grid-column:1/-1}
.am-prose-topics h4{margin-bottom:9px;color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.am-prose-topics section:nth-child(2) h4{color:var(--blue)}
.am-prose-topics section:nth-child(3) h4{color:var(--logo-cyan)}
.am-prose-topics p{max-width:66ch;color:var(--slate);font-size:15px;line-height:1.72}


@media(max-width:860px){
  .am-services .wrap{grid-template-columns:1fr;gap:30px}.am-services-intro{position:static}
}
@media(max-width:560px){
  .am-prose-copy{padding-left:20px}.am-prose-copy>h3{font-size:26px}
  .am-prose-lead{font-size:16px}.am-prose-topics{grid-template-columns:1fr;gap:0;margin-top:26px}
  .am-prose-topics section:last-child{grid-column:auto}.am-prose-topics p{font-size:14.5px}
}

/* ---- callout ---- */
.callout{display:grid;grid-template-columns:86px 1fr;gap:24px;align-items:center;background:var(--ice);
  border-radius:18px;padding:26px 30px}
.callout img{max-width:86px;max-height:76px;object-fit:contain;margin:0 auto}
.callout h4{font-size:18px;color:var(--blue-deep)}
.callout p{font-size:14.5px;color:var(--slate);line-height:1.58;margin-top:6px}
@media(max-width:560px){.callout{grid-template-columns:1fr;text-align:center}}
.igelnote{border-left:3px solid var(--cyan);padding:4px 0 4px 16px;margin-top:22px}
.igelnote b{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:var(--blue-deep);font-size:15px;display:block;margin-bottom:3px}
.igelnote p{font-size:13.5px;color:var(--slate);line-height:1.55}

/* ---- contact person strip (dark) ---- */
.person{background:linear-gradient(165deg,#163a58 0%,var(--blue-deep) 46%,#1f5d8c 100%)}
.person .wrap{display:grid;grid-template-columns:190px 1fr;gap:44px;align-items:center}
.person .ph{width:190px;height:190px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.12)}
.person .ph img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.person .sec-mark span{color:#7cc4ec}
.person h3{font-size:clamp(24px,2.6vw,32px);color:#fff}
.person .role{font-size:15px;color:#bcd9ec;margin-top:7px}
.person .where{font-size:15px;color:#e3f0f9;margin-top:16px;display:flex;flex-direction:column;gap:4px}
.person .where b{font-weight:600;color:#fff}
.person .btn{margin-top:24px}
@media(max-width:760px){.person .wrap{grid-template-columns:1fr;justify-items:center;text-align:center;gap:26px}}

/* ---- karriere why-section ---- */
.karriere-why{padding:80px 0 60px;overflow:hidden}
.karriere-why .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.karriere-intro h2{font-size:clamp(30px,3.6vw,44px);color:var(--blue-deep);line-height:1.15;margin-bottom:24px}
.karriere-intro p{font-size:17px;color:var(--slate);line-height:1.72;margin-bottom:44px}
.karriere-values{display:flex;flex-direction:column;gap:32px}
.kv-item{display:grid;grid-template-columns:56px 1fr;gap:22px;align-items:start}
.kv-ic{width:56px;height:56px;border-radius:50%;background:var(--blue-deep);display:grid;place-items:center}
.kv-ic svg{width:26px;height:26px;color:#fff}
.kv-item div{font-size:16px;color:var(--slate);line-height:1.7}
.kv-item strong{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:var(--blue-deep);font-weight:700}
.karriere-art{position:relative}
.karriere-art::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;
    border:1.5px solid rgba(41,128,185,.28);right:-60px;top:-58px}
.karriere-art::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;
    background:var(--ice);left:-44px;bottom:-40px;z-index:0}
.karriere-art img{position:relative;z-index:1;border-radius:50%;box-shadow:var(--shadow);width:100%;aspect-ratio:1;object-fit:cover}
@media(max-width:768px){.karriere-why .wrap{grid-template-columns:1fr;gap:40px}
  .karriere-art{max-width:320px;margin:0 auto}}
@media(max-width:560px){.karriere-why{padding:56px 0 40px}
  .kv-item{grid-template-columns:46px 1fr;gap:16px}
  .kv-ic{width:46px;height:46px}.kv-ic svg{width:22px;height:22px}
  .karriere-art{max-width:260px}}

/* ---- filter bar ---- */
.job-filters{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:26px;padding:18px 22px;
  background:#fff;border:1px solid var(--line);border-radius:14px}
.jf-group{display:flex;flex-direction:column;gap:5px;min-width:180px;flex:1}
.jf-group label{font-size:12.5px;font-weight:600;color:var(--blue-deep);letter-spacing:.02em}
.jf-group select{font-family:'Inter',system-ui,sans-serif;font-size:14px;color:var(--ink);
  background:#fff;border:1.5px solid var(--line);border-radius:9px;padding:9px 12px;
  appearance:auto;cursor:pointer;transition:border-color .16s}
.jf-group select:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(60,157,219,.18)}
.jf-empty{font-size:15px;color:var(--slate);text-align:center;padding:40px 0}
@media(max-width:560px){.job-filters{flex-direction:column;gap:12px}.jf-group{min-width:0}}

/* ---- job card (collapsible via <details>) ---- */
.jobcard{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);
  margin-bottom:18px;overflow:hidden}
.jobcard[open]{box-shadow:var(--shadow)}
.jobcard-head{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:18px;
  padding:30px 32px 28px;transition:background .15s}
.jobcard-head:hover{background:var(--mist)}
.jobcard-head::-webkit-details-marker{display:none}
.jobcard-head::marker{display:none;content:""}
.jobcard-title{flex:1;min-width:0}
.jobcard-toggle{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);
  display:grid;place-items:center;margin-top:4px;transition:transform .25s ease,background .15s,border-color .15s}
.jobcard-toggle svg{width:16px;height:16px;color:var(--blue-deep)}
.jobcard[open] .jobcard-toggle{transform:rotate(180deg);background:var(--blue);border-color:var(--blue)}
.jobcard[open] .jobcard-toggle svg{color:#fff}
.jobcard h3{font-size:clamp(22px,2.4vw,28px);color:var(--blue-deep)}
.tags{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 14px}
.tag{font-size:12.5px;font-weight:600;color:var(--blue-deep);background:var(--ice);
  border-radius:999px;padding:6px 14px;letter-spacing:.01em}
.jobcard-title > p{font-size:15px;color:var(--slate);line-height:1.6}
.jobcard-body{padding:0 32px 34px}
.jobcard > p{font-size:16px;color:var(--slate);line-height:1.65}
.jobcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-top:24px}
@media(max-width:760px){.jobcols{grid-template-columns:1fr;gap:22px}}
.jobcols h5{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:15px;color:var(--blue-deep);margin-bottom:12px}
.jobcard h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:17.5px;
  color:var(--blue-deep);margin:24px 0 12px;padding-top:22px;border-top:1px solid var(--line);letter-spacing:-.01em}
.jobcard ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:5px}
.jobcard li{font-size:14.5px;color:var(--slate);line-height:1.6}
.jobdetails{font-size:14px;color:var(--slate);line-height:1.6;margin-top:20px;
  padding:14px 18px;background:var(--ice);border-radius:12px}
.jobfoot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.jobfoot .who{font-size:13.5px;color:var(--slate)}
@media(max-width:560px){.jobcard-head{padding:22px 20px 20px;gap:12px}
  .jobcard-body{padding:0 20px 26px}}

/* ---- numbered steps ---- */
.steps{list-style:none;display:flex;flex-direction:column;gap:22px;margin-top:24px}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}
.steps .n{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;
  display:grid;place-items:center;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:17px}
.steps h5{font-size:16.5px;color:#fff;margin-bottom:4px}
.steps p{font-size:14.5px;color:#bcd9ec;line-height:1.58}

/* ---- article / legal prose ---- */
.prose{max-width:74ch}
.prose p{font-size:16.5px;color:var(--slate);line-height:1.75;margin-top:18px}
.prose h2{font-size:clamp(24px,2.6vw,32px);margin-top:44px}
.prose h3{font-size:20px;margin-top:34px}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose ul,.prose ol{margin:18px 0 0 22px;display:flex;flex-direction:column;gap:9px}
.prose li{font-size:16.5px;color:var(--slate);line-height:1.65}
.prose a:not(.btn){color:var(--blue)}
.prose strong{color:var(--ink);font-weight:600}
.prose .lead{font-size:18px;color:var(--ink);line-height:1.65}
.prose address{font-style:normal;font-size:16.5px;color:var(--ink);line-height:1.8;margin-top:18px}
.prose hr{border:0;border-top:1px solid var(--line);margin:38px 0}
.prose dl{margin-top:20px;display:grid;grid-template-columns:auto 1fr;gap:10px 26px}
.prose dt{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:14.5px;color:var(--blue-deep)}
.prose dd{font-size:15.5px;color:var(--slate)}
@media(max-width:640px){.prose dl{grid-template-columns:1fr;gap:3px 0}.prose dd{margin-bottom:14px}}

/* ---------- faithful legacy news bodies ----------
   These articles retain the source WordPress DOM. Unlike the current news
   template they have no generated hero image, sidebar or related-card band. */
.legacy-news-section{padding:46px 0 72px;background:#fff}
.legacy-news-wrap{max-width:1120px}
.legacy-news-content.prose{max-width:none;width:100%;color:#444;overflow-wrap:anywhere}
.legacy-news-content.prose>*{box-sizing:border-box}
.legacy-news-content.prose p,.legacy-news-content.prose>div,.legacy-news-content.prose h1,
.legacy-news-content.prose h2,.legacy-news-content.prose h3,.legacy-news-content.prose h4,
.legacy-news-content.prose h5,.legacy-news-content.prose h6{font-family:inherit;color:inherit}
.legacy-news-content.prose p,.legacy-news-content.prose>div{font-size:15px;line-height:1.65}
.legacy-news-content.prose h1,.legacy-news-content.prose h2,.legacy-news-content.prose h3,
.legacy-news-content.prose h4,.legacy-news-content.prose h5,.legacy-news-content.prose h6{line-height:1.35}
.legacy-news-content.prose h4,.legacy-news-content.prose h5,.legacy-news-content.prose h6{margin-top:20px}
.legacy-news-content.prose h4{font-size:22px}.legacy-news-content.prose h5{font-size:19px}.legacy-news-content.prose h6{font-size:16px}
.legacy-news-content.prose a{overflow-wrap:anywhere}
.legacy-news-content.prose img{display:inline-block;width:var(--legacy-image-width,auto);max-width:100%;height:auto;object-fit:contain;vertical-align:top;border-radius:0;box-shadow:none}
.legacy-news-content.prose figure,.legacy-news-content.prose .wp-caption{max-width:100%;height:auto;margin:18px 0}
.legacy-news-content.prose figcaption,.legacy-news-content.prose .wp-caption-text{font-size:13px;line-height:1.45;color:var(--slate);text-align:center}
.legacy-news-content.prose .aligncenter{display:block;float:none;clear:both;margin-left:auto;margin-right:auto}
.legacy-news-content.prose .alignleft{float:left;margin:0 28px 18px 0}
.legacy-news-content.prose .alignright{float:right;margin:0 0 18px 28px}
.legacy-news-content.prose .alignnone{display:block;float:none;clear:both;margin:18px 0}
.legacy-news-content.prose .size-thumbnail,.legacy-news-content.prose .size-medium,
.legacy-news-content.prose .size-large,.legacy-news-content.prose .size-full{height:auto;max-width:100%}
.legacy-news-content.prose::after{content:"";display:block;clear:both}
.legacy-news-back{clear:both;margin:40px 0 0;border-top:1px solid var(--line);padding-top:20px}
.legacy-news-back a{color:var(--blue);text-decoration:none;font-weight:700}
.legacy-news-back a:hover{text-decoration:underline}
/* The approved desktop shell uses body zoom:1.25. Counter it only for migrated
   media so their rendered width still matches the audited legacy pixel size. */
@media(min-width:1280px){
  .legacy-news-content.prose img[style*="--legacy-image-width"]{width:var(--legacy-desktop-width)}
}
@media(max-width:640px){
  .legacy-news-section{padding:32px 0 52px}
  .legacy-news-content.prose p,.legacy-news-content.prose>div{font-size:15px;line-height:1.62}
  .legacy-news-content.prose .alignleft,.legacy-news-content.prose .alignright{float:none;display:block;margin:18px auto;max-width:100%}
  .legacy-news-content.prose img{max-width:100%;height:auto}
  .legacy-news-content.prose .aligncenter{margin-left:auto;margin-right:auto}
}

/* ---- article layout with sidebar ---- */
.artcols{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;align-items:start}
@media(max-width:980px){.artcols{grid-template-columns:minmax(0,1fr);gap:40px}}
.aside{display:flex;flex-direction:column;gap:18px;position:sticky;top:96px}
@media(max-width:980px){.aside{position:static}}
.asidecard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.asidecard h4{font-size:16.5px;color:var(--blue-deep);margin-bottom:14px}
.asidecard .ph{width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--ice);margin-bottom:12px}
.asidecard .ph img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.asidecard p{font-size:14px;color:var(--slate);line-height:1.55}
.asidecard .nm{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:15.5px;color:var(--blue-deep)}
.asidecard .btn{margin-top:16px;width:100%;justify-content:center;padding-left:28px}
.artimg{width:100%;border-radius:20px;box-shadow:var(--shadow);aspect-ratio:16/7.4;object-fit:cover}

/* ---- filter chips ---- */
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip-f{font-size:13.5px;font-weight:600;color:var(--blue-deep);background:#fff;border:1.5px solid var(--line);
  border-radius:999px;padding:8px 17px;text-decoration:none;transition:border-color .16s,background .16s,color .16s}
.chip-f:hover{border-color:var(--cyan);color:var(--blue)}
.chip-f.active{background:var(--blue);border-color:var(--blue);color:#fff}

/* ---- responsive tightening shared by subpages ---- */
@media(max-width:1040px){
  .cardgrid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cardgrid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .cardgrid.c2,.cardgrid.c3,.cardgrid.c4{grid-template-columns:minmax(0,1fr)}
  .split{gap:30px}
}
@media(max-width:560px){
  .pagehero h1,.practice-hero h1,.practice-hero-video h1{font-size:clamp(30px,8.5vw,40px)}
  .ptimes .row{grid-template-columns:90px minmax(0,1fr);gap:10px}
  .formcard{padding:24px 22px 26px}
  .jobcard{padding:26px 24px 28px}
}

/* doctor card without a portrait (no licensed photo on file yet) */
.doccard .ph.nophoto{display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;background:var(--ice)}
.doccard .ph.nophoto .ph-silhouette{width:44px;height:auto;color:#9fb6c8}
.doccard .ph.nophoto span{font-size:12px;letter-spacing:.04em;color:var(--slate);font-weight:600}
.doccard.nophoto{grid-template-columns:1fr}
.doccard.nophoto h4{margin-top:2px}

/* Long unbreakable strings (e-mail addresses, German compounds) must never widen
   a grid track — they were blowing the contact column out to ~2600px on phones. */
.cdetails a,.cdetails span,.asidecard p,.prose a,.teaser p,.infocard p,.jobfoot .who{
  overflow-wrap:anywhere}
.cdetails{min-width:0}
.cdetails li{min-width:0}
.contactcols > *{min-width:0}

/* portrait photo in an article aside — vertical source images (e.g. a doctor
   portrait shot on a phone) would lose the face to the 16:7.4 .artimg crop. */
.asidecard .ph.portrait{width:100%;height:auto;aspect-ratio:3/4;border-radius:14px}
.asidecard .ph.portrait img{object-position:center 18%}

/* ---- team page: rich doctor profiles (Vita, certifications, memberships) ---- */
.doc-profiles{display:grid;gap:18px}
.doc-profile{display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:start;background:#fff;
  border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 14px 30px -24px rgba(2,40,80,.4)}
.doc-profile .ph{width:132px;height:132px;border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,var(--ice),var(--mist))}
.doc-profile .ph img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.doc-profile .ph.nophoto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.doc-profile .ph.nophoto .ph-silhouette{width:46px;height:auto;color:#9fb6c8}
.doc-profile .ph.nophoto span{font-size:12px;color:var(--slate);font-weight:600}
.doc-profile-body{min-width:0}
.doc-lead{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--logo-mid);margin-bottom:6px}
.doc-profile h3{font-size:20px;color:var(--blue-deep);line-height:1.2}
.doc-profile .role{font-size:14px;color:var(--slate);margin-top:5px;line-height:1.5}
.doc-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--blue-deep);margin-bottom:6px}
.doc-certs{margin-top:15px}
.doc-certs ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.doc-certs li{background:var(--ice);color:var(--blue-deep);font-size:12px;font-weight:600;
  padding:5px 11px;border-radius:999px}
.doc-spec{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.doc-spec li{font-size:12.5px;color:var(--slate);background:var(--mist);padding:4px 10px;border-radius:8px}
.doc-member{font-size:12.5px;color:var(--slate);margin-top:13px;line-height:1.55}
.doc-member .doc-label{display:inline;margin-right:4px}
.doc-vita{margin-top:15px;border-top:1px solid var(--line);padding-top:13px}
.doc-vita summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--logo-mid);
  list-style:none;display:inline-flex;align-items:center;gap:9px}
.doc-vita summary::-webkit-details-marker{display:none}
.doc-vita summary::before{content:'+';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;
  border:1.5px solid var(--line);color:var(--logo-mid);font-size:15px;line-height:1;flex:0 0 auto}
.doc-vita[open] summary::before{content:'–'}
.doc-vita-body{margin-top:13px}
.doc-vita-body p{font-size:14px;color:var(--slate);line-height:1.66;margin-top:11px;max-width:70ch}
.doc-vita-body p:first-child{margin-top:0}
@media(max-width:560px){
  .doc-profile{grid-template-columns:1fr;gap:16px;padding:20px}
  .doc-profile .ph{width:96px;height:96px}
}

/* ============================================================
   Patienteninformationen — treuer Einspalten-Artikel
   (Nachbau des alten WordPress-Layouts: fließende, umflossene
   Bilder, Bildunterschriften, Videos, Flyer-Vorschau) im
   Schrift-/Abstandssystem dieser Website. Kein Karten-Raster.
   ============================================================ */
.pi-section{padding-top:10px}
.pi-article{max-width:880px;margin:0 auto}
.pi-article::after{content:"";display:block;clear:both}
/* Fließtext folgt der bestehenden .prose-Typografie; hier nur Ergänzungen */
.pi-article>*:first-child{margin-top:0}
.pi-title{color:var(--cyan);font-size:clamp(28px,4vw,40px);margin-top:8px}
.pi-article h2{font-size:clamp(23px,2.6vw,30px);margin-top:40px}
.pi-article h3{color:var(--blue);font-size:21px;margin-top:32px}
.pi-article h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:var(--blue-deep);
  font-size:18px;font-weight:700;margin-top:26px}
.pi-article .lead{font-size:18px;color:var(--ink);font-weight:600;line-height:1.55;margin-top:20px}
.pi-article p{margin-top:16px}
.pi-article ul{margin:14px 0 0 22px;display:flex;flex-direction:column;gap:8px}
.pi-article .pi-dose{display:inline-block;background:var(--ice);color:var(--blue-deep);
  font-weight:600;font-size:14px;border-radius:999px;padding:6px 15px;margin-top:16px}

/* Flyer-Vorschau: Button ÜBER dem Hochkant-Thumbnail, oben rechts umflossen */
.pi-flyer{float:right;width:212px;max-width:46%;margin:6px 0 20px 28px;
  display:flex;flex-direction:column;gap:12px}
.pi-flyer .btn{width:100%;justify-content:center;font-size:14px;padding:12px 16px}
.pi-flyer-thumb{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:var(--shadow);background:#fff;transition:border-color .16s,box-shadow .16s}
.pi-flyer-thumb:hover{border-color:var(--cyan);box-shadow:0 20px 40px -20px rgba(26,77,115,.55)}
.pi-flyer-thumb img{display:block;width:100%;height:auto}
.pi-flyer.bare{gap:0}

/* Inhaltsbilder: WordPress alignleft/alignright/aligncenter nachempfunden */
.pi-figure{margin:22px 0}
.pi-figure img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow)}
.pi-figure figcaption{font-size:13.5px;color:var(--slate);font-style:italic;line-height:1.5;margin-top:9px}
.pi-figure.left{float:left;margin:8px 28px 18px 0;max-width:min(48%,400px)}
.pi-figure.right{float:right;margin:8px 0 18px 28px;max-width:min(48%,400px)}
.pi-figure.center{margin:26px auto;max-width:min(590px,100%)}
.pi-figure.center.narrow{max-width:min(300px,100%)}
.pi-figure.wide{clear:both}
.pi-figure a{display:block}

/* Zwei-Spalten-Layout wie die WPBakery-Altseite (vc_col-sm-6 = 50 %).
   Nebeneinander ab Desktop, Umbruch zu einer Spalte auf Mobil. */
.pi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px 44px;align-items:start;margin-top:6px}
.pi-row>.pi-col{min-width:0}
.pi-row>.pi-col::after{content:"";display:block;clear:both}
.pi-row>.pi-col>*:first-child{margin-top:0}
/* In einer 50 %-Spalte umflossene Bilder etwas schmaler halten */
.pi-row .pi-figure.left,.pi-row .pi-figure.right{max-width:min(46%,210px)}
@media(max-width:860px){.pi-row{grid-template-columns:1fr;gap:0}}

/* Volle-Breite zentrierte Aussagen zwischen den Spalten (Altseite) */
.pi-statement{clear:both;text-align:center;margin:34px auto;padding:26px 0;max-width:960px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pi-statement .pi-lead-strong{color:var(--blue);font-size:clamp(18px,2vw,22px);line-height:1.4;margin:0}
.pi-statement .pi-script{color:var(--cyan);font-size:clamp(22px,3vw,30px);font-style:italic;
  letter-spacing:.01em;margin:16px 0 0}
.pi-note-center{clear:both;text-align:center;color:var(--cyan);max-width:940px;margin:26px auto 0;
  font-size:15.5px;line-height:1.65}
.pi-article .pi-intro-center{text-align:center;max-width:1000px;margin:18px auto 0}
.pi-statement .pi-quote-text{color:var(--cyan);font-weight:400;font-style:italic;
  font-size:clamp(19px,2.1vw,24px);line-height:1.4;margin:0}
.pi-statement cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:var(--slate)}
/* Bilder-Spalte einer Bildanleitung: gepaarte Schrittfotos nebeneinander */
.pi-row .pi-figure.left,.pi-row .pi-figure.right{margin-top:0;margin-bottom:18px}

/* ===== Foto-Hero der Info-Seiten: Vollbild-Foto, Titelband, Flyer oben rechts ===== */
.pi-hero{position:relative;isolation:isolate;background:var(--blue-deep);overflow:hidden}
.pi-hero .pi-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center;z-index:-2}
.pi-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(13,44,68,.55),rgba(13,44,68,.14) 52%,rgba(13,44,68,.30))}
.pi-hero .wrap{position:relative;min-height:340px;display:flex;align-items:center;padding:62px 0}
.pi-hero-band{position:relative;display:inline-block;transform:skewX(-9deg);
  background:linear-gradient(135deg,rgba(41,128,185,.95),rgba(26,77,115,.95));
  padding:24px 44px 26px 30px;border-radius:6px;max-width:60%;
  box-shadow:0 26px 54px -26px rgba(9,30,48,.7)}
.pi-hero-band>*{transform:skewX(9deg);transform-origin:left}
.pi-hero-band .sec-mark span{color:#d4edf9}
.pi-hero-band h1{font-size:clamp(27px,3.5vw,44px);line-height:1.04;letter-spacing:-.03em;
  color:#fff;margin:6px 0 0}
.pi-hero-band .sub{font-size:16.5px;line-height:1.5;color:#eaf4fb;margin:12px 0 0;max-width:44ch}
.pi-hero-flyer{position:absolute;top:26px;right:0;width:150px;display:flex;flex-direction:column;
  gap:10px;z-index:2}
.pi-hero-flyer .btn{width:100%;justify-content:center;font-size:13px;padding:11px 12px 11px 16px}
.pi-hero-flyer .pi-flyer-thumb{display:block;border:1px solid rgba(255,255,255,.5);border-radius:10px;
  overflow:hidden;box-shadow:0 20px 40px -18px rgba(9,30,48,.7);background:#fff}
.pi-hero-flyer .pi-flyer-thumb img{display:block;width:100%;height:auto}
@media(max-width:860px){
  .pi-hero .wrap{flex-direction:column;align-items:flex-start;gap:24px;min-height:0;padding:38px 0}
  .pi-hero-band{transform:none;max-width:100%;order:2}
  .pi-hero-band>*{transform:none}
  .pi-hero-flyer{position:static;order:1;flex-direction:row;align-items:center;width:auto;gap:14px}
  .pi-hero-flyer .btn{width:auto}
  .pi-hero-flyer .pi-flyer-thumb{width:96px;flex:0 0 auto}
}

/* Artikel-Video (self-hosted mp4, dunkler Player wie auf der Altseite) */
.pi-video{display:block;width:100%;max-width:560px;margin:26px auto;border-radius:16px;
  background:var(--blue-deep);box-shadow:var(--shadow)}

.pi-schritt{margin:0 0 30px}
.pi-back{padding:6px 0 4px}

/* teal Kontakt-Band am Ende der Info-Seiten (wie Altseite) */
.pi-cta h2{font-size:clamp(24px,2.8vw,34px)}

/* StimaWELL: dreispaltige Marketing-Zeile + YouTube */
.pi-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:26px;clear:both}
.pi-cols3 h3{margin-top:0}
.pi-cols3 .pi-figure{margin:0}
.pi-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow);background:var(--blue-deep);margin:22px 0;clear:both}
.pi-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media(max-width:760px){
  .pi-flyer{float:none;width:100%;max-width:320px;margin:0 auto 24px}
  .pi-figure.left,.pi-figure.right{float:none;max-width:100%;margin:22px auto}
  .pi-cols3{grid-template-columns:1fr;gap:22px}
}

/* Hub: tabbed Link-Verzeichnis (CSS-only Radio-Pattern) */
.pi-tabs{margin-top:30px}
.pi-tabin{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.pi-tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:2px solid var(--line);margin-bottom:0}
.pi-tab{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;cursor:pointer;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:15.5px;
  color:var(--slate);border:2px solid transparent;border-bottom:0;border-radius:12px 12px 0 0;
  margin-bottom:-2px;transition:color .16s,background .16s}
.pi-tab:hover{color:var(--blue)}
.pi-panel{display:none;padding:28px 4px 8px}
.pi-dirlist{display:flex;flex-direction:column;gap:4px;max-width:640px}
.pi-dirlink{display:block;padding:15px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.pi-dirlink:last-child{border-bottom:0}
.pi-dirlink .linkarrow{font-size:16.5px;color:var(--blue-deep)}
.pi-dirlink:hover .linkarrow{color:var(--blue)}
.pi-dirlink:hover .linkarrow svg{transform:translateX(3px);background:var(--blue);border-color:var(--blue);stroke:#fff}
.pi-dir-empty{max-width:560px;padding:22px 24px;background:var(--mist);border:1px dashed var(--line);
  border-radius:14px}
.pi-dir-empty p{font-size:15px;color:var(--slate);line-height:1.6;margin:0}
/* aktiver Reiter + zugehöriges Panel */
.pi-tabin#pitab-fuss:checked~.pi-tablist label[for="pitab-fuss"],
.pi-tabin#pitab-knie:checked~.pi-tablist label[for="pitab-knie"],
.pi-tabin#pitab-schulter:checked~.pi-tablist label[for="pitab-schulter"],
.pi-tabin#pitab-hand:checked~.pi-tablist label[for="pitab-hand"],
.pi-tabin#pitab-igel:checked~.pi-tablist label[for="pitab-igel"]{
  color:var(--blue-deep);background:#fff;border-color:var(--line)}
.pi-tabin#pitab-fuss:checked~.pi-panels #panel-fuss,
.pi-tabin#pitab-knie:checked~.pi-panels #panel-knie,
.pi-tabin#pitab-schulter:checked~.pi-panels #panel-schulter,
.pi-tabin#pitab-hand:checked~.pi-panels #panel-hand,
.pi-tabin#pitab-igel:checked~.pi-panels #panel-igel{display:block}
.pi-tabin:focus-visible~.pi-tablist .pi-tab{outline-offset:2px}
.pi-tabin#pitab-fuss:focus-visible~.pi-tablist label[for="pitab-fuss"],
.pi-tabin#pitab-knie:focus-visible~.pi-tablist label[for="pitab-knie"],
.pi-tabin#pitab-schulter:focus-visible~.pi-tablist label[for="pitab-schulter"],
.pi-tabin#pitab-hand:focus-visible~.pi-tablist label[for="pitab-hand"],
.pi-tabin#pitab-igel:focus-visible~.pi-tablist label[for="pitab-igel"]{outline:2.5px solid var(--cyan);outline-offset:2px}
@media(max-width:560px){.pi-tab{padding:9px 14px;font-size:14px}.pi-panel{padding:22px 0 6px}}

/* Blog-Seiten: dezenter Rechtshinweis + Zitat */
.pi-legal{font-size:13.5px;color:var(--slate);line-height:1.6;margin-top:30px;
  border-top:1px solid var(--line);padding-top:18px;clear:both}
.pi-quote{clear:both;margin:34px 0;padding:22px 26px;border-left:4px solid var(--cyan);
  background:var(--mist);border-radius:0 14px 14px 0}
.pi-quote p{font-size:18px;font-style:italic;color:var(--ink);line-height:1.6;margin:0}
.pi-quote cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:var(--slate)}

/* Zertifikats-/Auszeichnungsbadges in den Sudenburger Fuß-/Knie-Abschnitten
   (von den alten Chirurgie-Seiten übernommen) */
.focus-badges{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0 4px}
.focus-badges img{height:84px;width:auto;border-radius:10px;background:#fff}
.focus-badges img.wide{height:auto;width:min(210px,62%)}

/* ==========================================================================
   TEAM page — faithful reproduction of the old praxisteam layout (our type)
   ========================================================================== */

/* hero band: full-bleed group photo + anchor-nav pills to each location group */
.tm-hero-band{padding-top:14px}
.tm-hero{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.tm-hero>img{display:block;width:100%;height:auto;aspect-ratio:16/8.6;object-fit:cover;object-position:center 30%}
.tm-hero-nav{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;flex-wrap:wrap;
  align-content:center;justify-content:center;gap:14px 16px;padding:24px clamp(16px,4vw,60px);
  background:linear-gradient(180deg,rgba(12,40,66,.28) 0%,rgba(12,40,66,.10) 45%,rgba(12,40,66,.34) 100%)}
.tm-hero-pill{display:inline-flex;align-items:center;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-weight:600;font-size:clamp(14px,1.15vw,16.5px);letter-spacing:-.01em;color:#fff;text-decoration:none;
  background:var(--cyan);padding:12px 22px;border-radius:8px;box-shadow:0 12px 24px -12px rgba(2,40,80,.7);
  transition:transform .16s ease,background .16s ease}
.tm-hero-pill:hover,.tm-hero-pill:focus-visible{background:var(--blue);transform:translateY(-2px);color:#fff}

/* location group section */
.tm-group{border-top:1px solid var(--line)}
.tm-group:first-of-type{border-top:0}
.tm-group-aside{display:flex;align-items:center;gap:20px}
.tm-group-badge{width:auto;max-width:100%;height:auto;max-height:112px;object-fit:contain;flex:0 0 auto}

/* ---- doctor block: portrait / tabs / location+certs -------------------- */
.tm-doc{display:grid;grid-template-columns:minmax(268px,1.12fr) minmax(0,1.72fr) minmax(190px,.9fr);
  gap:clamp(24px,3vw,52px);align-items:start;padding:44px 0;border-top:1px dashed var(--line)}
.tm-group .tm-doc:first-of-type{border-top:0}
.tm-doc--nomain{grid-template-columns:minmax(268px,1.12fr) minmax(190px,.9fr)}

.tm-doc-intro{text-align:center}
.tm-portrait{position:relative;width:min(300px,84%);margin:0 auto 26px}
.tm-portrait>img:not(.tm-focus-badge){display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center 22%;border-radius:50%}
.tm-portrait.has-badge>img:not(.tm-focus-badge){object-position:center 18%}
.tm-portrait>img.tm-focus-badge{position:absolute;right:-12px;bottom:-2px;width:36%;height:auto;aspect-ratio:auto;
  border-radius:0;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(2,40,80,.3))}
.tm-portrait--nophoto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  aspect-ratio:1;border-radius:50%;background:var(--ice);color:#9fb6c8}
.tm-portrait--nophoto svg{width:64px;height:64px}
.tm-portrait--nophoto span{font-size:13px;font-weight:600;color:var(--slate)}
.tm-name{text-wrap:balance;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:clamp(22px,2vw,27px);
  font-weight:700;color:var(--blue-deep);line-height:1.14;letter-spacing:-.02em}
.tm-quals{margin-top:12px;font-size:13px;line-height:1.6;color:var(--slate);max-width:340px;margin-left:auto;margin-right:auto}
.tm-lead{margin-top:8px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;font-size:13px;line-height:1.5;color:var(--blue-deep);max-width:340px;margin-left:auto;margin-right:auto}
.tm-focus-line{margin-top:20px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;
  font-size:clamp(17px,1.5vw,20px);line-height:1.4;color:var(--blue);max-width:360px;margin-left:auto;margin-right:auto}

/* tabs */
.tm-doc-main{min-width:0;padding-top:4px}
.tm-tablist{display:flex;flex-wrap:wrap;margin-bottom:26px}
.tm-tab{appearance:none;background:none;border:0;border-bottom:1px solid var(--line);flex:1 1 auto;min-width:0;cursor:pointer;position:relative;padding:8px 6px 16px;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;font-size:clamp(15px,1.3vw,18px);
  color:var(--slate);text-align:center;transition:color .15s ease}
.tm-tab:hover{color:var(--blue-deep)}
.tm-tab.is-active{color:var(--blue)}
.tm-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--blue)}
.tm-tab:focus-visible{outline:2.5px solid var(--cyan);outline-offset:2px;border-radius:5px}
.tm-panel{display:none}
.tm-panel.is-active{display:block;animation:tmfade .25s ease}
@keyframes tmfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.tm-vita p{font-size:15px;line-height:1.66;color:#4d5c68;margin:0 0 18px;max-width:66ch}
.tm-vita p:last-child{margin-bottom:0}
.tm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tm-list li{position:relative;padding-left:22px;font-size:15px;line-height:1.55;color:#4d5c68}
.tm-list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.tm-single-head{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:17px;color:var(--blue);margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}

/* location + certificate side card */
.tm-doc-side{text-align:center}
.tm-loc{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:20px;
  line-height:1.2;color:var(--blue);letter-spacing:-.02em}
.tm-addr{display:block;margin-top:14px;font-style:normal;font-size:14px;line-height:1.5;color:var(--ink)}
.tm-mail{display:inline-block;padding:9px 20px;border:1.5px solid var(--blue);border-radius:999px;
  font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--blue);text-decoration:none;transition:.15s ease}
.tm-mail:hover,.tm-mail:focus-visible{background:var(--blue);color:#fff}
.tm-contact{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.tm-tel{font-size:14px;font-weight:600;color:var(--blue-deep);text-decoration:none;white-space:nowrap}
.tm-tel:hover,.tm-tel:focus-visible{text-decoration:underline}
.tm-side-book{display:block;margin-top:14px;font-size:13px;font-weight:600;color:var(--blue-deep);text-decoration:none}
.tm-side-book:hover{text-decoration:underline}
.tm-certs{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:22px}
.tm-cert{border-radius:8px}
.tm-cert--round{width:150px;height:150px;object-fit:cover;border-radius:50%}
.tm-cert--square{width:150px;height:auto}
.tm-cert--wide{width:100%;max-width:190px;height:auto}

/* ---- staff grid: heading + round-photo cards, 4-up desktop ------------- */
.tm-staff{margin-top:26px;padding-top:34px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(4,1fr);gap:36px 30px;align-items:center}
.tm-staff-head{display:flex;align-items:center}
.tm-staff-head h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;
  font-size:clamp(19px,1.7vw,23px);line-height:1.2;color:var(--blue-deep);letter-spacing:-.02em}
.tm-staff-card{margin:0;text-align:center}
.tm-staff-photo{position:relative;width:100%;max-width:212px;aspect-ratio:1;margin:0 auto;
  border-radius:50%;overflow:hidden;background:var(--ice)}
.tm-staff-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.tm-staff-folgt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;font-size:19px;line-height:1.25;
  color:#9db4c6;text-align:center}
.tm-staff-card figcaption{position:relative;margin:-30px auto 0;width:88%;z-index:2;
  background:rgba(41,128,185,.86);color:#fff;font-size:13.5px;font-weight:600;line-height:1.3;
  padding:9px 10px;border-radius:7px;box-shadow:0 10px 22px -12px rgba(2,40,80,.6)}

@media(max-width:1040px){
  .tm-doc{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px 40px}
  .tm-doc-side{grid-column:1/-1;text-align:left;border-top:1px solid var(--line);padding-top:26px;
    display:grid;grid-template-columns:auto 1fr;gap:6px 30px;align-items:start}
  .tm-loc{grid-column:1}
  .tm-addr{margin-top:0}
  .tm-contact{margin-top:0;justify-content:flex-start;grid-column:1}
  .tm-doc--nomain{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .tm-certs{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:22px}
  .tm-cert--round,.tm-cert--square,.tm-cert--wide{width:auto;height:96px}
  .tm-cert--round{width:96px}
  .tm-staff{grid-template-columns:repeat(3,1fr)}
  .tm-staff-head{grid-column:1/-1}
}
@media(max-width:720px){
  .tm-doc{grid-template-columns:1fr;gap:26px;padding:34px 0}
  .tm-doc-side{grid-template-columns:1fr;text-align:center;justify-items:center}
  .tm-contact{justify-content:center}
  .tm-doc--nomain{grid-template-columns:1fr}
  .tm-certs{justify-content:center}
  .tm-hero-nav{position:static;background:none;padding:18px 0 4px;justify-content:flex-start}
  .tm-hero-pill{font-size:14px;padding:10px 16px}
  .tm-hero>img{aspect-ratio:16/12;border-radius:16px}
  .tm-staff{grid-template-columns:repeat(2,1fr);gap:26px 18px}
  .tm-staff-head{grid-column:1/-1;justify-content:center;text-align:center}
  .tm-group-aside{flex-direction:column;align-items:flex-start;gap:12px}
  .tm-group-badge{max-height:84px}
}
@media(max-width:420px){
  .tm-staff{grid-template-columns:1fr}
  .tm-staff-photo{max-width:200px}
}

/* ---------- Aktuelles: filterbare Übersicht nach Vorbild der Altseite ---------- */
.news-overview{background:var(--mist)}
.news-overview .sec-head-row{margin-bottom:24px}
.news-filters{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  margin:0 0 32px}
.news-filter{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;
  color:var(--blue-deep);font:600 14px/1 'Bricolage Grotesque',system-ui,sans-serif;
  padding:11px 18px;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.news-filter:hover{border-color:var(--cyan);color:var(--blue)}
.news-filter.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.news-filter:focus-visible{outline:3px solid rgba(31,139,202,.28);outline-offset:3px}
.news-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(min-width:1280px){.news-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.news-overview-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;
  overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.news-overview-card[hidden]{display:none}
.news-overview-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.news-overview-image{display:block;height:170px;overflow:hidden;background:var(--ice)}
.news-overview-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.news-overview-image.is-low-resolution{display:flex;align-items:center;justify-content:center;padding:10px}
.news-overview-image.is-low-resolution img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.news-overview-card:hover .news-overview-image img{transform:scale(1.035)}
.news-overview-card:hover .news-overview-image.is-low-resolution img{transform:none}
@media(min-width:1280px){.news-overview-image.is-low-resolution img{zoom:.8}}
.news-overview-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.news-overview-meta{display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  color:var(--slate);font-size:11.5px;line-height:1.4;text-transform:uppercase;letter-spacing:.055em}
.news-overview-meta span{text-align:left;color:var(--cyan);font-weight:650}
.news-overview-card h2{font-size:17px;line-height:1.3;color:var(--blue-deep);display:-webkit-box;
  -webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news-overview-card h2 a{color:inherit;text-decoration:none}
.news-overview-card h2 a:hover{text-decoration:underline}
.news-overview-body>p:not(.news-overview-meta){font-size:13.5px;line-height:1.55;color:var(--slate);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news-overview-body .linkarrow{margin-top:4px;font-size:14px}
.news-filter-empty{text-align:center;color:var(--slate);padding:30px 0}
@media(max-width:980px){.news-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .news-overview-grid{grid-template-columns:1fr;gap:18px}
  .news-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;
    padding:2px 20px 8px 0;scrollbar-width:thin}
  .news-filter{white-space:nowrap}
  .news-overview-body{padding:20px 20px 23px}
  .news-overview-image{height:175px}
}

/* Retained for old comparison artifacts; the generated page uses the card grid above. */
.news-archive .na-year{margin-top:34px}
.news-archive .na-year:first-of-type{margin-top:6px}
.na-y{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);
  margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.na-list{list-style:none;margin:0;padding:0}
.na-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 26px;
  align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line)}
.na-item:last-child{border-bottom:0}
.na-item time{font-size:13.5px;color:var(--slate);white-space:nowrap}
.na-title{grid-column:2;font-weight:650;color:var(--ink);line-height:1.35;text-decoration:none}
/* Verlinkte Titel müssen als Link erkennbar sein, nicht erst beim Hover. */
a.na-title{color:var(--blue)}
a.na-title:hover{text-decoration:underline}
.na-body{grid-column:2;min-width:0}
.na-body p{margin:5px 0 0;color:var(--slate);font-size:14.5px;line-height:1.62;overflow-wrap:anywhere}
.na-body a{color:var(--blue);overflow-wrap:anywhere}
.na-more{font-weight:600}
@media(max-width:720px){
  .na-item{grid-template-columns:1fr;gap:2px;padding:14px 0}
  .na-title,.na-body{grid-column:1}
}
/* Kachelbilder: Fokus leicht oberhalb der Mitte, damit Porträts im 210px-Zuschnitt
   nicht am Kopf beschnitten werden (Landschafts-/Gebäudefotos bleiben unauffällig). */
.teaser img.teaser-img{object-position:50% 32%}

/* ---------- allgemeinmedizin faithful ----------
   Die fünf alten Unterseiten (/am_home/, /am_leistungen/, /am_warum/, /rezepte/,
   /am_sprechzeiten/) werden als ein One-Pager wiedergegeben. Absichtlich flache,
   semantische Blöcke (Überschrift, Absatz, Liste) statt Karten oder Akkordeons —
   der Kunde pflegt diese Seite später in Gutenberg. */
.am-block{background:#fff}
.am-block.am-mist{background:var(--mist)}
.am-narrow{max-width:900px}
.am-block .sec-title{margin-top:7px}
.am-lead{font-size:16.5px;line-height:1.72;color:var(--slate);margin-top:20px;max-width:72ch}
.am-strong{font-size:16.5px;line-height:1.7;color:var(--blue-deep);font-weight:650;
  margin-top:20px;max-width:72ch}
.am-signature{margin-top:18px;font-size:15.5px;color:var(--blue-deep);font-weight:650}
.am-list{margin:26px 0 0;padding-left:22px;max-width:74ch}
.am-list li{font-size:15.5px;line-height:1.66;color:var(--ink);margin:0 0 12px}
.am-list li a{color:var(--blue)}
.am-groups{display:grid;grid-template-columns:1fr;gap:26px 40px;margin-top:26px}
.am-group h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:17px;
  color:var(--blue-deep);letter-spacing:-.015em;line-height:1.3;margin:0}
.am-group .am-list{margin-top:14px}
.am-li-note{display:block;margin-top:3px;font-size:14px;line-height:1.55;color:var(--slate)}
@media(min-width:760px){.am-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
.am-band{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);
  font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:clamp(19px,2.2vw,25px);
  line-height:1.35;color:var(--blue);letter-spacing:-.015em}
.am-video{margin-top:32px}
.am-video figcaption{position:static;margin-top:10px;padding:0;border-radius:0;background:none;
  font-size:13px;color:var(--slate)}
.am-form{margin-top:32px;max-width:800px;margin-left:auto;margin-right:auto}
.am-form .field .hint{margin:6px 0 0;font-size:12.5px}
.am-recipe-card{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);
  margin:32px auto 0;max-width:800px;background:#fff;border:1px solid var(--line);
  border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.am-recipe-brand{display:grid;place-items:center;padding:30px 24px;background:var(--ice)}
.am-recipe-brand img{width:min(180px,100%);height:auto}
.am-recipe-body{padding:30px 32px 32px}
.am-recipe-body h3{font-size:24px;color:var(--blue-deep);margin:0 0 10px}
.am-recipe-body p{font-size:15px;line-height:1.62;color:var(--slate)}
.am-recipe-body .btn{margin-top:22px}
@media(max-width:680px){
  .am-recipe-card{grid-template-columns:minmax(0,1fr)}
  .am-recipe-brand{padding:22px}
  .am-recipe-brand img{width:min(160px,60%)}
  .am-recipe-body{padding:25px 22px 28px}
}

/* /am_home/: dreispaltiger Aufbau (Infokasten · Begrüßung · Arztkasten) */
.am-welcome{background:#fff}
.am-cols{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.44fr) minmax(0,.78fr);
  gap:28px;align-items:start}
.am-side{background:var(--mist);border:1px solid var(--line);border-radius:16px;
  padding:26px 24px 28px;min-width:0}
.am-side h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:18px;
  color:var(--blue-deep);letter-spacing:-.015em;margin:0 0 12px}
.am-side h2+p{margin-top:0}
.am-side p{font-size:14.5px;line-height:1.62;color:var(--ink);margin:0 0 12px}
.am-side p:last-child{margin-bottom:0}
.am-side ul{margin:0 0 12px;padding-left:20px}
.am-side li{font-size:14.5px;line-height:1.6;color:var(--ink);margin:0 0 6px}
.am-side hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.am-side a:not(.btn){color:var(--blue);overflow-wrap:anywhere}
.am-hl{color:var(--blue-deep);font-weight:650}
.am-em{font-style:italic;color:var(--slate)}
.am-main{min-width:0;padding-top:4px}
.am-main h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(24px,2.7vw,32px);color:var(--blue-deep);letter-spacing:-.025em;
  line-height:1.15;padding-bottom:18px;border-bottom:1px solid var(--line)}
.am-main p{font-size:16px;line-height:1.72;color:var(--slate);margin-top:20px}
.am-doc{text-align:center}
.am-doc img{display:block;width:180px;max-width:78%;aspect-ratio:1;object-fit:cover;
  border-radius:50%;margin:0 auto 16px;background:var(--ice)}
.am-doc-name{font-size:26px;color:var(--blue);font-weight:500}
.am-doc h2{margin-bottom:8px}
.am-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}
.am-actions .btn{justify-content:center;width:100%}
.am-link{font-size:14px;font-weight:600;color:var(--blue);text-decoration:none}
.am-link:hover{text-decoration:underline}

/* /am_sprechzeiten/: Fließtext unter der Zeitentabelle */
.am-hours-extra{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);max-width:74ch}
.am-hours-extra p{font-size:15px;line-height:1.68;color:var(--slate);margin:0 0 14px}
.am-hours-extra p b{color:var(--blue-deep)}
.am-hours-extra a:not(.btn){color:var(--blue);overflow-wrap:anywhere}
.am-hours-extra h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(20px,2.2vw,25px);color:var(--blue-deep);letter-spacing:-.02em;margin:30px 0 4px}
.am-hours-extra .am-list{margin-top:14px}
.am-hours-extra .am-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 22px}
.am-hours-extra .am-actions .btn{width:auto}
/* Kontaktblock ohne Anfrageformular (Allgemeinmedizin): Karte füllt die zweite
   Spalte, die Termin-CTAs stehen in Zeilenrichtung unter den Kontaktdaten. */
.am-contact-cta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:26px}
.am-contact-cta .btn{width:auto}
.contactcols.noform .cmap{margin-top:0;height:420px;min-height:420px}
@media(max-width:980px){.contactcols.noform .cmap{min-height:300px;height:300px}}

@media(max-width:1000px){
  .am-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  .am-main{grid-column:1/-1;order:-1}
}
@media(max-width:720px){
  .am-cols{grid-template-columns:1fr}
  .am-side{padding:22px 20px 24px}
  .am-doc img{width:160px}
  .am-actions .btn{width:100%}
}
/* Der alte Seitentitel ist lang: manueller Umbruch statt Silbentrennung mitten im Wort. */
.am-h1{-webkit-hyphens:manual;hyphens:manual}
/* Im schmalen Arztkasten braucht die Pille weniger Innenabstand, sonst bricht das Label um. */
.am-doc .am-actions .btn{padding:12px 12px 12px 20px;font-size:14.5px;gap:10px}

/* ---------- arbeitsmedizin faithful ----------
   Die Arbeitsmedizin hatte auf der alten Website genau EINE Seite
   (/arbeitsmedizin/). Deren Abschnittsfolge wird 1:1 wiedergegeben:
   Video-Hero mit Markenpanel + „Leitender Arzt“, Claim-Band über Foto,
   graues Adressband, zweispaltiger Hauptteil (Fließtext links, blau
   überschriebene Kästen rechts), Team, dunkles Kontaktband.
   Nur Farben, Typografie und Abstände sind neu. */

/* --- Hero: Markenpanel und leitender Arzt rechts neben der Copy --- */
.arb-hero .arb-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(32px,5vw,64px);align-items:center;width:100%}
.arb-hero .copy{max-width:none;padding:96px 0 100px}
.arb-hero-side{display:flex;flex-direction:column;align-items:center;gap:26px;min-width:0}
.arb-brand{display:block;width:100%;max-width:320px;height:auto}
.arb-lead-doc{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.arb-lead-doc img{display:block;width:132px;height:132px;object-fit:cover;border-radius:50%;
  border:3px solid rgba(255,255,255,.72);background:var(--ice)}
.arb-lead-doc figcaption{display:flex;flex-direction:column;align-items:center;gap:3px;
  text-align:center}
.arb-lead-role{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#bcdcec}
.arb-lead-name{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:16px;
  letter-spacing:-.015em;color:#fff}

/* --- Claim-Band über Hintergrundfoto --- */
.arb-claim{position:relative;isolation:isolate;overflow:hidden;background:var(--blue-deep);
  padding:clamp(46px,6vw,76px) 0}
.arb-claim-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;
  object-position:center 38%}
.arb-claim::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 46%,
  rgba(255,255,255,.32) 78%,rgba(255,255,255,.12) 100%)}
.arb-claim h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(22px,2.7vw,32px);line-height:1.22;letter-spacing:-.025em;
  color:var(--blue);margin:0;max-width:24ch}
.arb-claim p{margin:14px 0 0;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(18px,2.1vw,25px);line-height:1.3;letter-spacing:-.02em;
  color:var(--blue-deep);max-width:28ch}

/* --- Adressband (alte Seite: grauer Streifen mit Anschrift und Kontakt) --- */
.arb-adress{background:var(--mist);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);padding:clamp(30px,4vw,44px) 0}
.arb-adress-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px clamp(32px,6vw,72px);align-items:start}
.arb-adress p{margin:0;font-size:15px;line-height:1.66;color:var(--ink)}
.arb-adress-org{font-size:13px!important;letter-spacing:.075em;text-transform:uppercase;
  color:var(--slate)}
.arb-adress-unit{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:18px!important;
  letter-spacing:-.015em;color:var(--blue-deep);margin:4px 0 10px!important}
.arb-adress-contact{list-style:none;margin:0;padding:0;display:grid;gap:11px;min-width:0}
.arb-adress-contact li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;
  align-items:center;font-size:15px;line-height:1.5;color:var(--ink);min-width:0}
.arb-adress-contact .ic{display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line);
  color:var(--blue)}
.arb-adress-contact .ic svg{width:14px;height:14px}
.arb-adress-contact a{color:var(--blue);overflow-wrap:anywhere}

/* --- Hintergrund-Essay: einspaltig, als aufklappbare Abschnitte --- */
.arb-body{background:#fff;padding:clamp(52px,7vw,88px) 0}
.arb-main{min-width:0;max-width:72ch}
.arb-main p{font-size:16px;line-height:1.72;color:var(--slate);margin:18px 0 0;max-width:72ch}
.arb-strong{color:var(--blue-deep)!important;font-weight:650}
.arb-list{margin:18px 0 0;padding-left:22px;max-width:72ch}
.arb-list li{font-size:15.5px;line-height:1.66;color:var(--ink);margin:0 0 11px}
.arb-list li b{color:var(--blue-deep)}
.arb-list ul{margin:8px 0 0;padding-left:20px}
.arb-list ul li{font-size:15px;margin:0 0 6px;color:var(--slate)}

/* Aufklapper ohne Rahmen/Karte: die Zusammenfassung traegt die h3-Typografie,
   das Chevron rechts zeigt den Zustand. */
.arb-disc{scroll-margin-top:90px}
.arb-disc+.arb-disc{margin-top:6px}
.arb-disc>summary{list-style:none;cursor:pointer;display:grid;
  grid-template-columns:minmax(0,1fr) 22px;gap:14px;align-items:start;
  padding:16px 0;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(18px,1.9vw,21px);line-height:1.28;letter-spacing:-.02em;
  color:var(--blue-deep);text-wrap:pretty}
.arb-disc>summary::-webkit-details-marker{display:none}
.arb-disc>summary::marker{content:""}
.arb-disc>summary:hover{color:var(--blue)}
.arb-disc>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;
  border-radius:6px}
.arb-disc>summary::after{content:"";width:11px;height:11px;margin-top:7px;
  border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);
  transform:rotate(45deg);transition:transform .2s ease}
.arb-disc[open]>summary::after{transform:rotate(225deg);margin-top:11px}
.arb-disc-body{padding-bottom:22px}
.arb-disc-body>p:first-child,.arb-disc-body>ul:first-child{margin-top:6px}

/* --- Ergänzung „Leistungen im Detail“ (Flyer/Textideen 09/2026) --- */
.arb-detail{background:var(--mist);border-top:1px solid var(--line);
  padding:clamp(52px,7vw,88px) 0}
.arb-detail .sec-title{margin-top:7px;max-width:26ch}
.arb-lead{font-size:16.5px;line-height:1.72;color:var(--slate);margin-top:20px;max-width:72ch}
.arb-overview{margin-top:18px;font-size:15.5px;line-height:1.7;color:var(--blue-deep);
  max-width:72ch}
.arb-overview b{font-weight:650}
.arb-groups{display:grid;grid-template-columns:1fr;gap:26px 40px;margin-top:32px}
@media(min-width:760px){.arb-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
.arb-group{min-width:0}
.arb-group h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:17px;
  line-height:1.3;letter-spacing:-.015em;color:var(--blue-deep);margin:0;
  overflow-wrap:anywhere;text-wrap:pretty}
.arb-group p{margin:10px 0 0;font-size:15px;line-height:1.66;color:var(--slate)}
.arb-glist{margin:10px 0 0;padding-left:20px}
.arb-glist li{font-size:15px;line-height:1.62;color:var(--slate);margin:0 0 8px}
.arb-glist li b{color:var(--blue-deep)}
.arb-glist ul{margin:6px 0 0;padding-left:18px}
.arb-glist ul li{font-size:14.5px;margin:0 0 5px}

/* --- Spezielle Untersuchungen (die drei alten Kaesten, jetzt als Raster) --- */
.arb-exams{background:#fff;border-top:1px solid var(--line);
  padding:clamp(52px,7vw,88px) 0}
.arb-exams .sec-title{margin-top:7px}
.arb-exams .arb-groups{margin-top:28px}

/* --- Team --- */
.arb-team{background:#fff;padding:clamp(52px,7vw,84px) 0}
.arb-news{margin-top:26px}

/* --- Dunkles Kontaktband (alte Seite: petrolfarbener Streifen) --- */
.arb-cta{background:var(--blue-deep);color:#fff;padding:clamp(44px,6vw,68px) 0}
.arb-cta .wrap{text-align:center}
.arb-cta h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(19px,2.2vw,26px);line-height:1.35;letter-spacing:-.02em;color:#fff;
  margin:0 auto;max-width:34ch;overflow-wrap:anywhere}
.arb-cta h2 a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.arb-cta p{margin:14px 0 0;font-size:15.5px;color:#cfe6f2}
.arb-cta .cta-row{justify-content:center;margin-top:24px}

@media(max-width:860px){
  .arb-hero .arb-hero-grid{grid-template-columns:minmax(0,1fr)}
  /* Einspaltig sitzt das Markenpanel unter der Copy — der grosse
     Unterabstand der Copy wuerde sonst als Loch dazwischen stehen. */
  .arb-hero .copy{padding:96px 0 26px}
  .arb-hero-side{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:20px 28px;
    padding-bottom:8px}
  .arb-brand{max-width:200px}
  .arb-lead-doc{flex-direction:row;align-items:center;gap:14px}
  .arb-lead-doc img{width:76px;height:76px}
  .arb-lead-doc figcaption{align-items:flex-start;text-align:left}
  .arb-claim::after{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,
    rgba(255,255,255,.94) 60%,rgba(255,255,255,.9) 100%)}
  .arb-claim h2,.arb-claim p{max-width:none}
}
@media(max-width:720px){
  .arb-adress-grid{grid-template-columns:minmax(0,1fr)}
}
/* Der Hero-Text steht auf schmalen Breiten wie bei den anderen Praxisseiten
   unten im Bild — der Basiswert oben würde sonst unter den Header rutschen. */
@media(max-width:760px){.arb-hero .copy{padding:130px 0 40px}}

/* ---------- sudenburg faithful ----------
   Die alten Orthopädie-Unterseiten /kniechirurgie/ und /fusschirurgie/ werden als
   ein One-Pager wiedergegeben. Ihre Abschnittsfolge bleibt erhalten: vollbreites
   Hero-Bewegtbild mit Titelbalken, „Ihr Ansprechpartner" mit Portrait und
   Zertifikaten, zentrierte Einleitung, zweispaltiger Hauptteil (Fließtext links,
   Leistungsspektrum rechts), Linkliste der weiterführenden Beiträge.
   Neu sind nur Farben, Typografie und Abstände.
   Vertikale Abstände liegen auf den Sektionen, nie als padding-Kurzschreibweise
   auf .wrap (die trägt die Seitenränder des Rasters). */
.sud-chapter{background:#fff;padding-top:0;padding-bottom:clamp(40px,3.6vw,46px);
  scroll-margin-top:80px}
.sud-chapter+.sud-chapter{border-top:1px solid var(--line)}

/* --- Vollbreites Bewegtbild mit Titelbalken (alter Hero) --- */
.sud-banner{position:relative;isolation:isolate;margin:0 0 clamp(20px,2.4vw,26px);
  background:var(--blue-deep);overflow:hidden;display:flex;align-items:flex-end;
  min-height:clamp(155px,20vw,280px)}
.sud-banner video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;
  object-fit:cover}
.sud-banner::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(13,52,80,.18) 0%,rgba(13,52,80,.16) 45%,
  rgba(13,52,80,.62) 100%)}
.sud-banner .wrap{width:100%}
.sud-banner-title{display:inline-block;margin:0 0 clamp(16px,2vw,24px);
  padding:12px 22px;border-radius:10px;background:rgba(26,77,115,.82);color:#fff;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(20px,2.6vw,31px);line-height:1.2;letter-spacing:-.025em;
  text-wrap:balance}

/* --- „Ihr Ansprechpartner" (Portrait + Zertifikate) --- */
.sud-doc{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;
  padding-bottom:clamp(16px,2vw,22px);border-bottom:1px solid var(--line)}
.sud-doc-photo{width:96px;height:96px;object-fit:cover;border-radius:50%;
  background:var(--ice);flex:0 0 auto}
.sud-doc-text{min-width:0;flex:1 1 220px}
.sud-doc-role{margin:0;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--slate)}
.sud-doc-name{margin:5px 0 0;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(19px,2.1vw,23px);letter-spacing:-.02em;color:var(--blue-deep)}
.sud-doc-spec{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--slate)}
.sud-badges{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;
  flex:0 1 auto;min-width:0}
.sud-badges img{display:block;height:64px;width:auto;max-width:100%}

/* --- Einleitung (auf der Altseite zentriert) --- */
.sud-intro{margin-top:clamp(22px,2.4vw,28px);max-width:76ch}
.sud-intro h3{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(23px,2.7vw,32px);line-height:1.18;letter-spacing:-.025em;
  color:var(--blue-deep);text-wrap:balance}
.sud-intro p{margin:12px 0 0;font-size:16.5px;line-height:1.62;color:var(--slate)}
.sud-claim{font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(18px,2vw,23px)!important;line-height:1.3!important;
  letter-spacing:-.02em;color:var(--blue)!important}

/* --- Hauptteil: Fließtext links, Leistungsspektrum rechts --- */
.sud-cols{display:grid;grid-template-columns:1fr;gap:30px;align-items:start;
  margin-top:clamp(22px,2.6vw,30px)}
.sud-essay{min-width:0;max-width:72ch}
.sud-essay p{margin:0 0 12px;font-size:16px;line-height:1.62;color:var(--slate)}
.sud-essay p:last-child{margin-bottom:0}
.sud-essay p b{color:var(--blue-deep);font-weight:650}
.sud-spectrum{min-width:0}
.sud-spectrum h3{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:17px;line-height:1.3;letter-spacing:-.015em;color:var(--blue)}
.sud-spectrum ul{margin:14px 0 0;padding-left:20px}
.sud-spectrum li{font-size:15px;line-height:1.55;color:var(--ink);margin:0 0 6px}
@media(min-width:900px){
  .sud-cols{grid-template-columns:minmax(0,1.62fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px)}
  .sud-spectrum{padding-left:clamp(20px,2.4vw,30px);border-left:1px solid var(--line)}
}
@media(max-width:899px){
  .sud-spectrum{padding-top:24px;border-top:1px solid var(--line)}
  .sud-spectrum ul{columns:2;column-gap:26px}
  .sud-spectrum li{break-inside:avoid}
}
@media(max-width:520px){.sud-spectrum ul{columns:1}}

/* --- Weiterführende Beiträge (auf der Altseite ein Kachelraster) --- */
.sud-more{margin-top:clamp(24px,2.8vw,32px);padding-top:clamp(18px,2vw,22px);
  border-top:1px solid var(--line)}
.sud-more h3{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(19px,2vw,23px);line-height:1.25;letter-spacing:-.02em;
  color:var(--blue-deep)}
.sud-more-list{list-style:none;margin:14px 0 0;padding:0;display:grid;
  grid-template-columns:1fr;gap:12px 34px}
@media(min-width:760px){.sud-more-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sud-more-list li{min-width:0}
.sud-more-list a{font-size:15.5px;line-height:1.45;font-weight:650;color:var(--blue);
  text-decoration:none;overflow-wrap:anywhere}
.sud-more-list a:hover{text-decoration:underline}
.sud-more-note{display:block;margin-top:4px;font-size:14px;line-height:1.55;
  color:var(--slate)}

/* --- Leistungsspektrum der Praxis / Patienteninformationen --- */
.sud-block{background:#fff;padding:clamp(40px,4.2vw,48px) 0}
.sud-block.sud-mist{background:var(--mist);border-top:1px solid var(--line)}
.sud-narrow{max-width:900px}
.sud-block .sec-title{margin-top:7px}
.sud-lead{font-size:16.5px;line-height:1.62;color:var(--slate);margin-top:14px;
  max-width:72ch}
.sud-groups{display:grid;grid-template-columns:1fr;gap:24px 40px;margin-top:22px}
@media(min-width:760px){.sud-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sud-group{min-width:0}
.sud-group h3{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:17px;line-height:1.3;letter-spacing:-.015em;color:var(--blue-deep)}
.sud-list{margin:12px 0 0;padding-left:20px}
.sud-list li{font-size:15px;line-height:1.55;color:var(--ink);margin:0 0 7px}
.sud-piquick{list-style:none;margin:20px 0 0;padding:0;display:grid;
  grid-template-columns:1fr;gap:9px 34px}
@media(min-width:760px){.sud-piquick{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sud-piquick li{min-width:0}
.sud-piquick a{font-size:15.5px;line-height:1.5;color:var(--blue);text-decoration:none;
  overflow-wrap:anywhere}
.sud-piquick a:hover{text-decoration:underline}
.sud-piall{margin:20px 0 0}

/* --- Online-Termin: kompakter Block (Eyebrow, Titel, eine Zeile, Buttons) --- */
.sud-book{padding:clamp(34px,3.6vw,44px) 0}
.sud-book .sec-title{margin-top:7px;font-size:clamp(24px,2.6vw,32px);max-width:26ch}
.sud-book-note{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--slate);
  max-width:64ch}
.sud-book .cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}

/* --- Kontaktband der Altseiten --- */
.sud-cta{background:var(--blue-deep);color:#fff;padding:clamp(36px,4vw,48px) 0}
.sud-cta .wrap{text-align:center}
.sud-cta h2{margin:0 auto;max-width:34ch;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(19px,2.2vw,26px);line-height:1.35;letter-spacing:-.02em;color:#fff;
  overflow-wrap:anywhere}
.sud-cta h2 a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sud-cta p{margin:10px 0 0;font-size:15.5px;color:#cfe6f2}
.sud-cta .cta-row{justify-content:center;margin-top:18px}

@media(max-width:720px){
  .sud-doc-photo{width:76px;height:76px}
  .sud-badges img{height:52px}
}

/* ---------- buckau faithful ----------
   Die alte Website hatte fuer Buckau keine eigene Seite; die Inhalte lagen in zwei
   Startseiten-Bloecken („Neu in der Pawlow Poliklinik…": DXA und Stosswelle) sowie im
   Oeffnungszeiten- und Kontaktblock. Die Seite folgt deshalb dem Aufbau der
   freigegebenen Seite Sudenburg und benutzt deren Klassen (.sud-*). Hier stehen nur
   die beiden Abweichungen: der Titelbalken traegt ein Foto statt eines Bewegtbildes,
   und der Fliesstext des DXA-Kapitels enthaelt Zwischenueberschriften und Listen. */
.buc-banner img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;
  object-fit:cover}
.buc-chapter .sud-essay h3{margin:22px 0 0;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:clamp(17px,1.8vw,20px);line-height:1.28;letter-spacing:-.02em;
  color:var(--blue-deep)}
.buc-chapter .sud-essay h3:first-child{margin-top:0}
.buc-chapter .sud-essay ul{margin:12px 0 14px;padding-left:20px}
.buc-chapter .sud-essay li{font-size:15.5px;line-height:1.55;color:var(--ink);
  margin:0 0 7px}
.buc-chapter .sud-essay a{color:var(--blue);overflow-wrap:anywhere}

/* Nahverkehr aus dem alten Kontaktblock, unter den Kontaktdaten */
.buc-oepnv{margin:16px 0 0;font-size:14.5px;line-height:1.6;color:var(--slate)}

/* ---------- wolmirstedt faithful ----------
   Die alte Website hatte fuer Wolmirstedt keine inhaltliche Seite (/wms/ war ein
   Platzhalter). Die Seite folgt deshalb dem Aufbau der freigegebenen Seiten Sudenburg
   und Buckau und benutzt vollstaendig deren Klassen (.sud-* und .buc-*). Hier steht nur
   die eine Abweichung: das CheckMyBack-Kapitel nennt als Ansprechpartner die Praxis und
   damit kein Portrait — dort entfaellt das Bildelement, die Zeile bleibt sonst gleich. */