
:root{
  --ink:#22252A;
  --muted:#5E6672;
  --line:#D7DDE5;
  --line-strong:#C4CED9;
  --paper:#FFFFFF;
  --paper-alt:#F3F5F8;
  --accent:#2B77B7;
  --navy:#2B77B7;
  --sidebar:#EEF2F6;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.68 "Source Serif 4", Georgia, "Times New Roman", serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.sr-only{position:absolute;left:-9999px}

.site-header{border-bottom:1px solid var(--line-strong);background:var(--paper)}
.masthead{border-bottom:1px solid var(--line);background:var(--paper)}
.masthead-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 0 16px}
.brandmark{display:flex;gap:18px;align-items:flex-end;color:inherit;text-decoration:none}
.brandmark img{width:82px;height:auto;object-fit:contain;filter:grayscale(100%) contrast(105%)}
.brandline{font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#111111;opacity:.72;margin-bottom:6px}
.brandname{font:600 30px/1.05 "Source Serif 4", Georgia, "Times New Roman", serif;color:#111111}
.brandsub{margin-top:6px;font:500 14px/1.35 Arial, Helvetica, sans-serif;color:#2A2F36}
.masthead-tools{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font:500 14px/1.4 Arial, Helvetica, sans-serif;color:var(--muted)}
.masthead-tools > a,.masthead-tools > span{white-space:nowrap}
.masthead-tools div:first-child{display:flex;gap:10px;align-items:center}
.header-search{display:flex;gap:8px}
.header-search input{width:220px;padding:8px 10px;border:1px solid var(--line-strong);font:inherit;background:var(--paper)}
.header-search button{padding:8px 12px;border:1px solid var(--navy);background:var(--navy);color:#FFFFFF;font:600 13px/1 Arial, Helvetica, sans-serif;letter-spacing:.04em;text-transform:uppercase}
 .navband{background:#F3F5F8;border-bottom:1px solid var(--line-strong)}
.primary-nav{display:flex;flex-wrap:wrap;gap:0;padding:0}
.primary-nav a{padding:12px 13px;font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#20252A;border-right:1px solid var(--line)}
.primary-nav a[aria-current="page"]{background:#FFFFFF;color:var(--navy);border-left:1px solid var(--line);border-right:1px solid var(--line);border-top:4px solid var(--accent);padding-top:8px}

.home-shell,.page-shell{padding:42px 0 56px}
.home-intro{display:grid;grid-template-columns:minmax(0,1fr) clamp(384px,37vw,504px);gap:44px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 10px;font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
h1{margin:0 0 16px;font:400 48px/1.06 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy);max-width:18ch}
.lead{font-size:21px;line-height:1.6;max-width:36ch;color:#3E4A57}
.page-intro .lead,.intro-copy .lead{margin-bottom:16px}
.page-intro p,.intro-copy p{max-width:66ch}
.institute-facts{border-left:4px solid var(--navy);padding-left:24px;display:grid;gap:18px;align-content:start;background:var(--sidebar);padding:24px 0 24px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact{padding:0 22px 16px 0;border-bottom:1px solid var(--line)}
.fact:last-child{border-bottom:none;padding-bottom:0}
.fact-label{display:block;margin-bottom:6px;font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fact strong{font:600 19px/1.4 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;padding-top:34px}
.section-head h2,.home-links h2,.content-section>h2,.content-section h2{font:400 31px/1.18 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy);margin:0 0 10px}
.section-head p{max-width:52ch;margin:0;color:var(--muted);font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:1.55}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:18px}
.feature-item{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:1px solid var(--line-strong);border-top:4px solid var(--accent);background:#FFFFFF;color:inherit;align-items:flex-start;min-height:100%;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.feature-item h3{margin:0;font:400 23px/1.12 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy)}
.feature-item p{margin:0;color:#5E6672;max-width:none}
.feature-item:hover h3{color:var(--navy)}
.home-links{padding-top:32px;border-top:1px solid var(--line);margin-top:32px}
.link-columns{columns:2;column-gap:40px;list-style:none;padding:0;margin:12px 0 0}
.link-columns li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--line)}
.content-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;align-items:start}
.page-intro{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}
.page-intro h1{font-size:43px;max-width:20ch}
.page-sidebar{position:relative}
.sidebar-block{background:var(--sidebar);border:1px solid var(--line);padding:18px 18px 16px;margin-bottom:16px}
.sidebar-block h2{margin:0 0 12px;font:600 13px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sidebar-block ol,.sidebar-block ul{margin:0;padding-left:18px}
.sidebar-block li{margin:0 0 10px}
.sidebar-block p{margin:0 0 10px;color:#5E6672;font-size:15px;line-height:1.6}
.page-article{min-width:0}
.article-flow{display:grid;gap:30px}
.content-section{padding-top:4px}
.content-section + .content-section{border-top:1px solid var(--line);margin-top:32px;padding-top:32px}
.content-section>h2:first-child,.content-section>h3:first-child{margin-top:0}
.content-section h3{font:600 19px/1.28 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy);margin:24px 0 10px}
.content-section p,.content-section li{max-width:72ch}
.content-section .panel{background:var(--paper-alt);border-left:5px solid var(--accent);padding:18px 20px;margin:18px 0}
.content-section .panel h2,.content-section .panel h3,.content-section .panel h4{margin-top:0;font-size:21px;line-height:1.25}
.content-section .panel p:last-child,.content-section .panel ul:last-child{margin-bottom:0}
.content-section .doc-image{max-width:280px;height:auto;object-fit:contain;margin:14px 0;border:1px solid var(--line);background:var(--paper);padding:8px}
.content-section .image-row,.content-section .image-row-3,.content-section .image-grid{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.content-section .image-row img,.content-section .image-row-3 img,.content-section .image-grid img{max-width:210px;max-height:210px;width:auto;height:auto;object-fit:contain}
.content-section .hero-image-medium,.content-section .schema-image,.content-section .schema-image-large,.content-section .lowres-image,.content-section .profile-image,.content-section .profile-image-cert,.content-section .profile-image-hand{max-width:280px !important;height:auto !important}
.content-section .cards,.content-section .grid-2,.content-section .grid-3,.content-section .note-grid,.content-section .steps,.content-section .metrics,.content-section .competence-grid,.content-section .split-list{display:grid;gap:16px}
.content-section .cards,.content-section .grid-2,.content-section .grid-3,.content-section .steps,.content-section .note-grid,.content-section .competence-grid,.content-section .split-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.content-section .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.content-section .cards > *, .content-section .grid-2 > *, .content-section .grid-3 > *, .content-section .steps > *, .content-section .note-grid > *, .content-section .competence-grid > *, .content-section .split-list > *, .content-section .metrics > *{min-width:0}
.content-section .table-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid var(--line)}
.content-section .table-row:first-child{border-top:none;padding-top:0}
.content-section .anchor-nav,.content-section .related-links{display:flex;flex-wrap:wrap;gap:10px}
.content-section .anchor-nav a,.content-section .related-links a{padding:8px 12px;border:1px solid var(--line-strong);background:#FFFFFF;color:var(--navy)}
.content-section .plain-list,.content-section .list,.content-section .checklist{padding-left:22px}
.content-section .kicker-row span{display:inline-block;border:1px solid var(--line);padding:5px 8px;margin:0 8px 8px 0;font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.content-section .pub-entry,.content-section .definition-item,.content-section .result-card,.content-section .mini-card{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.content-section .pub-entry:first-child,.content-section .definition-item:first-child,.content-section .result-card:first-child,.content-section .mini-card:first-child{margin-top:0;padding-top:0;border-top:none}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:36px}
.site-footer h2{margin:0 0 12px;font:600 13px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.site-footer p,.site-footer li{margin:0 0 10px;color:#5E6672}
.site-footer ul{list-style:none;padding:0;margin:0}

@media (max-width:1050px){
  .home-intro,.content-grid{grid-template-columns:1fr;gap:28px}
  .institute-facts{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:18px}
  .feature-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px;line-height:1.62}
  .container{width:min(var(--max),calc(100% - 28px))}
  .masthead-inner{flex-direction:column;align-items:flex-start}
  .masthead-tools{align-items:flex-start}
  .brandname{font-size:24px}
  .brandmark img{width:68px}
  h1,.page-intro h1{font-size:34px;max-width:none}
  .lead{font-size:19px;max-width:none}
  .primary-nav{display:grid;grid-template-columns:1fr 1fr}
  .primary-nav a{padding:11px 12px}
  .content-section .cards,.content-section .grid-2,.content-section .grid-3,.content-section .steps,.content-section .note-grid,.content-section .competence-grid,.content-section .split-list,.content-section .metrics{grid-template-columns:1fr}
  .link-columns{columns:1}
  .header-search{width:100%}
  .header-search input{width:100%}
}

.page-sidebar{position:sticky;top:24px;align-self:start}
.sidebar-block{box-shadow:none}
.home-page .content-section>div,.page-article .content-section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.home-page .content-section>div>div,.page-article .content-section>div>div{min-width:0}
.home-page .content-section p:first-child{margin-top:0}
@media (max-width:1050px){.page-sidebar{position:relative;top:auto}.home-page .content-section>div,.page-article .content-section>div{grid-template-columns:1fr}}

/* Refinements on true V3 base: alignment, restrained tone, stable overview grids */
.site-header{position:relative;z-index:20}
.masthead{background:var(--paper)}
.navband{background:var(--paper-alt)}
.primary-nav{align-items:stretch}
.primary-nav a{display:flex;align-items:center;min-height:44px}
.page-intro h1{max-width:22ch}
.page-intro p,.intro-copy p,.content-section p,.content-section li{hyphens:none;overflow-wrap:break-word;word-break:normal}
.content-section h2,.content-section h3{hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.content-section figcaption{max-width:52ch;color:var(--muted);font-size:14px;line-height:1.5;margin-top:8px}
.content-section > div{align-items:start}
.page-article .content-section > div{column-gap:32px;row-gap:24px}
.page-article .content-section > div > div,.home-page .content-section > div > div{display:block}
.page-article .content-section > div > div > *:first-child,.home-page .content-section > div > div > *:first-child{margin-top:0}
.page-article .content-section > div > div > *:last-child,.home-page .content-section > div > div > *:last-child{margin-bottom:0}
.content-section[data-added="service-overview"] > div{display:block}
.content-section[data-added="service-overview"] > div > p{margin:0 0 14px;font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.content-section[data-added="service-overview"] > div > div{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}
.content-section[data-added="service-overview"] > div > div > div{background:var(--paper-alt);border:1px solid var(--line);padding:18px 18px 16px}
.content-section[data-added="service-overview"] > div > div > div h2{font-size:26px;line-height:1.16;margin-bottom:10px}
.content-section[data-added="service-overview"] > div > div > div p,.content-section[data-added="service-overview"] > div > div > div li{max-width:none}
.content-section[data-added="service-overview"] > div > div > div ul{margin:0;padding-left:20px}
.content-section[data-added="next-step"] > div{display:block}
.content-section[data-added="next-step"] > div > div{background:var(--paper-alt);border:1px solid var(--line);padding:20px 22px}
.content-section[data-added="next-step"] p:first-child{margin:0 0 10px;font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.content-section[data-added="next-step"] a{display:inline-block;margin-right:10px;margin-top:10px;padding:8px 12px;border:1px solid var(--line-strong);background:var(--paper)}
.content-section#weiterfuehrende-seiten > div{display:block}
.content-section#weiterfuehrende-seiten > div > div{display:block}
.content-section#weiterfuehrende-seiten > div > div > div{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}
.content-section#weiterfuehrende-seiten a{display:block;padding:16px 18px;border:1px solid var(--line);background:var(--paper-alt)}
.content-section#weiterfuehrende-seiten a span{display:block;margin-top:6px;color:var(--muted);font:400 15px/1.55 "Source Serif 4", Georgia, "Times New Roman", serif}
.content-section .panel,.sidebar-block,.institute-facts{box-shadow:none}
@media (max-width:900px){
  .content-section[data-added="service-overview"] > div > div,
  .content-section#weiterfuehrende-seiten > div > div > div{grid-template-columns:1fr}
}


/* V4 on true V3 base: tighter sentence-level and overview alignment refinements */
.home-intro{align-items:start}
.intro-copy,.institute-facts,.page-intro,.page-article,.content-section,.content-section > div,.content-section > div > div{min-width:0}
.institute-facts,.sidebar-block,.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}
.content-section[data-added="service-overview"] > div{max-width:none}
.content-section[data-added="service-overview"] > div > div{grid-template-columns:repeat(2,minmax(320px,1fr));align-items:stretch}
.content-section[data-added="service-overview"] > div > div > div{gap:0;min-height:100%}
.content-section[data-added="service-overview"] > div > div > div > *{max-width:none;width:100%;margin-left:0;margin-right:0;text-align:left}
.content-section[data-added="service-overview"] > div > div > div h2{font-size:24px;line-height:1.18;text-wrap:pretty}
.content-section[data-added="service-overview"] > div > div > div p{margin:0 0 10px;max-width:none}
.content-section[data-added="service-overview"] > div > div > div ul{width:100%;margin:0;padding-left:20px}
.content-section[data-added="service-overview"] > div > div > div li{max-width:none;margin:0 0 8px}
.content-section#weiterfuehrende-seiten a strong,.content-section#weiterfuehrende-seiten a span{max-width:none}
.feature-item p,.feature-item h3{max-width:none;text-align:left}
@media (max-width:960px){
  .content-section[data-added="service-overview"] > div > div{grid-template-columns:1fr}
}



.content-section hr,.page-article hr,.home-page hr{border:0;border-top:1px solid var(--line);margin:32px 0 32px}
/* V4 trueV3d: header cleanup, mobile menu, fuller first-page sections */
.contact-strip{border-bottom:1px solid var(--line);background:var(--paper)}
.contact-strip-inner{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 0;font:500 13px/1.3 Arial, Helvetica, sans-serif;color:var(--muted)}
.contact-strip-inner a{color:var(--muted);text-decoration:none;white-space:nowrap}
.contact-strip-inner a:hover{text-decoration:underline}
.masthead-inner{align-items:flex-end}
.masthead-tools{display:flex;flex-direction:row;align-items:center;gap:10px}
.navband .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.menu-toggle{display:none;padding:10px 12px;border:1px solid var(--line-strong);background:var(--paper);font:600 12px/1 Arial, Helvetica, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.primary-nav{flex:1;justify-content:flex-start}
.page-article > .article-flow > .content-section:first-child > div{grid-template-columns:1fr !important}
.page-article > .article-flow > .content-section:first-child > div > div{max-width:72ch}
.page-article > .article-flow > .content-section:first-child[data-added="service-overview"] > div,
.page-article > .article-flow > .content-section:first-child[data-added="service-overview"] > div > div{max-width:none}
.page-article > .article-flow > .content-section:first-child[data-added="service-overview"] > div > div{grid-template-columns:repeat(2,minmax(320px,1fr)) !important}
@media (max-width:900px){
  .contact-strip-inner{justify-content:flex-start;flex-wrap:wrap;gap:8px}
}
@media (max-width:760px){
  .contact-strip-inner{padding:8px 0 7px;font-size:12px}
  .masthead-tools{width:100%}
  .navband .container{display:block;padding:0}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin:10px 14px}
  .primary-nav{display:none !important;grid-template-columns:1fr;background:var(--paper-alt);border-top:1px solid var(--line)}
  .primary-nav.is-open{display:grid !important}
  .primary-nav a{border-right:none;border-bottom:1px solid var(--line)}
  .header-search{width:100%}
  .page-article > .article-flow > .content-section:first-child[data-added="service-overview"] > div > div{grid-template-columns:1fr !important}
}


/* v4_trueV3e: width optimization, restrained format badges, certificate panel */

.home-page .content-section.single-column-section > div{grid-template-columns:1fr !important;max-width:none}
.home-page .content-section.single-column-section > div > div{max-width:none}
.home-page .content-section.single-column-section p,
.home-page .content-section.single-column-section li{max-width:none}

.page-article .content-section.single-column-section > div{grid-template-columns:1fr !important;max-width:none}
.page-article .content-section.single-column-section > div > div{max-width:none}
.page-article .content-section.full-width-focus p,
.page-article .content-section.full-width-focus li,
.page-article .content-section.profile-overview p,
.page-article .content-section.profile-overview li,
.page-article .content-section.profile-pubs p,
.page-article .content-section.profile-pubs li,
.page-article .content-section.single-column-section p,
.page-article .content-section.single-column-section li{max-width:none}

.profil-page .content-grid,
.standards-page .content-grid,
.publikationen-page .content-grid,
.auftraggeber-page .content-grid,
.bildidentifikation-page .content-grid,
.altersdiagnostik-page .content-grid{grid-template-columns:240px minmax(0,1fr);gap:44px}

.bildidentifikation-page .wide-balance-section > div{grid-template-columns:1fr !important;row-gap:18px}
.bildidentifikation-page .wide-balance-section > div > div{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.95fr);gap:26px;align-items:start}
.bildidentifikation-page .wide-balance-section > div > div > div{display:block}
.bildidentifikation-page .format-badge-grid{display:grid !important;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px 10px;margin-top:14px}
.bildidentifikation-page .format-badge{margin:0;padding:10px 12px;border:1px solid var(--line);background:#F3F5F8;min-height:0}
.bildidentifikation-page .format-badge h3{margin:0 0 4px;font:600 14px/1.25 Arial, Helvetica, sans-serif;color:#1F3B2D}
.bildidentifikation-page .format-badge p{margin:0;max-width:none;font-size:14px;line-height:1.45}
.bildidentifikation-page .format-badge code{font:600 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;background:transparent}
.bildidentifikation-page .format-badge span{display:block;margin-top:3px;color:var(--muted);font-size:13px}

.altersdiagnostik-page .page-intro-cert{padding-bottom:28px}
.altersdiagnostik-page .page-intro-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.55fr);gap:34px;align-items:start}
.altersdiagnostik-page .page-intro-main p{max-width:68ch}
.altersdiagnostik-page .page-intro-certbox{padding-top:4px}
.altersdiagnostik-page .cert-figure{margin:0;border:1px solid var(--line);background:#F3F5F8;padding:12px}
.altersdiagnostik-page .cert-figure img{width:100%;max-width:260px;max-height:320px;height:auto;object-fit:contain;margin:0 auto}
.altersdiagnostik-page .cert-figure figcaption{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.4;text-align:left}
.altersdiagnostik-page .cert-linkline{margin:10px 0 0;font:500 14px/1.45 Arial, Helvetica, sans-serif}

.auftraggeber-page .full-width-focus > div > div{max-width:none}
.auftraggeber-page .full-width-focus h2,
.auftraggeber-page .full-width-focus p,
.auftraggeber-page .full-width-focus li{max-width:none}

.profil-page .profile-overview > div{grid-template-columns:repeat(2,minmax(280px,1fr)) !important;row-gap:20px}
.profil-page .profile-overview > div > div:last-child{grid-column:1 / -1}
.profil-page .profile-pubs article{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.profil-page .profile-pubs article:last-of-type{margin-bottom:12px}
.profil-page .inline-note{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.profil-page .inline-note h3{margin:0 0 6px;font:600 13px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.profil-page .inline-note h2{display:none}
.profil-page .inline-note p{margin:0}

.publikationen-page .single-column-section > div > div > div{display:block}
.publikationen-page #relevante-publikationen article{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.publikationen-page #relevante-publikationen article:last-child{border-bottom:none}
.publikationen-page #relevante-publikationen span{display:block;color:var(--muted);font-size:15px;line-height:1.55}
.publikationen-page .balanced-two-column > div{grid-template-columns:repeat(2,minmax(280px,1fr)) !important}
.publikationen-page .balanced-two-column > div > div:first-child{grid-column:1 / -1}

@media (max-width:1100px){
  .bildidentifikation-page .format-badge-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}
}
@media (max-width:900px){
  .bildidentifikation-page .wide-balance-section > div > div,
  .altersdiagnostik-page .page-intro-grid,
  .profil-page .profile-overview > div,
  .publikationen-page .balanced-two-column > div{grid-template-columns:1fr !important}
}
@media (max-width:760px){
  .profil-page .content-grid,
  .standards-page .content-grid,
  .publikationen-page .content-grid,
  .auftraggeber-page .content-grid,
  .bildidentifikation-page .content-grid,
  .altersdiagnostik-page .content-grid{grid-template-columns:1fr;gap:28px}
  .bildidentifikation-page .format-badge-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}
}
@media (max-width:520px){
  .bildidentifikation-page .format-badge-grid{grid-template-columns:1fr 1fr}
}


/* v4_trueV3f: restore restrained hero media on subpages that previously carried images */
.page-intro.has-hero-media{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,28vw,380px);gap:34px;align-items:start}
.page-intro.has-hero-media .page-intro-copy{min-width:0}
.page-intro.has-hero-media .page-intro-copy p{max-width:68ch}
.page-intro-media{display:flex;justify-content:flex-start;align-items:flex-start;min-width:0}
.page-intro-visual{width:100%;max-width:100%;max-height:none;display:grid;gap:12px;justify-items:start}
.page-intro-visual img{display:block;width:100%;height:auto;max-width:100%;max-height:360px;object-fit:contain;border:1px solid var(--line);background:#F3F5F8;padding:8px}
.page-intro-visual.dual{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.page-intro-visual.dual img{width:100%;height:186px;max-height:186px}
.page-intro-visual.single img{width:100%;height:270px;max-height:270px}
.bildidentifikation-page .page-intro.has-hero-media{grid-template-columns:minmax(0,1fr) clamp(290px,29vw,390px)}
.bildidentifikation-page .page-intro-visual.dual{width:100%;max-width:100%}
.bildidentifikation-page .page-intro-visual.dual img{height:198px;max-height:198px}
.konvertierungen-page .page-intro-visual.single{width:100%;max-width:100%}
.konvertierungen-page .page-intro-visual.single img{height:290px;max-height:290px}
.skelettidentifikation-page .page-intro.has-hero-media{grid-template-columns:minmax(0,1fr) clamp(290px,29vw,390px)}
.skelettidentifikation-page .page-intro-visual.dual{width:100%;max-width:100%}
.skelettidentifikation-page .page-intro-visual.dual img{height:198px;max-height:198px}
@media (max-width:900px){
  .page-intro.has-hero-media{grid-template-columns:1fr;gap:20px}
  .page-intro-media{justify-content:flex-start}
  .page-intro-visual,.bildidentifikation-page .page-intro-visual.dual,.skelettidentifikation-page .page-intro-visual.dual{width:min(100%,360px);justify-items:start}
}


.site-footer{margin-top:20px;border-top:1px solid var(--line-strong);background:#F4F6F8;padding:34px 0 24px}
.footer-grid-rich{grid-template-columns:1.05fr 1.15fr .9fr .9fr;gap:34px}
.site-footer .footer-note{color:#5E6672;max-width:34ch}
.footer-bottom{display:flex;gap:12px;align-items:center;justify-content:flex-start;padding-top:18px;margin-top:18px;border-top:1px solid var(--line);color:#5E6672;font:500 12px/1.5 Arial, Helvetica, sans-serif}
.footer-bottom a{color:inherit}
.footer-separator{color:#7B877F}
@media (max-width:1100px){.footer-grid-rich{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.footer-bottom{flex-wrap:wrap;gap:8px}.footer-grid-rich{grid-template-columns:1fr}}


/* v4_trueV3h: width consolidation, stacked cards, restored hero captions */
.home-page .intro-copy h1{max-width:none;white-space:nowrap;text-wrap:nowrap}
.page-intro-media{align-self:start}
.page-intro-visual{display:grid;gap:12px}
.page-intro-visual.dual{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.page-intro-visual.single{grid-template-columns:1fr}
.hero-media-figure{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.hero-media-figure img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border:1px solid var(--line);background:#F3F5F8;padding:8px}
.page-intro-visual.dual .hero-media-figure img{height:208px;max-height:208px}
.page-intro-visual.single .hero-media-figure img{height:306px;max-height:306px}
.hero-media-figure figcaption{margin:0;color:var(--muted);font-size:13px;line-height:1.45;max-width:none}

/* Use the available article width consistently on desktop */
@media (min-width:761px){
  .page-article .article-flow > .content-section > div{grid-template-columns:1fr !important;max-width:none;column-gap:0;row-gap:18px}
  .page-article .article-flow > .content-section > div > div,
  .page-article .article-flow > .content-section > article{max-width:none;width:100%}
  .page-article .article-flow > .content-section p,
  .page-article .article-flow > .content-section li,
  .page-article .article-flow > .content-section h2,
  .page-article .article-flow > .content-section h3{max-width:none}

  .page-article .article-flow > .content-section[data-added="service-overview"] > div > div,
  .page-article .article-flow > .content-section#weiterfuehrende-seiten > div > div > div,
  .page-article .article-flow > .content-section .cards,
  .page-article .article-flow > .content-section .grid-2,
  .page-article .article-flow > .content-section .grid-3,
  .page-article .article-flow > .content-section .steps,
  .page-article .article-flow > .content-section .note-grid,
  .page-article .article-flow > .content-section .competence-grid,
  .page-article .article-flow > .content-section .split-list,
  .page-article .article-flow > .content-section .metrics{grid-template-columns:1fr !important}

  .page-article .article-flow > .content-section[data-added="service-overview"] > div > div > div,
  .page-article .article-flow > .content-section#weiterfuehrende-seiten a,
  .page-article .article-flow > .content-section .cards > *,
  .page-article .article-flow > .content-section .grid-2 > *,
  .page-article .article-flow > .content-section .grid-3 > *,
  .page-article .article-flow > .content-section .steps > *,
  .page-article .article-flow > .content-section .note-grid > *,
  .page-article .article-flow > .content-section .competence-grid > *,
  .page-article .article-flow > .content-section .split-list > *,
  .page-article .article-flow > .content-section .metrics > *{width:100%}

  .bildidentifikation-page .wide-balance-section > div > div{grid-template-columns:1fr !important;gap:18px}
  .bildidentifikation-page .format-badge-grid{grid-template-columns:repeat(4,minmax(120px,1fr)) !important}
  .auftraggeber-page .page-article .article-flow > .content-section#1-beweisfrage-klaeren{display:grid;gap:16px}
}
@media (max-width:1100px){
  .home-page .intro-copy h1{white-space:normal;text-wrap:balance}
  .bildidentifikation-page .format-badge-grid{grid-template-columns:repeat(3,minmax(110px,1fr)) !important}
}
@media (max-width:900px){
  .page-intro-visual.dual{grid-template-columns:1fr 1fr}
  .hero-media-figure figcaption{font-size:12.5px}
}
@media (max-width:760px){
  .home-page .intro-copy h1{white-space:normal;text-wrap:balance}
  .page-intro-visual.dual{grid-template-columns:1fr}
  .page-intro-visual.dual .hero-media-figure img,.page-intro-visual.single .hero-media-figure img{height:auto;max-height:220px}
  .bildidentifikation-page .format-badge-grid{grid-template-columns:repeat(2,minmax(110px,1fr)) !important}
}


/* v4_trueV3i: targeted horizontal media rows + sticky mobile header */
.befund-media-layout{display:grid;gap:16px}
.befund-media-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.befund-media-row > div{min-width:0}
.befund-media-note{max-width:none}
.compare-media-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:14px}
.compare-media-row figure,.befund-media-row figure{margin:0}
.compare-media-row .doc-image,.befund-media-row .doc-image{width:100%;max-width:none;height:190px;max-height:190px;object-fit:contain}
.compare-media-row figcaption,.befund-media-row figcaption{margin-top:8px}
@media (max-width:760px){
  .site-header{position:sticky;top:0;z-index:50;background:var(--paper)}
  .befund-media-row,.compare-media-row{grid-template-columns:1fr}
  .compare-media-row .doc-image,.befund-media-row .doc-image{height:auto;max-height:220px}
}


/* v4_trueV3k: mobile hero media below intro copy to avoid cramped narrow layouts */
@media (max-width:760px){
  .page-intro.has-hero-media{display:block !important}
  .page-intro.has-hero-media .page-intro-copy{display:block;width:100%;max-width:none}
  .page-intro.has-hero-media .page-intro-copy p,
  .page-intro.has-hero-media .page-intro-copy .lead{max-width:none}
  .page-intro.has-hero-media .page-intro-media{display:block;width:100%;margin-top:16px}
  .page-intro.has-hero-media .page-intro-visual,
  .bildidentifikation-page .page-intro-visual.dual,
  .skelettidentifikation-page .page-intro-visual.dual,
  .konvertierungen-page .page-intro-visual.single{width:100%;max-width:none;justify-items:start}
  .page-intro.has-hero-media .hero-media-figure{width:100%;max-width:100%}
  .page-intro.has-hero-media .page-intro-visual.single{grid-template-columns:1fr}
  .page-intro.has-hero-media .page-intro-visual.dual{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .page-intro.has-hero-media .page-intro-visual.dual .hero-media-figure img,
  .page-intro.has-hero-media .page-intro-visual.single .hero-media-figure img{width:100%;height:auto;max-height:200px}
}
@media (max-width:520px){
  .page-intro.has-hero-media .page-intro-visual.dual{grid-template-columns:1fr}
}


/* v4_trueV3l: working mobile header toggles */
.search-toggle{display:none;padding:10px 12px;border:1px solid var(--line-strong);background:var(--paper);font:600 12px/1 Arial, Helvetica, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.header-search-wrap{display:none;border-top:1px solid var(--line);background:var(--paper)}
.header-search-wrap.is-open{display:block}
.header-search-wrap .container{padding-top:12px;padding-bottom:12px}
.header-search-wrap .header-search{width:100%}
.header-search-wrap .header-search input{min-width:0;width:100%}
@media (max-width:760px){
  .masthead-tools{display:none}
  .navband .container{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 14px}
  .search-toggle,.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:40px;margin:0}
  .search-toggle{display:inline-flex}
  .navband{position:relative;z-index:120}
  .primary-nav{position:absolute;left:0;right:0;top:100%;z-index:125;box-shadow:0 10px 24px rgba(22,31,41,.08)}
}


/* v4_trueV3v: spacing rhythm, caption harmonisation, compact topic links */
.article-flow{gap:32px}
.content-section + .content-section{padding-top:32px}
.page-article .content-section > div{column-gap:28px;row-gap:20px}
.content-section h2{margin-bottom:10px}
.content-section h3{margin:22px 0 10px}
.content-section p,.content-section li{max-width:76ch}
.content-section figure,.hero-media-figure{margin:14px 0 0}
.content-section figcaption,.hero-media-figure figcaption{max-width:60ch;color:#5E6672;font-size:13px;line-height:1.55;margin-top:8px}
.compact-topic-links{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0 12px}
.compact-topic-links a{display:block;padding:14px 16px;border:1px solid var(--line);background:#F3F5F8;color:inherit}
.compact-topic-links a strong{display:block;margin:0 0 4px;font:600 17px/1.22 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy)}
.compact-topic-links a span{display:block;color:var(--muted);font:400 15px/1.52 "Source Serif 4", Georgia, "Times New Roman", serif;max-width:none}
.compact-topic-links a:hover strong{color:var(--navy)}
@media (max-width:780px){
  .content-section figcaption,.hero-media-figure figcaption{max-width:none}
  .compact-topic-links a{padding:13px 14px}
}


/* v4_trueV3y: final microtypography, tighter subpage intros, caption/svg harmonisation, uniform search alignment */
.masthead-inner{align-items:center}
.masthead-tools{min-width:240px;justify-content:flex-end}
.header-search,.header-search-wrap .header-search{display:flex;align-items:center}
.header-search input{height:40px;padding:0 12px}
.header-search button{height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}
.navband .container{align-items:center}
.search-toggle,.menu-toggle{vertical-align:middle}
.page-intro h1,.content-section h2,.content-section h3,.feature-item h3{text-wrap:balance}
.page-intro p,.content-section p,.content-section li{orphans:3;widows:3}
.page-article .content-section p + p{margin-top:14px}
.content-section ul li + li,.content-section ol li + li{margin-top:6px}
.content-section figure img[src$=".svg"]{width:min(100%,336px);height:auto;max-width:100%;margin:0 auto}
.content-section figure figcaption,.hero-media-figure figcaption{font:500 13px/1.55 Arial, Helvetica, sans-serif;letter-spacing:.01em;color:#5E6672;max-width:46ch}
@media (max-width:760px){
  .navband .container{min-height:60px}
  .header-search input,.header-search button,.search-toggle,.menu-toggle{height:40px}
}


/* Search page */
#search-page-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem; align-items:center; margin:1rem 0 1.1rem; }
#search-page-form input[type="search"] { min-width:0; }
#search-results { display:grid; gap:1rem; outline:none; }
.search-result-card { border:1px solid var(--line); background:var(--paper); padding:1rem 1.1rem; }
.search-result-card h3 { margin:0 0 .35rem; font-size:1.05rem; }
.search-result-description, .search-result-snippet, .search-result-url { margin:.35rem 0 0; }
.search-result-url { font-size:.92rem; color:var(--muted); }
.search-empty { border:1px solid var(--line); padding:1rem 1.1rem; background:var(--paper); }
mark { background:rgba(26,100,151,.12); color:inherit; padding:0 .08em; }
@media (max-width: 700px) { #search-page-form { grid-template-columns:1fr; } }


/* Publikationen: klarer getrennt, aber ohne Kastenoptik */
.publikationen-page .publication-groups{display:grid;gap:34px;margin-top:20px}
.publikationen-page .pub-group{padding:0;background:none;border:0}
.publikationen-page .pub-group h3{display:flex;align-items:baseline;gap:10px;margin:10px 0 18px;font-size:24px;font-weight:700;line-height:1.18;letter-spacing:.01em;color:var(--ink)}
.publikationen-page .pub-group h3::before{content:"—";flex:0 0 auto;color:var(--ink);font-weight:700;transform:translateY(-1px)}
.publikationen-page .pub-list{display:grid;gap:15px}
.publikationen-page .pub-card{padding:0;background:none;border:0}
.publikationen-page .pub-card p{margin:0;max-width:none;text-wrap:pretty}
.publikationen-page .pub-card strong{font-weight:700}
.publikationen-page .pub-card span{display:block;margin-top:6px;color:var(--muted);font-size:15px;line-height:1.55;max-width:none}
@media (max-width: 700px){
  .publikationen-page .publication-groups{gap:28px}
  .publikationen-page .pub-group h3{font-size:22px;margin:8px 0 14px;gap:8px}
  .publikationen-page .pub-list{gap:12px}
}


/* v4_trueV3zc: final clean-up for fall types, workflow and measurement-data pages */
.clean-stack-section > div{grid-template-columns:1fr !important;row-gap:18px}
.clean-stack-section > div > div{max-width:none}
.clean-stack-section h2{font-size:28px;line-height:1.14;margin-bottom:12px}
.clean-stack-section p,.clean-stack-section li{max-width:78ch}
.clean-stack-section ul,.clean-stack-section ol{margin:0;padding-left:22px}
.clean-stack-section > div > div + div{padding-top:6px}

.workflow-stack-section > div{grid-template-columns:1fr !important}
.workflow-stack{display:grid;gap:18px}
.workflow-item{padding:0 0 18px}
.workflow-item:last-child{padding-bottom:0}
.workflow-item h2{font-size:26px;margin-bottom:8px}
.workflow-item p{max-width:82ch}

.konvertierungen-page #umfang .lead-block{padding-bottom:6px}
.konvertierungen-page #umfang .formats-block{padding-top:2px}
.konvertierungen-page #umfang .formats-block > p:first-of-type{margin-top:0;margin-bottom:14px}
.konvertierungen-page .formats-clean-list{display:grid;grid-template-columns:1fr;gap:16px}
.konvertierungen-page .format-entry{padding-top:14px;border-top:1px solid var(--line)}
.konvertierungen-page .format-entry:first-child{padding-top:0;border-top:none}
.konvertierungen-page .format-entry h3{font-size:20px;line-height:1.2;margin:0 0 6px}
.konvertierungen-page .format-entry p{margin:0 0 8px;max-width:78ch}
.konvertierungen-page .format-entry p:first-of-type{font:600 13px/1.35 Arial, Helvetica, sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#5c6773}
.konvertierungen-page #praxisrelevante-hinweise > div > div + div,.konvertierungen-page #datenumgang > div > div + div,.fallarten-page .clean-stack-section > div > div + div{border-top:1px solid var(--line);padding-top:18px}
.konvertierungen-page #datenumgang a{margin-top:2px}

.fallarten-page .clean-stack-section h2{font-size:29px}
.fallarten-page .clean-stack-section ul{max-width:80ch}
.fallarten-page #praktischer-hinweis p + p{margin-top:10px}

@media (max-width:900px){
  .clean-stack-section h2,.fallarten-page .clean-stack-section h2{font-size:25px}
  .workflow-item h2{font-size:24px}
}


/* v4_trueV3zd: denser tablet navigation so header stays on one row on iPad */
@media (max-width:1080px) and (min-width:761px){
  .container{width:min(var(--max),calc(100% - 32px));}
  .navband .container{padding-left:0;padding-right:0;gap:0;}
  .primary-nav{flex-wrap:nowrap;justify-content:flex-start;}
  .primary-nav a{padding:11px 9px;font-size:11px;letter-spacing:.055em;white-space:nowrap;}
  .primary-nav a[aria-current="page"]{padding-top:8px;}
}
@media (max-width:920px){
  .masthead-tools{display:none;}
  .navband .container{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 14px;}
  .search-toggle,.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:40px;margin:0;}
  .search-toggle{display:inline-flex;}
  .navband{position:relative;z-index:120;}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:125;box-shadow:0 10px 24px rgba(22,31,41,.08);}
  .primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;background:var(--paper);border-top:1px solid var(--line);}
  .primary-nav a{border-right:none;border-bottom:1px solid var(--line);padding:12px 16px;font-size:12px;letter-spacing:.08em;}
  .primary-nav a[aria-current="page"]{border-left:none;border-right:none;padding-top:9px;}
}


/* refined list consistency */
.content-section ul,
.content-section ol{
  margin:12px 0 8px;
  padding-left:1.45rem;
}
.content-section li + li{margin-top:8px;}
.content-section ul li,
.content-section ol li{
  line-height:1.7;
}
.content-section p + ul,
.content-section p + ol,
.content-section ul + p,
.content-section ol + p{
  margin-top:12px;
}
.page-sidebar ol,
.page-sidebar ul{
  margin:10px 0 0;
  padding-left:1.2rem;
}
.page-sidebar li + li{margin-top:7px;}

.priority-list-section > div{
  grid-template-columns:1.05fr .95fr;
  column-gap:32px;
  row-gap:24px;
  align-items:start;
}
.priority-list{
  list-style:decimal;
  padding-left:1.5rem;
  margin:14px 0 0;
}
.priority-list li{
  display:list-item;
  padding:0;
  border:0;
  font-size:inherit;
  line-height:1.7;
}
.priority-list li::before{content:none;}
.priority-list-section h2{margin-bottom:10px;}
.priority-list-section ul{margin-top:14px;}
@media (max-width: 1050px){
  .priority-list-section > div{grid-template-columns:1fr;}
}


/* final home section spacing repair */
.home-page .home-areas{margin-bottom:32px;}
.home-page .home-areas + .content-section{margin-top:22px;padding-top:0;border-top:0;}
.home-page .content-section{margin-top:32px;}
.home-page .content-section + .content-section{padding-top:0;margin-top:32px;border-top:0;}
.home-page .content-section > div{row-gap:28px;}
.home-page .content-section > div > div{padding-top:2px;}
.home-page .content-section h2{margin:0 0 12px;}
.home-page .content-section p + ul,
.home-page .content-section p + ol{margin-top:14px;}
.home-page .content-section ul + p,
.home-page .content-section ol + p{margin-top:14px;}

.home-page .content-section{padding-top:0;}
.home-page .content-section > div > div{padding-top:0;}
.home-page .compact-topic-links{margin-top:18px;display:grid;gap:10px;}
.home-page .compact-topic-links a{display:block;padding:10px 0;border:0;background:transparent;text-decoration:none;color:inherit;}
.home-page .compact-topic-links a + a{border-top:1px solid var(--line);}
.home-page .compact-topic-links strong{display:block;font:600 17px/1.25 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy);}
.home-page .compact-topic-links span{display:block;margin-top:4px;color:#5E6672;font-size:15px;line-height:1.5;}
.home-page .content-section figure{margin-top:16px;}

.home-links .compact-topic-links-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.home-links .compact-topic-links-inline a{display:block;padding:0;border:0;background:transparent;text-decoration:none;color:inherit;}
.home-links .compact-topic-links-inline strong{display:block;font:600 17px/1.25 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy);}
.home-links .compact-topic-links-inline span{display:block;margin-top:4px;color:#5E6672;font-size:15px;line-height:1.5;}
@media (max-width: 900px){.home-links .compact-topic-links-inline{grid-template-columns:1fr;gap:12px;}}


.home-inline-links{margin:28px 0 0}
.home-inline-links .compact-topic-links-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-inline-links .compact-topic-links-inline a{display:block;padding:16px 18px;border:1px solid var(--line);background:#F3F5F8}
.home-inline-links .compact-topic-links-inline a strong{display:block}
.home-inline-links .compact-topic-links-inline a span{display:block;margin-top:6px;color:var(--muted);font:400 15px/1.55 "Source Serif 4", Georgia, "Times New Roman", serif}
@media (max-width:900px){.home-inline-links .compact-topic-links-inline{grid-template-columns:1fr}}


/* v4_trueV3zut: captions sit directly under each image/schema block */
.content-section figure,
.hero-media-figure,
.compare-media-row figure,
.befund-media-row figure,
.cert-figure{display:flex;flex-direction:column;align-items:center;max-width:100%;}
.content-section figure img,
.hero-media-figure img,
.compare-media-row figure img,
.befund-media-row figure img,
.cert-figure img{display:block;margin-left:auto;margin-right:auto;}
.content-section figure figcaption,
.hero-media-figure figcaption,
.compare-media-row figcaption,
.befund-media-row figcaption,
.cert-figure figcaption{width:100%;max-width:100%;margin-top:8px;text-align:left;}
.content-section figure img[src$=".svg"] + figcaption{max-width:min(100%,336px);}
@media (max-width:760px){
  .content-section figure figcaption,
  .hero-media-figure figcaption,
  .compare-media-row figcaption,
  .befund-media-row figcaption,
  .cert-figure figcaption{max-width:none;}
}


/* 2026-03 consolidated fixes: stable header/search behavior and safer mobile layout */
.site-header{isolation:isolate}
.primary-nav a:focus-visible,.menu-toggle:focus-visible,.search-toggle:focus-visible,.header-search input:focus-visible,.header-search button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.page-article,.content-section,.workflow-item,.feature-item,.sidebar-block{overflow-wrap:anywhere}
@media (max-width:760px){.site-header{position:sticky;top:0;z-index:120}.navband .container{min-height:60px}.primary-nav{max-height:calc(100vh - 70px);overflow:auto}.header-search-wrap{position:relative;z-index:124}}



/* final actual forest/ink scheme */
body{background:var(--paper);color:var(--ink);line-height:1.7}
a{color:var(--navy)}
a:hover{color:var(--accent)}
.site-header{border-bottom:1px solid var(--line-strong);background:var(--paper)}
.masthead{background:var(--paper);border-bottom:1px solid var(--line-strong)}
.contact-strip{background:var(--sidebar);border-bottom:1px solid var(--line-strong)}
.brandline,.eyebrow,.fact-label,.sidebar-block h2,.site-footer h2,.content-section[data-added="service-overview"] > div > p,.content-section[data-added="next-step"] p:first-child,.content-section .kicker-row span{color:var(--accent)}
.brandname,.fact strong,.section-head h2,.home-links h2,.content-section>h2,.content-section h2,.feature-item h3,.sidebar-block a,.masthead-tools > a,.masthead-tools > span{color:var(--navy)}
.brandsub,.masthead-tools,.contact-strip-inner,.section-head p,.site-footer p,.site-footer li,.sidebar-block p,.feature-item p{color:var(--muted)}
.header-search input{border:1px solid var(--line-strong);background:#FFFFFF}
.header-search button,.menu-toggle{background:var(--navy);color:#FFFFFF;border-color:var(--navy)}
.header-search button:hover,.menu-toggle:hover{background:#2A4B39;border-color:#2A4B39;text-decoration:none}
.navband{background:#F3F5F8;border-bottom:1px solid var(--line-strong)}
.primary-nav a{color:var(--navy);border-right:1px solid var(--line);background:transparent}
.primary-nav a:hover{background:#E7ECE5;text-decoration:none}
.primary-nav a[aria-current="page"]{background:#FFFFFF;border-top:4px solid var(--accent);color:var(--navy)}
h1{font-size:48px;line-height:1.06;color:var(--navy);margin:0 0 18px}
.page-intro h1{font-size:43px}
.section-head h2,.home-links h2,.content-section>h2,.content-section h2{font-size:30px;line-height:1.14;color:var(--navy);margin:0 0 10px}
.content-section h3{font:600 19px/1.28 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy);margin:24px 0 10px}
.lead{font-size:20px;line-height:1.68;color:#3E4A57}
.institute-facts{border-left:4px solid var(--navy);background:var(--sidebar)}
.feature-item{border:1px solid var(--line-strong);border-top:4px solid var(--accent);background:#FFFFFF}
.sidebar-block,.content-section .panel,.content-section[data-added="service-overview"] > div > div > div,.content-section[data-added="next-step"] > div > div,.content-section#weiterfuehrende-seiten a{background:var(--paper-alt);border-color:var(--line)}
.content-section .panel{border-left:5px solid var(--accent)}
.content-section .anchor-nav a,.content-section .related-links a,.content-section[data-added="next-step"] a{border:1px solid var(--line-strong);background:#FFFFFF;color:var(--navy)}
.content-section .anchor-nav a:hover,.content-section .related-links a:hover,.content-section[data-added="next-step"] a:hover,.content-section#weiterfuehrende-seiten a:hover{background:#E7ECE5;text-decoration:none}
hr,.section-divider,.fact,.link-columns li,.content-section .table-row,.content-section + .content-section,.page-intro,.home-intro,.home-links{border-color:var(--line)}
@media (max-width:760px){h1{font-size:38px}.page-intro h1{font-size:35px}.section-head h2,.home-links h2,.content-section>h2,.content-section h2{font-size:26px}.content-section h3,.feature-item h3{font-size:19px}}

.primary-nav a:hover{background:#FFFFFF;color:var(--navy);text-decoration:none}

button:hover,.header-search button:hover,.menu-toggle:hover,.content-section[data-added="next-step"] a:hover,.content-section .anchor-nav a:hover,.content-section .related-links a:hover{background:#EAF2F8;color:var(--navy);text-decoration:none}

.site-footer{background:#F3F5F8;border-top:1px solid var(--line-strong);padding:28px 0 34px;margin-top:10px}


/* UKJ-inspired blue/grey reset */
.brandline,.brandname,.brandsub{color:#111111 !important;}
.brandmark,.brandmark:hover,.brandmark:visited{color:#111111 !important;text-decoration:none;}
.site-header,.masthead,.contact-strip{background:#FFFFFF !important;}
.navband,.header-search-wrap{background:#F3F5F8 !important;}
.primary-nav a:hover{background:#FFFFFF;color:var(--navy);text-decoration:none;}
.section-head h2,.home-links h2,.content-section>h2,.content-section h2,.content-section h3,h1,.fact strong,.feature-item h3,a{color:var(--navy);}
.sidebar-block,.institute-facts,.content-section .panel,.content-section[data-added="service-overview"] > div > div > div,.content-section[data-added="next-step"] > div > div,.content-section#weiterfuehrende-seiten a,.altersdiagnostik-page .cert-figure,.bildidentifikation-page .format-badge,.page-intro-visual img,.site-footer{background:#F3F5F8;}
.site-footer{border-top:1px solid var(--line-strong);}

/* Final palette override: UKJ-inspired white / cool gray / medium blue */
:root{
  --ink:#1F2730;
  --muted:#5B6775;
  --line:#D8DEE5;
  --line-strong:#C7D0DA;
  --paper:#FFFFFF;
  --paper-alt:#F1F4F7;
  --accent:#3B7DBA;
  --navy:#3B7DBA;
  --sidebar:#EEF2F5;
}

body{background:var(--paper);color:var(--ink)}
a{color:var(--navy)}
a:hover{text-decoration:underline}

.brandline,.brandname,.brandsub,
.brandmark,.brandmark:hover,.brandmark:visited{
  color:#111111 !important;
  text-decoration:none;
}

.site-header,.masthead,.contact-strip{background:#FFFFFF !important}
.navband,.header-search-wrap{background:#F1F4F7 !important;border-bottom:1px solid var(--line-strong)}
.primary-nav a{color:var(--ink);border-right:1px solid var(--line)}
.primary-nav a:hover{background:#EDF2F7 !important;color:var(--navy) !important;text-decoration:none}
.primary-nav a[aria-current="page"]{background:#FFFFFF !important;color:var(--navy) !important;border-top:4px solid var(--accent)}

h1,.section-head h2,.home-links h2,.content-section>h2,.content-section h2,.content-section h3,.feature-item h3,.fact strong{
  color:var(--navy) !important;
}

.lead,.brandsub{color:#3C4755}
.eyebrow,.fact-label,.site-footer h2,.sidebar-block h2,.content-section .kicker-row span,.content-section[data-added="service-overview"] > div > p,.content-section[data-added="next-step"] p:first-child{color:var(--muted)}

.header-search input{background:#FFFFFF;border:1px solid var(--line-strong)}
.header-search button,.menu-toggle{
  background:var(--navy) !important;
  border-color:var(--navy) !important;
  color:#FFFFFF !important;
}
.header-search button:hover,.menu-toggle:hover{
  background:#2F6DA7 !important;
  border-color:#2F6DA7 !important;
  color:#FFFFFF !important;
  text-decoration:none;
}

.sidebar-block,.institute-facts,.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .format-badge,
.page-intro-visual img,
.site-footer,
.hero-media-figure img,
.compact-topic-links a,
.home-inline-links .compact-topic-links-inline a{
  background:var(--paper-alt) !important;
}

.sidebar-block,.institute-facts,.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .format-badge,
.page-intro-visual img,
.hero-media-figure img,
.compact-topic-links a,
.home-inline-links .compact-topic-links-inline a,
.feature-item,
.content-section .anchor-nav a,
.content-section .related-links a,
.content-section[data-added="next-step"] a{
  border-color:var(--line-strong) !important;
}

.feature-item{background:#FFFFFF !important;border-top:4px solid var(--accent) !important}
.content-section .anchor-nav a,.content-section .related-links a,.content-section[data-added="next-step"] a{
  background:#FFFFFF !important;
  color:var(--navy) !important;
}
.content-section .anchor-nav a:hover,.content-section .related-links a:hover,.content-section[data-added="next-step"] a:hover,.content-section#weiterfuehrende-seiten a:hover{
  background:#EDF2F7 !important;
  color:var(--navy) !important;
  text-decoration:none;
}

.bildidentifikation-page .format-badge h3{color:var(--navy) !important}
.site-footer p,.site-footer li,.footer-bottom,.site-footer .footer-note,.content-section figcaption,.hero-media-figure figcaption,.feature-item p,.sidebar-block p{color:var(--muted) !important}
.footer-separator{color:#7B8795 !important}

/* 2026-03-27 FINAL UKJ-targeted reset: clear blue + neutral greys only */
:root{
  --ink:#1F242A;
  --muted:#585F68;
  --line:#D9D9D9;
  --line-strong:#B8B8B8;
  --paper:#FFFFFF;
  --paper-alt:#F2F2F2;
  --sidebar:#ECECEC;
  --accent:#005EA8;
  --navy:#005EA8;
}

html,body{background:#FFFFFF !important;color:var(--ink) !important;}

.site-header,
.masthead,
.contact-strip,
.header-search-wrap{background:#FFFFFF !important;}

.navband{background:#F2F2F2 !important;border-bottom:1px solid #B8B8B8 !important;}

.brandmark,
.brandmark:hover,
.brandmark:visited,
.brandline,
.brandname,
.brandsub{color:#111111 !important;text-decoration:none !important;}

.masthead-tools,
.masthead-tools > a,
.masthead-tools > span,
.contact-strip-inner,
.contact-strip-inner a{color:#4A4A4A !important;}

h1,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.feature-item h3,
.fact strong,
.bildidentifikation-page .format-badge h3,
.page-intro h1,
.site-footer a,
a{color:#005EA8 !important;}

.primary-nav a{color:#222222 !important;background:transparent !important;border-right:1px solid #D9D9D9 !important;}
.primary-nav a:hover{background:#EAEAEA !important;color:#005EA8 !important;text-decoration:none !important;}
.primary-nav a[aria-current="page"]{background:#FFFFFF !important;color:#005EA8 !important;border-top:4px solid #005EA8 !important;border-left:1px solid #D9D9D9 !important;border-right:1px solid #D9D9D9 !important;}

.eyebrow,
.fact-label,
.sidebar-block h2,
.site-footer h2,
.content-section .kicker-row span,
.content-section[data-added="service-overview"] > div > p,
.content-section[data-added="next-step"] p:first-child{color:#5F5F5F !important;}

.lead{color:#3F4852 !important;}

.header-search input{background:#FFFFFF !important;border:1px solid #B8B8B8 !important;}
.header-search button,
.menu-toggle,
.search-toggle{
  background:#005EA8 !important;
  border:1px solid #005EA8 !important;
  color:#FFFFFF !important;
}
.header-search button:hover,
.menu-toggle:hover,
.search-toggle:hover{
  background:#004C86 !important;
  border-color:#004C86 !important;
  color:#FFFFFF !important;
  text-decoration:none !important;
}

.sidebar-block,
.institute-facts,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .format-badge,
.page-intro-visual img,
.hero-media-figure img,
.compact-topic-links a,
.home-inline-links .compact-topic-links-inline a,
.site-footer{
  background:#F2F2F2 !important;
}

.feature-item,
.content-section .anchor-nav a,
.content-section .related-links a,
.content-section[data-added="next-step"] a{
  background:#FFFFFF !important;
}

.sidebar-block,
.institute-facts,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .format-badge,
.page-intro-visual img,
.hero-media-figure img,
.compact-topic-links a,
.home-inline-links .compact-topic-links-inline a,
.feature-item,
.content-section .anchor-nav a,
.content-section .related-links a,
.content-section[data-added="next-step"] a,
.site-footer,
.content-section .doc-image{
  border-color:#D9D9D9 !important;
}

.institute-facts{border-left:4px solid #005EA8 !important;}
.feature-item{border-top:4px solid #005EA8 !important;}
.content-section .panel{border-left:5px solid #005EA8 !important;}

.site-footer{
  background:#E6E6E6 !important;
  border-top:1px solid #B8B8B8 !important;
}
.site-footer h2{color:#4A4A4A !important;}
.site-footer p,
.site-footer li,
.site-footer .footer-note,
.footer-bottom,
.content-section figcaption,
.hero-media-figure figcaption,
.feature-item p,
.sidebar-block p,
.brandsub{color:#5A5A5A !important;}
.footer-bottom{border-top:1px solid #C8C8C8 !important;}
.footer-separator{color:#7A7A7A !important;}

hr,
.section-divider,
.fact,
.link-columns li,
.content-section .table-row,
.content-section + .content-section,
.page-intro,
.home-intro,
.home-links,
.site-header,
.masthead,
.contact-strip{border-color:#D9D9D9 !important;}

/* Final marine-blue adjustment requested by user */
:root{
  --ink:#1F242A;
  --muted:#5A5F66;
  --line:#D9D9D9;
  --line-strong:#BDBDBD;
  --paper:#FFFFFF;
  --paper-alt:#F2F2F2;
  --sidebar:#ECECEC;
  --accent:#004B8D;
  --navy:#004B8D;
}

html,body{background:#FFFFFF !important;color:var(--ink) !important;}
.brandline,.brandname,.brandsub,.brandmark,.brandmark:hover,.brandmark:visited{color:#111111 !important;text-decoration:none !important;}

h1,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.fact strong,
.feature-item h3,
.compact-topic-links a strong,
.home-page .compact-topic-links strong,
.home-links .compact-topic-links-inline strong,
a,
.sidebar-block a,
.masthead-tools > a,
.masthead-tools > span{color:#004B8D !important;}

.header-search button,
.menu-toggle{background:#004B8D !important;border-color:#004B8D !important;color:#FFFFFF !important;}
.header-search button:hover,
.menu-toggle:hover{background:#003B70 !important;border-color:#003B70 !important;color:#FFFFFF !important;}

.navband{background:#F2F2F2 !important;border-bottom:1px solid #BDBDBD !important;}
.primary-nav a{color:#222222 !important;background:transparent !important;border-right:1px solid #D9D9D9 !important;}
.primary-nav a:hover{background:#EAEAEA !important;color:#004B8D !important;text-decoration:none !important;}
.primary-nav a[aria-current="page"]{background:#FFFFFF !important;color:#004B8D !important;border-top:4px solid #004B8D !important;border-left:1px solid #D9D9D9 !important;border-right:1px solid #D9D9D9 !important;}

.sidebar-block,
.institute-facts,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .format-badge,
.page-intro-visual img,
.hero-media-figure img,
.compact-topic-links a,
.home-inline-links .compact-topic-links-inline a{background:#F2F2F2 !important;}

.site-footer{background:#E3E3E3 !important;border-top:1px solid #B0B0B0 !important;}
.site-footer h2{color:#404040 !important;}
.site-footer p,
.site-footer li,
.site-footer .footer-note,
.footer-bottom,
.content-section figcaption,
.hero-media-figure figcaption,
.feature-item p,
.sidebar-block p,
.brandsub{color:#5A5A5A !important;}
.footer-bottom{border-top:1px solid #C8C8C8 !important;}
.footer-separator{color:#7A7A7A !important;}

.institute-facts{border-left:4px solid #004B8D !important;}
.feature-item{border-top:4px solid #004B8D !important;}
.content-section .panel{border-left:5px solid #004B8D !important;}

hr,
.section-divider,
.fact,
.link-columns li,
.content-section .table-row,
.content-section + .content-section,
.page-intro,
.home-intro,
.home-links,
.site-header,
.masthead,
.contact-strip{border-color:#D9D9D9 !important;}



/* 2026-03-27 search-button blue header correction */
:root{
  --navy:#3B7DBA;
  --accent:#3B7DBA;
  --ink:#1F242A;
  --muted:#5B6775;
  --line:#D8DEE5;
  --line-strong:#C7D0DA;
  --paper:#FFFFFF;
  --paper-alt:#F3F4F6;
  --sidebar:#F0F1F3;
}

/* header + logo in same blue as SUCHEN button */
.brandmark img{
  filter:none !important;
}
.brandline,
.brandname,
.brandsub,
.brandmark,
.brandmark:hover,
.brandmark:visited,
.masthead-tools,
.masthead-tools > a,
.masthead-tools > span,
.contact-strip-inner,
.contact-strip-inner a{
  color:var(--navy) !important;
}

.site-header,
.masthead,
.contact-strip{
  background:#FFFFFF !important;
}

.navband,
.header-search-wrap{
  background:#F3F4F6 !important;
  border-bottom:1px solid var(--line-strong);
}

.header-search button,
.menu-toggle{
  background:var(--navy) !important;
  border-color:var(--navy) !important;
  color:#FFFFFF !important;
}

.header-search button:hover,
.menu-toggle:hover{
  background:#2F6EA7 !important;
  border-color:#2F6EA7 !important;
}

.primary-nav a{
  color:var(--navy) !important;
}

.primary-nav a[aria-current="page"]{
  color:var(--navy) !important;
  border-top:4px solid var(--navy) !important;
}

/* keep page hierarchy blue */
h1,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.fact strong,
.feature-item h3,
a{
  color:var(--navy);
}

/* neutral grays, no blue-gray drift in surfaces */
.navband,
.site-footer{
  background:#F3F4F6 !important;
}
.sidebar-block,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.institute-facts{
  background:#F0F1F3 !important;
}

/* 2026-03-27 marine correction: use dark marine from search button across full header */
:root{
  --navy:#004B8D !important;
  --accent:#004B8D !important;
  --line:#D9D9D9 !important;
  --line-strong:#BDBDBD !important;
  --paper:#FFFFFF !important;
  --paper-alt:#F2F2F2 !important;
  --sidebar:#F5F5F5 !important;
}
.site-header,.masthead,.contact-strip,.header-search-wrap{background:#FFFFFF !important;}
.navband{background:#F2F2F2 !important;border-bottom:1px solid #BDBDBD !important;}
.brandmark img{filter:none !important;}
.brandline,.brandname,.brandsub,.brandmark,.brandmark:hover,.brandmark:visited,
.contact-strip a,.contact-strip span,.masthead-tools > a,.masthead-tools > span,
.primary-nav a,.primary-nav a:hover,.primary-nav a[aria-current="page"],
.search-toggle,.menu-toggle{color:#004B8D !important;}
.header-search button,.header-search button:hover,.search-toggle,.menu-toggle{background:#004B8D !important;border-color:#004B8D !important;color:#FFFFFF !important;}
.primary-nav a[aria-current="page"]{border-top:4px solid #004B8D !important;background:#FFFFFF !important;}
.primary-nav a:hover{background:#EAEAEA !important;}
a,.section-head h2,.home-links h2,.content-section>h2,.content-section h2,.content-section h3,h1,.fact strong,.feature-item h3{color:#004B8D;}


/* 2026-03-27 final header/logo correction */
:root{
  --header-marine: #004B8D;
  --header-gray-100: #FFFFFF;
  --header-gray-150: #F5F5F5;
  --header-gray-200: #ECECEC;
  --header-gray-300: #D6D6D6;
  --header-gray-700: #4A4A4A;
}
.site-header,
.masthead,
.contact-strip,
.header-search-wrap{
  background: var(--header-gray-100) !important;
}
.navband{
  background: var(--header-gray-150) !important;
  border-top: 1px solid var(--header-gray-200) !important;
  border-bottom: 1px solid var(--header-gray-300) !important;
}
.brandmark img{
  display:block;
  width:auto;
  height:auto;
  max-height:92px;
  filter:none !important;
}
.brandline,
.brandname,
.brandsub,
.contact-strip a,
.contact-strip span,
.masthead-tools > a,
.masthead-tools > span,
.primary-nav a,
.primary-nav a:hover,
.primary-nav a[aria-current="page"],
.search-toggle{
  color: var(--header-marine) !important;
}
.header-search button,
.header-search button:hover,
.menu-toggle,
.menu-toggle:hover,
.search-toggle:hover{
  background: var(--header-marine) !important;
  border-color: var(--header-marine) !important;
  color:#FFFFFF !important;
}
.primary-nav a{
  border-right:1px solid var(--header-gray-300) !important;
}
.primary-nav a[aria-current="page"]{
  border-top:4px solid var(--header-marine) !important;
  background:#FFFFFF !important;
}
.primary-nav a:hover{
  background: #EEEEEE !important;
}


/* 2026-03-27 darker marine refinement */
:root{
  --accent:#003B75 !important;
  --navy:#003B75 !important;
  --ink:#22252A !important;
  --muted:#5A626D !important;
  --line:#D9DDE2 !important;
  --line-strong:#C8CED6 !important;
  --paper:#FFFFFF !important;
  --paper-alt:#F1F3F5 !important;
  --sidebar:#F1F3F5 !important;
}
html,body{background:#FFFFFF !important;color:var(--ink) !important;}
a,
h1,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.fact strong,
.feature-item h3,
.compact-topic-links a strong,
.bildidentifikation-page .format-badge h3{color:var(--navy) !important;}
.brandline,
.brandname,
.brandsub,
.brandmark,
.brandmark:hover,
.brandmark:visited,
.masthead-tools,
.masthead-tools a,
.masthead-tools > span,
.contact-strip-inner a{color:var(--navy) !important;text-decoration:none !important;}
.header-search button,
.header-search button:hover,
.search-toggle,
.search-toggle:hover,
.menu-toggle,
.menu-toggle:hover{
  background:var(--navy) !important;
  border-color:var(--navy) !important;
  color:#FFFFFF !important;
}
.primary-nav a{color:var(--ink) !important;background:transparent !important;border-right:1px solid var(--line) !important;}
.primary-nav a:hover{background:#EEF2F6 !important;color:var(--navy) !important;text-decoration:none !important;}
.primary-nav a[aria-current="page"]{
  background:#FFFFFF !important;
  color:var(--navy) !important;
  border-top:4px solid var(--navy) !important;
  border-left:1px solid var(--line) !important;
  border-right:1px solid var(--line) !important;
}
.navband,
.contact-strip,
.masthead,
.site-header{border-color:var(--line-strong) !important;}
.navband{background:#F1F3F5 !important;}
.sidebar-block,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.bildidentifikation-page .format-badge,
.institute-facts{background:var(--paper-alt) !important;border-color:var(--line) !important;}
.site-footer,
.site-footer *{border-color:var(--line) !important;}


/* 2026-03-27 cleaner saturated marine refinement */
:root{--accent:#0057A8 !important;--navy:#0057A8 !important;}
a,h1,.section-head h2,.home-links h2,.content-section>h2,.content-section h2,.content-section h3,.fact strong,.feature-item h3,.compact-topic-links a strong,.bildidentifikation-page .format-badge h3{color:var(--navy) !important;}
.brandline,.brandname,.brandsub,.brandmark,.brandmark:hover,.brandmark:visited,.masthead-tools,.masthead-tools a,.masthead-tools > span,.contact-strip-inner a,.contact-strip-inner span,.search-toggle{color:var(--navy) !important;text-decoration:none !important;}
.header-search button,.header-search button:hover,.search-toggle:hover,.menu-toggle,.menu-toggle:hover{background:var(--navy) !important;border-color:var(--navy) !important;color:#FFFFFF !important;}
.primary-nav a:hover{background:#E9F0F8 !important;color:var(--navy) !important;text-decoration:none !important;}
.content-section .panel{border-left-color:var(--navy) !important;}
.feature-item,.primary-nav a[aria-current="page"]{border-top-color:var(--navy) !important;}
.header-search input:focus-visible,.header-search button:focus-visible,.menu-toggle:focus-visible,.search-toggle:focus-visible,.primary-nav a:focus-visible{outline-color:#004B91 !important;}



/* final marine adjustment: slightly darker, cleaner, fully applied to header + subpage headings */
:root{
  --accent:#004D95 !important;
  --navy:#004D95 !important;
}
a,
h1,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.fact strong,
.feature-item h3,
.sidebar-block a,
.page-intro h1{
  color:var(--navy) !important;
}
.brandmark,
.brandmark:hover,
.brandmark:visited,
.brandline,
.brandname,
.brandsub,
.masthead-tools,
.masthead-tools a,
.masthead-tools span{
  color:var(--navy) !important;
}
.brandline{opacity:1 !important;}
.header-search button,
.header-search button:hover,
.search-toggle,
.search-toggle:hover,
.menu-toggle,
.menu-toggle:hover{
  background:var(--navy) !important;
  border-color:var(--navy) !important;
  color:#FFFFFF !important;
}
.header-search input:focus-visible,
.header-search button:focus-visible,
.menu-toggle:focus-visible,
.search-toggle:focus-visible,
.primary-nav a:focus-visible{
  outline-color:var(--navy) !important;
}
.primary-nav a:hover{
  color:var(--navy) !important;
}
.primary-nav a[aria-current="page"]{
  color:var(--navy) !important;
  border-top-color:var(--navy) !important;
}
.institute-facts{border-left-color:var(--navy) !important;}
.feature-item{border-top-color:var(--navy) !important;}
.content-section .panel{border-left-color:var(--navy) !important;}
.bildidentifikation-page .format-badge h3{color:var(--navy) !important;}




/* Final institutional navy override: established dark blue suited for fine-line logos */
:root{
  --established-navy:#003B78;
  --established-navy-hover:#002F61;
  --established-gray-50:#FFFFFF;
  --established-gray-100:#F5F5F5;
  --established-gray-200:#ECECEC;
  --established-gray-300:#D6D6D6;
  --established-gray-700:#4A4A4A;
  --navy:#003B78 !important;
  --accent:#003B78 !important;
  --paper:#FFFFFF !important;
  --paper-alt:#F5F5F5 !important;
  --sidebar:#ECECEC !important;
  --line:#D6D6D6 !important;
  --line-strong:#BDBDBD !important;
  --ink:#1F242A !important;
  --muted:#5A5F66 !important;
}

html,body{background:#FFFFFF !important;color:var(--ink) !important;}
.site-header,.masthead,.contact-strip,.header-search-wrap{background:#FFFFFF !important;}
.navband{background:#F5F5F5 !important;border-bottom:1px solid #BDBDBD !important;}
.primary-nav a{color:#222222 !important;background:transparent !important;border-right:1px solid #D6D6D6 !important;}
.primary-nav a:hover{background:#ECECEC !important;color:var(--established-navy) !important;text-decoration:none !important;}
.primary-nav a[aria-current="page"]{background:#FFFFFF !important;color:var(--established-navy) !important;border-top:4px solid var(--established-navy) !important;border-left:1px solid #D6D6D6 !important;border-right:1px solid #D6D6D6 !important;}

.header-search button,
.header-search button:hover,
.menu-toggle,
.menu-toggle:hover,
.search-toggle{
  background:var(--established-navy) !important;
  border-color:var(--established-navy) !important;
  color:#FFFFFF !important;
}

.brandline,.brandname,.brandsub,.brandmark,.brandmark:hover,.brandmark:visited,
.contact-strip-inner a,.masthead-tools > span{
  color:var(--established-navy) !important;
  text-decoration:none !important;
}

h1,h2,h3,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.fact strong,
.feature-item h3,
a{
  color:var(--established-navy) !important;
}

a:hover{color:var(--established-navy-hover) !important;}

.feature-item{border-top:4px solid var(--established-navy) !important;}
.institute-facts{border-left:4px solid var(--established-navy) !important;}
.content-section .panel{border-left:5px solid var(--established-navy) !important;}

.sidebar-block,
.institute-facts,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .format-badge,
.page-intro-visual img,
.site-footer,
.home-inline-links .compact-topic-links-inline a{
  background:#F5F5F5 !important;
  border-color:#D6D6D6 !important;
}

.header-search input{background:#FFFFFF !important;border:1px solid #BDBDBD !important;}
.site-footer{background:#ECECEC !important;border-top:1px solid #B0B0B0 !important;}
.site-footer h2{color:#404040 !important;}
.footer-bottom{border-top:1px solid #C8C8C8 !important;}
.footer-separator{color:#7A7A7A !important;}


/* 2026-03-27 typography and blue refinement: calmer institutional serif + restrained Prussian blue */
:root{
  --institutional-blue:#1E527F;
  --institutional-blue-hover:#163D5F;
  --institutional-blue-soft:#EAF0F5;
  --institutional-gray-100:#F4F6F8;
  --institutional-gray-150:#EEF1F4;
  --institutional-gray-300:#D3DAE2;
  --institutional-gray-400:#B9C3CE;
  --institutional-ink:#1F252C;
  --institutional-muted:#59636E;
  --navy:var(--institutional-blue) !important;
  --accent:var(--institutional-blue) !important;
  --paper:#FFFFFF !important;
  --paper-alt:var(--institutional-gray-100) !important;
  --sidebar:var(--institutional-gray-150) !important;
  --line:var(--institutional-gray-300) !important;
  --line-strong:var(--institutional-gray-400) !important;
  --ink:var(--institutional-ink) !important;
  --muted:var(--institutional-muted) !important;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:Arial, Helvetica, sans-serif;
}

html,body{background:#FFFFFF !important;color:var(--ink) !important;}
body{
  font-family:var(--serif) !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
  letter-spacing:0 !important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}

.brandname,
h1,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.fact strong,
.feature-item h3,
.compact-topic-links a strong,
.home-page .compact-topic-links strong,
.home-links .compact-topic-links-inline strong,
.content-section[data-added="service-overview"] > div > div > div h2,
.publikationen-page .pub-group h3{
  font-family:var(--serif) !important;
  letter-spacing:-.01em;
}

.brandname{font-weight:600 !important;line-height:1.02 !important;}
.brandsub,.lead,.section-head p,.site-footer p,.site-footer li,.feature-item p,.sidebar-block p,.content-section figcaption,.hero-media-figure figcaption{color:var(--muted) !important;}
h1{font-size:49px !important;line-height:1.03 !important;font-weight:500 !important;max-width:17ch;}
.page-intro h1{font-size:44px !important;}
.section-head h2,.home-links h2,.content-section>h2,.content-section h2{font-size:32px !important;line-height:1.14 !important;font-weight:500 !important;}
.content-section h3,.feature-item h3{font-size:22px !important;line-height:1.18 !important;font-weight:600 !important;}
.fact strong{font-size:20px !important;line-height:1.34 !important;font-weight:600 !important;}
.lead{font-size:20px !important;line-height:1.64 !important;max-width:38ch;}

.site-header,.masthead,.contact-strip,.header-search-wrap{background:#FFFFFF !important;}
.navband{background:var(--institutional-gray-100) !important;border-bottom:1px solid var(--line-strong) !important;}
.primary-nav a{color:#20252B !important;background:transparent !important;border-right:1px solid var(--line) !important;}
.primary-nav a:hover{background:var(--institutional-blue-soft) !important;color:var(--navy) !important;text-decoration:none !important;}
.primary-nav a[aria-current="page"]{background:#FFFFFF !important;color:var(--navy) !important;border-top:4px solid var(--navy) !important;border-left:1px solid var(--line) !important;border-right:1px solid var(--line) !important;}

.header-search button,
.header-search button:hover,
.menu-toggle,
.menu-toggle:hover,
.search-toggle,
.search-toggle:hover{
  background:var(--navy) !important;
  border-color:var(--navy) !important;
  color:#FFFFFF !important;
}

.brandline,.brandname,.brandmark,.brandmark:hover,.brandmark:visited,
.contact-strip-inner a,.masthead-tools > span,
a,h1,.section-head h2,.home-links h2,.content-section>h2,.content-section h2,.content-section h3,.fact strong,.feature-item h3,.compact-topic-links a strong,.bildidentifikation-page .format-badge h3{
  color:var(--navy) !important;
}

.brandsub{color:#39424C !important;}
a:hover{color:var(--institutional-blue-hover) !important;}
.header-search input{background:#FFFFFF !important;border:1px solid var(--line-strong) !important;}
.header-search input:focus-visible,.header-search button:focus-visible,.menu-toggle:focus-visible,.search-toggle:focus-visible,.primary-nav a:focus-visible{outline-color:var(--navy) !important;}

.sidebar-block,
.institute-facts,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .format-badge,
.page-intro-visual img,
.home-inline-links .compact-topic-links-inline a{
  background:var(--paper-alt) !important;
  border-color:var(--line) !important;
}
.site-footer{background:#EDF1F4 !important;border-top:1px solid #C6D0DA !important;}
.site-footer h2{color:#424B55 !important;}
.footer-bottom{border-top:1px solid #D2D9E0 !important;}
.footer-separator{color:#7C8793 !important;}
.feature-item{border-top:4px solid var(--navy) !important;}
.institute-facts{border-left:4px solid var(--navy) !important;}
.content-section .panel{border-left:5px solid var(--navy) !important;}

@media (max-width:760px){
  body{font-size:16px !important;}
  h1{font-size:40px !important;line-height:1.04 !important;}
  .section-head h2,.home-links h2,.content-section>h2,.content-section h2{font-size:29px !important;}
}

/* 2026-03-27 full Prussian blue pass requested by user */
:root{
  --institutional-blue:#003153 !important;
  --institutional-blue-hover:#00233B !important;
  --institutional-blue-soft:#E3EAF0 !important;
  --navy:#003153 !important;
  --accent:#003153 !important;
}

.navband{background:#F2F5F7 !important;border-bottom:1px solid #C3CED8 !important;}
.primary-nav a:hover{background:var(--institutional-blue-soft) !important;color:var(--navy) !important;}
.brandline,.brandname,.brandmark,.brandmark:hover,.brandmark:visited,
.contact-strip-inner a,.masthead-tools > span,
a,h1,.section-head h2,.home-links h2,.content-section>h2,.content-section h2,.content-section h3,.fact strong,.feature-item h3,.compact-topic-links a strong,.bildidentifikation-page .format-badge h3{
  color:var(--navy) !important;
}
.header-search button,
.header-search button:hover,
.menu-toggle,
.menu-toggle:hover,
.search-toggle,
.search-toggle:hover{
  background:var(--navy) !important;
  border-color:var(--navy) !important;
}
.feature-item,.primary-nav a[aria-current="page"]{border-top-color:var(--navy) !important;}
.institute-facts{border-left-color:var(--navy) !important;}
.content-section .panel{border-left-color:var(--navy) !important;}
.site-footer{background:#EEF2F5 !important;border-top:1px solid #C4CFD8 !important;}


/* 2026-03-27 HU header blue pass: match Humboldt-Universität HU-Blau I */
:root{
  --institutional-blue:#00376C !important;
  --institutional-blue-hover:#002B56 !important;
  --institutional-blue-soft:#E7EEF4 !important;
  --navy:#00376C !important;
  --accent:#00376C !important;
}
.navband{background:#F2F5F7 !important;border-bottom:1px solid #C2CDD8 !important;}
.primary-nav a:hover{background:var(--institutional-blue-soft) !important;color:var(--navy) !important;}
.header-search button,.header-search button:hover,.menu-toggle,.menu-toggle:hover,.search-toggle,.search-toggle:hover{background:var(--navy) !important;border-color:var(--navy) !important;color:#FFFFFF !important;}
.feature-item,.primary-nav a[aria-current="page"]{border-top-color:var(--navy) !important;}
.institute-facts{border-left-color:var(--navy) !important;}
.content-section .panel{border-left-color:var(--navy) !important;}
.site-footer{background:#EEF2F5 !important;border-top:1px solid #C4CFD8 !important;}


/* 2026-03-27 HU blue full header/footer inversion */
:root{
  --hu-blue:#00376C !important;
  --hu-blue-dark:#002A52 !important;
  --hu-blue-line:rgba(255,255,255,.22) !important;
  --paper:#FFFFFF !important;
  --ink:#1F242A !important;
  --accent:var(--hu-blue) !important;
  --navy:var(--hu-blue) !important;
}
.site-header,
.contact-strip,
.masthead,
.navband,
.header-search-wrap{
  background:var(--hu-blue) !important;
  color:#FFFFFF !important;
  border-color:var(--hu-blue-line) !important;
}
.site-header{
  border-bottom:0 !important;
  box-shadow:none !important;
}
.contact-strip{
  border-bottom:1px solid var(--hu-blue-line) !important;
}
.navband{
  border-top:1px solid var(--hu-blue-line) !important;
  border-bottom:1px solid var(--hu-blue-line) !important;
}
.header-search-wrap{
  border-top:1px solid var(--hu-blue-line) !important;
  border-bottom:1px solid var(--hu-blue-line) !important;
}
.brandline,
.brandname,
.brandsub,
.masthead-tools,
.contact-strip-inner,
.contact-strip-inner a,
.primary-nav a,
.primary-nav a:visited,
.search-toggle,
.menu-toggle,
.header-search button,
.site-header .brandmark,
.site-header .brandtext,
.site-header .brandtext *{
  color:#FFFFFF !important;
}
.primary-nav a{
  border-right:1px solid var(--hu-blue-line) !important;
  background:transparent !important;
}
.primary-nav a:hover,
.primary-nav a[aria-current="page"]{
  background:rgba(255,255,255,.10) !important;
  color:#FFFFFF !important;
}
.search-toggle,
.menu-toggle,
.header-search button{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.62) !important;
  color:#FFFFFF !important;
}
.search-toggle:hover,
.menu-toggle:hover,
.header-search button:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:#FFFFFF !important;
  color:#FFFFFF !important;
}
.header-search input{
  background:#FFFFFF !important;
  color:var(--hu-blue) !important;
  border:1px solid rgba(255,255,255,.85) !important;
}
.header-search input::placeholder{
  color:#50657B !important;
}
.brandmark img{
  filter:none !important;
}
.site-footer{
  background:var(--hu-blue) !important;
  color:#FFFFFF !important;
  border-top:0 !important;
  margin-top:24px !important;
}
.site-footer h2,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer .footer-note,
.footer-bottom,
.footer-separator{
  color:#FFFFFF !important;
}
.footer-bottom{
  border-top:1px solid var(--hu-blue-line) !important;
}
.site-footer a:hover{
  opacity:.88;
}


/* 2026-03-27 white masthead + blue header/footer bars */
:root{
  --hu-blue:#00376C;
  --hu-blue-dark:#002B55;
  --hu-blue-soft:#0B4E8A;
}

/* overall header composition */
.site-header{border-bottom:none !important;background:#FFFFFF !important;}
.contact-strip{
  background:var(--hu-blue) !important;
  color:#FFFFFF !important;
  border-bottom:none !important;
}
.contact-strip-inner,
.contact-strip-inner a,
.contact-strip-inner span{
  color:#FFFFFF !important;
}
.contact-strip-inner a:hover{
  color:#FFFFFF !important;
  text-decoration:underline;
}
.masthead{
  background:#FFFFFF !important;
  border-bottom:1px solid #D7DEE7 !important;
}
.masthead-inner{
  min-height:108px;
}
.brandmark,
.brandmark:hover,
.brandmark:visited{
  color:var(--hu-blue) !important;
  text-decoration:none !important;
}
.brandline,
.brandname,
.brandsub,
.masthead-tools,
.masthead-tools > a,
.masthead-tools > span{
  color:var(--hu-blue) !important;
}
.brandmark img{
  filter:none !important;
}

/* search in the white middle strip */
.header-search input{
  background:#FFFFFF !important;
  border:1px solid #B7C6D8 !important;
  color:#1F242A !important;
}
.header-search input::placeholder{
  color:#637386 !important;
}
.header-search button,
.menu-toggle,
.search-toggle{
  background:#FFFFFF !important;
  color:var(--hu-blue) !important;
  border:1px solid var(--hu-blue) !important;
}
.header-search button:hover,
.menu-toggle:hover,
.search-toggle:hover{
  background:var(--hu-blue) !important;
  color:#FFFFFF !important;
  border-color:var(--hu-blue) !important;
  text-decoration:none !important;
}

/* blue navigation bar */
.navband,
.header-search-wrap{
  background:var(--hu-blue) !important;
  border-bottom:none !important;
}
.primary-nav{
  align-items:stretch;
}
.primary-nav a{
  color:#FFFFFF !important;
  background:transparent !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
}
.primary-nav a:hover,
.primary-nav a:focus-visible{
  background:#FFFFFF !important;
  color:var(--hu-blue) !important;
  text-decoration:none !important;
  outline:none;
}
.primary-nav a[aria-current="page"]{
  background:#FFFFFF !important;
  color:var(--hu-blue) !important;
  border-top:4px solid #FFFFFF !important;
  border-left:1px solid rgba(255,255,255,.18) !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
}

/* mobile menu panel on blue band */
@media (max-width:760px){
  .primary-nav.is-open{
    background:var(--hu-blue) !important;
    box-shadow:none !important;
  }
  .primary-nav a{
    border-bottom:1px solid rgba(255,255,255,.18) !important;
  }
  .primary-nav a[aria-current="page"]{
    padding-top:9px;
  }
}

/* footer as full blue bar */
.site-footer{
  background:var(--hu-blue) !important;
  border-top:none !important;
  margin-top:14px;
  padding:34px 0 26px;
}
.site-footer,
.site-footer p,
.site-footer li,
.site-footer .footer-note,
.site-footer h2,
.site-footer a,
.footer-bottom,
.footer-separator{
  color:#FFFFFF !important;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.22) !important;
}
.site-footer a:hover{
  color:#FFFFFF !important;
  text-decoration:underline;
}

/* 2026-03-27 header visibility hotfix: ensure middle white strip text is blue */
.masthead,
.masthead .brandtext,
.masthead .brandline,
.masthead .brandname,
.masthead .brandsub,
.masthead .masthead-tools,
.masthead .masthead-tools a,
.masthead .masthead-tools span,
.masthead .masthead-tools label,
.masthead .header-search,
.masthead .header-search button,
.masthead .search-toggle,
.masthead .menu-toggle{
  color:var(--hu-blue) !important;
}
.masthead .header-search button,
.masthead .menu-toggle,
.masthead .search-toggle{
  background:#FFFFFF !important;
  border:1px solid var(--hu-blue) !important;
}
.masthead .header-search button:hover,
.masthead .menu-toggle:hover,
.masthead .search-toggle:hover{
  background:var(--hu-blue) !important;
  color:#FFFFFF !important;
  border-color:var(--hu-blue) !important;
}


/* 2026-03-27 typography/favicons pass: closer to HU serif+sanse pairing without embedding licensed HU-Scala */

body{
  font-family:"Source Serif 4", Georgia, "Times New Roman", serif !important;
}
.brandline,
.brandsub,
.contact-strip-inner,
.contact-strip-inner a,
.masthead-tools,
.masthead-tools a,
.masthead-tools span,
.primary-nav a,
.header-search button,
.search-toggle,
.menu-toggle,
.eyebrow,
.fact-label,
.section-head p,
.site-footer h2,
.sidebar-block h2,
.content-section[data-added="service-overview"] > div > p,
.content-section[data-added="next-step"] p:first-child,
.content-section .kicker-row span{
  font-family:Arial, Helvetica, sans-serif !important;
}
.brandname{
  font-family:"Source Serif 4", Georgia, "Times New Roman", serif !important;
  font-weight:600 !important;
  letter-spacing:-0.01em;
}
h1,
h2,
h3,
.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2,
.content-section h3,
.fact strong,
.feature-item h3{
  font-family:"Source Serif 4", Georgia, "Times New Roman", serif !important;
}
.primary-nav a{
  letter-spacing:.09em !important;
  font-weight:700 !important;
}
.brandline{
  letter-spacing:.14em !important;
}
.brandsub,
.contact-strip-inner,
.masthead-tools,
.header-search button,
.primary-nav a{
  font-size:13px;
}

/* 2026-03-27 typography fine-tuning pass */
body{
  font-size:17.5px;
  line-height:1.72;
}

.brandline{
  font:600 11px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing:.18em !important;
  margin-bottom:7px !important;
}

.brandname{
  font:600 32px/1.03 "Source Serif 4", Georgia, "Times New Roman", serif !important;
  letter-spacing:-0.01em;
}

.brandsub{
  margin-top:7px !important;
  font:500 14px/1.42 Arial, Helvetica, sans-serif !important;
}

.contact-strip-inner,
.masthead-tools{
  font-size:13.5px !important;
  line-height:1.38 !important;
}

.primary-nav a{
  padding:13px 13px !important;
  font:700 11.5px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing:.09em !important;
}

.primary-nav a[aria-current="page"]{
  padding-top:9px !important;
}

h1{
  font:400 50px/1.04 "Source Serif 4", Georgia, "Times New Roman", serif !important;
  letter-spacing:-0.015em;
  margin-bottom:18px !important;
}

.page-intro h1{
  font-size:45px !important;
  line-height:1.05 !important;
}

.lead{
  font-size:20px !important;
  line-height:1.64 !important;
  color:#41505F !important;
}

.section-head{
  margin-bottom:26px !important;
}

.section-head h2,
.home-links h2,
.content-section>h2,
.content-section h2{
  font:400 32px/1.14 "Source Serif 4", Georgia, "Times New Roman", serif !important;
  letter-spacing:-0.01em;
  margin-bottom:12px !important;
}

.content-section h3,
.feature-item h3{
  font:600 20px/1.24 "Source Serif 4", Georgia, "Times New Roman", serif !important;
  letter-spacing:-0.005em;
}

p,
li{
  line-height:1.72;
}

.page-intro p,
.intro-copy p,
.content-section p,
.content-section li,
.feature-item p,
.sidebar-block p,
.site-footer p,
.site-footer li{
  font-size:16.5px;
}

.fact-label,
.eyebrow,
.sidebar-block h2,
.site-footer h2,
.content-section[data-added="service-overview"] > div > p,
.content-section[data-added="next-step"] p:first-child,
.content-section .kicker-row span{
  font:700 11px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing:.16em !important;
}

.fact strong{
  font:600 20px/1.36 "Source Serif 4", Georgia, "Times New Roman", serif !important;
}

.feature-item{
  padding:20px 22px !important;
}

.feature-item p,
.section-head p,
.sidebar-block p,
.site-footer p,
.site-footer li,
.content-section figcaption,
.hero-media-figure figcaption{
  line-height:1.62 !important;
}

.header-search input{
  font-size:14px !important;
}

.header-search button,
.menu-toggle{
  font:700 12px/1 Arial, Helvetica, sans-serif !important;
  letter-spacing:.08em !important;
}

.site-footer{
  padding:30px 0 34px !important;
}

@media (max-width:900px){
  body{font-size:17px;line-height:1.7;}
  h1{font-size:42px !important;line-height:1.06 !important;}
  .page-intro h1{font-size:39px !important;}
  .section-head h2,
  .home-links h2,
  .content-section>h2,
  .content-section h2{font-size:29px !important;}
}

@media (max-width:760px){
  .brandname{font-size:28px !important;}
  .brandsub{font-size:13px !important;line-height:1.4 !important;}
  .primary-nav a{font-size:12px !important;letter-spacing:.07em !important;}
  h1{font-size:36px !important;line-height:1.08 !important;}
  .page-intro h1{font-size:34px !important;}
  .lead{font-size:18px !important;line-height:1.6 !important;}
  .section-head h2,
  .home-links h2,
  .content-section>h2,
  .content-section h2{font-size:26px !important;line-height:1.16 !important;}
  .content-section h3,
  .feature-item h3{font-size:19px !important;}
  .page-intro p,
  .intro-copy p,
  .content-section p,
  .content-section li,
  .feature-item p,
  .sidebar-block p,
  .site-footer p,
  .site-footer li{font-size:16px;}
}


/* v_next_header_cleanup_and_subpage_factboxes */
.brandmark .brandsub{display:none !important;}
.masthead .brandtext{gap:0 !important;}
.page-intro-with-facts{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.58fr);gap:34px;align-items:start;}
.page-intro-with-facts .page-intro-copy{min-width:0;}
.page-intro-with-facts .page-intro-copy p{max-width:68ch;}
.intro-facts{border-left:4px solid var(--navy);padding:24px 0 24px 24px;display:grid;gap:18px;align-content:start;background:var(--sidebar);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;}
.intro-facts .fact{padding:0 22px 16px 0;border-bottom:1px solid var(--line);}
.intro-facts .fact:last-child{border-bottom:none;padding-bottom:0;}
.intro-facts .fact-label{display:block;margin-bottom:6px;font:600 12px/1.2 Arial, Helvetica, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.intro-facts .fact strong{display:block;font:600 18px/1.42 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--navy);}
@media (max-width:920px){
  .page-intro-with-facts{grid-template-columns:1fr;gap:20px;}
  .intro-facts{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:18px;}
  .intro-facts .fact{padding-right:0;}
}

/* 2026-03-27 header alignment + subpage hero proportion correction */
.masthead-inner{
  align-items:center !important;
  padding:16px 0 14px !important;
}
.brandmark{
  align-items:center !important;
}
.brandtext{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.brandline{
  margin-bottom:4px !important;
}
.brandname{
  margin:0 !important;
}

.page-intro-with-facts{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) clamp(384px,37vw,504px) !important;
  gap:44px !important;
  align-items:start !important;
  padding-bottom:34px !important;
}
.page-intro-with-facts .page-intro-copy{
  min-width:0;
}
.page-intro-with-facts .page-intro-copy p,
.page-intro-with-facts .page-intro-copy .lead{
  max-width:66ch;
}
.page-intro-with-facts .intro-facts{
  border-left:4px solid var(--navy) !important;
  padding:24px 0 24px 24px !important;
  display:grid !important;
  gap:18px !important;
  align-content:start !important;
  background:var(--sidebar) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  min-width:0;
}
.page-intro-with-facts .intro-facts .fact{
  padding:0 22px 16px 0 !important;
  border-bottom:1px solid var(--line) !important;
}
.page-intro-with-facts .intro-facts .fact:last-child{
  border-bottom:none !important;
  padding-bottom:0 !important;
}

@media (max-width:1050px){
  .page-intro-with-facts{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .page-intro-with-facts .intro-facts{
    border-left:none !important;
    padding-left:0 !important;
    padding-top:18px !important;
  }
}

@media (max-width:760px){
  .masthead-inner{
    align-items:flex-start !important;
    padding:14px 0 12px !important;
  }
  .brandmark{
    align-items:flex-start !important;
  }
}

/* 2026-03-27 hero media harmonisation + original favicon restore */
.bildidentifikation-page .page-intro-media,
.altersdiagnostik-page .page-intro-media,
.skelettidentifikation-page .page-intro-media,
.konvertierungen-page .page-intro-media{
  background:var(--sidebar) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  border-left:4px solid var(--navy) !important;
  padding:24px 22px 20px 24px !important;
  min-width:0;
}

.bildidentifikation-page .page-intro-visual,
.altersdiagnostik-page .page-intro-visual,
.skelettidentifikation-page .page-intro-visual,
.konvertierungen-page .page-intro-visual{
  gap:16px !important;
  width:100% !important;
  max-width:none !important;
}

.bildidentifikation-page .hero-media-figure,
.altersdiagnostik-page .hero-media-figure,
.skelettidentifikation-page .hero-media-figure,
.konvertierungen-page .hero-media-figure{
  gap:10px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.bildidentifikation-page .hero-media-figure img,
.altersdiagnostik-page .hero-media-figure img,
.skelettidentifikation-page .hero-media-figure img,
.konvertierungen-page .hero-media-figure img{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  box-shadow:none !important;
}

.bildidentifikation-page .hero-media-figure figcaption,
.altersdiagnostik-page .hero-media-figure figcaption,
.skelettidentifikation-page .hero-media-figure figcaption,
.konvertierungen-page .hero-media-figure figcaption{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  align-self:stretch !important;
  color:var(--muted) !important;
}

/* keep page-specific image sizing, but prevent cramped inner edge on mobile */
@media (max-width:760px){
  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-media,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media{
    padding:18px 16px 16px 18px !important;
    margin-top:18px !important;
  }

  .bildidentifikation-page .page-intro-visual,
  .altersdiagnostik-page .page-intro-visual,
  .skelettidentifikation-page .page-intro-visual,
  .konvertierungen-page .page-intro-visual{
    gap:14px !important;
  }

  .bildidentifikation-page .hero-media-figure figcaption,
  .altersdiagnostik-page .hero-media-figure figcaption,
  .skelettidentifikation-page .hero-media-figure figcaption,
  .konvertierungen-page .hero-media-figure figcaption{
    font-size:13px !important;
    line-height:1.55 !important;
  }
}


/* 2026-03-27 hero box ratio + vertical accent correction */
.bildidentifikation-page .page-intro.has-hero-media,
.skelettidentifikation-page .page-intro.has-hero-media,
.konvertierungen-page .page-intro.has-hero-media{
  grid-template-columns:minmax(0,1fr) clamp(384px,37vw,504px) !important;
  gap:44px !important;
}

.altersdiagnostik-page .page-intro-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) clamp(384px,37vw,504px) !important;
  gap:44px !important;
  align-items:start !important;
}

.bildidentifikation-page .page-intro-media,
.skelettidentifikation-page .page-intro-media,
.konvertierungen-page .page-intro-media,
.altersdiagnostik-page .page-intro-certbox{
  background:var(--sidebar) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  border-left:4px solid var(--navy) !important;
  padding:24px 22px 20px 24px !important;
  min-width:0 !important;
  align-self:start !important;
}

.altersdiagnostik-page .page-intro-certbox{
  padding-right:20px !important;
}

.altersdiagnostik-page .cert-figure,
.bildidentifikation-page .hero-media-figure img,
.skelettidentifikation-page .hero-media-figure img,
.konvertierungen-page .hero-media-figure img{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  box-shadow:none !important;
}

.altersdiagnostik-page .cert-linkline{
  margin:10px 0 0 !important;
}

@media (max-width:760px){
  .bildidentifikation-page .page-intro.has-hero-media,
  .skelettidentifikation-page .page-intro.has-hero-media,
  .konvertierungen-page .page-intro.has-hero-media,
  .altersdiagnostik-page .page-intro-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .bildidentifikation-page .page-intro-media,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media,
  .altersdiagnostik-page .page-intro-certbox{
    padding:18px 16px 16px 18px !important;
    margin-top:18px !important;
  }
}


/* 2026-03-27 final hero corrections: page classes, caption alignment, heading trim */
.altersdiagnostik-page .cert-figure figcaption{
  max-width:260px !important;
  margin:8px auto 0 !important;
  padding:0 !important;
  text-align:left !important;
}

.altersdiagnostik-page .cert-figure img{
  display:block !important;
}

.skelettidentifikation-page .page-intro.has-hero-media,
.konvertierungen-page .page-intro.has-hero-media{
  grid-template-columns:minmax(0,1fr) clamp(384px,37vw,504px) !important;
  gap:44px !important;
}

.skelettidentifikation-page .page-intro-media,
.konvertierungen-page .page-intro-media{
  background:var(--sidebar) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  border-left:4px solid var(--navy) !important;
  padding:24px 22px 20px 24px !important;
}

@media (max-width:760px){
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media{
    padding:18px 16px 16px 18px !important;
    margin-top:18px !important;
  }
}

/* 2026-03-27 mobile header + hero spacing refinement */
@media (max-width:760px){
  .site-header .container{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .masthead-inner{
    padding:10px 0 8px !important;
    min-height:auto !important;
  }
  .brandmark{
    gap:12px !important;
    align-items:center !important;
  }
  .brandmark img{
    width:54px !important;
    max-width:54px !important;
    height:auto !important;
  }
  .brandtext{
    min-width:0 !important;
    max-width:calc(100vw - 118px) !important;
  }
  .brandline{
    font-size:10px !important;
    line-height:1.1 !important;
    letter-spacing:.12em !important;
    margin-bottom:2px !important;
  }
  .brandname{
    font-size:22px !important;
    line-height:1.02 !important;
    letter-spacing:0 !important;
  }
  .brandsub{
    font-size:12px !important;
    line-height:1.3 !important;
    margin-top:3px !important;
  }
  .navband .container{
    min-height:54px !important;
  }

  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-media,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media{
    padding:20px 20px 18px 22px !important;
    margin-top:18px !important;
  }
  .bildidentifikation-page .page-intro-visual,
  .altersdiagnostik-page .page-intro-visual,
  .skelettidentifikation-page .page-intro-visual,
  .konvertierungen-page .page-intro-visual{
    gap:14px !important;
  }
  .bildidentifikation-page .hero-media-figure figcaption,
  .altersdiagnostik-page .hero-media-figure figcaption,
  .skelettidentifikation-page .hero-media-figure figcaption,
  .konvertierungen-page .hero-media-figure figcaption{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (max-width:420px){
  .brandmark img{
    width:50px !important;
    max-width:50px !important;
  }
  .brandtext{
    max-width:calc(100vw - 108px) !important;
  }
  .brandname{
    font-size:20px !important;
  }
  .brandline{
    font-size:9.5px !important;
    letter-spacing:.1em !important;
  }
}


/* 2026-03-27 mobile hero inner-edge spacing fix */
@media (max-width:760px){
  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-certbox,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media,
  .page-intro-with-facts .intro-facts{
    padding-left:24px !important;
    padding-right:18px !important;
  }
}

@media (max-width:420px){
  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-certbox,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media,
  .page-intro-with-facts .intro-facts{
    padding-left:22px !important;
    padding-right:16px !important;
  }
}


/* 2026-03-27 mobile hero left padding hard fix */
@media (max-width:760px){
  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-certbox,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media,
  .page-intro-with-facts .intro-facts{
    border-left:4px solid var(--navy) !important;
    padding:20px 18px 18px 26px !important;
    box-sizing:border-box !important;
  }

  .bildidentifikation-page .page-intro-media > *,
  .altersdiagnostik-page .page-intro-certbox > *,
  .skelettidentifikation-page .page-intro-media > *,
  .konvertierungen-page .page-intro-media > *,
  .page-intro-with-facts .intro-facts > *{
    margin-left:0 !important;
  }

  .page-intro-with-facts .intro-facts .fact,
  .bildidentifikation-page .hero-media-figure,
  .skelettidentifikation-page .hero-media-figure,
  .konvertierungen-page .hero-media-figure,
  .altersdiagnostik-page .cert-figure{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (max-width:420px){
  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-certbox,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media,
  .page-intro-with-facts .intro-facts{
    padding:18px 16px 16px 24px !important;
  }
}


/* 2026-03-27 decisive mobile hero inset correction */
@media (max-width:760px){
  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-certbox,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media,
  .page-intro-with-facts .intro-facts,
  .home-page .institute-facts{
    padding-left:30px !important;
    padding-right:18px !important;
  }

  .bildidentifikation-page .page-intro-media .hero-media-figure,
  .altersdiagnostik-page .page-intro-certbox .cert-figure,
  .skelettidentifikation-page .page-intro-media .hero-media-figure,
  .konvertierungen-page .page-intro-media .hero-media-figure,
  .page-intro-with-facts .intro-facts .fact,
  .home-page .institute-facts .fact{
    margin-left:4px !important;
  }
}

@media (max-width:420px){
  .bildidentifikation-page .page-intro-media,
  .altersdiagnostik-page .page-intro-certbox,
  .skelettidentifikation-page .page-intro-media,
  .konvertierungen-page .page-intro-media,
  .page-intro-with-facts .intro-facts,
  .home-page .institute-facts{
    padding-left:28px !important;
    padding-right:16px !important;
  }

  .bildidentifikation-page .page-intro-media .hero-media-figure,
  .altersdiagnostik-page .page-intro-certbox .cert-figure,
  .skelettidentifikation-page .page-intro-media .hero-media-figure,
  .konvertierungen-page .page-intro-media .hero-media-figure,
  .page-intro-with-facts .intro-facts .fact,
  .home-page .institute-facts .fact{
    margin-left:3px !important;
  }
}


/* Contact box refinement */
.sidebar-block .contact-compact{display:grid;gap:10px;margin-top:2px;}
.sidebar-block .contact-line{display:flex;align-items:flex-start;gap:10px;color:var(--navy) !important;text-decoration:none;line-height:1.45;}
.sidebar-block .contact-line:hover{text-decoration:underline;}
.sidebar-block .contact-icon{width:18px;min-width:18px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(1px);}
.sidebar-block .contact-icon img{display:block;width:16px;height:16px;}
.sidebar-block .contact-text{display:block;min-width:0;}
.sidebar-block .contact-email-text{font-size:14px;letter-spacing:-0.01em;overflow-wrap:anywhere;word-break:break-word;}
@media (max-width:700px){
  .sidebar-block .contact-line{gap:9px;}
  .sidebar-block .contact-email-text{font-size:13px;}
}


/* Contact box email tightening */
.sidebar-block .contact-line-email{gap:0;align-items:center;}
.sidebar-block .contact-line-email .contact-email-text{font-size:0.88rem;letter-spacing:-0.01em;line-height:1.25;white-space:nowrap;}
@media (max-width: 900px){
  .sidebar-block .contact-line-email .contact-email-text{font-size:0.84rem;}
}


/* Language switch */
.lang-switch{display:inline-flex;align-items:center;gap:.35rem;margin-right:.85rem;font-weight:700;letter-spacing:.02em;flex:0 0 auto}
.lang-switch a{text-decoration:none;color:inherit;opacity:.72}
.lang-switch a[aria-current="page"]{opacity:1;border-bottom:2px solid currentColor}
.lang-switch span{opacity:.55}
.contact-strip-inner{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}
.contact-compact .contact-email-text{font-size:.92em;word-break:normal;overflow-wrap:anywhere}
@media (max-width:720px){.lang-switch{margin-right:.5rem}.contact-strip-inner{gap:.45rem;justify-content:flex-end}}


/* 2026-03-27 EN/header refinement: right-aligned language switch, blue masthead, logo cartouche */
:root{
  --hu-blue:#00376C;
}
.contact-strip{
  background:var(--hu-blue) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}
.contact-strip-inner{
  justify-content:flex-end !important;
  color:#FFFFFF !important;
}
.contact-strip-inner a,
.contact-strip-inner span,
.lang-switch,
.lang-switch a,
.lang-switch span{
  color:#FFFFFF !important;
}
.lang-switch{
  margin-left:auto !important;
  margin-right:1rem !important;
  order:0;
}
.lang-switch a{opacity:.82 !important;}
.lang-switch a[aria-current="page"]{opacity:1 !important;border-bottom:2px solid #FFFFFF !important;}
.lang-switch + a{margin-left:0 !important;}
.masthead{
  background:var(--hu-blue) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}
.masthead-inner{
  align-items:center !important;
  padding:16px 0 14px !important;
}
.site-header .brandmark,
.site-header .brandmark:hover,
.site-header .brandmark:visited,
.site-header .brandline,
.site-header .brandname,
.site-header .brandsub,
.site-header .masthead-tools,
.site-header .masthead-tools a,
.site-header .masthead-tools > span{
  color:#FFFFFF !important;
}
.site-header .brandmark{
  gap:16px !important;
  align-items:center !important;
}
.site-header .brandmark img{
  width:84px !important;
  padding:8px !important;
  background:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.8) !important;
  border-radius:8px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset !important;
  filter:none !important;
}
.site-header .brandline{
  color:rgba(255,255,255,.84) !important;
  margin-bottom:4px !important;
}
.site-header .brandname{
  color:#FFFFFF !important;
}
.site-header .header-search input{
  border:1px solid rgba(255,255,255,.38) !important;
  background:rgba(255,255,255,.08) !important;
  color:#FFFFFF !important;
}
.site-header .header-search input::placeholder{
  color:rgba(255,255,255,.78) !important;
}
.site-header .header-search button{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  color:var(--hu-blue) !important;
}
@media (max-width:760px){
  .contact-strip-inner{
    justify-content:flex-end !important;
  }
  .lang-switch{
    margin-left:auto !important;
    margin-right:.7rem !important;
  }
  .masthead-inner{
    align-items:flex-start !important;
  }
  .site-header .brandmark img{
    width:70px !important;
    padding:7px !important;
  }
  .site-header .brandname{
    font-size:21px !important;
    line-height:1.04 !important;
  }
}


/* --- 2026-03-27 restructuring pass --- */
.site-header-huish{position:relative;z-index:40}
.topnav-band{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}
.topnav-inner{display:flex;align-items:center;gap:24px;min-height:68px}
.topnav-primary{display:flex;align-items:stretch;gap:0;flex:1;min-width:0}
.topnav-primary>a,.topnav-primary summary{display:flex;align-items:center;justify-content:center;min-height:68px;padding:0 18px;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;position:relative;cursor:pointer;list-style:none}
.topnav-primary>a::before,.topnav-primary summary::before{content:"";position:absolute;left:14px;right:14px;top:15px;height:1px;background:rgba(255,255,255,.5);opacity:0;transition:opacity .18s ease}
.topnav-primary>a:hover::before,.topnav-primary summary:hover::before,.topnav-primary>a[aria-current="page"]::before,.nav-drop.is-current>summary::before{opacity:1}
.topnav-primary>a:hover,.topnav-primary summary:hover,.nav-drop[open]>summary,.nav-drop.is-current>summary{background:rgba(255,255,255,.05)}
.nav-drop{position:relative}
.nav-drop>summary::-webkit-details-marker{display:none}
.nav-panel{position:absolute;left:0;top:100%;min-width:290px;background:#fff;border:1px solid var(--line-strong);box-shadow:0 14px 28px rgba(0,0,0,.1);padding:12px 0;display:grid;z-index:60}
.nav-panel a{display:block;padding:11px 18px;border-left:3px solid transparent;color:var(--navy);font:600 13px/1.35 Arial,Helvetica,sans-serif;text-decoration:none;white-space:normal}
.nav-panel a:hover,.nav-panel a[aria-current="page"]{background:#F6F8FB;border-left-color:var(--accent)}
.header-utilities{display:flex;align-items:center;gap:12px;margin-left:auto}
.lang-switch{display:flex;align-items:center;gap:8px;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.lang-switch a{color:#fff;text-decoration:none;opacity:.78}
.lang-switch a[aria-current="page"]{opacity:1}
.utility-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:500 13px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap}
.utility-link img{width:15px;height:15px;display:block;filter:brightness(0) invert(1)}
.utility-search{width:38px;height:38px;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:0}
.utility-search img{width:18px;height:18px}
.masthead-clean{background:#fff;border-bottom:1px solid var(--line-strong)}
.masthead-clean-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:28px 0 24px}
.brandmark-nameonly{display:block;color:inherit;text-decoration:none}
.brandmark-nameonly .brandtext{display:flex;flex-direction:column;align-items:flex-start}
.brandname{font:600 34px/1.02 "Source Serif 4",Georgia,"Times New Roman",serif;color:var(--navy);max-width:none}
.brandline-large{margin:9px 0 0;font:600 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#586679;opacity:1}
.brand-logo-right img{width:112px;height:auto;display:block;filter:none;object-fit:contain}
.site-restructured .navband,.site-restructured .contact-strip,.site-restructured .masthead-tools,.site-restructured .header-search-wrap{display:none!important}
.home-shell,.page-shell{padding:50px 0 66px}
.home-intro{grid-template-columns:minmax(0,1.2fr) minmax(380px,.9fr);gap:54px}
.page-intro{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.94fr);gap:54px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.page-shell .container>section+div,.page-shell .container>div+section,.page-shell .container>div+div,.home-shell .container>section+section{margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}
.section-head{padding-top:0;margin-bottom:28px}
.content-grid{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);align-items:start;gap:26px}
.toc,.contact-card,.content-grid aside{position:sticky;top:18px}
@media (max-width:1180px){
  .topnav-inner{flex-wrap:wrap;gap:14px;padding:10px 0}
  .header-utilities{margin-left:0}
  .topnav-primary{order:2;flex-basis:100%}
}
@media (max-width:900px){
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff}
  .topnav-primary{display:none;flex-direction:column;gap:0;width:100%;background:var(--navy);border-top:1px solid rgba(255,255,255,.16);padding-top:6px}
  .topnav-primary.is-open{display:flex}
  .topnav-primary>a,.topnav-primary summary{justify-content:flex-start;min-height:52px;padding:0 12px}
  .topnav-primary>a::before,.topnav-primary summary::before{left:12px;right:12px;top:10px}
  .nav-drop{width:100%}
  .nav-panel{position:static;min-width:0;box-shadow:none;border:0;border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:4px 0 10px}
  .nav-panel a{color:#fff;padding:10px 16px 10px 18px;border-left-width:2px}
  .nav-panel a:hover,.nav-panel a[aria-current="page"]{background:rgba(255,255,255,.06);border-left-color:#fff}
  .header-utilities{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:8px}
  .utility-link span{display:none}
  .masthead-clean-inner{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px 0}
  .brandname{font-size:24px;line-height:1.08}
  .brandline-large{font-size:11px;letter-spacing:.14em;max-width:24ch}
  .brand-logo-right img{width:78px}
  .home-intro,.page-intro,.content-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:640px){
  .header-utilities{justify-content:flex-end}
  .brandname{font-size:22px}
  .home-shell,.page-shell{padding:36px 0 50px}
}

/* --- 2026-03-27 header corrections --- */
.site-header-huish .masthead-clean,
.site-header-huish .masthead,
.site-header-huish .masthead-clean-inner{
  background:#FFFFFF !important;
}
.site-header-huish .masthead-clean{
  border-bottom:1px solid var(--line-strong) !important;
}
.site-header-huish .brandmark-nameonly,
.site-header-huish .brandmark-nameonly:visited,
.site-header-huish .brandmark-nameonly:hover{
  color:var(--navy) !important;
}
.site-header-huish .brandname{
  color:var(--navy) !important;
}
.site-header-huish .brandline-large{
  color:#5A6778 !important;
}
.site-header-huish .brand-logo-right{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
}
.site-header-huish .brand-logo-right img{
  display:block !important;
  width:112px !important;
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  object-fit:contain !important;
}
.topnav-band .header-utilities{
  gap:8px !important;
}
.topnav-band .utility-link{
  width:30px;
  height:30px;
  justify-content:center;
  padding:0;
  gap:0;
  flex:0 0 30px;
}
.topnav-band .utility-link span{
  display:none !important;
}
.topnav-band .utility-link img{
  width:15px;
  height:15px;
}
.topnav-band .utility-search{
  width:34px;
  height:34px;
  flex-basis:34px;
}
.topnav-band .lang-switch{
  margin-right:2px;
}
.topnav-band .nav-panel{
  background:#FFFFFF !important;
  color:var(--navy) !important;
}
.topnav-band .nav-panel a,
.topnav-band .nav-panel a:visited{
  color:var(--navy) !important;
  background:#FFFFFF !important;
}
.topnav-band .nav-panel a:hover,
.topnav-band .nav-panel a[aria-current="page"]{
  color:var(--navy) !important;
  background:#F5F8FC !important;
  border-left-color:var(--accent) !important;
}
@media (max-width:900px){
  .site-header-huish .brand-logo-right img{width:84px !important;}
  .topnav-band .header-utilities{gap:6px !important;}
  .topnav-band .utility-link{width:28px;height:28px;flex-basis:28px;}
}

/* 2026-03-27 final restructure pass: nav/dropdown visibility, calmer masthead, wider subpage heroes, denser cards */
:root{
  --max:1308px;
}

/* Top navigation: Humboldt-like band, stable summary state, readable dropdowns */
.topnav-band{
  background:var(--navy) !important;
}
.topnav-inner{
  min-height:72px !important;
}
.topnav-primary{
  align-items:stretch !important;
}
.topnav-primary > a,
.topnav-primary > .nav-drop > summary{
  background:transparent !important;
  color:#FFFFFF !important;
}
.topnav-primary > a:hover,
.topnav-primary > a[aria-current="page"],
.topnav-primary > .nav-drop:hover > summary,
.topnav-primary > .nav-drop:focus-within > summary,
.topnav-primary > .nav-drop[open] > summary,
.nav-drop.is-current > summary{
  background:rgba(255,255,255,.06) !important;
  color:#FFFFFF !important;
}
.topnav-primary > .nav-drop > summary::before,
.topnav-primary > a::before{
  background:rgba(255,255,255,.72) !important;
}

/* Desktop dropdowns should stay white with blue text instead of flashing white-on-white */
@media (min-width: 901px){
  .topnav-primary .nav-drop > .nav-panel{
    display:none;
  }
  .topnav-primary .nav-drop:hover > .nav-panel,
  .topnav-primary .nav-drop:focus-within > .nav-panel,
  .topnav-primary .nav-drop[open] > .nav-panel{
    display:grid;
  }
}
.topnav-band .nav-panel,
.topnav-primary .nav-panel{
  background:#FFFFFF !important;
  color:var(--navy) !important;
  border:1px solid #C8D3DF !important;
}
.topnav-band .nav-panel a,
.topnav-band .nav-panel a:visited,
.topnav-primary .nav-panel a,
.topnav-primary .nav-panel a:visited{
  color:var(--navy) !important;
  background:#FFFFFF !important;
}
.topnav-band .nav-panel a:hover,
.topnav-band .nav-panel a:focus-visible,
.topnav-band .nav-panel a[aria-current="page"],
.topnav-primary .nav-panel a:hover,
.topnav-primary .nav-panel a:focus-visible,
.topnav-primary .nav-panel a[aria-current="page"]{
  color:var(--navy) !important;
  background:#F4F8FC !important;
  border-left-color:var(--navy) !important;
}

/* Header / masthead: less inverted, more air, smaller logo */
.masthead-clean{
  background:#FFFFFF !important;
}
.masthead-clean-inner{
  grid-template-columns:minmax(0,1.18fr) auto !important;
  gap:30px !important;
  padding:22px 0 20px !important;
  align-items:end !important;
}
.site-header-huish .brandmark-nameonly,
.site-header-huish .brandmark-nameonly:visited,
.site-header-huish .brandmark-nameonly:hover,
.site-header-huish .brandname,
.site-header-huish .brandline-large{
  color:var(--navy) !important;
}
.site-header-huish .brandline-large{
  opacity:.86 !important;
}
.brandname{
  font-size:clamp(29px,3.05vw,40px) !important;
  line-height:1.02 !important;
}
.brandline-large{
  font-size:13px !important;
  letter-spacing:.15em !important;
}
.brand-logo-right img,
.site-header-huish .brand-logo-right img{
  width:92px !important;
}
.topnav-band .header-utilities{
  gap:5px !important;
}
.topnav-band .utility-link{
  width:28px !important;
  height:28px !important;
  flex-basis:28px !important;
}
.topnav-band .utility-search{
  width:30px !important;
  height:30px !important;
  flex-basis:30px !important;
}

/* Homepage and section rhythm: a bit more Humboldt-like, more horizontal, denser copy */
.section-head{
  align-items:flex-end !important;
  gap:28px !important;
}
.section-head p{
  max-width:60ch !important;
}
.feature-list{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
}
.feature-item{
  padding:20px 22px !important;
}
.feature-item p,
.content-section p,
.content-section li,
.page-intro p,
.intro-copy p{
  line-height:1.62 !important;
}
.home-links .compact-topic-links-inline{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

/* Subpage heroes: wider, less squeezed, steadier image/text relation */
.page-intro.has-hero-media,
.page-intro-with-facts{
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) !important;
  gap:44px !important;
  align-items:start !important;
}
.altersdiagnostik-page .page-intro-grid{
  grid-template-columns:minmax(0,1.14fr) minmax(320px,.82fr) !important;
  gap:40px !important;
}
.page-intro .lead,
.intro-copy .lead{
  max-width:64ch !important;
}
.page-intro-copy,
.page-intro-main,
.intro-copy{
  min-width:0;
}
.page-intro-copy p,
.page-intro-main p{
  max-width:72ch !important;
}
.page-intro-media,
.page-intro-certbox,
.institute-facts{
  align-self:start !important;
}
.page-intro-visual,
.institute-facts{
  width:100% !important;
}
.institute-facts{
  padding:26px 0 26px 26px !important;
}
.page-intro-visual.dual .hero-media-figure img{
  height:214px !important;
  max-height:214px !important;
}
.page-intro-visual.single .hero-media-figure img{
  height:282px !important;
  max-height:282px !important;
}
.hero-media-figure{
  width:100%;
}
.hero-media-figure figcaption,
.content-section figcaption{
  padding-left:0 !important;
}

/* Sidebar/content balance a touch wider and cleaner */
.content-grid,
.profil-page .content-grid,
.standards-page .content-grid,
.standards-page .content-grid,
.publikationen-page .content-grid,
.auftraggeber-page .content-grid,
.bildidentifikation-page .content-grid,
.altersdiagnostik-page .content-grid{
  grid-template-columns:230px minmax(0,1fr) !important;
  gap:48px !important;
}
.sidebar-block{
  padding:18px 18px 16px !important;
}
.contact-compact .contact-line{
  gap:9px;
}

/* Slightly denser article layouts where card groups exist */
.content-section[data-added="service-overview"] > div > div,
.content-section#weiterfuehrende-seiten > div > div > div{
  gap:16px 18px !important;
}
.content-section[data-added="service-overview"] > div > div > div,
.content-section#weiterfuehrende-seiten a{
  padding:18px 18px 16px !important;
}

@media (max-width: 1180px){
  .page-intro.has-hero-media,
  .page-intro-with-facts,
  .altersdiagnostik-page .page-intro-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.82fr) !important;
    gap:34px !important;
  }
}
@media (max-width: 900px){
  .feature-list,
  .home-links .compact-topic-links-inline{
    grid-template-columns:1fr !important;
  }
  .content-grid,
  .profil-page .content-grid,
  .standards-page .content-grid,
  .standards-page .content-grid,
  .publikationen-page .content-grid,
  .auftraggeber-page .content-grid,
  .bildidentifikation-page .content-grid,
  .altersdiagnostik-page .content-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .brand-logo-right img,
  .site-header-huish .brand-logo-right img{
    width:78px !important;
  }
}
@media (max-width: 760px){
  .masthead-clean-inner{
    gap:14px !important;
    padding:16px 0 14px !important;
  }
  .brandname{
    font-size:clamp(23px,7vw,30px) !important;
  }
  .brandline-large{
    font-size:11px !important;
    letter-spacing:.13em !important;
  }
  .page-intro.has-hero-media,
  .page-intro-with-facts,
  .altersdiagnostik-page .page-intro-grid{
    display:block !important;
  }
  .page-intro-media,
  .page-intro-certbox,
  .institute-facts{
    margin-top:16px !important;
  }
  .institute-facts{
    padding:18px 0 18px 18px !important;
  }
  .topnav-primary .nav-panel{
    background:#FFFFFF !important;
  }
  .topnav-primary .nav-panel a,
  .topnav-primary .nav-panel a:visited{
    color:var(--navy) !important;
    background:#FFFFFF !important;
  }
  .topnav-primary .nav-panel a:hover,
  .topnav-primary .nav-panel a[aria-current="page"]{
    background:#F4F8FC !important;
    color:var(--navy) !important;
    border-left-color:var(--navy) !important;
  }
}

/* 2026-03-27 final polish: stable dropdown text, wider workflow cards, compact mobile top band */

/* Keep top-level dropdown labels readable in every state */
.topnav-primary > .nav-drop > summary,
.topnav-primary > .nav-drop[open] > summary,
.topnav-primary > .nav-drop:hover > summary,
.topnav-primary > .nav-drop:focus-within > summary,
.topnav-primary > .nav-drop.is-current > summary{
  background:transparent !important;
  color:#FFFFFF !important;
}
.topnav-primary > .nav-drop > .nav-panel,
.topnav-primary > .nav-drop[open] > .nav-panel,
.topnav-primary > .nav-drop:hover > .nav-panel,
.topnav-primary > .nav-drop:focus-within > .nav-panel{
  background:#FFFFFF !important;
}
.topnav-primary > .nav-drop > .nav-panel a,
.topnav-primary > .nav-drop[open] > .nav-panel a,
.topnav-primary > .nav-drop:hover > .nav-panel a,
.topnav-primary > .nav-drop:focus-within > .nav-panel a{
  color:var(--navy) !important;
  background:#FFFFFF !important;
}

/* Verfahren: use the available width for the four intro workflow points */
.workflow-stack-section > div > .workflow-stack{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px 24px !important;
  width:100% !important;
}
.workflow-stack-section .workflow-item{
  padding:0 0 16px !important;
  border-top:1px solid #D6E0EA;
}
.workflow-stack-section .workflow-item h2{
  margin-top:14px !important;
}
.workflow-stack-section .workflow-item p{
  max-width:none !important;
}

/* Slightly calmer masthead proportions */
.site-header-huish .brand-logo-right img{
  width:84px !important;
}
.masthead-clean-inner{
  grid-template-columns:minmax(0,1.22fr) auto !important;
}

@media (max-width: 1180px){
  .workflow-stack-section > div > .workflow-stack{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 900px){
  /* Keep the blue top band from growing just because the viewport narrows */
  .topnav-band{
    position:relative;
  }
  .topnav-inner{
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
    padding:8px 0 !important;
    min-height:60px !important;
  }
  .menu-toggle{
    margin:0 !important;
    min-width:88px !important;
    min-height:38px !important;
  }
  .header-utilities{
    width:auto !important;
    margin-left:auto !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  .header-utilities .lang-switch{
    white-space:nowrap;
  }
  .topnav-primary{
    order:3 !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:100% !important;
    z-index:50 !important;
    display:none;
    width:100% !important;
    margin:0 !important;
    border-top:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.14);
  }
  .topnav-primary.is-open{
    display:flex !important;
  }
  .topnav-primary > a,
  .topnav-primary > .nav-drop > summary{
    justify-content:flex-start !important;
    min-height:50px !important;
    padding:0 14px !important;
  }
  .topnav-primary > .nav-drop > .nav-panel{
    position:static !important;
    display:grid !important;
    box-shadow:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom:none !important;
  }
  .workflow-stack-section > div > .workflow-stack{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}

@media (max-width: 760px){
  .topnav-inner{
    min-height:56px !important;
    padding:7px 0 !important;
  }
  .menu-toggle{
    min-width:80px !important;
    min-height:36px !important;
    font-size:11px !important;
    letter-spacing:.09em !important;
  }
  .header-utilities{
    gap:5px !important;
  }
  .header-utilities .utility-link{
    width:34px !important;
    height:34px !important;
  }
}

/* 2026-03-27 end-pass: subpage hero completion, calmer proportions, stronger homepage hierarchy */
.home-intro{
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr) !important;
  gap:56px !important;
}

.home-page .home-foundations > div{
  grid-template-columns:1fr !important;
  max-width:980px;
}

.home-page .home-foundations > div > div + div{
  border-top:1px solid var(--line);
  padding-top:24px;
}

.home-page .home-foundations h2{
  margin-bottom:12px;
}

.page-intro.page-intro-with-facts,
.fallarten-page .page-intro,
.befunde-bergung-page .page-intro{
  display:grid;
  grid-template-columns:minmax(0,1.24fr) minmax(290px,.76fr);
  gap:36px;
  align-items:start;
}

.page-intro-with-facts .page-intro-copy,
.fallarten-page .page-intro .page-intro-copy,
.befunde-bergung-page .page-intro .page-intro-copy{
  min-width:0;
}

.page-intro-with-facts .intro-facts,
.fallarten-page .page-intro .intro-facts,
.befunde-bergung-page .page-intro .intro-facts{
  margin-top:2px;
}

.page-intro-with-facts .intro-facts .fact strong,
.fallarten-page .page-intro .intro-facts .fact strong,
.befunde-bergung-page .page-intro .intro-facts .fact strong{
  display:block;
}

.altersdiagnostik-page .page-intro-grid{
  grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr) !important;
  gap:36px !important;
}

@media (max-width:1050px){
  .home-intro,
  .page-intro.page-intro-with-facts,
  .fallarten-page .page-intro,
  .befunde-bergung-page .page-intro,
  .altersdiagnostik-page .page-intro-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .home-page .home-foundations > div{
    max-width:none;
  }
}

@media (max-width:760px){
  .home-page .home-foundations > div > div + div{
    padding-top:20px;
  }

  .page-intro-with-facts .intro-facts,
  .fallarten-page .page-intro .intro-facts,
  .befunde-bergung-page .page-intro .intro-facts,
  .home-page .institute-facts{
    width:100%;
  }
}


/* 2026-03-27 post-hero width and boxed-section refinement */
.page-article .article-flow > .content-section:first-child > div,
.page-article .article-flow > .content-section:first-child > div > div,
.page-article .content-section.single-column-section > div,
.page-article .content-section.single-column-section > div > div,
.page-article .content-section.full-width-focus > div,
.page-article .content-section.full-width-focus > div > div{
  max-width:none !important;
  width:100%;
}

.page-article .article-flow > .content-section:first-child p,
.page-article .article-flow > .content-section:first-child li,
.auftraggeber-page .content-section.single-column-section p,
.auftraggeber-page .content-section.single-column-section li,
.publikationen-page .content-section.single-column-section p,
.publikationen-page .content-section.single-column-section li{
  max-width:none;
}

.auftraggeber-page .workflow-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
  align-items:stretch;
}
.auftraggeber-page .workflow-item{
  background:var(--paper-alt);
  border:1px solid var(--line);
  border-top:4px solid var(--accent);
  padding:18px 20px 16px;
}
.auftraggeber-page .workflow-item:last-child{
  padding-bottom:16px;
}
.auftraggeber-page .workflow-item h2{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.15;
}
.auftraggeber-page .workflow-item p{
  margin:0;
  max-width:none;
}

.publikationen-page .publication-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 26px;
  margin-top:22px;
}
.publikationen-page .pub-group{
  padding:20px 22px 18px;
  background:var(--paper-alt);
  border:1px solid var(--line);
  border-top:4px solid var(--accent);
}
.publikationen-page .pub-group h3{
  margin:0 0 16px;
  font-size:23px;
}
.publikationen-page .pub-group h3::before{
  content:none;
}
.publikationen-page .pub-list{
  gap:0;
}
.publikationen-page .pub-card{
  padding:14px 0 0;
  margin-top:14px;
  border-top:1px solid var(--line);
}
.publikationen-page .pub-card:first-child{
  padding-top:0;
  margin-top:0;
  border-top:none;
}
.publikationen-page .pub-card p,
.publikationen-page .pub-card span{
  max-width:none;
}

@media (max-width: 980px){
  .auftraggeber-page .workflow-stack,
  .publikationen-page .publication-groups{
    grid-template-columns:1fr;
  }
}

/* March 27, 2026: targeted fix for Altersdiagnostik hero width */
.altersdiagnostik-page .page-intro.page-intro-cert{
  width:100%;
}

.altersdiagnostik-page .page-intro-grid{
  width:100% !important;
  grid-template-columns:minmax(0,1.52fr) minmax(320px,0.88fr) !important;
  gap:40px !important;
  align-items:start !important;
}

.altersdiagnostik-page .page-intro-main,
.altersdiagnostik-page .page-intro-certbox{
  min-width:0;
}

.altersdiagnostik-page .page-intro-main p,
.altersdiagnostik-page .page-intro-main .lead{
  max-width:none !important;
}

.altersdiagnostik-page .page-intro-certbox{
  width:100%;
}

.altersdiagnostik-page .cert-figure img{
  max-width:300px;
}

@media (max-width:1050px){
  .altersdiagnostik-page .page-intro-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

/* March 27, 2026: final width and spacing corrections */

/* Home page: stack the content blocks below the hero and let them use the full text width */
.home-page .content-section.home-foundations > div,
.home-page .content-section.single-column-section > div{
  grid-template-columns:1fr !important;
  max-width:none !important;
  width:100% !important;
  column-gap:0 !important;
  row-gap:26px !important;
}
.home-page .content-section.home-foundations > div > div,
.home-page .content-section.single-column-section > div > div{
  max-width:none !important;
  width:100% !important;
}
.home-page .content-section.home-foundations p,
.home-page .content-section.home-foundations li,
.home-page .content-section.single-column-section p,
.home-page .content-section.single-column-section li,
.home-page .content-section.home-foundations h2,
.home-page .content-section.single-column-section h2{
  max-width:none !important;
}
.home-page .content-section.home-foundations ul,
.home-page .content-section.single-column-section ul,
.home-page .content-section.single-column-section ol{
  max-width:none !important;
}

/* Altersdiagnostik: force a broad hero with the left side clearly wider than the certificate column */
.altersdiagnostik-page .page-intro.page-intro-cert,
.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-grid{
  max-width:none !important;
}
.altersdiagnostik-page .page-intro-grid{
  display:grid !important;
  width:100% !important;
  grid-template-columns:minmax(0,1.95fr) minmax(260px,0.72fr) !important;
  gap:42px !important;
  align-items:start !important;
}
.altersdiagnostik-page .page-intro-main,
.altersdiagnostik-page .page-intro-certbox{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
.altersdiagnostik-page .page-intro-main p,
.altersdiagnostik-page .page-intro-main .lead,
.altersdiagnostik-page .page-intro-main h1{
  max-width:none !important;
}
.altersdiagnostik-page .page-intro-certbox{
  justify-self:stretch !important;
  align-self:start !important;
}
.altersdiagnostik-page .cert-figure,
.altersdiagnostik-page .cert-linkline{
  max-width:none !important;
}

/* Publication page: let the first section breathe across the full article width */
.publikationen-page .page-article > .article-flow > .content-section#relevante-publikationen > div{
  grid-template-columns:1fr !important;
  max-width:none !important;
  width:100% !important;
}
.publikationen-page .page-article > .article-flow > .content-section#relevante-publikationen > div > div{
  max-width:none !important;
  width:100% !important;
}
.publikationen-page #relevante-publikationen p,
.publikationen-page #relevante-publikationen li,
.publikationen-page #relevante-publikationen h2,
.publikationen-page #relevante-publikationen h3,
.publikationen-page #relevante-publikationen .pub-list,
.publikationen-page #relevante-publikationen .publication-groups{
  max-width:none !important;
}
.publikationen-page .publication-groups{
  width:100% !important;
  grid-template-columns:repeat(2,minmax(320px,1fr)) !important;
  gap:22px 26px !important;
}

/* Verfahren: make the first four points proper cards with more inner padding and full-width use */
.auftraggeber-page .page-article > .article-flow > .content-section#1-beweisfrage-klaeren > div{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(280px,1fr)) !important;
  gap:18px 20px !important;
  max-width:none !important;
  width:100% !important;
}
.auftraggeber-page .page-article > .article-flow > .content-section#1-beweisfrage-klaeren > div > article{
  background:var(--paper-alt) !important;
  border:1px solid var(--line) !important;
  border-top:4px solid var(--accent) !important;
  padding:22px 24px 20px !important;
  min-width:0 !important;
}
.auftraggeber-page .page-article > .article-flow > .content-section#1-beweisfrage-klaeren > div > article p,
.auftraggeber-page .page-article > .article-flow > .content-section#1-beweisfrage-klaeren > div > article h3{
  max-width:none !important;
}

/* Fallarten page: spread the two blocks across the full available width */
.fallarten-page .page-article > .article-flow > .content-section#haeufige-falltypen > div{
  grid-template-columns:repeat(2,minmax(280px,1fr)) !important;
  max-width:none !important;
  width:100% !important;
  column-gap:28px !important;
}
.fallarten-page .page-article > .article-flow > .content-section#haeufige-falltypen > div > div{
  max-width:none !important;
  width:100% !important;
}
.fallarten-page .page-article > .article-flow > .content-section#haeufige-falltypen p,
.fallarten-page .page-article > .article-flow > .content-section#haeufige-falltypen li,
.fallarten-page .page-article > .article-flow > .content-section#haeufige-falltypen h2{
  max-width:none !important;
}

/* More generally: sections immediately after the hero on subpages should not be constrained to 72ch */
.page-article > .article-flow > .content-section:first-child > div > div,
.page-article > .article-flow > .content-section:first-child > article{
  max-width:none;
}

@media (max-width:1050px){
  .altersdiagnostik-page .page-intro-grid,
  .publikationen-page .publication-groups,
  .auftraggeber-page .page-article > .article-flow > .content-section#1-beweisfrage-klaeren > div,
  .fallarten-page .page-article > .article-flow > .content-section#haeufige-falltypen > div{
    grid-template-columns:1fr !important;
  }
}


/* March 27, 2026: final targeted fixes for EN cleanup and Altersdiagnostik hero width */
.altersdiagnostik-page .page-intro.page-intro-cert,
.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-grid{
  width:100% !important;
  max-width:none !important;
}
.altersdiagnostik-page .page-intro-grid{
  display:grid !important;
  grid-template-columns:minmax(0, calc(100% - 280px - 28px)) 280px !important;
  gap:28px !important;
  align-items:start !important;
}
.altersdiagnostik-page .page-intro-main{
  width:100% !important;
  max-width:none !important;
}
.altersdiagnostik-page .page-intro-main > *{
  max-width:none !important;
}
.altersdiagnostik-page .page-intro-certbox{
  width:280px !important;
  max-width:280px !important;
  justify-self:end !important;
}
.altersdiagnostik-page .page-intro-certbox .cert-figure,
.altersdiagnostik-page .page-intro-certbox .cert-linkline,
.altersdiagnostik-page .page-intro-certbox img{
  width:100% !important;
  max-width:100% !important;
}
@media (max-width: 980px){
  .altersdiagnostik-page .page-intro-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  .altersdiagnostik-page .page-intro-certbox{
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
}


/* March 27, 2026: hard reset for Altersdiagnostik hero width */
.altersdiagnostik-page .page-intro.page-intro-cert{display:block !important;width:100% !important;max-width:none !important;}
.altersdiagnostik-page .page-intro.page-intro-cert > .page-intro-grid{display:grid !important;width:100% !important;max-width:none !important;grid-template-columns:minmax(0,2.15fr) minmax(260px,320px) !important;gap:32px !important;align-items:start !important;}
.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-main{min-width:0 !important;max-width:none !important;width:100% !important;}
.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-main > *{max-width:none !important;}
.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-certbox{width:100% !important;max-width:320px !important;min-width:260px !important;justify-self:end !important;align-self:start !important;padding-top:0 !important;}
.altersdiagnostik-page .page-intro.page-intro-cert .cert-figure,.altersdiagnostik-page .page-intro.page-intro-cert .cert-linkline{width:100% !important;max-width:none !important;}
@media (max-width:980px){.altersdiagnostik-page .page-intro.page-intro-cert > .page-intro-grid{grid-template-columns:1fr !important;gap:20px !important;}.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-certbox{max-width:none !important;min-width:0 !important;justify-self:stretch !important;}}


/* 2026-03-27 altersdiagnostik hero ratio alignment final */
.altersdiagnostik-page .page-intro.page-intro-cert > .page-intro-grid{grid-template-columns:minmax(0,1fr) clamp(384px,37vw,504px) !important;gap:44px !important;}
.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-certbox{max-width:none !important;min-width:0 !important;width:100% !important;justify-self:stretch !important;}
@media (max-width:980px){.altersdiagnostik-page .page-intro.page-intro-cert > .page-intro-grid{grid-template-columns:1fr !important;gap:20px !important;}.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-certbox{justify-self:stretch !important;}}


/* 2026-03-27 final refinement: fallarten stacking, workflow spacing, homepage panels, schema fit */
.fallarten-page #haeufige-falltypen > div > div{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:24px !important;
  max-width:none !important;
}
.fallarten-page #haeufige-falltypen > div > div + div,
.fallarten-page #haeufige-falltypen > div > div > div + div{
  border-top:none !important;
  padding-top:0 !important;
}
.fallarten-page #haeufige-falltypen > div > div > div{
  width:100%;
  max-width:none;
}

.auftraggeber-page .workflow-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:18px 20px;
}
.auftraggeber-page .workflow-item{
  border:1px solid var(--line-strong);
  border-top:4px solid var(--accent);
  background:#FFFFFF;
  padding:20px 22px 18px;
  min-height:100%;
}
.auftraggeber-page .workflow-item h2,
.auftraggeber-page .workflow-item p{
  max-width:none;
}
.auftraggeber-page .workflow-item h2{margin:0 0 10px;}
.auftraggeber-page .workflow-item p:last-child{margin-bottom:0;}
@media (max-width:820px){
  .auftraggeber-page .workflow-stack{grid-template-columns:1fr;}
}

.home-page .subtle-panel{
  border:1px solid var(--line);
  border-left:4px solid var(--navy);
  background:#F7FAFE;
  padding:22px 24px 20px;
}
.home-page .subtle-panel figure{
  margin-top:16px;
}
.home-page .subtle-panel h2{margin-top:0;}
@media (max-width:760px){
  .home-page .subtle-panel{padding:18px 18px 16px;}
}


/* 2026-03-27 final pass: unify hero proportions across home and subpages */
.home-intro,
.page-intro.page-intro-with-facts,
.fallarten-page .page-intro,
.befunde-bergung-page .page-intro,
.bildidentifikation-page .page-intro.has-hero-media,
.altersdiagnostik-page .page-intro-grid,
.skelettidentifikation-page .page-intro.has-hero-media,
.konvertierungen-page .page-intro.has-hero-media{
  grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr) !important;
  gap:40px !important;
  align-items:start !important;
}

.home-intro .intro-copy,
.page-intro-with-facts .page-intro-copy,
.fallarten-page .page-intro .page-intro-copy,
.befunde-bergung-page .page-intro .page-intro-copy,
.bildidentifikation-page .page-intro.has-hero-media .page-intro-copy,
.altersdiagnostik-page .page-intro-main,
.skelettidentifikation-page .page-intro.has-hero-media .page-intro-copy,
.konvertierungen-page .page-intro.has-hero-media .page-intro-copy{
  min-width:0 !important;
}

@media (max-width:1050px){
  .home-intro,
  .page-intro.page-intro-with-facts,
  .fallarten-page .page-intro,
  .befunde-bergung-page .page-intro,
  .bildidentifikation-page .page-intro.has-hero-media,
  .altersdiagnostik-page .page-intro-grid,
  .skelettidentifikation-page .page-intro.has-hero-media,
  .konvertierungen-page .page-intro.has-hero-media{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}


/* 2026-03-27 refinement: Verfahren cards and lighter home emphasis */
.workflow-stack.workflow-cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.workflow-stack.workflow-cards .workflow-item{
  border:1px solid var(--line);
  border-left:4px solid var(--navy);
  background:#FFFFFF;
  padding:18px 22px 18px 20px;
  min-width:0;
}
.workflow-stack.workflow-cards .workflow-item h2{
  margin-top:0;
  margin-bottom:10px;
}
.workflow-stack.workflow-cards .workflow-item p{
  max-width:none;
  margin:0;
}
.accent-block{
  padding:6px 0 4px 0;
  border-left:4px solid var(--navy);
  padding-left:18px;
  background:transparent;
}
.accent-block + .accent-block{
  margin-top:6px;
  border-top:1px solid var(--line);
  padding-top:18px;
}
.home-page .accent-block h2{
  margin-top:0;
  margin-bottom:10px;
}
.home-page .accent-block p,
.home-page .accent-block li{max-width:none;}
@media (max-width:900px){
  .workflow-stack.workflow-cards{grid-template-columns:1fr;gap:14px;}
}

/* 2026-03-27 reduction pass: calmer homepage and roomier workflow cards */
.home-page .subtle-panel{
  border:none !important;
  border-left:none !important;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
}
.home-page .subtle-panel figure,
.home-page .subtle-panel img{
  margin-top:14px;
}
.home-page .home-foundations > div > div + div{
  border-top:1px solid var(--line-strong) !important;
  padding-top:30px !important;
}
.home-page .accent-block{
  border-left:2px solid var(--line-strong) !important;
  background:transparent !important;
  padding:0 0 0 16px !important;
}
.home-page .accent-block + .accent-block{
  margin-top:0 !important;
  border-top:none !important;
  padding-top:0 !important;
}
.home-page .content-section.single-column-section + .content-section.single-column-section{
  border-top:1px solid var(--line) !important;
  padding-top:34px !important;
}
.home-page .content-section.single-column-section > div{
  row-gap:22px !important;
}

.auftraggeber-page .workflow-stack.workflow-cards{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
.auftraggeber-page .workflow-stack.workflow-cards .workflow-item{
  padding:24px 30px 22px 28px !important;
  border:1px solid var(--line) !important;
  border-top:3px solid var(--accent) !important;
  border-left:1px solid var(--line) !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
}
.auftraggeber-page .workflow-stack.workflow-cards .workflow-item h2{
  margin:0 0 12px !important;
}
.auftraggeber-page .workflow-stack.workflow-cards .workflow-item p{
  line-height:1.62 !important;
}

/* keep visual reduction on other grouped cards */
.publikationen-page .pub-group{
  background:#FFFFFF !important;
  border:1px solid var(--line) !important;
  border-top:3px solid var(--accent) !important;
  box-shadow:none !important;
}

@media (max-width: 900px){
  .home-page .home-foundations > div > div + div{
    padding-top:24px !important;
  }
  .home-page .content-section.single-column-section + .content-section.single-column-section{
    padding-top:26px !important;
  }
  .auftraggeber-page .workflow-stack.workflow-cards{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .auftraggeber-page .workflow-stack.workflow-cards .workflow-item{
    padding:20px 22px 18px 20px !important;
  }
}


/* HU-inspired refinement pass: breadcrumbs, whitespace, quick access */
.breadcrumb-trail{width:min(var(--max),calc(100% - 48px));margin:10px auto 24px;padding-top:10px;color:var(--muted);font:400 13px/1.4 Arial, Helvetica, sans-serif}
.breadcrumb-trail ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.breadcrumb-trail li{display:inline-flex;align-items:center;gap:8px}
.breadcrumb-trail li+li::before{content:"/";color:#9AA4B2;margin-right:2px}
.breadcrumb-trail a{color:var(--muted);text-decoration:none}
.breadcrumb-trail a:hover{color:var(--navy)}
.breadcrumb-trail [aria-current="page"] span{color:var(--navy)}
.section-head-compact{padding-top:0;margin-bottom:14px;align-items:end}
.home-quicklinks{padding:4px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}
.quicklink-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.quicklink-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:2px solid var(--line-strong);color:var(--navy);text-decoration:none;background:transparent}
.quicklink-item strong{font:600 15px/1.35 Arial, Helvetica, sans-serif;letter-spacing:.01em}
.quicklink-item span{font:400 22px/1 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--accent)}
.quicklink-item:hover{border-top-color:var(--accent)}
.institute-facts{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0 20px 22px}
.sidebar-block{background:transparent;border:none;border-top:1px solid var(--line);padding:14px 0 0;margin-bottom:20px}
.sidebar-block h2{margin-bottom:10px}
.feature-item{border-left:none;border-right:none;border-bottom:none;background:transparent;box-shadow:none;padding:16px 0 12px;border-top:2px solid var(--line-strong)}
.feature-list{gap:22px;padding-top:16px}
.content-section .panel,.content-section[data-added="service-overview"] > div > div > div,.content-section[data-added="next-step"] > div > div,.content-section#weiterfuehrende-seiten a{background:transparent;box-shadow:none}
.content-section .panel{padding:16px 0 4px;border-left:none;border-top:3px solid var(--accent)}
.content-section[data-added="service-overview"] > div > div > div{border:none;border-top:2px solid var(--line-strong);padding:14px 0 8px}
.content-section[data-added="next-step"] > div > div{border:none;border-top:2px solid var(--line-strong);padding:18px 0 4px}
.content-section#weiterfuehrende-seiten a{border:none;border-top:2px solid var(--line-strong);padding:14px 0}
.page-intro{padding-bottom:30px;margin-bottom:34px}
.page-intro .lead,.intro-copy .lead{font-size:20px;line-height:1.55;max-width:58ch}
.content-grid{gap:64px}
.home-page .content-section>div,.page-article .content-section>div{column-gap:38px;row-gap:28px}
.page-article > .article-flow > .content-section:first-child > div > div{max-width:none}
@media (max-width:1050px){
  .content-grid{gap:30px}
  .quicklink-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .breadcrumb-trail{width:min(var(--max),calc(100% - 28px));margin:4px auto 18px}
  .quicklink-row{grid-template-columns:1fr}
  .home-quicklinks{padding:0 0 20px}
  .institute-facts{padding-left:0}
}



/* 2026-03-28 neutral HU-style gray pass */
:root{
  --paper-alt:#ECECEC;
  --sidebar:#E6E6E6;
  --line:#D0D0D0;
  --line-strong:#BDBDBD;
}
.navband{background:#F2F2F2 !important;border-bottom:1px solid var(--line-strong) !important;}
.institute-facts,
.intro-facts,
.sidebar-block,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.bildidentifikation-page .format-badge,
.altersdiagnostik-page .cert-figure,
.page-intro-visual img,
.hero-media-figure img,
.content-section .doc-image,
.home-inline-links .compact-topic-links-inline a,
.compact-topic-links a,
.site-footer{
  background:var(--paper-alt) !important;
}
.institute-facts,
.intro-facts{background:var(--sidebar) !important;}
.site-footer{border-top:1px solid var(--line-strong) !important;}
.footer-bottom{border-top:1px solid var(--line) !important;}

/* 2026-03-28 correction pass: use established neutral grey on all boxes/heroes; footer stays blue */
:root{
  --paper-alt:#ECECEC !important;
  --sidebar:#ECECEC !important;
  --line:#CFCFCF !important;
  --line-strong:#B7B7B7 !important;
}

/* Neutral grey surfaces throughout cards, sidebars, hero media boxes and image/schema frames */
.institute-facts,
.intro-facts,
.sidebar-block,
.page-intro-media,
.page-intro-certbox,
.bildidentifikation-page .page-intro-media,
.altersdiagnostik-page .page-intro-certbox,
.skelettidentifikation-page .page-intro-media,
.konvertierungen-page .page-intro-media,
.content-section .panel,
.content-section[data-added="service-overview"] > div > div > div,
.content-section[data-added="next-step"] > div > div,
.content-section#weiterfuehrende-seiten a,
.content-section .doc-image,
.bildidentifikation-page .format-badge,
.altersdiagnostik-page .cert-figure,
.page-intro-visual img,
.hero-media-figure,
.hero-media-figure img,
.home-inline-links .compact-topic-links-inline a,
.compact-topic-links a,
.home-page .subtle-panel,
.workflow-stack.workflow-cards .workflow-item,
.publikationen-page .pub-group,
.search-result-card,
.quicklink-item,
.contact-strip{
  background:#ECECEC !important;
}

/* Preserve text/image contrast inside hero media boxes */
.page-intro-media,
.page-intro-certbox,
.bildidentifikation-page .page-intro-media,
.altersdiagnostik-page .page-intro-certbox,
.skelettidentifikation-page .page-intro-media,
.konvertierungen-page .page-intro-media,
.institute-facts,
.intro-facts{
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
}

/* Keep transparent/open elements from previous reduction pass transparent */
.home-page .subtle-panel,
.quicklink-item,
.contact-strip{
  background:transparent !important;
}

/* Footer should remain institutional blue, not grey */
.site-footer,
.site-footer .footer-bottom{
  background:var(--hu-blue) !important;
  color:#FFFFFF !important;
}
.site-footer{
  border-top:0 !important;
}
.site-footer h2,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer .footer-meta,
.site-footer .footer-legal,
.site-footer .footer-bottom,
.site-footer .footer-bottom a{
  color:#FFFFFF !important;
}
.site-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.22) !important;
}

/* Keep scheme/image cards on the same grey family */
.content-section .doc-image img,
.schema-frame,
figure.schema,
figure svg{
  background:#ECECEC !important;
}


/* Added for specialist subpages */
.nav-panel a.nav-subitem{padding-left:32px;font-weight:500;font-size:12px;opacity:.92;}
.nav-panel a.nav-subitem::before{content:"↳ ";opacity:.7;}
@media (max-width:980px){.nav-panel a.nav-subitem{padding-left:28px;} .nav-panel a.nav-subitem::before{content:"";}}
.morphologische-alterung-page .page-intro-certbox .cert-figure,.bildmaterial-vergleichbarkeit-page .hero-media-figure{background:var(--panel-bg, #eef1f4);}


/* Hero image adjustments for specialist pages */
.bildmaterial-vergleichbarkeit-page .page-intro-visual.single .hero-media-figure img,
.image-material-comparability-page .page-intro-visual.single .hero-media-figure img{
  height:320px !important;
  max-height:320px !important;
}
.morphologische-alterung-page .page-intro-certbox .cert-figure img,
.morphological-ageing-page .page-intro-certbox .cert-figure img{
  max-width:100% !important;
  width:auto !important;
  height:320px !important;
  max-height:320px !important;
  object-fit:contain !important;
}
@media (max-width:980px){
  .bildmaterial-vergleichbarkeit-page .page-intro-visual.single .hero-media-figure img,
  .image-material-comparability-page .page-intro-visual.single .hero-media-figure img{
    max-height:280px !important;
    height:auto !important;
  }
  .morphologische-alterung-page .page-intro-certbox .cert-figure img,
  .morphological-ageing-page .page-intro-certbox .cert-figure img{
    height:auto !important;
    max-height:280px !important;
    width:auto !important;
    max-width:100% !important;
  }
}


/* 2026-03-28: morph hero alignment + mobile sidebar collapse */
.morphologische-alterung-page .page-intro-grid{
  grid-template-columns:minmax(0,1fr) clamp(290px,29vw,390px);
  gap:34px;
  align-items:start;
}
.morphologische-alterung-page .page-intro-certbox{
  padding-top:12px;
  align-self:start;
}
.morphologische-alterung-page .cert-figure{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  border:0;
  background:transparent;
  padding:0;
}
.morphologische-alterung-page .cert-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:306px;
  max-height:306px;
  object-fit:contain;
  border:1px solid var(--line);
  background:#F3F5F8;
  padding:8px;
  box-sizing:border-box;
}
.morphologische-alterung-page .cert-figure figcaption{
  margin:0;
}

.page-sidebar{z-index:1;}
.page-sidebar .sidebar-toggle{display:none;}

@media (max-width:900px){
  .morphologische-alterung-page .page-intro-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
  .morphologische-alterung-page .page-intro-certbox{
    padding-top:0;
  }
  .morphologische-alterung-page .cert-figure{
    width:min(100%,360px);
  }
  .morphologische-alterung-page .cert-figure img{
    height:306px;
    max-height:306px;
  }

  .page-sidebar{
    position:relative;
    top:auto;
    width:100%;
    order:2;
    margin-top:6px;
    z-index:0;
  }
  .page-sidebar .sidebar-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    padding:12px 14px;
    margin:0 0 12px;
    border:1px solid var(--line);
    background:var(--paper-alt);
    color:var(--navy);
    font:600 12px/1 Arial, Helvetica, sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .page-sidebar .sidebar-toggle::after{
    content:'+';
    font-size:18px;
    line-height:1;
    letter-spacing:0;
  }
  .page-sidebar.is-open .sidebar-toggle::after{content:'−';}
  .page-sidebar:not(.is-open) .sidebar-block{display:none;}
  .page-sidebar.is-open .sidebar-block{display:block;}
}

@media (min-width:901px){
  .page-sidebar .sidebar-toggle{display:none !important;}
}


/* 2026-03-28 final cleanup: remove quicklink clutter + unify morph hero with image-material */
.morphologische-alterung-page .page-intro.has-hero-media, .morphological-ageing-page .page-intro.has-hero-media{align-items:start;}
.morphologische-alterung-page .page-intro-media, .morphological-ageing-page .page-intro-media{align-self:start;}
.morphologische-alterung-page .page-intro-visual.single .hero-media-figure img, .morphological-ageing-page .page-intro-visual.single .hero-media-figure img{height:320px !important; max-height:320px !important; width:100% !important; object-fit:contain !important;}
@media (max-width:980px){.morphologische-alterung-page .page-intro-visual.single .hero-media-figure img, .morphological-ageing-page .page-intro-visual.single .hero-media-figure img{height:auto !important; max-height:280px !important; width:100% !important;}}


/* 2026-03-28 remove redundant horizontal lines directly below all hero areas */
.home-intro,
.page-intro,
.page-intro-with-facts{
  border-bottom: 0 !important;
  padding-bottom: 24px !important;
  margin-bottom: 24px !important;
}
.home-links,
.home-page .home-areas,
.home-page .home-areas + .content-section,
.home-page .content-section + .content-section{
  border-top: 0 !important;
}
.section-head,
.home-links{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media (max-width: 760px){
  .home-intro,
  .page-intro,
  .page-intro-with-facts{
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }
}

/* final fix: home line under Fachbereiche removed + menu hover unified */
.home-page .feature-list{border-top:0 !important;padding-top:0 !important;}
.primary-nav a:hover{background:#EAEAEA !important;color:var(--navy) !important;text-decoration:none !important;}
.primary-nav a[aria-current="page"]{color:var(--navy) !important;border-top:4px solid var(--navy) !important;}


/* 2026-03-28 final spacing fixes: Altersdiagnostik hero + next-step blocks */
.altersdiagnostik-page .page-intro-certbox{padding-top:10px}
.altersdiagnostik-page .cert-figure{padding:18px 16px 14px}
.altersdiagnostik-page .cert-figure img{max-height:286px; margin-top:4px}
.altersdiagnostik-page .cert-linkline{margin-top:12px; padding-left:2px}
.content-section[data-added="next-step"] > div > div{padding:24px 28px 24px 30px}
.content-section[data-added="next-step"] h2{margin-top:0}
.content-section[data-added="next-step"] p{max-width:none}
.content-section[data-added="next-step"] > div > div > div:last-child{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.content-section[data-added="next-step"] > div > div > div:last-child a{margin:0}
@media (max-width:760px){
  .altersdiagnostik-page .page-intro-certbox{padding-top:0}
  .altersdiagnostik-page .cert-figure{padding:16px 14px 14px}
  .altersdiagnostik-page .cert-figure img{max-height:248px; margin-top:2px}
  .content-section[data-added="next-step"] > div > div{padding:22px 20px 22px 22px}
}


/* 2026-03-28 targeted fixes: Messdaten formats layout + stable top navigation state */
.konvertierungen-page .formats-clean-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
}
.konvertierungen-page .format-entry{
  display:grid !important;
  grid-template-columns:minmax(150px,180px) minmax(0,1fr) !important;
  column-gap:24px !important;
  row-gap:3px !important;
  align-items:start !important;
  padding:16px 0 14px !important;
  border-top:1px solid var(--line) !important;
}
.konvertierungen-page .format-entry:first-child{padding-top:2px !important;border-top:none !important;}
.konvertierungen-page .format-entry h3{
  grid-column:1 !important;
  grid-row:1 !important;
  margin:0 !important;
  font-size:20px !important;
  line-height:1.16 !important;
}
.konvertierungen-page .format-entry p:first-of-type{
  grid-column:1 !important;
  grid-row:2 !important;
  margin:0 !important;
  font:600 12px/1.35 Arial, Helvetica, sans-serif !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:#5c6773 !important;
}
.konvertierungen-page .format-entry p:last-of-type{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  margin:0 !important;
  max-width:none !important;
}

.topnav-band .topnav-primary > a,
.topnav-band .topnav-primary > a:visited,
.topnav-band .topnav-primary > .nav-drop > summary{
  color:#FFFFFF !important;
  background:transparent !important;
}
.topnav-band .topnav-primary > a:hover,
.topnav-band .topnav-primary > a:focus-visible,
.topnav-band .topnav-primary > a[aria-current="page"],
.topnav-band .topnav-primary > .nav-drop:hover > summary,
.topnav-band .topnav-primary > .nav-drop:focus-within > summary,
.topnav-band .topnav-primary > .nav-drop[open] > summary,
.topnav-band .topnav-primary > .nav-drop.is-current > summary{
  background:#FFFFFF !important;
  color:var(--navy) !important;
  text-decoration:none !important;
}
.topnav-band .topnav-primary > a[aria-current="page"],
.topnav-band .topnav-primary > .nav-drop.is-current > summary,
.topnav-band .topnav-primary > .nav-drop[open] > summary{
  border-top:4px solid var(--navy) !important;
}
.topnav-band .topnav-primary > .nav-drop > summary::before,
.topnav-band .topnav-primary > a::before{
  display:none !important;
}
.topnav-band .topnav-primary .nav-panel,
.topnav-band .topnav-primary .nav-drop > .nav-panel{
  background:#FFFFFF !important;
  border:1px solid var(--line-strong) !important;
}
.topnav-band .topnav-primary .nav-panel a,
.topnav-band .topnav-primary .nav-panel a:visited{
  color:var(--navy) !important;
  background:#FFFFFF !important;
}
.topnav-band .topnav-primary .nav-panel a:hover,
.topnav-band .topnav-primary .nav-panel a:focus-visible,
.topnav-band .topnav-primary .nav-panel a[aria-current="page"]{
  color:var(--navy) !important;
  background:#F2F4F6 !important;
  border-left-color:var(--navy) !important;
}

@media (max-width: 760px){
  .konvertierungen-page .format-entry{
    grid-template-columns:1fr !important;
    row-gap:6px !important;
  }
  .konvertierungen-page .format-entry h3,
  .konvertierungen-page .format-entry p:first-of-type,
  .konvertierungen-page .format-entry p:last-of-type{
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .topnav-band .topnav-primary > a:hover,
  .topnav-band .topnav-primary > a[aria-current="page"],
  .topnav-band .topnav-primary > .nav-drop:hover > summary,
  .topnav-band .topnav-primary > .nav-drop:focus-within > summary,
  .topnav-band .topnav-primary > .nav-drop[open] > summary,
  .topnav-band .topnav-primary > .nav-drop.is-current > summary{
    background:#FFFFFF !important;
    color:var(--navy) !important;
  }
}

/* Altersdiagnostik hero image spacing refinement */
.altersdiagnostik-page .page-intro-certbox{padding-top:12px !important}
.altersdiagnostik-page .cert-figure{padding:18px 16px 14px !important}
.altersdiagnostik-page .cert-figure img{display:block;margin:0 auto 4px !important;max-height:300px !important}

/* Next-step / Erstanfrage card spacing */
.content-section[data-added="next-step"] > div > div{padding:24px 28px !important}
.content-section[data-added="next-step"] > div > div > div:last-child{display:flex;flex-wrap:wrap;gap:12px 10px;margin-top:12px}
.content-section[data-added="next-step"] > div > div > div:last-child a{margin:0 !important}
@media (max-width:700px){
  .content-section[data-added="next-step"] > div > div{padding:22px 20px !important}
}


.related-inline{margin:.65rem 0 0;color:var(--ink-soft);font-size:.98rem}.related-inline a{font-weight:600;text-decoration:none}.related-inline a:hover,.related-inline a:focus{ text-decoration:underline; }

/* 2026-03-28 selective hero heading fix: use available line width before wrapping */
.home-intro .intro-copy h1,
.page-intro .page-intro-copy h1,
.page-intro .page-intro-main h1{
  max-width:none !important;
  width:100% !important;
  text-wrap:normal !important;
  white-space:normal !important;
  hyphens:none !important;
}

@media (min-width:761px){
  .home-intro .intro-copy h1,
  .page-intro .page-intro-copy h1,
  .page-intro .page-intro-main h1{
    font-size:clamp(2.25rem, 1.8rem + 1.2vw, 2.85rem) !important;
    line-height:1.06 !important;
  }
}

@media (max-width:760px){
  .page-intro .page-intro-copy h1,
  .page-intro .page-intro-main h1{
    text-wrap:balance !important;
  }
}

/* 2026-03-28 text-width utilisation pass: let running text use the available measure more fully */
@media (min-width:761px){
  :root{--max:1280px;}

  .page-intro p,
  .intro-copy p,
  .page-intro .lead,
  .intro-copy .lead,
  .section-head p,
  .content-section p,
  .content-section li,
  .feature-item p,
  .sidebar-block p,
  .site-footer p,
  .site-footer li,
  .content-section figcaption,
  .hero-media-figure figcaption,
  .page-intro-with-facts .page-intro-copy p,
  .page-intro-with-facts .page-intro-copy .lead,
  .page-intro.has-hero-media .page-intro-copy p,
  .page-intro.has-hero-media .page-intro-copy .lead{
    max-width:none !important;
  }

  .page-article > .article-flow > .content-section:first-child > div > div,
  .page-article .article-flow > .content-section > div > div,
  .page-article .article-flow > .content-section > article,
  .home-page .intro-copy,
  .page-intro,
  .page-intro .page-intro-copy,
  .page-intro-with-facts .page-intro-copy,
  .content-section .clean-stack-section > div > div,
  .clean-stack-section > div > div{
    max-width:none !important;
    width:100%;
  }

  .page-intro h1,
  .page-intro .lead,
  .page-intro p,
  .intro-copy h1,
  .intro-copy .lead,
  .intro-copy p,
  .content-section h2,
  .content-section h3,
  .content-section p,
  .content-section li,
  .section-head p,
  .feature-item h3,
  .feature-item p{
    text-wrap:pretty;
  }
}

@media (min-width:761px) and (max-width:1100px){
  .container{width:min(var(--max),calc(100% - 28px)) !important;}
}


/* --- 2026-03-28 mobile masthead line-fit refinement --- */
@media (max-width: 760px){
  .masthead-clean-inner{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    padding:16px 0 14px !important;
    align-items:center !important;
  }
  .brandmark-nameonly,
  .brandmark-nameonly .brandtext{
    min-width:0 !important;
  }
  .brandname{
    font-size:clamp(21px,6.2vw,28px) !important;
    line-height:1.02 !important;
    white-space:nowrap !important;
  }
  .brandline-large{
    margin-top:6px !important;
    font-size:10px !important;
    letter-spacing:.1em !important;
    white-space:nowrap !important;
    max-width:none !important;
  }
  .brand-logo-right img,
  .site-header-huish .brand-logo-right img{
    width:62px !important;
  }
}
@media (max-width: 420px){
  .brandname{
    font-size:clamp(20px,5.8vw,24px) !important;
  }
  .brandline-large{
    font-size:9.6px !important;
    letter-spacing:.08em !important;
  }
  .brand-logo-right img,
  .site-header-huish .brand-logo-right img{
    width:58px !important;
  }
}


/* 2026-03-28 stability pass on latest approved base: medium-width header lock */
@media (max-width: 1120px){
  .topnav-band{position:relative;}
  .topnav-inner{flex-wrap:nowrap !important;align-items:center !important;gap:10px !important;padding:8px 0 !important;min-height:60px !important;}
  .menu-toggle{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;min-width:88px !important;min-height:38px !important;padding:10px 12px !important;border:1px solid rgba(255,255,255,.25) !important;background:transparent !important;color:#fff !important;}
  .header-utilities{width:auto !important;margin-left:auto !important;justify-content:flex-end !important;flex-wrap:nowrap !important;gap:6px !important;flex:0 0 auto !important;}
  .header-utilities .lang-switch,.header-utilities .utility-link{flex:0 0 auto !important;white-space:nowrap !important;}
  .topnav-primary{order:3 !important;position:absolute !important;left:0 !important;right:0 !important;top:100% !important;z-index:50 !important;display:none !important;width:100% !important;margin:0 !important;border-top:1px solid rgba(255,255,255,.16) !important;box-shadow:0 12px 28px rgba(0,0,0,.14) !important;background:var(--navy) !important;}
  .topnav-primary.is-open{display:flex !important;flex-direction:column !important;}
  .topnav-primary > a,.topnav-primary > .nav-drop > summary{justify-content:flex-start !important;min-height:50px !important;padding:0 14px !important;}
  .topnav-primary > .nav-drop > .nav-panel{position:static !important;display:grid !important;box-shadow:none !important;border-left:none !important;border-right:none !important;border-bottom:none !important;}
  .masthead-clean-inner{grid-template-columns:minmax(0,1fr) auto !important;gap:18px !important;padding:18px 0 16px !important;align-items:center !important;}
  .brandmark-nameonly,.brandmark-nameonly .brandtext{min-width:0 !important;}
  .brandname{white-space:nowrap !important;}
  .brandline-large{margin-top:6px !important;font-size:11px !important;letter-spacing:.11em !important;white-space:nowrap !important;max-width:none !important;}
  .brand-logo-right img,.site-header-huish .brand-logo-right img{width:62px !important;}
}
@media (max-width: 760px){
  .topnav-inner{min-height:56px !important;padding:7px 0 !important;}
  .menu-toggle{min-width:80px !important;min-height:36px !important;font-size:11px !important;letter-spacing:.09em !important;}
  .header-utilities{gap:5px !important;}
  .header-utilities .utility-link{width:34px !important;height:34px !important;flex-basis:34px !important;}
}


/* 2026-03-28 final medium-width header lock on latest approved base */
@media (min-width: 761px) and (max-width: 1120px){
  .topnav-inner{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:0 !important;
    flex-wrap:nowrap !important;
    min-height:60px !important;
    padding:8px 0 !important;
  }
  .menu-toggle{
    grid-column:1 !important;
    justify-self:start !important;
    margin:0 !important;
    min-width:88px !important;
  }
  .header-utilities{
    grid-column:3 !important;
    justify-self:end !important;
    margin-left:0 !important;
    width:auto !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    flex:0 0 auto !important;
  }
  .header-utilities .lang-switch,
  .header-utilities .utility-link{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
  .topnav-primary{
    grid-column:1 / -1 !important;
    order:initial !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:100% !important;
    width:100% !important;
    display:none !important;
  }
  .topnav-primary.is-open{
    display:flex !important;
    flex-direction:column !important;
  }

  .masthead-clean-inner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 62px !important;
    align-items:center !important;
    gap:14px !important;
    padding:18px 0 16px !important;
  }
  .brandmark-nameonly{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  .brandmark-nameonly .brandtext{
    display:block !important;
    min-width:0 !important;
    width:100% !important;
  }
  .brandname{
    white-space:nowrap !important;
    font-size:clamp(24px, 2.15vw, 30px) !important;
    line-height:1.02 !important;
  }
  .brandline-large{
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
    max-width:none !important;
    overflow:visible !important;
    margin-top:6px !important;
    font-size:10.5px !important;
    letter-spacing:.10em !important;
  }
  .brand-logo-right,
  .brand-logo-right img,
  .site-header-huish .brand-logo-right img{
    width:62px !important;
    max-width:62px !important;
  }
}


/* 2026-03 longform restructuring */
:root{--max:1380px;}
.page-article .article-flow.longform .content-section{padding-top:34px;padding-bottom:34px;}
.page-article .article-flow.longform .content-section.single-column-section > div{grid-template-columns:1fr !important;max-width:none}
.page-article .article-flow.longform .content-section.single-column-section p,
.page-article .article-flow.longform .content-section.single-column-section li,
.page-article .article-flow.longform .content-section.single-column-section h2,
.page-article .article-flow.longform .content-section.single-column-section h3,
.page-article .article-flow.longform .content-section.single-column-section figure,
.page-article .article-flow.longform .content-section.single-column-section blockquote{max-width:none}
.page-article .article-flow.longform .content-section.single-column-section ul,
.page-article .article-flow.longform .content-section.single-column-section ol{max-width:none;padding-left:1.3rem}
.page-article .article-flow.longform .content-section.single-column-section > div > div{max-width:none}
.page-article .article-flow.longform .content-section p,
.page-article .article-flow.longform .content-section li{font-size:18px;line-height:1.72}
.page-article .article-flow.longform .content-section h2{margin-bottom:14px}
.page-article .article-flow.longform .content-section h3{margin-top:28px}
.page-article .article-flow.longform figure.longform-figure{margin:22px 0}
.page-article .article-flow.longform figure.longform-figure img{max-width:420px}
.longform-note{margin:18px 0 0;padding:14px 16px;border-top:2px solid var(--line-strong);font-size:16px;color:var(--muted)}
.page-intro-copy .related-inline{max-width:none}
.page-article .article-flow.longform .content-section#weiterfuehrende-seiten a strong{font:600 18px/1.35 "Source Serif 4", Georgia, "Times New Roman", serif;color:var(--ink)}
.content-grid.content-grid-longform{align-items:start}
@media (max-width:900px){
  .page-sidebar{position:relative;top:auto}
}


/* Canonical site-level harmonisation (2026-03-29 cleanup) */
:root{
  --max:1280px;
  --section-rule-gap:24px;
}

.container,
.breadcrumb-trail,
.home-page .container,
.page-shell .container,
.home-shell .container{
  width:min(var(--max),calc(100% - 48px)) !important;
}
@media (max-width:760px){
  .container,
  .breadcrumb-trail,
  .home-page .container,
  .page-shell .container,
  .home-shell .container{
    width:min(var(--max),calc(100% - 28px)) !important;
  }
}

/* shared section spacing */
.page-article .article-flow > .content-section + .content-section,
.content-section + .content-section,
.home-page .content-section + .content-section{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-rule-gap) !important;
  padding-top:var(--section-rule-gap) !important;
}

/* make separator spacing visually symmetric by clearing trailing margins */
.content-section > :last-child,
.content-section > div > :last-child,
.content-section > div > div > :last-child,
.page-intro > :last-child,
.page-intro-copy > :last-child,
.home-links > :last-child,
.case-law-list > :last-child,
.publikationen-page #relevante-publikationen .pub-group > :last-child,
.publikationen-page #relevante-publikationen .pub-list > :last-child{
  margin-bottom:0 !important;
}

hr,
.page-article hr,
.home-page hr,
.content-section hr,
.section-divider{
  border:0 !important;
  border-top:1px solid var(--line) !important;
  margin:var(--section-rule-gap) 0 !important;
  padding:0 !important;
}

/* homepage */
.home-page .home-intro{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,0.8fr) !important;
  gap:42px !important;
  align-items:start !important;
  border-bottom:0 !important;
  padding-bottom:0 !important;
}
.home-page h1{max-width:none !important;}
.home-page .lead,
.home-page .intro-copy p,
.home-page .content-section p,
.home-page .content-section li{max-width:none !important;}
.home-page .content-section{margin-top:0 !important;padding-top:0 !important;}
.home-page .home-fachbereiche-text,
.home-page .home-method,
.home-page .home-request,
.home-page .home-request + .home-links{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-rule-gap) !important;
  padding-top:var(--section-rule-gap) !important;
}
.home-page .home-request{
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.home-page .home-links{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.home-page .home-request + .home-links{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-rule-gap) !important;
  padding-top:var(--section-rule-gap) !important;
}
.home-fachbereiche-text .home-fachbereiche-copy{display:block !important;margin-top:12px !important;}
.home-fachbereiche-text .home-fachbereiche-copy p{margin:0 0 18px !important;}
.home-fachbereiche-text .home-fachbereiche-copy p:last-child{margin-bottom:0 !important;}
.home-follow-links{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;margin-top:16px !important;}
.home-follow-links a{display:block !important;padding:18px 20px !important;border:1px solid var(--line) !important;background:#F3F5F8 !important;text-decoration:none !important;color:inherit !important;}
.home-follow-links a strong{display:block !important;font:600 18px/1.25 "Source Serif 4", Georgia, "Times New Roman", serif !important;color:var(--navy) !important;}
.home-follow-links a span{display:block !important;margin-top:6px !important;color:var(--muted) !important;font:400 15px/1.55 "Source Serif 4", Georgia, "Times New Roman", serif !important;}
@media (max-width:1050px){
  .home-page .home-intro{grid-template-columns:1fr !important;gap:24px !important;}
}
@media (max-width:900px){
  .home-follow-links{grid-template-columns:1fr !important;}
}

/* subpage hero harmonisation */
.page-intro.has-hero-media,
.page-intro.page-intro-with-facts,
.altersdiagnostik-page .page-intro.page-intro-cert > .page-intro-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,0.8fr) !important;
  gap:42px !important;
  align-items:start !important;
}
.page-intro.has-hero-media .page-intro-media,
.page-intro.page-intro-with-facts .intro-facts,
.altersdiagnostik-page .page-intro.page-intro-cert .page-intro-certbox{
  align-self:start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  border-left:4px solid var(--navy) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  padding:24px 0 24px 24px !important;
  background:var(--sidebar) !important;
  box-sizing:border-box !important;
}
@media (max-width:980px){
  .page-intro.has-hero-media,
  .page-intro.page-intro-with-facts,
  .altersdiagnostik-page .page-intro.page-intro-cert > .page-intro-grid{grid-template-columns:1fr !important;gap:22px !important;}
  .page-intro.has-hero-media .page-intro-media,
  .page-intro.page-intro-with-facts .intro-facts,
  .altersdiagnostik-page .page-intro.page-intro-cert .page-intro-certbox{border-left:none !important;padding:18px 0 !important;}
}

/* case-law */
.case-law-list{list-style:none !important;margin:14px 0 0 !important;padding:0 !important;max-width:none !important;}
.case-law-list li{margin:0 0 16px !important;padding:0 !important;border:none !important;max-width:none !important;}
.case-law-list li:last-child{margin-bottom:0 !important;}

/* publications */
.publikationen-page #relevante-publikationen > div,
.publikationen-page #relevante-publikationen > div > div,
.publikationen-page #relevante-publikationen .publication-groups,
.publikationen-page #relevante-publikationen .pub-group,
.publikationen-page #relevante-publikationen .pub-list,
.publikationen-page #relevante-publikationen .pub-card,
.publikationen-page #relevante-publikationen .pub-entry{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  outline:none !important;
  padding:0 !important;
}
.publikationen-page #relevante-publikationen .publication-groups{display:block !important;margin-top:28px !important;}
.publikationen-page #relevante-publikationen .pub-group{margin:0 0 42px !important;padding:0 !important;}
.publikationen-page #relevante-publikationen .pub-group:last-child{margin-bottom:0 !important;}
.publikationen-page #relevante-publikationen .pub-group h3{margin:0 0 18px !important;padding:0 !important;font-size:25px !important;line-height:1.24 !important;color:var(--accent) !important;}
.publikationen-page #relevante-publikationen .pub-group h3::before{content:none !important;}
.publikationen-page #relevante-publikationen .pub-list{display:block !important;margin:0 !important;padding:0 !important;}
.publikationen-page #relevante-publikationen .pub-entry,
.publikationen-page #relevante-publikationen .pub-card{display:block !important;margin:0 0 28px !important;padding:0 !important;border:none !important;}
.publikationen-page #relevante-publikationen .pub-entry:last-child,
.publikationen-page #relevante-publikationen .pub-card:last-child{margin-bottom:0 !important;}
.publikationen-page #relevante-publikationen .pub-entry + .pub-entry,
.publikationen-page #relevante-publikationen .pub-card + .pub-card,
.publikationen-page #relevante-publikationen .pub-group + .pub-group{border-top:none !important;padding-top:0 !important;}
.publikationen-page #relevante-publikationen .pub-citation{margin:0 !important;max-width:none !important;font-size:18px !important;line-height:1.85 !important;letter-spacing:0 !important;color:var(--ink) !important;}
.publikationen-page #relevante-publikationen .pub-note{margin:8px 0 0 !important;max-width:none !important;font-size:15px !important;line-height:1.72 !important;color:var(--muted) !important;}

/* workflow hero svg without redundant frame */
.auftraggeber-page .page-intro .hero-media-figure img{border:0 !important;background:transparent !important;padding:0 !important;box-shadow:none !important;}


/* v33 final separator reset: symmetric spacing on all pages */
:root{--section-rule-gap:22px;}

/* remove hero bottom rule; section separators handle all transitions */
.page-intro,
.home-page .home-intro{
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* longform article sections: no inherited gap/border/padding; separator drawn once and centered */
.page-article .article-flow.longform{
  gap:0 !important;
}
.page-article .article-flow.longform > .content-section{
  border-top:none !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.page-article .article-flow.longform > .content-section::before{
  content:"";
  display:block;
  height:0;
  border-top:1px solid var(--line);
  margin:var(--section-rule-gap) 0 !important;
}
.page-article .article-flow.longform > .content-section > :first-child,
.page-article .article-flow.longform > .content-section > div > :first-child,
.page-article .article-flow.longform > .content-section > div > div > :first-child,
.page-article .article-flow.longform > .content-section > article > :first-child{
  margin-top:0 !important;
}
.page-article .article-flow.longform > .content-section > :last-child,
.page-article .article-flow.longform > .content-section > div > :last-child,
.page-article .article-flow.longform > .content-section > div > div > :last-child,
.page-article .article-flow.longform > .content-section > article > :last-child{
  margin-bottom:0 !important;
}

/* homepage sections follow the same rule logic */
.home-page .home-fachbereiche-text,
.home-page .home-method,
.home-page .home-request,
.home-page .home-links{
  border-top:none !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.home-page .home-fachbereiche-text::before,
.home-page .home-method::before,
.home-page .home-request::before,
.home-page .home-links::before,
.home-page .home-request + .home-links::before{
  content:"" !important;
  display:block;
  height:0;
  border-top:1px solid var(--line);
  margin:var(--section-rule-gap) 0 !important;
}
.home-page .home-links > :first-child,
.home-page .home-request > :first-child,
.home-page .home-fachbereiche-text > :first-child,
.home-page .home-method > :first-child{
  margin-top:0 !important;
}
.home-page .home-links > :last-child,
.home-page .home-request > :last-child,
.home-page .home-fachbereiche-text > :last-child,
.home-page .home-method > :last-child{
  margin-bottom:0 !important;
}

/* generic horizontal rules: symmetric spacing */
hr,
.page-article hr,
.home-page hr,
.content-section hr,
.section-divider{
  border:0 !important;
  border-top:1px solid var(--line) !important;
  margin:var(--section-rule-gap) 0 !important;
  padding:0 !important;
}


/* 2026-03-29 final actual separator correction: one line only, centered gap, no hero double lines */
:root{--section-rule-gap:28px !important;}

/* neutralise previous pseudo-separator experiment */
.page-article .article-flow.longform > .content-section::before,
.home-page .home-fachbereiche-text::before,
.home-page .home-method::before,
.home-page .home-request::before,
.home-page .home-links::before,
.home-page .home-request + .home-links::before{
  content:none !important;
  display:none !important;
}

/* subpages: only sections after the first get a separator, line centered in the gap */
.page-article .article-flow.longform > .content-section{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  position:relative;
}
.page-article .article-flow.longform > .content-section + .content-section{
  margin-top:calc(var(--section-rule-gap) * 2) !important;
}
.page-article .article-flow.longform > .content-section + .content-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:0;
  right:0;
  top:calc(var(--section-rule-gap) * -1);
  border-top:1px solid var(--line);
}

/* homepage: one separator before each main block, including the first after the hero */
.home-page .home-fachbereiche-text,
.home-page .home-method,
.home-page .home-request,
.home-page .home-links{
  border-top:none !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  position:relative;
  margin-top:calc(var(--section-rule-gap) * 2) !important;
}
.home-page .home-fachbereiche-text::before,
.home-page .home-method::before,
.home-page .home-request::before,
.home-page .home-links::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:0;
  right:0;
  top:calc(var(--section-rule-gap) * -1);
  border-top:1px solid var(--line);
}

/* no extra separators from special-case home-link rules */
.home-page .home-request + .home-links{
  border-top:none !important;
  padding-top:0 !important;
}

/* standalone HR keeps the same symmetric distance */
hr,
.page-article hr,
.home-page hr,
.content-section hr,
.section-divider{
  margin:var(--section-rule-gap) 0 !important;
}

/* 2026-03-29 final separator normalization */
:root{--section-rule-gap:28px !important;}

/* remove pseudo-separators and hero-adjacent duplicate lines */
.page-article .article-flow.longform > .content-section::before,
.page-article .article-flow.longform > .content-section + .content-section::before,
.home-page .home-fachbereiche-text::before,
.home-page .home-method::before,
.home-page .home-request::before,
.home-page .home-links::before,
.home-page .home-request + .home-links::before{
  content:none !important;
  display:none !important;
}

/* longform pages: one separator only between sections, with equal space above and below */
.page-article .article-flow.longform{gap:0 !important;}
.page-article .article-flow.longform > .content-section{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  position:static !important;
}
.page-article .article-flow.longform > .content-section + .content-section{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-rule-gap) !important;
  padding-top:var(--section-rule-gap) !important;
}

/* homepage: exactly one separator before each main block */
.home-page .home-fachbereiche-text,
.home-page .home-method,
.home-page .home-request,
.home-page .home-links{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-rule-gap) !important;
  padding-top:var(--section-rule-gap) !important;
  padding-bottom:0 !important;
  position:static !important;
}
.home-page .home-request + .home-links{
  border-top:1px solid var(--line) !important;
}

/* avoid a second line from generic home-links styling */
.home-links{margin-top:var(--section-rule-gap) !important;padding-top:var(--section-rule-gap) !important;border-top:1px solid var(--line) !important;}

/* generic hr keeps symmetric distance */
hr,
.page-article hr,
.home-page hr,
.content-section hr,
.section-divider{
  border:0 !important;
  border-top:1px solid var(--line) !important;
  margin:var(--section-rule-gap) 0 !important;
  padding:0 !important;
}

/* inline note in Aussage und Grenzen: no extra rule line */
.longform-note{
  margin:18px 0 0 !important;
  padding:0 !important;
  border-top:none !important;
  font-size:16px;
  color:var(--muted);
}


/* publications page cleanup v36 */
.publikationen-page .page-article > .article-flow > .content-section > div,
.publikationen-page .page-article > .article-flow > .content-section.single-column-section > div{
  grid-template-columns:1fr !important;
}
.publikationen-page .page-article > .article-flow > .content-section > div > div{
  max-width:78ch;
}
.publikationen-page #relevante-publikationen p,
.publikationen-page #was-diese-auswahl-zeigt p,
.publikationen-page #methodische-bezugspunkte p,
.publikationen-page #methodische-bezugspunkte li{
  max-width:none !important;
}
.publikationen-page #relevante-publikationen > div > div,
.publikationen-page #was-diese-auswahl-zeigt > div > div,
.publikationen-page #methodische-bezugspunkte > div > div{
  display:block;
}
.publikationen-page #relevante-publikationen .publication-groups{
  margin-top:32px !important;
}
.publikationen-page #relevante-publikationen .pub-group{
  margin:0 0 46px !important;
}
.publikationen-page #relevante-publikationen .pub-group h3,
.publikationen-page #methodische-bezugspunkte h3{
  color:var(--accent) !important;
}
.publikationen-page #relevante-publikationen .pub-group h3{
  margin:0 0 20px !important;
  font-size:24px !important;
  line-height:1.25 !important;
}
.publikationen-page #relevante-publikationen .pub-entry{
  margin:0 0 30px !important;
}
.publikationen-page #relevante-publikationen .pub-citation{
  line-height:1.9 !important;
}
.publikationen-page #relevante-publikationen .pub-note{
  margin-top:10px !important;
  padding-left:0 !important;
}
.publikationen-page #was-diese-auswahl-zeigt h2,
.publikationen-page #methodische-bezugspunkte h2{
  margin-bottom:14px !important;
}
.publikationen-page #was-diese-auswahl-zeigt p + p,
.publikationen-page #methodische-bezugspunkte p + h3,
.publikationen-page #methodische-bezugspunkte h3 + p{
  margin-top:14px !important;
}
.publikationen-page #methodische-bezugspunkte h3{
  margin:26px 0 10px !important;
  font-size:22px !important;
  line-height:1.28 !important;
}
.publikationen-page #methodische-bezugspunkte p{
  line-height:1.72 !important;
}

/* 2026-03-29 final section separator normalization */
:root{--section-sep-space:28px;}

/* neutralize old separator mechanics */
.page-article .article-flow{display:block !important;gap:0 !important;}
.page-intro{border-bottom:0 !important;margin-bottom:0 !important;padding-bottom:0 !important;}
.page-shell .container > .content-grid{margin-top:var(--section-sep-space) !important;}

/* subpages: one separator between hero and first section, then between all following sections */
.page-article .article-flow > .content-section{
  border-top:0 !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.page-article .article-flow > .content-section:first-child,
.page-article .article-flow > .content-section + .content-section{
  margin-top:var(--section-sep-space) !important;
}
.page-article .article-flow > .content-section:first-child::before,
.page-article .article-flow > .content-section + .content-section::before{
  content:"";
  display:block;
  border-top:1px solid var(--line);
  margin:0 0 var(--section-sep-space) 0;
}

/* homepage: same separator rhythm, no duplicate line before weiterfuehrende seiten */
.home-page main .container > .content-section,
.home-page main .container > .home-links{
  border-top:0 !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.home-page main .container > .content-section::before,
.home-page main .container > .home-links::before{
  content:"";
  display:block;
  border-top:1px solid var(--line);
  margin:0 0 var(--section-sep-space) 0;
}
.home-page main .container > .content-section,
.home-page main .container > .home-links{
  margin-top:var(--section-sep-space) !important;
}

/* no inner rule in the note block */
.longform-note{border-top:0 !important;padding-top:0 !important;}

/* 2026-03-29 final separator correction after review */
:root{--section-sep-space:22px;}

/* remove all pseudo-separator variants from late patch history */
.page-article .article-flow > .content-section::before,
.page-article .article-flow > .content-section + .content-section::before,
.home-page main .container > .content-section::before,
.home-page main .container > .home-links::before,
.home-page main .container > .home-request + .home-links::before{
  content:none !important;
  display:none !important;
}

/* subpages: one real separator before each content block, with symmetric spacing */
.page-article .article-flow{
  display:block !important;
  gap:0 !important;
}
.page-article .article-flow > .content-section{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-sep-space) !important;
  padding-top:var(--section-sep-space) !important;
}

/* homepage: same rhythm, but no duplicate logic */
.home-page main .container > .content-section,
.home-page main .container > .home-links{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-sep-space) !important;
  padding-top:var(--section-sep-space) !important;
}

/* neutralize older homepage spacing/border tweaks that created double lines */
.home-links{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-sep-space) !important;
  padding-top:var(--section-sep-space) !important;
}
.home-page .content-section + .content-section,
.home-page .home-request + .home-links,
.page-article .article-flow > .content-section + .content-section{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-sep-space) !important;
  padding-top:var(--section-sep-space) !important;
}

/* keep special note blocks free of an inner rule */
.longform-note{border-top:0 !important;padding-top:0 !important;}

/* 2026-03-29 separator cleanup: single consistent mechanism */
:root{--section-separator-space:24px;}

/* disable legacy pseudo/border separator effects for main content blocks */
.page-article .article-flow > .content-section,
.home-page .content-section,
.home-page .home-links{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

/* subpages: exactly one separator between consecutive sections */
.page-article .article-flow{
  display:block !important;
}
.page-article .article-flow > .content-section + .content-section{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-separator-space) !important;
  padding-top:var(--section-separator-space) !important;
}

/* homepage: exactly one separator between consecutive main blocks */
.home-page .content-section + .content-section,
.home-page .home-request + .home-links{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-separator-space) !important;
  padding-top:var(--section-separator-space) !important;
}

/* keep the first content block after the hero free of a separator */
.page-article .article-flow > .content-section:first-child,
.home-page .content-section:first-of-type{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

/* publication page: no extra rule after hero, but keep the separator before methodological reference points */
.publikationen-page .page-article > .article-flow + .content-section{
  border-top:1px solid var(--line) !important;
  margin-top:var(--section-separator-space) !important;
  padding-top:var(--section-separator-space) !important;
}
.publikationen-page #relevante-publikationen .pub-entry,
.publikationen-page #relevante-publikationen .pub-group + .pub-group{
  border-top:none !important;
  padding-top:0 !important;
}
.publikationen-page #relevante-publikationen .pub-entry + .pub-entry{margin-top:18px !important;}
.publikationen-page #relevante-publikationen .pub-group + .pub-group{margin-top:28px !important;}

/* inner note blocks must not create their own line */
.longform-note{border-top:none !important;padding-top:0 !important;}

/* generic horizontal rules remain symmetric */
hr,.section-divider,.content-section hr,.page-article hr,.home-page hr{
  margin:var(--section-separator-space) 0 !important;
}


/* v45 separator normalization: same space above and below each divider */
:root{--section-separator-space:24px;}

.page-article .article-flow,
.home-page{
  gap:0 !important;
}

.page-article .article-flow > .content-section,
.home-page .content-section,
.home-page .home-links{
  position:relative !important;
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:none !important;
}

.page-article .article-flow > .content-section:not(:last-child),
.home-page .content-section:not(:last-child),
.home-page .home-request{
  padding-bottom:var(--section-separator-space) !important;
}

.page-article .article-flow > .content-section + .content-section,
.home-page .content-section + .content-section,
.home-page .home-request + .home-links{
  margin-top:0 !important;
  padding-top:var(--section-separator-space) !important;
  border-top:none !important;
}

.page-article .article-flow > .content-section + .content-section::before,
.home-page .content-section + .content-section::before,
.home-page .home-request + .home-links::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  border-top:1px solid var(--line);
}

.page-article .article-flow > .content-section:first-child::before,
.home-page .content-section:first-of-type::before,
.home-page .home-links::before{
  content:none !important;
}

/* publication page: keep separator before methodological reference points, but not inside the publication list */
.publikationen-page #relevante-publikationen .pub-entry,
.publikationen-page #relevante-publikationen .pub-group,
.publikationen-page #relevante-publikationen .pub-list,
.publikationen-page #relevante-publikationen article{
  border-top:none !important;
  border-bottom:none !important;
  padding-top:0 !important;
}
.publikationen-page #relevante-publikationen .pub-entry + .pub-entry{margin-top:18px !important;}
.publikationen-page #relevante-publikationen .pub-group + .pub-group{margin-top:28px !important;}

/* no extra inner rule in note panels */
.longform-note,
.longform-note::before,
.content-section .panel.longform-note,
.content-section .panel.longform-note::before{
  border-top:none !important;
  content:none !important;
  padding-top:0 !important;
}

/* generic horizontal rules */
hr,.section-divider,.content-section hr,.page-article hr,.home-page hr{margin:var(--section-separator-space) 0 !important;}


/* 2026-03-29 hero typography harmonisation */
.home-intro .intro-copy h1,
.page-intro .page-intro-copy h1,
.page-intro .page-intro-main h1{
  font-size:2.7rem !important;
  line-height:1.08 !important;
  font-weight:500 !important;
}
.home-intro .intro-copy .lead,
.page-intro .page-intro-copy .lead,
.page-intro .page-intro-main .lead{
  font-size:1.2rem !important;
  line-height:1.62 !important;
}
.home-intro .intro-copy p:not(.eyebrow):not(.lead),
.page-intro .page-intro-copy p:not(.eyebrow):not(.lead),
.page-intro .page-intro-main p:not(.eyebrow):not(.lead){
  font-size:1rem !important;
  line-height:1.68 !important;
}
@media (max-width:980px){
  .home-intro .intro-copy h1,
  .page-intro .page-intro-copy h1,
  .page-intro .page-intro-main h1{font-size:2.3rem !important;}
}
@media (max-width:760px){
  .home-intro .intro-copy h1,
  .page-intro .page-intro-copy h1,
  .page-intro .page-intro-main h1{font-size:2rem !important;line-height:1.1 !important;}
  .home-intro .intro-copy .lead,
  .page-intro .page-intro-copy .lead,
  .page-intro .page-intro-main .lead{font-size:1.08rem !important;line-height:1.58 !important;}
}


/* Final hero consistency fix: unify right hero width and keep dual images off the edge */
@media (min-width: 901px){
  .page-intro.has-hero-media{
    grid-template-columns:minmax(0,1fr) clamp(300px,30vw,390px) !important;
    gap:34px !important;
    align-items:start !important;
  }
  .page-intro-media{
    width:100%;
    max-width:100%;
    padding-right:8px;
    box-sizing:border-box;
  }
  .page-intro-visual,
  .page-intro-visual.single,
  .page-intro-visual.dual{
    width:100%;
    max-width:100%;
  }
  .page-intro-visual.dual{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:12px;
  }
  .hero-media-figure{
    min-width:0;
    max-width:100%;
  }
  .hero-media-figure img{
    max-width:100%;
  }
}


/* Edge fix for hero images: include border and padding in width so dual images do not hit the outer edge */
.page-intro-visual img,
.hero-media-figure img{
  box-sizing:border-box !important;
}

@media (min-width: 901px){
  .page-intro-media{
    padding-right:12px !important;
    box-sizing:border-box !important;
  }
  .page-intro-visual.dual{
    column-gap:14px !important;
  }
}


/* Final targeted hero edge spacing: create real inner gutter on the media block itself */
@media (min-width: 901px){
  .page-intro.has-hero-media .page-intro-media{
    padding-right:16px !important;
    box-sizing:border-box !important;
  }
  .page-intro.has-hero-media .page-intro-visual{
    padding-right:16px !important;
    box-sizing:border-box !important;
  }
  .page-intro.has-hero-media .page-intro-visual.dual{
    column-gap:14px !important;
  }
}


/* v118b: complete header rebuild */
.hu2-header{position:relative;z-index:60}
.hu2-topbar{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}
.hu2-topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:68px}
.hu2-menu-toggle{display:none;align-items:center;justify-content:center;padding:10px 12px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hu2-nav{display:flex;align-items:stretch;gap:0;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.hu2-nav::-webkit-scrollbar{display:none}
.hu2-nav>a,.hu2-nav summary{display:flex;align-items:center;justify-content:center;min-height:68px;padding:0 18px;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;position:relative;cursor:pointer;list-style:none}
.hu2-nav>a::before,.hu2-nav summary::before{content:"";position:absolute;left:14px;right:14px;top:15px;height:1px;background:rgba(255,255,255,.5);opacity:0;transition:opacity .18s ease}
.hu2-nav>a:hover::before,.hu2-nav summary:hover::before,.hu2-nav>a[aria-current="page"]::before,.hu2-drop.is-current>summary::before{opacity:1}
.hu2-nav>a:hover,.hu2-nav summary:hover,.hu2-drop[open]>summary,.hu2-drop.is-current>summary{background:rgba(255,255,255,.05)}
.hu2-drop{position:relative;flex:0 0 auto}
.hu2-drop>summary::-webkit-details-marker{display:none}
.hu2-panel{position:absolute;left:0;top:100%;min-width:290px;background:#fff;border:1px solid var(--line-strong);box-shadow:0 14px 28px rgba(0,0,0,.1);padding:12px 0;display:grid;z-index:60}
.hu2-panel a{display:block;padding:11px 18px;border-left:3px solid transparent;color:var(--navy);font:600 13px/1.35 Arial,Helvetica,sans-serif;text-decoration:none;white-space:normal}
.hu2-panel a:hover,.hu2-panel a[aria-current="page"]{background:#F6F8FB;border-left-color:var(--accent)}
.hu2-utils{display:grid;grid-template-columns:max-content 30px 30px 34px;align-items:center;justify-content:end;column-gap:8px;row-gap:0;white-space:nowrap}
.hu2-lang{display:flex;align-items:center;gap:8px;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.hu2-lang a{color:#fff;text-decoration:none;opacity:.78}
.hu2-lang a[aria-current="page"]{opacity:1}
.hu2-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:999px}
.hu2-search{width:34px;height:34px;border-color:rgba(255,255,255,.22)}
.hu2-icon img{width:15px;height:15px;display:block;filter:brightness(0) invert(1)}
.hu2-masthead{background:#fff;border-bottom:1px solid var(--line-strong)}
.hu2-masthead-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:28px 0 24px}
.hu2-brand{display:block;color:inherit;text-decoration:none}
.hu2-brandname{font:600 34px/1.02 "Source Serif 4",Georgia,"Times New Roman",serif;color:var(--navy)}
.hu2-brandline{margin:9px 0 0;font:600 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#586679}
.hu2-logo img{width:112px;height:auto;display:block;object-fit:contain}

@media (max-width:1180px){
  .hu2-topbar-inner{gap:12px}
  .hu2-nav>a,.hu2-nav summary{padding:0 14px;font-size:11px;letter-spacing:.12em}
  .hu2-utils{grid-template-columns:max-content 28px 28px 32px}
  .hu2-icon{width:28px;height:28px}
  .hu2-search{width:32px;height:32px}
  .hu2-brandname{font-size:30px}
}
@media (max-width:900px){
  .hu2-topbar-inner{gap:10px}
  .hu2-nav>a,.hu2-nav summary{padding:0 12px;font-size:10.5px;letter-spacing:.10em}
  .hu2-brandname{font-size:26px;line-height:1.06}
  .hu2-brandline{font-size:11px;letter-spacing:.14em}
  .hu2-logo img{width:86px}
}
@media (max-width:760px){
  .hu2-topbar-inner{grid-template-columns:auto 1fr auto;align-items:center;min-height:unset;padding:10px 0;gap:10px}
  .hu2-menu-toggle{display:inline-flex}
  .hu2-nav{display:none;grid-column:1 / -1;flex-direction:column;gap:0;width:100%;background:var(--navy);border-top:1px solid rgba(255,255,255,.16);padding-top:6px;overflow:visible}
  .hu2-nav.is-open{display:flex}
  .hu2-nav>a,.hu2-nav summary{justify-content:flex-start;min-height:52px;padding:0 12px;font-size:12px;letter-spacing:.08em}
  .hu2-nav>a::before,.hu2-nav summary::before{left:12px;right:12px;top:10px}
  .hu2-drop{width:100%}
  .hu2-panel{position:static;min-width:0;box-shadow:none;border:0;border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:4px 0 10px}
  .hu2-panel a{color:#fff;padding:10px 16px 10px 18px;border-left-width:2px}
  .hu2-panel a:hover,.hu2-panel a[aria-current="page"]{background:rgba(255,255,255,.06);border-left-color:#fff}
  .hu2-utils{grid-template-columns:max-content 28px 28px 30px}
  .hu2-masthead-inner{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px 0}
  .hu2-brandname{font-size:24px;line-height:1.08}
  .hu2-brandline{font-size:11px;letter-spacing:.14em;max-width:24ch}
  .hu2-logo img{width:78px}
}
@media (max-width:640px){
  .hu2-brandname{font-size:22px}
}


/* v118c: harden rebuilt header against legacy styles */
.hu2-topbar,
.hu2-topbar *{
  box-sizing:border-box;
}
.hu2-topbar{
  background:var(--navy) !important;
  color:#fff !important;
}
.hu2-topbar .hu2-nav > a,
.hu2-topbar .hu2-nav > details > summary,
.hu2-topbar .hu2-lang,
.hu2-topbar .hu2-lang a,
.hu2-topbar .hu2-lang span,
.hu2-topbar .hu2-menu-toggle{
  color:#fff !important;
}
.hu2-topbar .hu2-nav > a,
.hu2-topbar .hu2-nav > details > summary{
  background:transparent !important;
  text-decoration:none !important;
}
.hu2-topbar .hu2-nav > a:hover,
.hu2-topbar .hu2-nav > details > summary:hover,
.hu2-topbar .hu2-drop[open] > summary,
.hu2-topbar .hu2-drop.is-current > summary{
  background:rgba(255,255,255,.06) !important;
}
.hu2-topbar .hu2-lang a[aria-current="page"]{
  opacity:1 !important;
  border-bottom:2px solid #fff !important;
}
.hu2-topbar .hu2-icon{
  color:#fff !important;
  background:transparent !important;
}
.hu2-topbar .hu2-icon img{
  filter:brightness(0) invert(1) !important;
}

/* allow dropdown panels to open visibly */
.hu2-topbar .hu2-topbar-inner,
.hu2-topbar .hu2-nav{
  overflow:visible !important;
}
.hu2-topbar .hu2-drop{
  position:relative !important;
}
.hu2-topbar .hu2-panel{
  display:none !important;
}
.hu2-topbar .hu2-drop[open] > .hu2-panel{
  display:grid !important;
}

/* brand and logo sizing */
.hu2-brandname{
  font-size:clamp(26px, 2.55vw, 34px) !important;
  line-height:1.03 !important;
}
.hu2-brandline{
  font-size:clamp(11px, 1.05vw, 13px) !important;
}
.hu2-logo img{
  width:92px !important;
}

/* tablet/desktop refinements */
@media (min-width:761px) and (max-width:1180px){
  .hu2-topbar-inner{
    grid-template-columns:minmax(0,1fr) 124px !important;
  }
  .hu2-nav{
    overflow-x:auto !important;
    overflow-y:visible !important;
    scrollbar-width:none !important;
  }
  .hu2-nav::-webkit-scrollbar{
    display:none !important;
  }
  .hu2-nav > a,
  .hu2-nav > details > summary{
    font-size:clamp(10px, .92vw, 12px) !important;
    letter-spacing:clamp(.07em, .12vw, .12em) !important;
    padding:0 12px !important;
  }
  .hu2-utils{
    grid-template-columns:max-content 28px 28px !important;
    width:124px !important;
  }
  .hu2-search{
    display:none !important;
  }
  .hu2-masthead-inner{
    gap:22px !important;
    padding:22px 0 18px !important;
  }
  .hu2-logo img{
    width:78px !important;
  }
}

/* phone menu: keep visible and readable */
@media (max-width:760px){
  .hu2-topbar{
    position:relative !important;
  }
  .hu2-topbar-inner{
    grid-template-columns:auto 1fr auto !important;
  }
  .hu2-menu-toggle{
    display:inline-flex !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.25) !important;
    background:transparent !important;
  }
  .hu2-nav{
    display:none !important;
    overflow:visible !important;
  }
  .hu2-nav.is-open{
    display:flex !important;
  }
  .hu2-nav > a,
  .hu2-nav > details > summary{
    color:#fff !important;
    background:transparent !important;
  }
  .hu2-drop[open] > .hu2-panel{
    display:grid !important;
  }
  .hu2-panel{
    position:static !important;
  }
  .hu2-utils{
    grid-template-columns:max-content 28px 28px 30px !important;
  }
  .hu2-brandname{
    font-size:clamp(21px, 6.2vw, 24px) !important;
  }
  .hu2-logo img{
    width:64px !important;
  }
}


/* v118d: keep "Forensische Anthropologie" / "Forensic Anthropology" on one line on phone */
@media (max-width:760px){
  .hu2-brandline{
    white-space:nowrap !important;
    max-width:none !important;
  }
}


/* v118e: restore search icon and grouped service dropdowns */
.hu2-panel{
  gap:0 !important;
}
.hu2-group{
  display:block;
  padding:8px 0 6px;
  border-top:1px solid var(--line);
}
.hu2-group:first-child{
  border-top:0;
  padding-top:2px;
}
.hu2-group-label{
  display:block;
  padding:6px 18px 8px;
  font:700 11px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#5A6778;
}
.hu2-panel .hu2-group a{
  display:block;
}

@media (min-width:761px) and (max-width:1180px){
  .hu2-utils{
    grid-template-columns:max-content 28px 28px 30px !important;
    width:160px !important;
  }
  .hu2-search{
    display:inline-flex !important;
  }
  .hu2-nav > a,
  .hu2-nav > details > summary{
    font-size:clamp(10px, .88vw, 12px) !important;
    letter-spacing:clamp(.05em, .10vw, .12em) !important;
    padding:0 11px !important;
  }
}

@media (max-width:760px){
  .hu2-utils{
    grid-template-columns:max-content 28px 28px 30px !important;
  }
}


/* v118f: prevent search icon from clipping at tablet/intermediate widths */
.hu2-topbar-inner,
.hu2-utils{
  overflow:visible !important;
}

@media (min-width:761px) and (max-width:1180px){
  .hu2-topbar-inner{
    grid-template-columns:minmax(0,1fr) 172px !important;
  }
  .hu2-utils{
    grid-template-columns:max-content 28px 28px 32px !important;
    width:172px !important;
    justify-self:end !important;
  }
  .hu2-search{
    width:32px !important;
    height:32px !important;
  }
  .hu2-search img{
    width:16px !important;
    height:16px !important;
  }
}




/* v118j: Fachbereiche / Fields of practice as one four-column journal strip */
.home-fachbereiche-journal{
  padding-top:0 !important;
}
.home-fachbereiche-journal > h2{
  margin:0 0 18px;
}
.home-fachbereiche-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:0 !important;
}
.home-fachbereiche-grid .fachblock{
  padding:0 18px 0 0;
  min-width:0;
  border:0 !important;
}
.home-fachbereiche-grid .fachblock + .fachblock{
  border-left:1px solid var(--line) !important;
  padding-left:18px;
}
.home-fachbereiche-grid .fachblock h3{
  margin:0 0 10px;
  font:600 20px/1.16 "Source Serif 4", Georgia, "Times New Roman", serif;
  color:var(--navy);
  text-wrap:pretty;
}
.home-fachbereiche-grid .fachblock h3 a{
  color:inherit;
  text-decoration:none;
}
.home-fachbereiche-grid .fachblock h3 a:hover{
  text-decoration:underline;
}
.home-fachbereiche-grid .fachblock p{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.58;
  max-width:none;
}
.home-fachbereiche-grid .fachblock p:last-child{
  margin-bottom:0;
}
@media (max-width:980px){
  .home-fachbereiche-grid{
    grid-template-columns:1fr;
  }
  .home-fachbereiche-grid .fachblock{
    padding:14px 0;
  }
  .home-fachbereiche-grid .fachblock + .fachblock{
    border-left:0 !important;
    border-top:1px solid var(--line) !important;
    padding-left:0;
  }
}

/* v118j: mobile menu readability and height control */
@media (max-width:760px){
  .hu2-nav > a[aria-current="page"],
  .hu2-drop.is-current > summary,
  .hu2-drop[open] > summary{
    background:transparent !important;
    color:#fff !important;
  }
  .hu2-nav > a::before,
  .hu2-nav > details > summary::before{
    background:rgba(255,255,255,.55) !important;
  }
  .hu2-panel{
    max-height:40vh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .hu2-nav{
    max-height:70vh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .hu2-nav > a,
  .hu2-nav > details > summary{
    min-height:48px !important;
  }
  .hu2-group-label{
    color:rgba(255,255,255,.78) !important;
    padding:8px 18px 6px !important;
  }
  .hu2-panel .hu2-group{
    border-top:1px solid rgba(255,255,255,.12) !important;
  }
  .hu2-panel .hu2-group:first-child{
    border-top:0 !important;
  }
}


.hu2-panel-mobile{
  display:none !important;
}
@media (max-width:760px){
  .hu2-drop[open] > .hu2-panel-mobile{
    display:grid !important;
  }
  .hu2-drop[open] > .hu2-panel:not(.hu2-panel-mobile){
    display:none !important;
  }
}


/* v118k: keep four Fachbereiche blocks in one row until true phone width */
@media (min-width:761px){
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    border:0 !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock{
    border:0 !important;
    padding:0 18px 0 0 !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock + .fachblock{
    border-left:1px solid var(--line) !important;
    border-top:0 !important;
    padding:0 0 0 18px !important;
  }
}
@media (max-width:760px){
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid{
    grid-template-columns:1fr !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock{
    padding:14px 0 !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock + .fachblock{
    border-left:0 !important;
    border-top:1px solid var(--line) !important;
    padding-left:0 !important;
  }
}

/* v118k: mobile menu readability */
@media (max-width:760px){
  .hu2-nav,
  .hu2-nav > a,
  .hu2-nav > details > summary,
  .hu2-nav > details > summary span{
    color:#fff !important;
  }
  .hu2-nav > a[aria-current="page"],
  .hu2-nav > details.is-current > summary,
  .hu2-nav > details[open] > summary,
  .hu2-drop.is-current > summary,
  .hu2-drop[open] > summary{
    color:#fff !important;
    background:rgba(255,255,255,.06) !important;
  }
  .hu2-panel,
  .hu2-panel a,
  .hu2-panel-mobile,
  .hu2-panel-mobile a{
    color:#fff !important;
  }
  .hu2-panel-mobile a,
  .hu2-panel a{
    text-decoration:none !important;
  }
  .hu2-panel-mobile a:hover,
  .hu2-panel-mobile a[aria-current="page"],
  .hu2-panel a:hover,
  .hu2-panel a[aria-current="page"]{
    background:rgba(255,255,255,.08) !important;
    border-left-color:#fff !important;
    color:#fff !important;
  }

  /* only replace the long services panel on phone; keep Praxis working normally */
  .hu2-panel-mobile{
    display:none !important;
  }
  .hu2-drop.has-mobile-panel[open] > .hu2-panel-mobile{
    display:grid !important;
  }
  .hu2-drop.has-mobile-panel[open] > .hu2-panel-services{
    display:none !important;
  }

  /* keep mobile nav usable on smaller displays */
  .hu2-nav{
    max-height:68vh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .hu2-panel,
  .hu2-panel-mobile{
    max-height:40vh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }
}

/* v118k: keep masthead separate and stable */
.hu2-masthead{
  position:relative !important;
  z-index:1 !important;
}
.hu2-masthead-inner{
  align-items:center !important;
}


/* v118l: remove extra heading spacing after dropping home section title */
.home-fachbereiche-journal{
  margin-top:0 !important;
}
.home-fachbereiche-journal > h2{
  display:none !important;
}

/* v118l: mobile topnav opens as overlay, so masthead/name/logo/utilities do not get pushed down */
@media (max-width:760px){
  .hu2-header{
    position:relative !important;
    z-index:80 !important;
  }
  .hu2-topbar{
    position:relative !important;
    z-index:90 !important;
    overflow:visible !important;
  }
  .hu2-topbar-inner{
    position:relative !important;
    overflow:visible !important;
  }
  .hu2-nav{
    display:none !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:100% !important;
    z-index:120 !important;
    max-height:70vh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 12px 24px rgba(0,0,0,.14) !important;
  }
  .hu2-nav.is-open{
    display:flex !important;
  }

  /* keep Praxis dropdown working in mobile; only Services uses the short mobile substitute */
  .hu2-drop:not(.has-mobile-panel) > .hu2-panel{
    display:none !important;
  }
  .hu2-drop:not(.has-mobile-panel)[open] > .hu2-panel,
  .hu2-drop:not(.has-mobile-panel)[open] > .hu2-panel.hu2-panel-compact{
    display:grid !important;
  }
  .hu2-drop.has-mobile-panel[open] > .hu2-panel-services{
    display:none !important;
  }

  /* do not let masthead jump when menu opens */
  .hu2-masthead,
  .hu2-masthead-inner,
  .hu2-brand,
  .hu2-logo,
  .hu2-utils{
    position:relative !important;
    z-index:1 !important;
  }
}


/* v118m: mobile services menu shows grouped full subpages again, compact and scrollable */
@media (max-width:760px){
  .hu2-drop.has-mobile-panel[open] > .hu2-panel-mobile{
    display:none !important;
  }
  .hu2-drop.has-mobile-panel[open] > .hu2-panel-services{
    display:grid !important;
  }

  .hu2-panel.hu2-panel-services{
    max-height:42vh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:4px 0 10px !important;
  }

  .hu2-panel.hu2-panel-services .hu2-group-label{
    color:rgba(255,255,255,.78) !important;
    padding:8px 18px 6px !important;
  }

  .hu2-panel.hu2-panel-services .hu2-group{
    border-top:1px solid rgba(255,255,255,.12) !important;
  }

  .hu2-panel.hu2-panel-services .hu2-group:first-child{
    border-top:0 !important;
  }

  .hu2-panel.hu2-panel-services a{
    color:#fff !important;
    text-decoration:none !important;
  }

  .hu2-panel.hu2-panel-services a:hover,
  .hu2-panel.hu2-panel-services a[aria-current="page"]{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border-left-color:#fff !important;
  }
}


/* v118n: more breathing room in the home journal blocks */
@media (min-width:761px){
  .home-page .home-fachbereiche-journal{
    margin-top:8px !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock{
    padding:10px 24px 4px 0 !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock + .fachblock{
    padding:10px 0 4px 24px !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock h3{
    margin:0 0 14px !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock p{
    margin:0 0 12px !important;
  }
}


/* v118o: precise home fachbereiche spacing fix
   only top + inner side spacing, no extra bottom spacing */
@media (min-width:761px){
  .home-page .home-fachbereiche-journal{
    margin-top:0 !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock{
    padding-top:8px !important;
    padding-right:24px !important;
    padding-bottom:0 !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock + .fachblock{
    padding-top:8px !important;
    padding-left:24px !important;
    padding-bottom:0 !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock h3{
    margin-top:0 !important;
    margin-bottom:10px !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock p:last-child{
    margin-bottom:0 !important;
  }
}


/* v118p: equalize vertical separators and prevent text from running into them */
@media (min-width:761px){
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid{
    align-items:stretch !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock{
    padding-top:8px !important;
    padding-right:28px !important;
    padding-bottom:0 !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:100% !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock + .fachblock{
    padding-top:8px !important;
    padding-left:28px !important;
    padding-bottom:0 !important;
    border-left:1px solid var(--line) !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock h3{
    margin-top:0 !important;
    margin-bottom:10px !important;
    padding-right:2px !important;
    overflow-wrap:break-word !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock p{
    margin-right:2px !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    hyphens:auto !important;
  }
  .home-page .home-fachbereiche-journal .home-fachbereiche-grid .fachblock p:last-child{
    margin-bottom:0 !important;
  }
}

.eyebrow strong{font-weight:600;color:inherit;}


/* Bildidentifikation: Schlag-/Stichwörter nur dort halbfett, nicht die ganze Zeile */
.bildidentifikation-page .eyebrow{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.bildidentifikation-page .eyebrow strong{
  font-weight: 600;
}
