@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');:root{--navy:#101f35;--orange:#f26727;--warm:#f5f3ee;--steel:#243a53;--ink:#15243a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.7 Inter,Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Inter,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,6vw,5.6rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.6rem);font-weight:800}h3{font-size:1.32rem}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:auto;padding:0 28px}.nav{background:var(--navy);color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff1c}.navin{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;line-height:1.1}.brand img{height:64px;width:64px;object-fit:cover;border-radius:6px}.brand strong{font:800 18px Manrope;letter-spacing:.12em}.brand small{display:block;font-size:9px;letter-spacing:.09em;color:#f9a070;margin-top:5px}.links{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:700}.links a{text-decoration:none}.links a:hover{color:#ffab79}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:var(--orange);color:white;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.025em;border-radius:5px;border:2px solid var(--orange);transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.outline{background:transparent;border-color:#ffffff70}.btn.dark{background:var(--navy);border-color:var(--navy)}.eyebrow{text-transform:uppercase;color:var(--orange);font-size:12px;letter-spacing:.17em;font-weight:800}.hero{background:var(--navy);color:white;overflow:hidden}.heroin{min-height:630px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px;padding-top:72px;padding-bottom:72px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:600px;color:#d2dae4;font-size:18px}.heroimage{width:100%;height:530px;object-fit:cover;object-position:64% center;border-radius:12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.strip{background:var(--orange);color:white;text-align:center;font-size:12px;font-weight:800;letter-spacing:.17em;padding:16px}.section{padding:100px 0}.warm{background:var(--warm)}.navy{background:var(--navy);color:white}.lead{font-size:19px;max-width:740px;color:#506074}.navy .lead{color:#d2dae4}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{background:white;color:var(--ink);padding:32px;border-radius:9px;box-shadow:0 8px 32px #101f3510;border:1px solid #101f3510}.card .num{color:var(--orange);font-weight:800;letter-spacing:.12em}.card p{color:#516077}.card a{font-weight:800;color:#b84412}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split img{border-radius:10px;width:100%;max-height:430px;object-fit:cover}.note{padding:20px 24px;border-left:4px solid var(--orange);background:#ffffff0d}.footer{background:#0a1525;color:#c5d0de;padding:55px 0 25px}.footer a{margin-right:22px;text-decoration:none}.footer small{display:block;margin-top:30px;color:#9baabc}.pagehead{background:var(--navy);color:white;padding:95px 0}.pagehead h1{max-width:1000px}.pagehead p{max-width:760px;color:#d2dae4;font-size:19px}.methods{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:35px}.method{padding:28px;background:white;border:1px solid #dce0e4;border-radius:8px}.method h3{margin-bottom:10px}.method p{color:#526075}.contact{background:var(--orange);color:white;padding:75px 0}.contact p{max-width:760px}.muted{color:#5c6876}.callout{background:var(--warm);border-left:4px solid var(--orange);padding:24px;margin:30px 0}details{border-bottom:1px solid #ddd;padding:16px 0}summary{cursor:pointer;font-weight:800}@media(max-width:950px){.links{gap:11px;font-size:11px}.navin{flex-wrap:wrap;padding-top:10px;padding-bottom:12px}.heroin,.split{grid-template-columns:1fr}.heroin{padding-top:45px}.heroimage{height:340px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{padding:0 20px}.links{width:100%;overflow:auto;padding-bottom:5px;white-space:nowrap}.links .btn{padding:8px 12px}.grid,.methods{grid-template-columns:1fr}.section{padding:65px 0}.pagehead{padding:65px 0}.heroimage{height:280px}.brand img{width:52px;height:52px}.brand strong{font-size:15px}}
/* Version 2 – personal brand, imagery, extended footer */
.heroimage{object-position:50% 30%;border:3px solid #ffffff24;box-shadow:0 25px 70px #0005}.hero h1{font-size:clamp(2.5rem,5vw,5rem)}
.card-image{width:calc(100% + 64px);max-width:none;height:170px;object-fit:cover;margin:-32px -32px 24px;border-radius:9px 9px 0 0}.feature-image{width:100%;height:210px;object-fit:cover;border-radius:7px;margin-bottom:24px}.portrait-secondary{width:100%;height:420px;object-fit:cover;object-position:50% 30%;border-radius:10px}.method .card-image{width:calc(100% + 56px);margin:-28px -28px 22px;height:175px;border-radius:8px 8px 0 0}
.pagehead-portrait .wrap{position:relative;min-height:320px;padding-right:min(36%,420px);display:flex;flex-direction:column;justify-content:center}.pagehead-portrait{overflow:hidden}.page-portrait{position:absolute;right:28px;bottom:-100px;width:29%;height:440px;object-fit:cover;object-position:50% 20%;border-radius:14px 14px 0 0;border:3px solid #ffffff20}.pagehead-portrait h1{font-size:clamp(2.5rem,4.5vw,4.5rem)}
.visual-break{background:#e9eef3;padding:64px 0}.visual-break-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.visual-break img{width:100%;border-radius:12px}.visual-break h2{font-size:clamp(1.8rem,3vw,3rem)}
.footer{padding:80px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.25fr;gap:36px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid a{margin:0}.footer-grid .brand{margin-bottom:20px}.footer-grid h3{font-size:1.55rem;color:#fff;margin:0}.footer-grid h3 span,.footer-grid h4{color:#f26727}.footer-grid h4{font:800 12px Manrope;letter-spacing:.1em;margin:10px 0 13px}.footer-grid p{margin:0 0 12px}.footer-grid .footer-tags{font-size:11px;letter-spacing:.06em;color:#f8a16e}.footer-grid a:not(.btn):hover{color:#ffae84}.footer-grid .btn{margin-bottom:14px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #ffffff29;margin-top:60px;padding-top:24px;font-size:12px}.footer-bottom a{margin:0 0 0 20px}.footer-draft{font-size:11px;color:#8b9aab;margin:18px 0 0}
@media(max-width:950px){.footer-grid{grid-template-columns:repeat(2,1fr)}.pagehead-portrait .wrap{padding-right:36%}.visual-break-inner{gap:25px}}
@media(max-width:650px){.footer-grid,.visual-break-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom a{margin:0 20px 0 0}.pagehead-portrait .wrap{padding-right:20px;padding-bottom:220px}.page-portrait{width:200px;height:260px;right:20px;bottom:-35px}.pagehead-portrait{padding:50px 0 0}.heroimage{height:390px;object-position:center 24%}.portrait-secondary{height:350px}}

/* Version 3 – Tobias Illig personal brand */
.navin{max-width:1420px;min-height:102px;gap:24px}.nav .brand{flex:0 0 295px;align-items:flex-start}.nav .brand img{width:70px;height:70px;object-fit:contain}.nav .brand span{padding-top:19px}.nav .brand small{margin-top:10px;line-height:1.4}.links{margin-inline:auto;justify-content:center;gap:30px;font-size:13px}.nav-cta{white-space:nowrap;font-size:11px;padding:13px 14px}.dropdown{position:relative}.dropdown>a{text-decoration:none;white-space:nowrap}.dropdown-menu{display:none;position:absolute;top:100%;left:-18px;min-width:265px;padding:18px 0 8px;background:#172c45;box-shadow:0 18px 36px #0004;border:1px solid #ffffff25;border-radius:0 0 10px 10px}.dropdown-menu a{display:block;padding:9px 18px;color:#fff;white-space:normal}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.ico{width:19px;height:19px;flex:none;vertical-align:middle}.btn{gap:10px}.hero{background:#101f35 url('tobias-hero.webp') center right/cover no-repeat}.heroin{min-height:660px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:0}.heroimage{display:none}.hero h1{max-width:760px;font-size:clamp(2.5rem,4.1vw,4.65rem);line-height:1.09}.hero p{max-width:640px;text-shadow:0 2px 16px #101f35}.hero .actions{max-width:630px}.pagehead-photo{background:linear-gradient(90deg,#101f35 0%,#101f35f0 39%,#101f35a6 72%,#101f3580 100%),var(--page-photo) center/cover no-repeat;min-height:390px;display:flex;align-items:center}.pagehead-photo .wrap{padding-right:28px;min-height:unset;display:block}.pagehead-photo h1,.pagehead-photo p{max-width:850px}.editorial-photo{margin:24px 0 38px}.editorial-img{width:100%;height:clamp(220px,34vw,410px);object-fit:cover;border-radius:12px}.card-image,.feature-image{object-fit:cover}.footer{padding:0 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:68px 0 56px;border-bottom:1px solid #ffffff30}.footer-top h2{color:white;font-size:clamp(1.8rem,3vw,3rem);margin:12px 0}.footer-top h2 em{font-style:normal;color:var(--orange)}.footer-top p{max-width:670px}.footer-top-actions{display:flex;flex-direction:column;gap:12px;min-width:225px}.footer-top-actions .btn{margin:0}.footer-grid{padding-top:52px;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:45px}.footer-grid>div{gap:9px}.footer-grid .brand{align-items:flex-start}.footer-grid .brand img{object-fit:contain}.footer-grid .brand span{padding-top:15px}.footer-grid .brand small{margin-top:10px}.footer-grid h4{margin:6px 0 17px}.footer-grid a:not(.btn){line-height:1.45}.footer-social{display:flex;gap:16px;margin-top:12px}.footer-social a{color:#ffae84}.footer-bottom{margin-top:52px}.whatsapp{position:fixed;bottom:23px;right:23px;z-index:30;background:#1c9c63;color:white;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:99px;text-decoration:none;font-weight:800;box-shadow:0 8px 24px #0004}.whatsapp .ico{width:22px;height:22px}.bio-photo{width:100%;max-height:590px;object-fit:cover;border-radius:12px}.pub-more{margin-top:34px}
@media(max-width:1150px){.nav .brand{flex-basis:230px}.links{gap:15px}.nav-cta{font-size:10px}.footer-grid{gap:25px}}
@media(max-width:950px){.navin{flex-wrap:wrap;justify-content:space-between}.nav .brand{flex:1 1 auto}.links{order:3;flex:1 1 100%;justify-content:center;gap:20px}.hero{background-position:62% center}.heroin{grid-template-columns:1fr 0.25fr}.footer-top{flex-direction:column;align-items:flex-start}.footer-top-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:650px){.navin{gap:10px}.nav .brand img{width:54px;height:54px}.nav .brand span{padding-top:10px}.nav .brand small{font-size:8px;margin-top:7px}.nav-cta{padding:9px 10px}.nav-cta .ico{display:none}.links{justify-content:flex-start;overflow-x:auto;gap:20px;padding:10px 0}.dropdown-menu{position:fixed;top:125px;left:15px;right:15px;min-width:unset}.hero{background-image:linear-gradient(90deg,#101f35f2,#101f35c7),url('tobias-hero.webp');background-position:60% center}.heroin{display:block;min-height:650px;padding-top:70px;padding-bottom:65px}.hero h1{font-size:clamp(2.2rem,9vw,3.6rem)}.hero p{font-size:16px}.pagehead-photo{min-height:320px;background-position:center}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-about{grid-column:1/-1}.footer-top{padding:48px 0 35px}.footer-top-actions{width:100%}.footer-top-actions .btn{width:100%}.whatsapp{bottom:12px;right:12px;padding:12px}.whatsapp span{display:none}}

/* V4 – coherent brand and responsive navigation */
:root{--navy:#101f35;--orange:#f26727}
.nav{z-index:100}.navin{max-width:1450px;min-height:88px;display:grid;grid-template-columns:minmax(245px,1fr) auto minmax(160px,1fr);gap:22px;align-items:center}.nav .brand{flex:auto;min-width:0;align-items:center}.nav .brand img{width:58px;height:58px}.nav .brand span,.footer-grid .brand span{padding-top:14px}.nav .brand small,.footer-grid .brand small{margin-top:9px}.links{display:flex;gap:clamp(10px,1.45vw,26px);align-items:center;justify-content:center;margin:0;overflow:visible}.links>a,.dropdown>a{display:block;white-space:nowrap;padding:14px 0}.dropdown{position:relative}.dropdown-menu{display:block;visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:100%;left:-14px;min-width:260px;padding:10px;background:#182e47;border:1px solid #ffffff25;box-shadow:0 20px 35px #0005;transform:translateY(6px);transition:opacity .15s,transform .15s;z-index:200}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown.open .dropdown-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}.dropdown-menu a{padding:10px 12px;display:block;white-space:normal}.nav-cta{justify-self:end}.menu-toggle{display:none;border:1px solid #ffffff55;background:transparent;color:white;padding:7px 12px;border-radius:7px;font-size:23px;cursor:pointer}
.btn{padding:11px 16px;min-height:42px;border-radius:7px;border-width:1px;font-size:12px;letter-spacing:0;font-weight:700;gap:8px;white-space:nowrap;line-height:1.2;max-width:100%;box-shadow:none}.btn .ico{width:16px;height:16px}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.nav-cta{font-size:11px;padding:10px 12px}.nav-cta .ico{display:block}
.hero-new{position:relative;background-color:var(--navy)!important}.hero-new .heroin{min-height:580px;display:grid;grid-template-columns:1.12fr .88fr;gap:0;position:relative;padding-top:55px;padding-bottom:0}.hero-new .heroin>div:first-child{position:relative;z-index:2;padding:72px 0 100px}.hero-new h1{font-size:clamp(2.7rem,4.65vw,5.25rem);max-width:730px}.hero-new p{max-width:570px}.hero-new .hero-cutout{display:block;position:absolute;right:-4%;bottom:0;width:49%;height:98%;object-fit:contain;object-position:bottom center;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(-20px 8px 28px #0b172540);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}.hero-new:after{content:'';position:absolute;bottom:0;left:0;right:0;height:75px;background:linear-gradient(transparent,#101f35);pointer-events:none}.hero-new .actions{max-width:600px}
.references{padding:27px 0;background:#e9edf1;text-align:center}.references .wrap>span{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#657589}.reference-names{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 32px;padding:17px 0 6px;color:#34475d;font:750 clamp(12px,1.35vw,17px) Manrope,Arial}.references small{color:#6a7685;font-size:10px}.pagehead-v4{min-height:400px;background-image:linear-gradient(90deg,#101f35 0%,#101f35ed 38%,#101f3590 68%,#101f3520 100%),var(--page-photo);background-position:center,center;background-size:cover;padding:90px 0}.pagehead-v4 h1{max-width:800px;font-size:clamp(2.5rem,4.7vw,4.8rem)}.pagehead-v4 p{max-width:650px;font-size:18px}.pagehead-v4 .wrap{padding-right:28px}.section:nth-of-type(even):not(.navy):not(.contact){background-image:linear-gradient(135deg,#f5f3ee,#f0f3f6)}.card,.method{overflow:hidden}.card-image{height:185px}.footer{background:#0a1525}.footer-lead{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px 0 42px;border-bottom:1px solid #ffffff25}.footer-lead h2{font-size:clamp(1.7rem,2.8vw,2.6rem);color:#fff;margin:7px 0}.footer-lead p{max-width:600px;margin:0}.footer-grid{padding-top:42px;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:34px}.footer-grid>div{gap:8px}.footer-grid h4{margin:5px 0 12px}.footer-grid .brand{margin-bottom:10px}.footer-grid .brand img{height:58px;width:58px}.footer-grid p{line-height:1.6}.footer-bottom{margin-top:38px}.newsletter{background:linear-gradient(115deg,#1a324d,#101f35 68%);color:white;padding:65px 0}.newsletter-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}.newsletter h2{font-size:clamp(1.8rem,3.2vw,3rem);margin:8px 0 14px}.newsletter p{color:#d7e1eb}.newsletter-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.newsletter-action small{font-size:11px;color:#b9c6d4}.two-promo{display:grid;grid-template-columns:1fr 1fr;gap:45px}.two-promo>div{padding:24px 0}.two-promo h2{font-size:clamp(1.8rem,3vw,2.8rem)}
@media(max-width:1150px){.navin{grid-template-columns:minmax(205px,1fr) auto auto;gap:12px}.nav .brand strong{font-size:15px}.nav .brand small{font-size:8px}.links{gap:12px;font-size:12px}.nav-cta{font-size:10px}}
@media(max-width:950px){.navin{display:grid;grid-template-columns:1fr auto auto;min-height:75px;gap:10px}.menu-toggle{display:block;grid-column:2}.nav-cta{grid-column:3}.links{display:none;grid-column:1/-1;order:unset;width:100%;flex-direction:column;align-items:stretch;gap:0;overflow:visible;padding:8px 0 16px}.links.is-open{display:flex}.links>a,.dropdown>a{padding:10px 0}.dropdown-menu{position:static;display:none;visibility:visible;opacity:1;pointer-events:auto;transform:none;box-shadow:none;min-width:0;background:#1a324b;padding:3px 12px;margin:0 0 8px}.dropdown.open .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.hero-new .heroin{min-height:540px;grid-template-columns:1fr .5fr}.hero-new .hero-cutout{right:-10%;width:58%;opacity:.86}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.navin{grid-template-columns:1fr auto;gap:8px}.nav .brand img{width:43px;height:43px}.nav .brand strong{font-size:13px}.nav .brand small{font-size:7px}.nav-cta{grid-column:1/-1;justify-self:stretch;margin-bottom:10px}.links{grid-column:1/-1}.hero-new .heroin{display:block;min-height:0;padding:36px 0 0}.hero-new .heroin>div:first-child{padding:25px 0 300px}.hero-new h1{font-size:clamp(2.4rem,10vw,3.7rem)}.hero-new p{font-size:16px}.hero-new .hero-cutout{height:310px;width:80%;right:-7%;bottom:0;opacity:.95}.hero-new .actions{flex-direction:column;align-items:flex-start}.btn{font-size:11px;padding:10px 13px}.pagehead-v4{min-height:340px;padding:70px 0}.pagehead-v4 h1{font-size:clamp(2.3rem,9vw,3.4rem)}.pagehead-v4 p{font-size:16px}.footer-lead{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-about{grid-column:1/-1}.newsletter-inner,.two-promo{grid-template-columns:1fr;gap:18px}.reference-names{gap:12px 18px}.footer-bottom{flex-direction:column;align-items:flex-start}}

/* Version 5: klare Navigation, dezente CTAs, Entwicklungsreise */
.nav .navin{display:flex;align-items:center;gap:clamp(10px,1.3vw,24px)}.nav .brand{flex:0 0 auto}.nav .links{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1.1vw,22px);margin-inline:auto;min-width:0}.nav .links>a,.nav .dropdown>a{white-space:nowrap;font-size:clamp(12px,.85vw,15px)}.nav .dropdown{position:relative}.nav .dropdown-menu{position:absolute;z-index:100;top:100%;left:0;min-width:240px;box-shadow:0 18px 36px #101f3522}.nav .dropdown:hover .dropdown-menu,.nav .dropdown:focus-within .dropdown-menu{display:flex}.nav .nav-cta{flex:0 0 auto;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;font-size:13px;line-height:1.25;white-space:nowrap;border-radius:8px;letter-spacing:.015em}.btn .ico{width:16px;height:16px;flex-shrink:0}.hero-new .heroin{position:relative}.hero-new .hero-cutout{filter:drop-shadow(0 10px 40px #101f3544);-webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}.journey{background:linear-gradient(145deg,#f6f3ee,#e7edf2)}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.journey-grid article{background:white;padding:28px;border-radius:16px;border:1px solid #dce3e9;box-shadow:0 12px 30px #101f350a}.journey-grid article>span{color:#f26727;font-weight:800;font-size:25px}.journey-grid a{color:#b74b19;font-weight:700}.footer-grid{align-items:start}.footer-grid>div{min-width:0}.footer-grid a{overflow-wrap:anywhere}@media(max-width:1150px){.nav .links{display:none}.nav .links.open,.nav .links.is-open{display:flex;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px;z-index:90}.nav .dropdown-menu{position:static;box-shadow:none}.nav .menu-toggle{display:block}.nav .nav-cta{margin-left:auto}}@media(max-width:760px){.journey-grid{grid-template-columns:1fr}.btn{white-space:normal;text-align:center}.hero-new .hero-cutout{max-height:360px;object-fit:contain}}

/* V6: stable vertically stacked dropdown links and transparent portraits */
.nav .dropdown-menu,.nav .dropdown:hover .dropdown-menu,.nav .dropdown:focus-within .dropdown-menu,.nav .dropdown.open .dropdown-menu{flex-direction:column!important;align-items:stretch!important;gap:0!important;}
.nav .dropdown-menu>a{display:block!important;width:100%;padding:12px 15px!important;white-space:normal!important;}
.portrait-cutout{object-fit:contain!important;object-position:center bottom;background:transparent!important;box-shadow:none!important;max-height:490px;}
.linkedin-bio{align-self:center;margin-top:12px;}
.termine-notice{max-width:1120px;margin:22px auto;padding:16px 22px;border-left:3px solid #f26727;background:#f5f3ee;color:#101f35;font-weight:700;}

/* Transparent navigation over the header photograph — all pages */
:root{--overlay-nav-height:88px}
body>.nav{position:relative;top:auto;z-index:100;background:transparent!important;background-color:transparent!important;border-bottom:1px solid rgba(255,255,255,.18);box-shadow:none!important;color:#fff}
body>.nav + main{margin-top:calc(-1 * var(--overlay-nav-height))}
body>.nav + main > .hero:first-child,
body>.nav + main > .pagehead:first-child{padding-top:var(--overlay-nav-height)}
body>.nav + main > .hero:first-child .heroin{padding-top:72px}
body>.nav + main > .pagehead:first-child{min-height:calc(390px + var(--overlay-nav-height))}
body>.nav .dropdown-menu{background:#142940f5;backdrop-filter:blur(14px)}
@media(max-width:950px){:root{--overlay-nav-height:75px}body>.nav + main > .hero:first-child .heroin{padding-top:55px}body>.nav + main > .pagehead:first-child{min-height:calc(340px + var(--overlay-nav-height))}body>.nav .links.is-open{background:#142940f5;border-radius:10px;padding:12px 18px;margin-bottom:12px;backdrop-filter:blur(14px)}}
@media(max-width:650px){:root{--overlay-nav-height:120px}body>.nav + main > .hero:first-child .heroin{padding-top:36px}body>.nav + main > .pagehead:first-child{min-height:calc(340px + var(--overlay-nav-height))}}

/* V8: editorial layout based on approved mockup */
:root{--navy:#101f35;--orange:#f26727}body>.nav{border-bottom:0!important}body>.nav .navin{max-width:1480px;width:calc(100% - 64px);min-height:105px;display:grid;grid-template-columns:230px minmax(0,1fr) auto;gap:24px}body>.nav .brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px}body>.nav .brand img{height:52px;width:52px;object-fit:contain}body>.nav .brand span{display:flex;flex-direction:column}body>.nav .brand strong{font-size:15px;letter-spacing:.22em}body>.nav .brand small{font-size:8px;letter-spacing:.13em;color:#fa854b}body>.nav .links{gap:clamp(10px,1.4vw,23px)}body>.nav .links>a,body>.nav .dropdown>a{font-size:12px;font-weight:500}body>.nav .nav-cta{border-radius:30px;background:#101f35;border:1px solid #f26727;color:#f26727;padding:10px 18px}body>.nav .dropdown-menu{display:flex;flex-direction:column;background:#12273ff7;border:1px solid #ffffff24;border-radius:8px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px)}body>.nav .dropdown:hover .dropdown-menu,body>.nav .dropdown:focus-within .dropdown-menu,body>.nav .dropdown.open .dropdown-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}body>.nav .dropdown-menu a{color:#fff}body>.nav .dropdown-menu a:hover{background:#f26727;color:#fff}.hero-new{background-image:linear-gradient(90deg,#101f35 0%,#101f35f0 30%,#101f35a0 55%,#101f3525 100%),url('hero-landscape.webp')!important;background-position:center;background-size:cover}.hero-new .heroin{min-height:620px;max-width:1480px;grid-template-columns:1fr 1fr}.hero-new .heroin>div:first-child{padding-top:88px;padding-bottom:90px}.hero-new h1{font-size:clamp(2.8rem,4.4vw,4.7rem);line-height:1.06;letter-spacing:-.04em}.hero-new p{font-size:17px;max-width:580px}.hero-new .hero-cutout{right:0;width:48%;height:91%;object-fit:contain;object-position:bottom;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}.hero-new .actions{gap:12px}.hero-new .btn{border-radius:32px;padding:13px 21px;font-size:13px}.references{background:#fff;padding:24px 0}.references .wrap{display:flex;align-items:center;gap:26px;max-width:1480px}.references .wrap>span{flex:0 0 160px;text-align:left}.reference-names{display:flex;flex:1;justify-content:space-around;gap:16px}.reference-names .ref-logo{display:flex;align-items:center;justify-content:center;min-width:90px;max-width:150px}.reference-names .ref-logo img{max-width:100%;max-height:46px;object-fit:contain}.reference-names .ref-logo span{font-size:13px;font-weight:800}.references small{display:none}.visual-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.visual-service{position:relative;min-height:240px;border-radius:12px;overflow:hidden;background:#101f35;display:flex;align-items:flex-end;padding:22px;color:#fff;text-decoration:none}.visual-service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.visual-service:hover img{transform:scale(1.05)}.visual-service:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#071523e8)}.visual-service div{position:relative;z-index:1}.visual-service strong{display:block;color:#fff;font-size:16px}.visual-service small{display:block;color:#e7ebef;font-size:12px;margin-top:5px}.pagehead-v4{background-image:linear-gradient(90deg,#101f35 0%,#101f35e6 40%,#101f3540 100%),var(--page-photo)!important;background-size:cover!important;background-position:center!important;min-height:480px}.pagehead-v4 .wrap{padding-top:32px}.pagehead-v4 p{max-width:650px}.btn{border-radius:24px}.nav-cta .ico{stroke:#f26727}.site-badge{display:flex;flex-wrap:wrap;gap:18px;color:#fff;font-size:12px;margin-top:24px}.site-badge span:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;border:1px solid #f26727;color:#f26727;width:17px;height:17px;border-radius:50%;margin-right:8px}.footer{background:#091727}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}.footer-grid a{line-height:1.8}@media(max-width:1200px){body>.nav .navin{grid-template-columns:190px 1fr auto}body>.nav .links{gap:9px}body>.nav .links>a,body>.nav .dropdown>a{font-size:11px}}@media(max-width:1050px){body>.nav .navin{display:flex;width:calc(100% - 32px);min-height:90px}body>.nav .menu-toggle{display:block;margin-left:auto}body>.nav .links{display:none}body>.nav .links.is-open{display:flex;position:absolute;top:100%;left:16px;right:16px;background:#142940f7;flex-direction:column;align-items:stretch;padding:18px;z-index:300;border-radius:10px}body>.nav .dropdown-menu{position:static;display:none;transform:none}body>.nav .dropdown.open .dropdown-menu,body>.nav .dropdown:focus-within .dropdown-menu{display:flex}.references .wrap{flex-direction:column}.references .wrap>span{flex:auto}.visual-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){body>.nav .navin{flex-wrap:wrap}body>.nav .nav-cta{margin:0 0 8px;width:100%}.hero-new .heroin>div:first-child{padding-top:45px;padding-bottom:320px}.hero-new .hero-cutout{width:85%;height:330px;right:-12%}.hero-new h1{font-size:clamp(2.35rem,10vw,3.7rem)}.reference-names{justify-content:center;flex-wrap:wrap}.visual-services{grid-template-columns:1fr}.visual-service{min-height:230px}}

/* V9: portrait and reference mark presentation */
.reference-names{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.reference-names .ref-logo{flex:1 1 130px;min-width:110px;max-width:210px;display:flex;align-items:center;justify-content:center}.reference-names .ref-logo img{display:block;width:100%;height:52px;object-fit:contain}.hero-cutout,.portrait-cutout{object-fit:contain!important;object-position:center bottom!important}.dropdown-menu{display:flex;flex-direction:column;gap:0}.dropdown-menu a{display:block;white-space:nowrap}

/* MASTER STANDARD v10: shared header, footer and closing CTA */
:root{--ti-navy:#101f35;--ti-orange:#f26727;--ti-warm:#f5f3ee;--ti-slate:#34475c}
body>.nav{background:transparent!important;position:relative;z-index:200}
body>.nav + main > .pagehead:first-child{background-image:linear-gradient(90deg,rgba(16,31,53,.98),rgba(16,31,53,.75) 46%,rgba(16,31,53,.2)),var(--page-photo)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
body>.nav + main > .hero:first-child{background-image:linear-gradient(90deg,#101f35 0%,rgba(16,31,53,.93) 32%,rgba(16,31,53,.45) 72%,rgba(16,31,53,.1)),url('hero-landscape.webp')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.master-cta{background:linear-gradient(120deg,#101f35,#34475c);color:#fff;padding:62px 0}.master-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.master-cta h2{color:#fff;margin:8px 0 12px;font-size:clamp(1.8rem,3vw,3rem)}.master-cta h2 em{color:#f26727;font-style:normal}.master-cta p{color:#e1e8ef;max-width:650px}.master-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.master-cta .btn{border-radius:999px;padding:12px 18px;white-space:nowrap}.master-cta .btn.outline{border:1px solid #e2e8ee;color:#fff;background:transparent}.master-seminar-hero{--page-photo:url('hero-landscape.webp')}.seminar-copy{max-width:860px}.seminar-copy h3{margin-top:30px}.seminar-copy li{margin:8px 0}.seminar-note{padding:16px 20px;border-left:3px solid #f26727;background:#f5f3ee}.dropdown-menu a{display:block!important;width:100%;white-space:normal}.hero-new .hero-cutout{z-index:1}.hero-new .heroin>div:first-child{position:relative;z-index:2}@media(max-width:850px){.master-cta-inner{flex-direction:column;align-items:flex-start}.master-cta-actions{width:100%}}

/* V11: shared vertical dropdown layout; desktop and touch */
body>.nav .links .dropdown-menu{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:max-content;min-width:250px;max-width:min(360px,90vw);padding:8px!important;white-space:normal!important;overflow:visible!important}
body>.nav .links .dropdown-menu>a{display:block!important;flex:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 14px!important;line-height:1.4!important;white-space:normal!important;text-align:left!important}
@media(max-width:1050px){body>.nav .links.is-open .dropdown-menu{position:static!important;min-width:0!important;max-width:100%!important;width:100%!important;box-shadow:none!important;margin:3px 0 8px!important}body>.nav .links.is-open .dropdown:not(.open):not(:focus-within) .dropdown-menu{display:none!important}}

/* V12: single coherent visual system */
html,body{margin:0!important;padding:0!important}body{overflow-x:hidden}body>.nav{margin:0!important;top:0!important;background:transparent!important}body>.nav .navin,.wrap{width:calc(100% - 64px);max-width:1480px;margin-left:auto;margin-right:auto;box-sizing:border-box}body>.nav .navin{padding-left:0!important;padding-right:0!important}body>.nav + main > .hero:first-child .heroin,body>.nav + main > .pagehead:first-child .wrap{width:calc(100% - 64px);max-width:1480px;margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important;box-sizing:border-box}body>.nav + main > .hero:first-child .heroin>div:first-child{padding-left:0!important;margin-left:0!important}body>.nav + main > .pagehead:first-child h1,body>.nav + main > .pagehead:first-child p{margin-left:0!important;text-align:left!important}
body>.nav .dropdown-menu a{display:flex!important;align-items:center;gap:10px}.menu-icon{color:#f26727;font-weight:800;display:inline-flex;min-width:18px;justify-content:center;font-size:15px}body>.nav .dropdown-menu a:hover .menu-icon{color:#fff}
/* Header: one landscape layer and one transparent portrait, no duplicated background portrait */
body>.nav + main > .hero.hero-new:first-child{background:linear-gradient(90deg,#101f35 0%,rgba(16,31,53,.96) 38%,rgba(16,31,53,.55) 72%,rgba(16,31,53,.22)),url('hero-landscape.webp') center/cover no-repeat!important;overflow:hidden;isolation:isolate}.hero-new:before,.hero-new:after,.hero-new .heroin:before,.hero-new .heroin:after{background-image:none!important;content:none!important}.hero-new .hero-cutout{position:absolute!important;right:0!important;bottom:0!important;top:auto!important;width:min(49%,650px)!important;height:calc(100% - 105px)!important;max-height:650px;object-fit:contain!important;object-position:center bottom!important;mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%)!important;filter:none!important}.hero-new .heroin{position:relative;isolation:isolate}.hero-new .heroin>div:first-child{max-width:700px;z-index:2}.hero-new h1{max-width:700px}.hero-new p{max-width:610px}
/* Bio: single full-width transparent portrait, sunrise mountains behind it */
.section.navy:has(.portrait-secondary){background:linear-gradient(90deg,#101f35 0%,#101f35f5 45%,#101f35a6 76%,#101f3555),url('hero-landscape.webp') center/cover no-repeat!important}.section.navy .portrait-secondary{position:relative!important;inset:auto!important;display:block!important;width:100%!important;max-width:570px!important;height:auto!important;max-height:570px!important;object-fit:contain!important;object-position:center bottom!important;clip-path:none!important;filter:none!important;mask-image:none!important;background:none!important}.section.navy .split:has(.portrait-secondary){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:24px}.section.navy .split:has(.portrait-secondary) .note{grid-column:1/-1}.section.navy .split:has(.portrait-secondary) h2 em,.section.navy .split:has(.portrait-secondary) h2 strong{color:#f26727}.linkedin-bio{display:inline-flex!important;align-items:center;gap:8px;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;padding:6px 0!important;font-size:14px!important;text-decoration:none}.linkedin-mark{display:inline-flex;background:#f26727;color:#fff;border-radius:3px;width:21px;height:21px;align-items:center;justify-content:center;font-weight:800;font-size:13px}
/* buttons: one icon, one line, orange on dark and black on light */
a.btn,button.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:999px!important;padding:12px 19px!important;line-height:1.25!important}a.btn .ico{width:17px;height:17px;flex:0 0 17px}a.btn:not(.linkedin-bio),a.btn.outline:not(.linkedin-bio),a.btn.dark:not(.linkedin-bio){background:#f26727!important;border:1px solid #f26727!important;color:#fff!important}.warm a.btn:not(.linkedin-bio),.section:not(.navy):not(.dark) a.btn:not(.linkedin-bio){background:#101010!important;border-color:#101010!important;color:#fff!important}body>.nav .nav-cta{background:#101f35!important;border:1px solid #f26727!important;color:#f26727!important}.master-cta{background:#101f35!important}.master-cta .btn{background:#f26727!important;color:#fff!important;border-color:#f26727!important}
@media(max-width:1050px){.section.navy .split:has(.portrait-secondary){grid-template-columns:1fr 1fr}.hero-new .hero-cutout{width:45%!important}}@media(max-width:650px){body>.nav .navin,.wrap,body>.nav + main > .hero:first-child .heroin,body>.nav + main > .pagehead:first-child .wrap{width:calc(100% - 32px)!important}.hero-new .hero-cutout{width:83%!important;height:310px!important;right:-8%!important}.hero-new .heroin>div:first-child{padding-bottom:310px!important}.section.navy .split:has(.portrait-secondary){grid-template-columns:1fr}.section.navy .portrait-secondary{max-width:100%!important}.master-cta-actions{flex-wrap:wrap}a.btn{max-width:100%;font-size:12px!important}}

/* V13: definitive header and shared navigation overrides */
html,body{margin:0!important;padding:0!important}body{border-top:0!important}body::before,body::after{content:none!important;display:none!important}
body>.nav{position:absolute!important;top:0!important;left:0!important;right:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;z-index:1000!important}
body>.nav .navin,.wrap,body>.nav+main>.hero:first-child .heroin,body>.nav+main>.pagehead:first-child .wrap{width:calc(100% - 96px)!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body>.nav .navin{min-height:116px!important}body>.nav .brand{margin-left:0!important}body>.nav .dropdown-menu .menu-icon{min-width:16px!important;width:16px!important;height:16px!important;font-size:0!important;color:#f26727!important;opacity:.78}body>.nav .dropdown-menu .menu-icon svg{width:15px;height:15px;display:block}body>.nav .dropdown-menu a{gap:11px!important;font-weight:500!important}body>.nav .dropdown-menu a:hover .menu-icon{opacity:1}
body>.nav+main>.hero.hero-new:first-child{position:relative!important;background:#101f35!important;isolation:isolate;overflow:hidden!important;padding-top:110px!important}
body>.nav+main>.hero.hero-new:first-child::before{content:''!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#101f35 0%,#101f35 38%,rgba(16,31,53,.92) 55%,rgba(16,31,53,.35) 100%),url('hero-landscape.webp') center/cover no-repeat!important;z-index:-1!important}
body>.nav+main>.hero.hero-new:first-child::after,.hero-new .heroin::before,.hero-new .heroin::after{content:none!important;display:none!important}
.hero-new .heroin{min-height:640px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.7fr)!important;align-items:center!important;position:relative!important;padding-top:40px!important;padding-bottom:55px!important}
.hero-new .heroin>div:first-child{max-width:710px!important;padding-top:24px!important;padding-bottom:24px!important;position:relative!important;z-index:3!important}
.hero-new .hero-cutout{position:absolute!important;display:block!important;right:0!important;bottom:0!important;top:auto!important;width:min(43%,550px)!important;height:600px!important;object-fit:contain!important;object-position:center bottom!important;z-index:2!important;filter:none!important}
.section.navy:has(.portrait-secondary){background:#101f35!important}.section.navy:has(.portrait-secondary)::before,.section.navy:has(.portrait-secondary)::after{content:none!important;display:none!important}.section.navy .portrait-secondary{background:transparent!important;filter:none!important;box-shadow:none!important}
.section.navy .split:has(.portrait-secondary) a.linkedin-bio{display:inline-flex!important;vertical-align:middle!important;margin:0 0 0 20px!important;white-space:nowrap!important}.section.navy .split:has(.portrait-secondary) .btn:not(.linkedin-bio){vertical-align:middle!important}
.master-cta{background:#091727!important}.master-cta .btn{background:#f26727!important;border-color:#f26727!important;color:#fff!important}
body>.nav+main>.pagehead:first-child{padding-top:175px!important}body>.nav+main>.pagehead:first-child .wrap{max-width:1480px!important}
@media(max-width:1050px){body>.nav .navin,.wrap,body>.nav+main>.hero:first-child .heroin,body>.nav+main>.pagehead:first-child .wrap{width:calc(100% - 48px)!important}.hero-new .hero-cutout{width:42%!important;height:490px!important}}
@media(max-width:650px){body>.nav .navin,.wrap,body>.nav+main>.hero:first-child .heroin,body>.nav+main>.pagehead:first-child .wrap{width:calc(100% - 32px)!important}.hero-new .heroin{display:block!important;min-height:790px!important;padding-top:20px!important;padding-bottom:320px!important}.hero-new .hero-cutout{width:85%!important;height:340px!important;right:-6%!important}.hero-new .heroin>div:first-child{padding-bottom:0!important}.section.navy .split:has(.portrait-secondary) a.linkedin-bio{margin:14px 0 0!important}body>.nav+main>.pagehead:first-child{padding-top:155px!important}}

/* V15: image-free headers pending user-selected page imagery */
body>.nav + main > .hero:first-child, body>.nav + main > .pagehead:first-child,
body>.nav + main > .hero:first-child::before, body>.nav + main > .pagehead:first-child::before,
body>.nav + main > .hero:first-child::after, body>.nav + main > .pagehead:first-child::after,
.pagehead-photo,.pagehead-v4,.master-seminar-hero,.hero-new,
.section.navy:has(.portrait-secondary){background-image:none!important;background:#101f35!important;}
body>.nav + main > .hero:first-child::before,body>.nav + main > .pagehead:first-child::before{background:none!important;content:none!important;display:none!important;}
.hero-new .hero-cutout,.pagehead .page-portrait{display:none!important;}
/* Keep content aligned to brand; increase vertical breathing room below navigation */
body>.nav + main > .hero:first-child{padding-top:clamp(165px,15vw,235px)!important;}
body>.nav + main > .hero:first-child .heroin{min-height:unset!important;display:block!important;padding-top:25px!important;padding-bottom:85px!important;}
body>.nav + main > .hero:first-child .heroin > div:first-child{max-width:900px!important;padding-top:0!important;}
body>.nav + main > .pagehead:first-child{padding-top:clamp(205px,17vw,270px)!important;padding-bottom:85px!important;}
body>.nav + main > .pagehead:first-child .wrap{min-height:unset!important;padding-right:0!important;}
/* Remove unused portrait column on home-page biography */
.section.navy .split:not(:has(.portrait-secondary)){grid-template-columns:minmax(0,1fr) minmax(0,.65fr);}
/* Single discreet orange separator directly above footer, every page */
body > footer.footer{border-top:2px solid rgba(242,103,39,.8)!important;}
@media(max-width:650px){body>.nav + main > .hero:first-child{padding-top:190px!important;}body>.nav + main > .hero:first-child .heroin{min-height:unset!important;padding-bottom:65px!important;}body>.nav + main > .pagehead:first-child{padding-top:200px!important;padding-bottom:60px!important;}.section.navy .split:not(:has(.portrait-secondary)){grid-template-columns:1fr!important;}}

/* V16: consistent refined dropdown icon system */
body>.nav .dropdown-menu>a{display:flex!important;align-items:center!important;gap:15px!important;padding:12px 16px!important;}
body>.nav .dropdown-menu .menu-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 21px!important;width:21px!important;height:21px!important;min-width:21px!important;color:#f26727!important;opacity:.9!important;}
body>.nav .dropdown-menu .menu-icon svg{display:block;width:19px!important;height:19px!important;flex:none;stroke:currentColor;}
body>.nav .dropdown-menu>a:hover .menu-icon{color:#fff!important;opacity:1!important;}

/* Angebots-Unterseiten */
.offer-detail{max-width:980px}.offer-detail .eyebrow{margin-top:3rem}.offer-detail h2{margin-top:.6rem}.offer-detail p,.offer-detail li{line-height:1.75}.offer-detail ul{padding-left:1.5rem}.offer-detail li{margin:.55rem 0}.offer-detail .btn{margin-top:2rem}

/* V18: single local image per selected header; same treatment on all five pages */
body>.nav+main>.hero-photo-final:first-child{position:relative!important;isolation:isolate!important;background:#102237!important;background-image:linear-gradient(90deg,#102237 0%,#102237 21%,rgba(16,34,55,.94) 34%,rgba(16,34,55,.63) 51%,rgba(16,34,55,.10) 76%,rgba(16,34,55,0) 100%),var(--hero-image)!important;background-size:cover!important;background-position:center center!important;padding-top:clamp(175px,15vw,235px)!important;padding-bottom:85px!important;min-height:620px!important;display:flex!important;align-items:center!important}
body>.nav+main>.hero-photo-final:first-child::before,body>.nav+main>.hero-photo-final:first-child::after{display:none!important;content:none!important}
body>.nav+main>.hero-photo-final:first-child>.wrap{position:relative!important;z-index:2!important;width:min(1360px,calc(100% - 96px))!important;margin-inline:auto!important}
body>.nav+main>.hero-photo-final:first-child .heroin{min-height:unset!important;display:block!important;padding:0!important;width:min(1360px,calc(100% - 96px))!important}
body>.nav+main>.hero-photo-final:first-child .heroin>div:first-child{max-width:700px!important;padding:0!important}
body>.nav+main>.hero-photo-final:first-child h1,body>.nav+main>.hero-photo-final:first-child p{max-width:700px!important}
body>.nav+main>.hero-photo-final:first-child .hero-cutout,body>.nav+main>.hero-photo-final:first-child .page-portrait{display:none!important}
@media(max-width:700px){body>.nav+main>.hero-photo-final:first-child{min-height:660px!important;padding-top:175px!important;padding-bottom:65px!important;background-image:linear-gradient(90deg,rgba(16,34,55,.97),rgba(16,34,55,.86) 65%,rgba(16,34,55,.58)),var(--hero-image)!important;background-position:62% center!important}body>.nav+main>.hero-photo-final:first-child>.wrap,body>.nav+main>.hero-photo-final:first-child .heroin{width:calc(100% - 32px)!important}}

/* V19: ONE shared hero spacing, actions and benefit system across every page */
body>.nav+main>section.hero-standard:first-child{box-sizing:border-box!important;padding-top:clamp(240px,19vw,290px)!important;padding-bottom:clamp(65px,6vw,100px)!important;min-height:650px!important;align-items:stretch!important}
body>.nav+main>section.hero-standard:first-child .heroin{min-height:unset!important;padding-top:0!important;padding-bottom:0!important;display:block!important}
body>.nav+main>section.hero-standard:first-child .wrap,body>.nav+main>section.hero-standard:first-child .heroin{width:calc(100% - 96px)!important;max-width:1480px!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important}
body>.nav+main>section.hero-standard:first-child .heroin>div:first-child,body>.nav+main>section.hero-standard:first-child>.wrap{max-width:1480px!important}
body>.nav+main>section.hero-standard:first-child h1,body>.nav+main>section.hero-standard:first-child p,body>.nav+main>section.hero-standard:first-child .eyebrow{max-width:690px!important}
.hero-standard-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px;align-items:center}
.hero-standard-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#f26727!important;color:#fff!important;border:1px solid #f26727!important;border-radius:999px;padding:12px 20px;text-decoration:none!important;font-size:14px;font-weight:650;line-height:1.3;white-space:nowrap;transition:background .2s,transform .2s}
.hero-standard-button:hover{background:#d94e13!important;transform:translateY(-1px)}
.hero-standard-button svg{width:18px;height:18px;flex:none}
.hero-standard-benefits{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:32px;max-width:780px}
.hero-standard-benefit{display:flex;align-items:center;gap:9px;color:#f5f3ee;font-size:13px;font-weight:500;padding:5px 16px;border-right:1px solid rgba(245,243,238,.28);white-space:nowrap}
.hero-standard-benefit:first-child{padding-left:0}.hero-standard-benefit:last-child{border-right:0}
.hero-standard-benefit svg{width:20px;height:20px;color:#f26727;flex:none}
@media(max-width:1050px){body>.nav+main>section.hero-standard:first-child .wrap,body>.nav+main>section.hero-standard:first-child .heroin{width:calc(100% - 48px)!important}.hero-standard-benefit{font-size:12px;padding-inline:10px}}
@media(max-width:700px){body>.nav+main>section.hero-standard:first-child{padding-top:195px!important;padding-bottom:65px!important;min-height:unset!important}body>.nav+main>section.hero-standard:first-child .wrap,body>.nav+main>section.hero-standard:first-child .heroin{width:calc(100% - 32px)!important}.hero-standard-actions{align-items:stretch}.hero-standard-button{font-size:13px;padding:12px 15px}.hero-standard-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.hero-standard-benefit{border-right:0;padding:0!important;white-space:normal;font-size:12px}}

/* V20 shared transparent navigation / horizontal brand lockup */
html,body{margin:0!important;padding:0!important}
body>.nav{position:absolute!important;inset:0 0 auto 0!important;width:100%!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;margin:0!important;z-index:500!important}
body>.nav::before,body>.nav::after{display:none!important;content:none!important}
body>.nav .navin{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(12px,1.4vw,24px)!important;min-height:104px!important}
body>.nav .brand{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;flex:0 0 auto!important;white-space:nowrap!important;text-decoration:none!important}
body>.nav .brand img{display:block!important;flex:0 0 auto!important;width:57px!important;height:57px!important;object-fit:contain!important;margin:0!important}
body>.nav .brand span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;margin:0!important;padding:0!important;line-height:1.2!important}
body>.nav .brand strong{display:block!important;margin:0!important;font-size:15px!important;letter-spacing:.14em!important;line-height:1.15!important}
body>.nav .brand small{display:block!important;margin:0!important;font-size:8px!important;letter-spacing:.105em!important;line-height:1.25!important;color:#ff9a67!important}
body>.nav .links{margin-inline:auto!important}
body>.nav .dropdown-menu{background:#12273ff5!important}
@media(max-width:1150px){body>.nav .navin{flex-wrap:wrap!important;min-height:88px!important}body>.nav .links{display:none!important}body>.nav .links.is-open,body>.nav .links.open{display:flex!important;position:absolute!important;top:100%!important;left:16px!important;right:16px!important;margin:0!important;background:#12273ff7!important;border:1px solid #ffffff25!important;border-radius:10px!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important}body>.nav .menu-toggle{display:block!important;margin-left:auto!important}body>.nav .nav-cta{margin:0!important}}
@media(max-width:650px){body>.nav .brand{gap:8px!important}body>.nav .brand img{width:43px!important;height:43px!important}body>.nav .brand strong{font-size:12px!important}body>.nav .brand small{font-size:6.5px!important;letter-spacing:.04em!important}body>.nav .navin{gap:8px!important}body>.nav .nav-cta{flex:1 1 100%!important;justify-self:stretch!important;text-align:center!important}}

/* V21 – Startseite: exakt dieselbe vertikale Header-Logik wie Unterseiten.
   Verhindert die Überlagerung von Logo und Eyebrow durch ältere Hero-Regeln. */
@media (min-width:701px){
 body>.nav+main>section.hero.hero-standard:first-child{
   display:block!important;min-height:unset!important;
   padding-top:clamp(240px,19vw,290px)!important;
   padding-bottom:clamp(65px,6vw,100px)!important;
 }
 body>.nav+main>section.hero.hero-standard:first-child>.heroin{
   display:block!important;min-height:0!important;height:auto!important;
   padding:0!important;margin-inline:auto!important;
   width:calc(100% - 96px)!important;max-width:1480px!important;
   transform:none!important;
 }
 body>.nav+main>section.hero.hero-standard:first-child>.heroin>div:first-child{
   position:relative!important;inset:auto!important;transform:none!important;
   padding:0!important;margin:0!important;max-width:690px!important;
 }
 body>.nav+main>section.hero.hero-standard:first-child h1{
   font-size:clamp(2.7rem,4.1vw,4.4rem)!important;
   line-height:1.12!important;max-width:690px!important;
 }
}
@media (max-width:700px){
 body>.nav+main>section.hero.hero-standard:first-child{display:block!important;padding-top:195px!important;min-height:0!important;}
 body>.nav+main>section.hero.hero-standard:first-child>.heroin{display:block!important;min-height:0!important;height:auto!important;padding:0!important;transform:none!important;}
 body>.nav+main>section.hero.hero-standard:first-child>.heroin>div:first-child{padding:0!important;transform:none!important;}
 body>.nav+main>section.hero.hero-standard:first-child h1{font-size:clamp(2.3rem,9vw,3.4rem)!important;line-height:1.13!important;}
}

/* V22: reference brand assets, consistent responsive layout */
.references{background:#fff!important;padding:34px 0!important}
.references .wrap{max-width:1480px;align-items:center}
.reference-names{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:20px!important;width:100%}
.reference-names .ref-logo{width:100%;min-width:0!important;max-width:none!important;min-height:78px;display:flex;align-items:center;justify-content:center}
.reference-names .ref-logo img{display:block;max-width:100%;width:auto!important;max-height:62px;height:auto!important;object-fit:contain}
@media(max-width:1100px){.reference-names{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.reference-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.reference-names .ref-logo img{max-height:55px}}

/* V24: No separators between the four header benefits on any page. */
.hero-standard-benefit,
.hero-standard-benefit:first-child,
.hero-standard-benefit:last-child {
  border-right: 0 !important;
  border-left: 0 !important;
}

/* V26: Referenzlogos um 25 % verkleinert, Raster unverändert. */
.reference-names .ref-logo img { transform: scale(.75); transform-origin: center center; }

/* V27: Vier Vorteile auf Desktop in einer Zeile; mobil responsiv */
@media (min-width: 900px) {
  body .hero-standard-benefits {max-width:none;width:100%;flex-wrap:nowrap;justify-content:space-between;gap:8px;}
  body .hero-standard-benefit {flex:0 1 auto;min-width:0;white-space:nowrap;padding:5px 8px;font-size:clamp(12px,1.1vw,16px);gap:7px;}
  body .hero-standard-benefit:first-child {padding-left:0;}
  body .hero-standard-benefit svg {width:19px;height:19px;}
}
/* DB und ERGO gegenüber den übrigen Referenzen verkleinern */
.reference-names .ref-logo img.ref-logo-small {width:75%;height:39px;max-height:39px;margin-inline:auto;}

/* V28: Einheitliche CTA-Farbe und Dropdown-Iconabstände */
a.btn:not(.linkedin-bio),button.btn,.hero-standard-button,.offer-cta,.master-cta .btn,.section a.btn:not(.linkedin-bio),.warm a.btn:not(.linkedin-bio){background:#F47735!important;border-color:#F47735!important;color:#fff!important;border-radius:999px!important;text-decoration:none!important}
a.btn:not(.linkedin-bio):hover,button.btn:hover,.hero-standard-button:hover,.offer-cta:hover{background:#D85E1C!important;border-color:#D85E1C!important;color:#fff!important}
body>.nav .dropdown-menu>a{display:flex!important;align-items:center!important;gap:18px!important;padding:12px 16px!important}
body>.nav .dropdown-menu .menu-icon{flex:0 0 21px!important;width:21px!important;height:21px!important;min-width:21px!important}
body>.nav .dropdown-menu .menu-icon svg{width:19px!important;height:19px!important}
.offer-hero,.offer-end{background:#152438;color:white;padding:76px 0}.offer-hero h1,.offer-end h2{color:white}.offer-hero p,.offer-end p{max-width:800px;line-height:1.65}.offer-kicker,.offer-symbol{color:#F47735}.offer-cta{display:inline-flex;padding:14px 24px;margin-top:20px;font-weight:700}.offer-template{max-width:1100px}.offer-template h2{margin:48px 0 22px}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.offer-card{padding:24px;border:1px solid #dfe4e9;border-radius:14px}.offer-card h3{margin:8px 0}.offer-symbol{font-size:25px}.offer-steps li{margin:12px 0;line-height:1.6}@media(max-width:650px){.offer-grid{grid-template-columns:1fr}}

/* V29: consistent offer pages and orange CTA */
.offer-hero .offer-subtitle{color:#fff;font-size:clamp(1.3rem,2.4vw,2rem);margin:14px 0 12px}.offer-icon{width:29px;height:29px;color:#F47735;flex:none}.offer-card{display:flex;align-items:flex-start;gap:16px}.offer-card h3{margin:0;line-height:1.4}.offer-template>p{max-width:850px;line-height:1.75}.offer-end .offer-cta,.offer-hero .offer-cta{background:#F47735!important;color:#fff!important;border:1px solid #F47735!important}.offer-end .offer-cta:hover,.offer-hero .offer-cta:hover{background:#D85E1C!important}.nav .dropdown-menu>a{display:flex!important;align-items:center!important;gap:18px!important}.nav .dropdown-menu .menu-icon{display:inline-flex;flex:0 0 21px;width:21px;height:21px;align-items:center;justify-content:center}.nav .dropdown-menu .menu-icon svg{width:19px;height:19px}



/* Einheitlicher Header: alle Seiten verwenden .site-hero > .wrap > .hero-content. */
body > .nav {position:relative!important;inset:auto!important;background:#102237!important;}
body > .nav .navin {min-height:102px!important;}
body > .nav + main > section.site-hero:first-child {
 display:block!important;box-sizing:border-box!important;min-height:0!important;
 padding:clamp(120px,10vw,150px) 0 clamp(58px,6vw,88px)!important;
 background-color:#102237!important;color:#fff!important;
 background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.96) 28%,rgba(16,34,55,.78) 52%,rgba(16,34,55,.22) 100%),var(--hero-image)!important;
 background-size:cover!important;background-position:center!important;
}
body > .nav + main > section.site-hero:first-child::before,
body > .nav + main > section.site-hero:first-child::after {display:none!important;content:none!important;}
body > .nav + main > section.site-hero:first-child > .wrap {
 display:block!important;box-sizing:border-box!important;width:calc(100% - 96px)!important;
 max-width:1480px!important;margin:0 auto!important;padding:0!important;
 height:auto!important;min-height:0!important;transform:none!important;
}
body > .nav + main > section.site-hero:first-child .hero-content {
 display:block!important;position:relative!important;inset:auto!important;
 max-width:none!important;margin:0!important;padding:0!important;transform:none!important;
}
body > .nav + main > section.site-hero:first-child .eyebrow {
 display:block!important;visibility:visible!important;opacity:1!important;position:static!important;
 color:#ff8b50!important;font-size:clamp(13px,1vw,16px)!important;font-weight:800!important;
 letter-spacing:.15em!important;text-transform:uppercase!important;line-height:1.5!important;
 margin:0 0 18px!important;max-width:850px!important;
}
body > .nav + main > section.site-hero:first-child h1 {
 color:#fff!important;font-size:clamp(2.7rem,4.1vw,4.4rem)!important;
 line-height:1.12!important;letter-spacing:-.035em!important;
 margin:0 0 20px!important;max-width:900px!important;overflow-wrap:anywhere!important;
}
body > .nav + main > section.site-hero:first-child .hero-subtitle {
 color:#fff!important;font-size:clamp(1.3rem,2vw,1.8rem)!important;
 line-height:1.35!important;margin:0 0 16px!important;max-width:920px!important;
}
body > .nav + main > section.site-hero:first-child p {color:#fff!important;max-width:920px!important;margin:0 0 20px!important;line-height:1.6!important;}
body > .nav + main > section.site-hero:first-child .hero-standard-actions {display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:26px 0 0!important;}
body > .nav + main > section.site-hero:first-child .hero-standard-button {display:inline-flex!important;background:#f47735!important;border-color:#f47735!important;color:#fff!important;}
body > .nav + main > section.site-hero:first-child .hero-standard-benefits {
 display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;
 align-items:center!important;width:max-content!important;max-width:100%!important;
 gap:clamp(12px,1.7vw,28px)!important;margin:42px 0 0!important;padding:0!important;
}
body > .nav + main > section.site-hero:first-child .hero-standard-benefit {
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:7px!important;
 border:0!important;padding:0!important;margin:0!important;white-space:nowrap!important;
 color:#f5f3ee!important;font-size:clamp(11px,.88vw,15px)!important;line-height:1.4!important;
}
body > .nav + main > section.site-hero:first-child .hero-standard-benefit svg {color:#f47735!important;width:19px!important;height:19px!important;flex:none!important;}
@media(max-width:900px) {body > .nav + main > section.site-hero:first-child .hero-standard-benefits {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:12px 8px!important;}body > .nav + main > section.site-hero:first-child .hero-standard-benefit {white-space:normal!important;font-size:12px!important;}}
@media(max-width:700px) {body > .nav + main > section.site-hero:first-child {padding:88px 0 55px!important;background-image:linear-gradient(90deg,rgba(16,34,55,.97),rgba(16,34,55,.87) 65%,rgba(16,34,55,.65)),var(--hero-image)!important;}body > .nav + main > section.site-hero:first-child > .wrap {width:calc(100% - 32px)!important;}body > .nav + main > section.site-hero:first-child h1 {font-size:clamp(2.1rem,9vw,3.4rem)!important;}body > .nav + main > section.site-hero:first-child .hero-standard-button {white-space:normal!important;}}

/* Stärkenkompass in der Navigation: Icon und Schrift erben dieselbe Farbe. */
body > .nav .nav-cta svg.ico {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Kompakter Referenzlogo-Abschnitt. */
.references {padding:16px 0 !important;}
.references .wrap {gap:12px !important;}
.reference-names {gap:10px !important;}
.reference-names .ref-logo {min-height:54px !important;}
@media (max-width:600px) {
  .references {padding:12px 0 !important;}
  .reference-names .ref-logo {min-height:48px !important;}
}

/* Headerbild und Textfläche: gemeinsame, maßgebliche Desktop-Regeln. */
html body > header.nav + main > section.site-hero.hero-standard:first-child > div.wrap.heroin > div.hero-content {
  display:block!important;width:min(650px, 48vw)!important;max-width:min(650px, 48vw)!important;
  box-sizing:border-box!important;margin:0!important;padding:0!important;
}
html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-content h1,
html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-content .hero-subtitle,
html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-content p,
html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-content .eyebrow {
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-standard-benefits {
  width:max-content!important;max-width:100%!important;gap:10px!important;
}
html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-standard-benefit {
  font-size:clamp(10px,.77vw,12px)!important;gap:5px!important;
}
html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-standard-benefit svg {
  width:17px!important;height:17px!important;
}
@media(max-width:900px) {
  html body > header.nav + main > section.site-hero.hero-standard:first-child > div.wrap.heroin > div.hero-content {
    width:100%!important;max-width:100%!important;
  }
  html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-standard-benefits {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:12px 8px!important;
  }
  html body > header.nav + main > section.site-hero.hero-standard:first-child .hero-standard-benefit {font-size:12px!important;white-space:normal!important;}
}
/* Die Bild-URLs werden relativ zu assets/style.css aufgelöst. */
html body > header.nav + main > section.site-hero[style*="header-fuehrungskraefteentwicklung.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-fuehrungskraefteentwicklung.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-index.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-index.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-job-crafting.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-job-crafting.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-kommunikation-konflikte.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-kommunikation-konflikte.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-kontakt.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-kontakt.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-lebe-dein-leben.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-lebe-dein-leben.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-leistungen.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-leistungen.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-methoden.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-methoden.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-organisationsentwicklung.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-organisationsentwicklung.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-publikationen.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-publikationen.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-reflected-best-self.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-reflected-best-self.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-persoenlichkeitstraining.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-persoenlichkeitstraining.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header_staerkencoaching.png"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header_staerkencoaching.png")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-staerkenkompass.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-staerkenkompass.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-staerkenorientierte-fuehrung.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-staerkenorientierte-fuehrung.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-teamentwicklung.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-teamentwicklung.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-termine.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-termine.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
html body > header.nav + main > section.site-hero[style*="header-ueber-mich.webp"]:first-child {
  background-image:linear-gradient(90deg,#102237 0%,rgba(16,34,55,.97) 22%,rgba(16,34,55,.72) 41%,rgba(16,34,55,.05) 67%,rgba(16,34,55,0) 100%),url("header-ueber-mich.webp")!important;
  background-size:cover!important;background-position:center center!important;
}
@media(max-width:900px) {
  html body > header.nav + main > section.site-hero[style*="header-fuehrungskraefteentwicklung.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-fuehrungskraefteentwicklung.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-index.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-index.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-job-crafting.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-job-crafting.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-kommunikation-konflikte.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-kommunikation-konflikte.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-kontakt.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-kontakt.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-lebe-dein-leben.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-lebe-dein-leben.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-leistungen.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-leistungen.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-methoden.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-methoden.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-organisationsentwicklung.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-organisationsentwicklung.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-publikationen.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-publikationen.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-reflected-best-self.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-reflected-best-self.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-persoenlichkeitstraining.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-persoenlichkeitstraining.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header_staerkencoaching.png"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header_staerkencoaching.png")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-staerkenkompass.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-staerkenkompass.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-staerkenorientierte-fuehrung.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-staerkenorientierte-fuehrung.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-teamentwicklung.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-teamentwicklung.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-termine.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-termine.webp")!important;background-position:60% center!important;}
  html body > header.nav + main > section.site-hero[style*="header-ueber-mich.webp"]:first-child {background-image:linear-gradient(90deg,rgba(16,34,55,.98),rgba(16,34,55,.90) 65%,rgba(16,34,55,.72)),url("header-ueber-mich.webp")!important;background-position:60% center!important;}
}
/* Stärkenkompass: Fragebogen und direkte Auswertung */
#staerkentest { scroll-margin-top: 24px; }
#staerkentest .wrap { max-width: 1040px; }
.staerkentest-question { margin: 22px 0; padding: 22px; border: 1px solid #d8dee7; border-radius: 12px; background: #fff; min-width: 0; }
.staerkentest-question legend { float: left; width: 100%; margin-bottom: 17px; padding: 0; color: #172c45; font-weight: 750; line-height: 1.45; }
.staerkentest-question legend + * { clear: both; }
.staerkentest-choices { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; }
.staerkentest-choices label { display: flex; flex-direction: column; align-items: center; gap: 7px; text-align: center; cursor: pointer; padding: 12px 5px; border: 2px solid #e2e7ee; border-radius: 9px; line-height: 1.25; font-size: 12px; color: #40506a; }
.staerkentest-choices label:has(input:checked) { border-color: #f26727; background: #fff2e9; color: #172c45; }
.staerkentest-choices label:focus-within { outline: 2px solid #172c45; outline-offset: 2px; }
.staerkentest-choices input { width: 18px; height: 18px; accent-color: #e65f20; }
.staerkentest-number { font-size: 18px; font-weight: 800; }
.staerkentest-submit { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 30px 0 45px; }
.staerkentest-submit .btn { cursor: pointer; border: 0; }
#staerkentest-progress { font-weight: 700; color: #172c45; }
.staerkentest-result { padding: 32px; border-radius: 14px; background: #f2f5f8; scroll-margin-top: 24px; }
.staerkentest-result[hidden] { display: none; }
.staerkentest-top5 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 0; margin: 25px 0; list-style: none; }
.staerkentest-top5 li { background: white; border-left: 4px solid #f26727; padding: 20px; border-radius: 8px; }
.staerkentest-top5 li:first-child { grid-column: 1 / -1; }
.staerkentest-top5 h3 { margin: 0 0 8px; color: #172c45; }
.staerkentest-top5 p { margin: 0; }
.staerkentest-next { background: #172c45; color: #fff; padding: 26px; border-radius: 10px; }
.staerkentest-next h3, .staerkentest-next p { color: #fff; }
.staerkentest-next .btn { margin-top: 10px; }
.staerkentest-note { margin-top: 26px; color: #526178; font-size: 14px; }
@media (max-width: 650px) {
  .staerkentest-question { padding: 16px 12px; }
  .staerkentest-choices { gap: 5px; }
  .staerkentest-choices label { padding: 10px 2px; font-size: 11px; }
  .staerkentest-choices .staerkentest-label { display: none; }
  .staerkentest-choices::after { content: '1 = trifft gar nicht zu · 5 = trifft voll zu'; grid-column: 1 / -1; text-align: center; font-size: 12px; color: #526178; }
  .staerkentest-top5 { grid-template-columns: 1fr; }
  .staerkentest-top5 li:first-child { grid-column: auto; }
  .staerkentest-result { padding: 20px 15px; }
}
/* Inhaltsbilder: Gesichter im rechten Bildbereich auch in schmalen Karten sichtbar halten. */
main img[src^="assets/header-"] { object-position: 76% center; }

/* Hochformatige Themenbilder */
/* Textfreie, flache Inhaltsbilder in der Methodenwelt und auf der Startseite. */
.portrait-photo.compact-photo { position: relative; width: min(100%,680px); height: clamp(210px,27vw,320px); aspect-ratio: auto; margin: 24px auto 38px; overflow: hidden; border-radius: 10px; background: transparent; }
.portrait-photo.compact-photo img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: 50% 39%; }
.card .portrait-photo.compact-photo { width: 100%; height: clamp(220px,20vw,320px); margin: 0 0 24px; }
@media (max-width:650px) { .portrait-photo.compact-photo, .card .portrait-photo.compact-photo { height: 240px; } }

#staerkentest .staerkentest-next a.btn { background: var(--orange) !important; border-color: var(--orange) !important; color: #fff !important; }
#staerkentest .staerkentest-next a.btn:hover, #staerkentest .staerkentest-next a.btn:focus-visible { background: #d95217 !important; border-color: #d95217 !important; }
.diagnose-section { scroll-margin-top: 24px; }
.diagnose-section > .wrap { max-width: 1040px; }
.diagnose-result[hidden] { display: none; }
.diagnose-scores { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 0; margin: 25px 0; list-style: none; }
.diagnose-scores li { padding: 20px; background: #fff; border-left: 4px solid var(--orange); border-radius: 8px; }
.diagnose-scores h3 { margin: 0 0 12px; color: #172c45; font-size: 1.05rem; }
.diagnose-scores p { margin: 10px 0 0; }
.diagnose-bar { height: 10px; overflow: hidden; border-radius: 10px; background: #dfe5ec; }
.diagnose-bar span { display: block; height: 100%; background: var(--orange); border-radius: inherit; }
.diagnose-section .staerkentest-next a.btn { background: var(--orange) !important; border-color: var(--orange) !important; color: #fff !important; }
.diagnose-section .staerkentest-next a.btn:hover, .diagnose-section .staerkentest-next a.btn:focus-visible { background: #d95217 !important; border-color: #d95217 !important; }
@media (max-width: 650px) { .diagnose-scores { grid-template-columns: 1fr; } }
.ai-content { max-width: 1120px; }
.ai-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ai-steps .method:last-child { grid-column: 1 / -1; }
.ai-interview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 30px 0; }
.ai-interview .method { border-top: 4px solid var(--orange); }
.ai-interview ol { padding-left: 1.4rem; }
.ai-interview li { margin: .75rem 0; }
.related-method { background: #f3f6fa; }
.related-method .wrap { max-width: 1050px; }
.related-method .btn { margin-top: 12px; }
@media (max-width: 650px) { .ai-steps, .ai-interview { grid-template-columns: 1fr; } .ai-steps .method:last-child { grid-column: auto; } }
.ai-workbook { margin: 36px 0; padding: 26px; background: #f2f5f9; border-radius: 12px; }
.ai-workbook form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ai-answer { display: flex; flex-direction: column; gap: 8px; font-weight: 700; line-height: 1.4; }
.ai-answer textarea { width: 100%; min-height: 110px; resize: vertical; padding: 12px; border: 1px solid #aeb9c6; border-radius: 8px; background: #fff; font: 400 1rem/1.5 Inter, Arial, sans-serif; color: #15243a; }
.ai-answer textarea:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
.ai-workbook button { width: max-content; max-width: 100%; cursor: pointer; }
@media (max-width: 650px) { .ai-workbook { padding: 18px; } .ai-workbook form { grid-template-columns: 1fr; } }