:root{color-scheme:light}body{margin:0}img{max-width:100%}[hidden]{display:none!important}

/* Layout: klickbare Vorschau mit echten Seiten. Weißer Header, Hero mit Coral-Dreieck (40,4°) nur auf der Startseite, Abschnitte abwechselnd Weiß/Cream, Footer Navy. */
:root{
  --coral:#E15A3C; --navy:#051E2D; --white:#FFFFFF; --cream:#F3E9DF;
  --black:#000000; --slate:#505F69; --darkgray:#3F3F3F; --line:#CBCFD2; --ui:#EEF0F1;
  --font:Arial,"Helvetica Neue",Helvetica,"Liberation Sans",Arimo,sans-serif;
  --max:1200px; --gutter:24px; --section:96px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--black);font-family:var(--font);font-size:18px;line-height:28px}
a{color:var(--navy)}
a:hover{color:var(--coral)}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
h1,h2,h3{color:var(--navy);font-weight:700;margin:0;text-wrap:balance}
h1{font-size:48px;line-height:56px}
h2{font-size:34px;line-height:42px}
h3{font-size:22px;line-height:30px}
.c{color:var(--coral)}
p{margin:0}
ul{margin:0}
.kicker{display:flex;flex-direction:column;gap:8px;color:var(--coral);font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.kicker::before{content:"";display:block;width:40px;height:4px;background:var(--coral)}
.label{font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.lead{font-size:21px;line-height:32px;color:var(--darkgray);max-width:60ch}
.btn{display:inline-block;font-family:var(--font);font-weight:700;font-size:18px;line-height:24px;padding:14px 28px;text-decoration:none;border:1.5px solid transparent;cursor:pointer}
.btn-primary{background:var(--coral);color:var(--white)}
.btn-primary:hover{background:var(--navy);color:var(--white)}
.btn-secondary{border-color:var(--navy);color:var(--navy);background:transparent}
.btn-secondary:hover{background:var(--navy);color:var(--white)}
.btn-row{display:flex;flex-wrap:wrap;gap:16px}
.more{font-size:16px;font-weight:700}
section{padding-block:var(--section)}
.cream{background:var(--cream)}
.sec-head{display:grid;gap:16px;margin-bottom:48px;max-width:760px}
.sec-head p{color:var(--darkgray)}
.page[hidden]{display:none!important}

/* Header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--white);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;position:relative}
.logo img{display:block;width:140px;height:auto}
nav ul{list-style:none;padding:0}
.menu{display:flex;align-items:center;gap:32px}
.menu > li{position:relative}
.menu a{text-decoration:none;color:var(--navy);font-size:16px;font-weight:700}
.menu a:hover,.menu a.active{color:var(--coral)}
.has-sub > a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:8px;position:relative;top:-3px}
.sub{position:absolute;top:100%;left:-20px;background:var(--white);border:1px solid var(--line);min-width:240px;padding-block:8px;display:none}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.sub a{display:block;padding:10px 20px;font-weight:400}
.lang{font-size:14px;color:var(--slate);display:flex;gap:6px;align-items:center}
.lang b{color:var(--navy)}
.lang a{color:var(--slate);font-weight:400;font-size:14px}
.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:24px;height:1.5px;background:var(--navy);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute}
.burger span::before{top:-7px}.burger span::after{top:7px}

/* Hero Startseite */
.hero{position:relative;overflow:hidden;padding-block:80px 0}
.hero-tri{position:absolute;right:0;bottom:0;height:78%;aspect-ratio:1.1737/1;background:var(--coral);clip-path:polygon(100% 0,100% 100%,0 100%)}
.hero-grid{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end}
.hero-text{display:grid;gap:28px;padding-bottom:96px;min-width:0}
.name{display:grid;gap:6px}
.name .n{color:var(--navy);font-weight:700;font-size:22px;line-height:28px}
.claim{color:var(--navy);font-weight:700;font-size:15px;line-height:20px}
.claim i{font-style:normal;color:var(--coral)}
.hero-photo img{display:block;width:100%;max-width:440px;height:auto;margin-left:auto}

/* Seitenkopf Unterseiten */
.page-head{padding-block:80px 64px;border-bottom:1px solid var(--line)}
.page-head .wrap{display:grid;gap:20px}
.crumb{font-size:15px;color:var(--slate)}
.crumb a{color:var(--slate)}

/* Herausforderungen kurz (Startseite) */
.challenges{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ch{background:var(--white);padding:32px;display:flex;flex-direction:column;gap:16px;min-width:0}
.ch h3{font-size:21px;line-height:29px}
.ch p{font-size:17px;line-height:26px;color:var(--darkgray)}
.sec-foot{margin-top:64px;display:flex;flex-wrap:nowrap;gap:16px 48px;align-items:center;justify-content:space-between}
.sec-foot p{flex:1 1 auto;max-width:62ch}
.sec-foot .btn{flex:none}
@media (max-width:899px){.sec-foot{flex-wrap:wrap}}
.sec-foot p{color:var(--darkgray)}

/* Erfahrung */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1.5px solid var(--navy)}
.fact{padding-top:24px;display:grid;gap:8px;align-content:start}
.fact .num{font-size:56px;line-height:64px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.fact .lbl{font-size:17px;line-height:25px;color:var(--darkgray)}

/* Keynote-Teaser */
.kn-teaser{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.kn-list{list-style:none;padding:0;border-top:1.5px solid var(--navy)}
.kn-list li{padding-block:18px;border-bottom:1px solid var(--line);color:var(--navy);font-weight:700;font-size:19px;line-height:27px}

/* CTA */
.cta{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.cta .box{display:grid;gap:12px;font-size:17px;line-height:26px;color:var(--darkgray)}

/* Beratung: Herausforderungen ausführlich */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:14px;line-height:20px;color:var(--navy);border:1px solid var(--line);padding:4px 10px;background:var(--white)}

/* Themen-Cluster */
.clusters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cl{display:grid;gap:16px;align-content:start;border-top:1.5px solid var(--navy);padding-top:24px}
.cl h3 i{font-style:normal;color:var(--coral)}
.cl p{font-size:17px;line-height:26px;color:var(--darkgray)}
.cl ul{list-style:none;padding:0;border-top:1px solid var(--line)}
.cl li{padding-block:10px;border-bottom:1px solid var(--line);font-size:17px;line-height:24px}

/* Weiterführend */

/* Zusammenarbeit */

/* Projektbeispiele */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.filters button{font-family:var(--font);font-size:15px;line-height:20px;padding:8px 14px;border:1px solid var(--line);background:var(--white);color:var(--navy);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--navy);color:var(--white);border-color:var(--navy)}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case{background:var(--white);padding:32px;display:flex;flex-direction:column;gap:14px;min-width:0}
.case h3{font-size:20px;line-height:28px}
.case p{font-size:17px;line-height:26px;color:var(--darkgray)}
.case .meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:20px;color:var(--slate)}
.case[hidden]{display:none}

/* Platzhalter */
.placeholder{background:var(--ui);padding:48px;color:var(--slate);display:grid;gap:12px;max-width:760px}

/* Footer */
footer{background:var(--navy);color:var(--white);padding-block:64px 40px}
.ft{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
footer .n{font-size:22px;line-height:28px;font-weight:700}
footer .claim{color:var(--white);margin-top:6px}
footer a{color:var(--white)}
footer a:hover{color:var(--coral)}
footer :focus-visible{outline-color:var(--white)}
.ft-links{display:flex;flex-wrap:wrap;gap:24px;font-size:15px}
.legal{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;line-height:20px;color:#C9D0D5}


/* v03: Startseite als Vorstellung */
.logos-sec{padding-block:48px;border-top:1px solid var(--line)}
.logos-title{margin-bottom:24px}
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.ph-logo{display:flex;align-items:center;justify-content:center;height:64px;background:var(--ui);color:var(--slate);font-size:13px}
.beliefs{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.belief{background:var(--white);padding:40px;display:grid;gap:14px;align-content:start;min-width:0}
.belief .bn{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--slate)}
.belief h3{font-size:28px;line-height:36px}
.belief h3 i,.cl h3 i{font-style:normal;color:var(--coral)}
.belief p{color:var(--darkgray);font-size:18px;line-height:28px;max-width:46ch}
.cl{display:grid;gap:16px;align-content:start;border-top:1.5px solid var(--navy);padding-top:24px;min-width:0}
.cl p{font-size:17px;line-height:26px;color:var(--darkgray)}
.tlist{list-style:none;padding:0;border-top:1px solid var(--line)}
.tlist li{padding-block:10px;border-bottom:1px solid var(--line);font-size:17px;line-height:24px}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.door{display:flex;flex-direction:column;gap:14px;padding:40px;border:1.5px solid var(--navy);background:var(--white);text-decoration:none;color:var(--darkgray);min-width:0}
.door h3{font-size:24px;line-height:32px}
.door .go{margin-top:auto;padding-top:8px;font-weight:700;color:var(--navy);text-decoration:underline}
.door:hover{background:var(--navy);color:var(--white)}
.door:hover h3,.door:hover .label,.door:hover .go{color:var(--white)}
.door-navy{background:var(--navy);color:#DCE2E6}
.door-navy h3,.door-navy .go{color:var(--white)}
.door-navy .label{color:#C9D0D5}
.door-navy:hover{background:var(--white);color:var(--darkgray)}
.door-navy:hover h3,.door-navy:hover .go{color:var(--navy)}
.door-navy:hover .label{color:var(--slate)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.quote{margin:0;background:var(--white);padding:32px;display:flex;flex-direction:column;gap:20px;min-width:0;position:relative}
.quote::before{content:"\201E";color:var(--coral);font-size:64px;line-height:32px;font-weight:700}
.quote blockquote{margin:0;color:var(--navy);font-size:19px;line-height:28px;font-weight:700}
.quote figcaption{margin-top:auto;display:grid;gap:2px;font-size:15px;line-height:22px;color:var(--slate);border-top:1px solid var(--line);padding-top:14px}
.quote figcaption b{color:var(--navy)}
.about{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.about-q{display:grid;gap:24px}
.about-q blockquote{margin:0;color:var(--navy);font-weight:700;font-size:28px;line-height:38px}
.about .txt{display:grid;gap:20px}
.closing{display:grid;gap:24px;justify-items:start}
.closing > *{max-width:860px}
.ch .signs{padding-left:20px;font-size:16px;line-height:24px;color:var(--darkgray);display:grid;gap:4px}
.ch .signs li::marker{color:var(--coral)}
.ch .possible{border-top:1px solid var(--line);padding-top:14px}
.ch .possible b{color:var(--navy)}
.ch .chips{margin-top:auto}
.ch .step{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--coral)}
.formats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;border:0}
@media (max-width:1199px){.logos{grid-template-columns:repeat(3,1fr)}.quotes{grid-template-columns:1fr 1fr}}
@media (max-width:899px){.beliefs,.doors,.about,.quotes,.formats{grid-template-columns:1fr}.belief{padding:28px}.belief h3{font-size:22px;line-height:30px}.about-q blockquote{font-size:22px;line-height:30px}.door{padding:28px}}
@media (max-width:599px){.logos{grid-template-columns:repeat(2,1fr)}}

/* v04: Keynotes + Bearbeitungsmodus */
.keynotes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.kn h3{font-size:24px;line-height:32px}
.kn .kn-sub{color:var(--navy);font-weight:700;font-size:17px;line-height:26px;margin-top:-6px}
.kn p{font-size:17px;line-height:26px;color:var(--darkgray)}
.kn-take{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:auto}
.quote-wide{max-width:860px}
.quote-wide blockquote{font-size:24px;line-height:34px}
.editbar{background:var(--ui);color:var(--slate);font-size:13px;line-height:18px;padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center}
.editbar button{font-family:var(--font);font-size:14px;font-weight:700;line-height:18px;padding:7px 14px;border:1.5px solid var(--navy);background:var(--white);color:var(--navy);cursor:pointer}
.editbar button:hover{background:var(--navy);color:var(--white)}
.editbar .save{background:var(--navy);color:var(--white)}
.editbar .save:disabled{opacity:.5;cursor:default}
.editbar .status{font-weight:700;color:var(--navy)}
body.editing .editbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--navy);color:#DCE2E6;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));padding-top:10px}
body.editing .editbar .status{color:var(--white)}
body.editing .editbar button{border-color:var(--white)}
body.editing{padding-bottom:64px}
body.editing [contenteditable="true"]{outline:1px dashed rgba(80,95,105,.55);outline-offset:3px;cursor:text}
body.editing [contenteditable="true"]:hover{outline-color:var(--coral)}
body.editing [contenteditable="true"]:focus{outline:2px solid var(--coral);outline-offset:3px}
body.editing [contenteditable="true"].changed{background:rgba(225,90,60,.08)}
@media (max-width:899px){.keynotes{grid-template-columns:1fr}.quote-wide blockquote{font-size:20px;line-height:28px}}

.mock-note{background:var(--ui);color:var(--slate);font-size:13px;line-height:18px;text-align:center;padding:8px 16px}

@media (max-width:1199px){
  .menu{gap:20px}
  .challenges,.cases{grid-template-columns:repeat(2,1fr)}
  .facts{grid-template-columns:repeat(2,1fr)}
  
  
}
@media (max-width:899px){
  :root{--section:64px}
  body{font-size:17px;line-height:26px}
  h1{font-size:32px;line-height:38px}
  h2{font-size:26px;line-height:32px}
  h3{font-size:20px;line-height:28px}
  .lead{font-size:18px;line-height:28px}
  .burger{display:flex}
  nav{position:absolute;top:100%;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));background:var(--white);border-bottom:1px solid var(--line);display:none}
  .nav-toggle:checked ~ nav{display:block}
  .menu{flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 24px}
  .menu > li{border-bottom:1px solid var(--line)}
  .menu > li > a{display:block;padding-block:14px}
  .sub{position:static;display:block;border:0;padding:0 0 12px 16px;min-width:0}
  .sub a{padding:6px 0}
  .has-sub > a::after{display:none}
  .lang-li{border:0 !important;padding-top:16px}
  .hero{padding-top:48px}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-text{padding-bottom:0}
  .hero-tri{height:240px}
  .hero-photo img{max-width:300px}
  .page-head{padding-block:48px 40px}
  .kn-teaser,.cta,.clusters{grid-template-columns:1fr}
  
  .ft{grid-template-columns:1fr}
}
@media (max-width:599px){
  .challenges,.facts,.cases{grid-template-columns:1fr}
  .fact .num{font-size:44px;line-height:52px}
  .hdr{min-height:72px}
  .logo img{width:120px}
  .ch,.case{padding:24px}
}

/* v05: Startseite neu */
.hero{position:relative;overflow:hidden;background:var(--cream);padding-block:136px 128px}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-inner{position:relative;display:grid;gap:28px;justify-items:start}
.hero .name .n{color:var(--navy)}
.hero .claim{color:var(--navy)}
.hero h1{color:var(--navy);font-size:60px;line-height:68px;max-width:22ch}
.hero .lead{color:var(--darkgray);max-width:56ch}
.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pos{background:var(--cream);padding:40px 32px 32px;display:flex;flex-direction:column;gap:16px;min-width:0}
@supports (grid-template-rows:subgrid){.pos{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:16px}}
.pos-t{font-size:30px;line-height:36px}
.pos-t i{font-style:normal;color:var(--coral)}
.pos-q{color:var(--navy);font-weight:700;font-size:21px;line-height:30px;padding-bottom:20px;border-bottom:1.5px solid var(--navy)}
.slider{display:flex;flex-direction:column;gap:20px;flex:1}
.slides{display:grid;flex:1;touch-action:pan-y}
.slide{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.slide.on{opacity:1;visibility:visible}
.pos .slide{font-size:17px;line-height:26px;color:var(--darkgray)}
.slide-k{display:block;font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:8px}
.dots{display:flex;gap:4px;align-items:center}
.dots button{width:28px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center}
.dots button::before{content:"";display:block;width:100%;height:3px;background:var(--line);transition:background .3s}
.dots button[aria-current="true"]::before{background:var(--coral)}
.dots button:hover::before{background:var(--navy)}
.qslider{max-width:900px}
.qs blockquote{margin:0;color:var(--navy);font-weight:700;font-size:28px;line-height:38px;position:relative;padding-top:44px}
.qs blockquote::before{content:"\201E";position:absolute;top:-52px;left:0;color:var(--coral);font-size:80px;line-height:80px}
.qs figcaption{display:grid;gap:2px;margin-top:24px;font-size:15px;line-height:22px;color:var(--slate)}
.qs figcaption b{color:var(--navy)}
.intro{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.intro-img img{display:block;width:100%;max-width:420px;height:auto}
.intro-txt{display:grid;gap:20px;min-width:0}
.intro-txt p{color:var(--darkgray);max-width:60ch}
.stations{margin-top:72px;padding-top:32px;border-top:1px solid var(--line);display:grid;gap:24px}
.st-wrap{margin-top:0}
.st-logos{display:flex;flex-wrap:wrap;align-items:center;gap:32px 64px}
.st-logos img{display:block;width:auto;mix-blend-mode:multiply;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.st-logos img:hover{filter:none;opacity:1}
.st-pwc{height:48px}.st-ih{height:40px}.st-sf{height:28px}
.xp-h{font-size:40px;line-height:48px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.xp-num{color:var(--coral);font-size:96px;line-height:96px;font-variant-numeric:tabular-nums}
.xp{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.xp-c{background:var(--cream);padding:32px;display:grid;gap:12px;align-content:start;border-top:3px solid var(--navy);min-width:0}
.xp-t{font-size:28px;line-height:34px}
.xp-c p{font-size:17px;line-height:26px;color:var(--darkgray)}
body.editing .slide{grid-area:auto;opacity:1;visibility:visible;margin-bottom:16px}
body.editing .dots{display:none}
@media (max-width:1199px){.pos-grid{grid-template-columns:1fr 1fr}.pos-grid .pos:last-child{grid-column:1/-1}}
@media (max-width:899px){
  .hero{padding-block:88px 80px}
  .hero h1{font-size:38px;line-height:44px}
  .pos-grid,.xp,.intro{grid-template-columns:1fr}
  .intro{gap:32px}.intro-img img{max-width:320px}
  .qs blockquote{font-size:22px;line-height:30px}
  .xp-h{font-size:28px;line-height:34px}.xp-num{font-size:64px;line-height:64px}
  .st-logos{gap:24px 40px}.st-pwc{height:40px}.st-ih{height:32px}.st-sf{height:22px}
}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}
.pos-cta{margin-top:40px}

/* v06: Consulting als eine Seite */
section[id]{scroll-margin-top:96px}
.jump{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px;font-size:16px;font-weight:700}
.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.field{padding:40px 32px 32px;gap:20px}
.field .pos-t{font-size:30px;line-height:36px}
.field .pos-q{color:var(--navy);font-weight:700;font-size:21px;line-height:30px}
.qlist{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.qlist li{font-size:17px;line-height:26px;color:var(--darkgray)}
.field-topics{display:grid;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.fmts{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.fmt{grid-column:span 2;background:var(--cream);display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:16px;align-content:start}
.fmt > *{align-self:start}
.fmt .fmt-frame{align-self:end;margin-top:0}
.fmt:nth-child(4),.fmt:nth-child(5){grid-column:span 3}
.fmt h3{font-size:24px;line-height:32px}
.fmt-occ{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.fmt .possible{border-top:0;padding-top:0}
.fmt-frame{margin-top:auto;padding-top:16px;border-top:1.5px solid var(--navy);display:block;color:var(--darkgray)}
.fmt-frame .label{margin-right:12px}
.fmt-frame b{color:var(--navy)}
@media (max-width:1199px){.fields{grid-template-columns:1fr 1fr}.fields .field:last-child{grid-column:1/-1}.fmts{grid-template-columns:1fr 1fr}.fmt,.fmt:nth-child(4),.fmt:nth-child(5){grid-column:auto}.fmt:last-child{grid-column:1/-1}}
@media (max-width:899px){.fields,.fmts{grid-template-columns:1fr}.fields .field:last-child,.fmt:last-child{grid-column:auto}.field{padding:28px 24px}}

/* v07: Fokusthemen als Bänder */
.fb-head{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;padding-top:32px;border-top:1.5px solid var(--navy)}
.fb-title{display:grid;gap:12px;min-width:0}
.fb-title .pos-t{font-size:40px;line-height:46px}
.fb-q{color:var(--navy);font-weight:700;font-size:24px;line-height:32px}
.fb-head .qlist{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.fb-head .qlist li{font-size:17px;line-height:26px;color:var(--darkgray)}
.fb-label{margin:48px 0 16px}
.chal-grid{display:grid;gap:16px}
.chal-grid.n5{grid-template-columns:repeat(5,1fr)}
.chal-grid.n4{grid-template-columns:repeat(4,1fr)}
.chal{background:var(--white);padding:24px;display:flex;flex-direction:column;gap:12px;border-top:3px solid var(--navy);min-width:0}
.fband:not(.cream) .chal{background:var(--cream)}
.chal-t{font-size:18px;line-height:25px}
.chal p{font-size:16px;line-height:24px;color:var(--darkgray)}
@media (max-width:1199px){.chal-grid.n5,.chal-grid.n4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:899px){.fb-head{grid-template-columns:1fr;gap:24px}.fb-title .pos-t{font-size:30px;line-height:36px}.fb-q{font-size:20px;line-height:28px}.chal-grid.n5,.chal-grid.n4{grid-template-columns:1fr 1fr}}
@media (max-width:599px){.chal-grid.n5,.chal-grid.n4{grid-template-columns:1fr}}

/* v08: Über mich */
.um-wide{margin-block:48px 96px}
.um-wide img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.page[data-page="ueber-mich"] .page-head,.page[data-page="en-about"] .page-head{border-bottom:0;padding-bottom:0}
.um-story{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.um-story-img img{display:block;width:100%;max-width:440px;height:auto}
.um-story-txt{display:grid;gap:20px;min-width:0}
.um-story-txt p{color:var(--darkgray);max-width:60ch}
.um-belief{background:var(--cream)}
.cv{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--navy)}
.cv-row{display:grid;grid-template-columns:200px 1fr;gap:32px;padding-block:28px;border-bottom:1px solid var(--line)}
.cv-y{font-weight:700;color:var(--navy);font-size:18px;line-height:30px;font-variant-numeric:tabular-nums}
.cv-b{display:grid;gap:6px;min-width:0;max-width:760px}
.cv-b h3{font-size:22px;line-height:30px}
.cv-o{color:var(--slate);font-weight:700;font-size:16px;line-height:24px}
.cv-b p:not(.cv-o){color:var(--darkgray);font-size:17px;line-height:26px}
.um-more .ch{background:var(--cream)}
@media (max-width:899px){.um-story{grid-template-columns:1fr;gap:32px}.um-story-img img{max-width:320px}.cv-row{grid-template-columns:1fr;gap:8px}.um-wide{margin-block:32px 64px}}

/* v09: Kontakt */
.ct{padding-block:80px 96px}
.ct-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.ct-img img{display:block;width:100%;max-width:440px;height:auto}
.ct-txt{display:grid;gap:24px;min-width:0}
.ct-txt > p:not(.lead){color:var(--darkgray);max-width:60ch}
.ct-ways{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.ct-way{background:var(--cream);padding:28px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0}
.ct-way p{font-size:17px;line-height:26px;color:var(--darkgray)}
.ct-way .btn{margin-top:auto;font-size:16px;padding:12px 20px}
.ct-way-wide{margin-top:-0px}
.ct-wide-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;width:100%}
.ct-wide-row p{flex:1 1 260px}
.btn-icon{display:inline-flex;align-items:center;gap:10px}
.btn-icon svg{flex:none}
.ct-way .ct-mail{color:var(--navy);font-weight:700}
@media (max-width:1199px){.ct-ways{grid-template-columns:1fr}}
@media (max-width:899px){.ct{padding-block:48px 64px}.ct-grid{grid-template-columns:1fr;gap:32px}.ct-img img{max-width:320px}}

/* v10: Impressum, Datenschutz */
.lg-doc{display:grid;gap:16px}
.lg-doc > *{max-width:760px}
.lg-doc h2{font-size:22px;line-height:30px;margin-top:24px}
.lg-doc h2:first-child{margin-top:0}
.lg-doc p{color:var(--darkgray);font-size:17px;line-height:27px;max-width:68ch}
.lg-doc .lg-intro{font-size:19px;line-height:30px;color:var(--black)}
.intro-list{padding-left:20px;display:grid;gap:8px;color:var(--darkgray);max-width:60ch}
.intro-list li::marker{color:var(--coral)}

/* v11: Große Bildschirme – breiteres Raster und stufenlos größere Darstellung */
@media (min-width:1600px){:root{--max:1320px}#site{zoom:1.08}}
@media (min-width:1920px){#site{zoom:1.14}}
@media (min-width:2400px){:root{--max:1400px}#site{zoom:1.25}}

/* v12: Silbentrennung statt Wortabbruch */
#site p,#site li,#site h3,#site .chip,#site .label,#site .slide-k,#site figcaption,#site .lbl{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4}
#site h1,#site h2{-webkit-hyphens:manual;hyphens:manual}

.ph-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:start}
.ph-txt{display:grid;gap:20px;min-width:0}
.ph-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
@media (max-width:899px){.ph-split{grid-template-columns:1fr;row-gap:32px}.ph-img img{max-width:560px}}