:root{color-scheme:light;--ink:#132425;--deep:#102c2d;--paper:#f3f0e9;--warm:#e7dfd1;--muted:#6a716d;--line:rgba(19,36,37,.14);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;color:var(--ink);background:var(--paper);font:16px/1.55 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;border-radius:8px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:50;top:0;left:0;display:flex;width:100%;min-height:78px;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);color:#fff;border-bottom:1px solid transparent;transition:min-height .3s var(--ease),background .3s,border-color .3s,color .3s}.site-header.is-scrolled{min-height:66px;color:var(--ink);background:rgba(243,240,233,.9);border-color:var(--line);backdrop-filter:blur(18px)}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:680;letter-spacing:-.04em}.wordmark-mark{position:relative;display:inline-block;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;transform:rotate(-18deg)}.wordmark-mark i{position:absolute;top:50%;left:50%;display:block;width:12px;height:1px;background:currentColor;transform-origin:left center}.wordmark-mark i:first-child{transform:rotate(28deg) translate(-1px,-1px)}.wordmark-mark i:last-child{transform:rotate(-28deg) translate(-1px,-1px)}.site-nav{display:flex;align-items:center;gap:clamp(20px,3vw,42px);font-size:14px;font-weight:550}.site-nav>a:not(.nav-cta){position:relative;padding:10px 0}.site-nav>a:not(.nav-cta)::after{position:absolute;right:0;bottom:5px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease);content:""}.site-nav>a:hover::after,.site-nav>a:focus-visible::after{transform:scaleX(1);transform-origin:left}.nav-cta{display:inline-flex;min-height:44px;align-items:center;gap:13px;padding:0 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.08)}.is-scrolled .nav-cta{border-color:var(--line);background:rgba(255,255,255,.5)}.menu-button{display:none;border:0;background:none}
.hero{position:relative;display:grid;min-height:min(940px,100svh);grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);grid-template-rows:1fr auto;gap:30px clamp(28px,5vw,84px);align-items:center;padding:clamp(124px,15vh,176px) clamp(20px,5.5vw,88px) 42px;overflow:hidden;color:#fff;background:var(--deep);isolation:isolate}.hero::before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 16% 20%,rgba(200,121,69,.2),transparent 30%),linear-gradient(125deg,#0b2527 0%,#153637 54%,#102b2f 100%);content:""}.hero::after{position:absolute;z-index:-1;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 63%);content:""}.hero-glow{position:absolute;z-index:-1;top:20%;right:25%;width:40vw;height:40vw;border-radius:50%;background:rgba(87,132,128,.17);filter:blur(80px)}.hero-copy{position:relative;z-index:3;max-width:720px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:rgba(255,255,255,.67);font-size:11px;font-weight:720;letter-spacing:.15em;text-transform:uppercase}.eyebrow::before{width:22px;height:1px;background:currentColor;content:""}.eyebrow.dark{color:#65706b}h1,h2,h3,p{margin-top:0}h1{margin-bottom:28px;font-size:clamp(54px,7.5vw,112px);font-weight:520;letter-spacing:-.068em;line-height:.88}h1 span{color:rgba(255,255,255,.7)}h1 em{font-style:normal;font-weight:650}.hero-lead{max-width:610px;margin-bottom:34px;color:rgba(255,255,255,.72);font-size:clamp(18px,1.7vw,23px);line-height:1.48}.hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:25px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:650;transition:transform .25s var(--ease),background .25s,color .25s}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-light{color:var(--deep);background:#f8f5ee}.button-dark{color:#fff;background:var(--ink)}.text-link{display:inline-flex;gap:12px;padding:13px 2px;color:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.3);font-weight:560}
.hero-gallery{position:relative;height:min(66vh,660px);min-height:500px;perspective:1200px}.hero-card{position:absolute;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.2);border-radius:4px;box-shadow:0 28px 80px rgba(0,0,0,.26);will-change:transform}.hero-card img{height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.hero-card::after{position:absolute;inset:0;background:linear-gradient(145deg,transparent 55%,rgba(7,28,28,.35));content:""}.hero-card-dach{z-index:4;top:11%;left:10%;width:59%;height:66%}.hero-card-elektro{z-index:2;top:0;right:1%;width:40%;height:45%;transform:rotate(2deg)}.hero-card-shk{z-index:3;right:0;bottom:5%;width:48%;height:46%;transform:rotate(-2deg)}.hero-card-dental{z-index:1;bottom:0;left:0;width:38%;height:39%;transform:rotate(1.5deg)}.gallery-caption{position:absolute;z-index:6;right:4%;bottom:0;padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(12,36,37,.72);backdrop-filter:blur(12px);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.17)}.hero-facts>div{display:grid;gap:2px;padding:25px 20px 0 0;border-right:1px solid rgba(255,255,255,.17)}.hero-facts>div+div{padding-left:clamp(18px,3vw,46px)}.hero-facts>div:last-child{border-right:0}.hero-facts strong{font-size:clamp(21px,2.4vw,34px);font-weight:570;letter-spacing:-.04em}.hero-facts span{color:rgba(255,255,255,.56);font-size:12px}
.section{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:clamp(90px,12vw,170px) 0}.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:60px;align-items:end;margin-bottom:clamp(45px,7vw,80px)}h2{margin-bottom:0;font-size:clamp(42px,5.6vw,78px);font-weight:570;letter-spacing:-.058em;line-height:.98}.section-head>p,.process-intro>p:last-child{margin:0;color:var(--muted);font-size:clamp(17px,1.7vw,21px)}.branch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.branch-card{position:relative;min-height:clamp(420px,48vw,630px);overflow:hidden;color:#fff;background:#183032;isolation:isolate}.branch-card img{position:absolute;z-index:-2;inset:0;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .8s}.branch-card:hover img,.branch-card:focus-visible img{transform:scale(1.045);filter:saturate(.94)}.branch-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(8,20,20,.06),rgba(8,20,20,.75))}.branch-number{position:absolute;top:27px;right:30px;font-size:12px;letter-spacing:.12em}.branch-content{position:absolute;right:30px;bottom:30px;left:30px}.branch-content small{display:block;margin-bottom:14px;color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.branch-content strong{display:block;margin-bottom:25px;font-size:clamp(35px,4vw,58px);font-weight:580;letter-spacing:-.055em;line-height:.94}.branch-content>span{display:inline-flex;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.45);font-size:13px;font-weight:650}.branch-card.elektro img{filter:saturate(.72)}.branch-card.shk img{filter:saturate(.73)}.branch-card.dental img{filter:saturate(.71)}
.process{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1fr);gap:40px clamp(60px,10vw,150px);align-items:start;border-top:1px solid var(--line)}.process-intro h2{max-width:580px;margin-bottom:30px}.process-intro>p:last-child{max-width:520px}.steps{grid-row:span 2;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:30px 0;border-bottom:1px solid var(--line)}.step-number{padding-top:5px;color:#9a8067;font-size:12px;font-weight:700}.steps h3{margin-bottom:8px;font-size:clamp(22px,2vw,29px);font-weight:610;letter-spacing:-.035em}.steps p{max-width:520px;margin-bottom:0;color:var(--muted)}.process>.button{justify-self:start}
.quality{display:grid;min-height:760px;grid-template-columns:1.05fr .95fr;color:#fff;background:var(--deep)}.quality-image{position:relative;min-height:560px;overflow:hidden}.quality-image::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,26,27,.65));content:""}.quality-image img{height:112%;object-fit:cover;filter:saturate(.72) contrast(1.04)}.quality-label{position:absolute;z-index:2;bottom:34px;left:38px;max-width:300px;font-size:clamp(25px,3vw,42px);font-weight:560;letter-spacing:-.045em;line-height:1.05}.quality-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,8vw,118px)}.quality-copy h2{max-width:650px;margin-bottom:55px}.benefits{border-top:1px solid rgba(255,255,255,.16)}.benefits article{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.16)}.benefits article>span{color:#c68a63;font-size:11px}.benefits h3{margin-bottom:7px;font-size:19px;font-weight:610}.benefits p{margin:0;color:rgba(255,255,255,.62);font-size:14px}
.about{display:grid;grid-template-columns:1fr .75fr;gap:70px}.about-title h2{max-width:790px}.about-copy>p{margin-bottom:45px;color:var(--muted);font-size:clamp(18px,2vw,23px)}.people{border-top:1px solid var(--line)}.people article{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.people article>span{display:grid;width:46px;height:46px;place-items:center;color:#fff;border-radius:50%;background:var(--deep);font-size:11px;font-weight:720;letter-spacing:.05em}.people h3{margin:0 0 3px;font-size:17px;font-weight:650}.people p{margin:0;color:var(--muted);font-size:14px}
.final-cta{position:relative;display:flex;min-height:680px;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;overflow:hidden;color:#fff;text-align:center;background:#b8754f;isolation:isolate}.final-cta::before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.14),transparent 48%),linear-gradient(135deg,#ae6a47,#c5835b);content:""}.final-cta .eyebrow{justify-content:center}.final-cta h2{max-width:920px;margin-bottom:50px;font-size:clamp(48px,7vw,92px)}.final-links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.final-links a{display:inline-flex;min-height:54px;align-items:center;gap:28px;padding:0 20px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:color .25s,background .25s,transform .25s}.final-links a:hover,.final-links a:focus-visible{color:#8b4e31;background:#fff;transform:translateY(-3px)}.final-orbit{position:absolute;z-index:-1;width:700px;height:700px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.orbit-one{top:-520px;left:-160px}.orbit-two{right:-290px;bottom:-550px;width:850px;height:850px}
.site-footer{display:grid;grid-template-columns:.5fr 1fr auto;gap:30px;align-items:center;padding:42px clamp(20px,5vw,80px);color:rgba(255,255,255,.7);background:#0a2223;font-size:13px}.site-footer p{margin:0}.footer-mark{color:#fff}.legal-links{display:flex;gap:20px}.legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid #e0a47c;outline-offset:5px}
@media(max-width:980px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:138px}.hero-copy{max-width:780px}.hero-gallery{width:min(100%,700px);height:620px;justify-self:center}.section-head,.process,.about{grid-template-columns:1fr}.section-head{gap:28px}.section-head>p{max-width:660px}.steps{grid-row:auto}.process{gap:50px}.quality{grid-template-columns:1fr}.quality-image{min-height:620px}.site-footer{grid-template-columns:1fr 1fr}.legal-note{grid-column:1/-1;justify-self:start;text-align:left}}
@media(max-width:720px){.site-header{min-height:68px;padding:0 20px}.menu-button{display:inline-flex;min-height:44px;align-items:center;gap:10px;padding:0;color:currentColor}.menu-button i,.menu-button i::after{display:block;width:18px;height:1px;background:currentColor;content:"";transition:transform .25s}.menu-button i::after{transform:translateY(5px)}.menu-button[aria-expanded=true] i{transform:translateY(2px) rotate(45deg)}.menu-button[aria-expanded=true] i::after{transform:rotate(-90deg)}.site-nav{position:fixed;top:68px;right:0;left:0;display:none;align-items:stretch;padding:20px;color:var(--ink);background:rgba(243,240,233,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.site-nav.is-open{display:grid}.site-nav a{min-height:48px;display:flex;align-items:center}.nav-cta{justify-content:space-between}.hero{gap:24px;padding:118px 20px 26px}h1{font-size:clamp(52px,15vw,78px)}.hero-gallery{height:480px;min-height:0}.hero-card-dach{left:6%;width:64%}.hero-card-elektro{width:44%}.hero-card-shk{width:53%}.hero-card-dental{width:43%}.hero-facts{grid-template-columns:1fr}.hero-facts>div,.hero-facts>div+div{grid-template-columns:minmax(120px,.6fr) 1fr;align-items:baseline;padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.hero-facts>div:last-child{border-bottom:0}.hero-facts strong{font-size:21px}.section{width:min(100% - 32px,1320px);padding:88px 0}.branch-grid{grid-template-columns:1fr}.branch-card{min-height:480px}.quality-image{min-height:470px}.quality-copy{padding:70px 24px}.quality-copy h2{margin-bottom:40px}.about{gap:45px}.final-cta{min-height:620px}.final-links{display:grid;width:min(100%,360px)}.final-links a{justify-content:space-between}.site-footer{grid-template-columns:1fr}.legal-note{grid-column:auto}}
@media(max-width:430px){.hero{padding-right:16px;padding-left:16px}.hero-gallery{height:410px}.gallery-caption{right:0}.hero-card-dach{top:12%;left:1%;width:67%;height:65%}.hero-card-elektro{right:0;width:43%}.hero-card-shk{right:0;width:54%}.hero-card-dental{left:0;width:42%}.branch-content{right:22px;bottom:24px;left:22px}.branch-card{min-height:430px}.steps li{grid-template-columns:44px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-card,.quality-image img,[data-reveal],[data-branch-card]{transform:none!important;opacity:1!important}}

/* Finales Coretec-Logo und gemeinsame Dachmarkenwelt */
:root{--ink:#031d38;--deep:#13167a;--core:#221feb;--paper:#f1f4f7;--warm:#e5eaf0;--muted:#52657a;--line:rgba(3,29,56,.14)}
.wordmark{position:relative;display:inline-flex;width:clamp(200px,16vw,240px);min-height:48px;align-items:center}
.wordmark-image{display:block;width:100%;height:auto}
.wordmark-image-dark{position:absolute;inset:auto 0;opacity:0;transition:opacity .25s}
.wordmark-image-light{transition:opacity .25s}
.site-header.is-scrolled{background:rgba(241,244,247,.92)}
.site-header.is-scrolled .wordmark-image-dark{opacity:1}
.site-header.is-scrolled .wordmark-image-light{opacity:0}
.hero{background:#221feb}
.hero::before{background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.14),transparent 31%),radial-gradient(circle at 76% 64%,rgba(3,29,56,.27),transparent 34%),linear-gradient(125deg,#11136a 0%,#221feb 55%,#15198b 100%)}
.hero::after{display:none}
.hero-glow{background:rgba(147,164,255,.3);will-change:transform}
.branch-logo{width:min(58%,280px)!important;height:auto!important;filter:none!important}
.branch-content small{margin-top:16px}
.branch-card.elektro>img{filter:saturate(.72)}
.branch-card.shk>img{filter:saturate(.73)}
.branch-card.dental>img{filter:saturate(.71)}
.person-photo{overflow:hidden;background:linear-gradient(145deg,#221feb,#031d38)!important}
.final-cta{background:var(--core)}
.final-cta::before{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.16),transparent 48%),linear-gradient(135deg,#11136a,#221feb 56%,#15198b)}
.final-links a:hover,.final-links a:focus-visible{color:var(--core)}
.site-footer{background:#031d38}
html,body{max-width:100%;overflow-x:clip}
@media(max-width:720px){.wordmark{width:200px}.branch-logo{width:min(64%,250px)!important}.section{width:min(1320px,calc(100% - 32px))}}

/* Ruhiger Hero und entkoppelte Bereichskarten */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-gallery{position:relative;width:min(100%,680px);height:min(68vh,650px);min-height:500px;align-self:center;overflow:visible}
.hero-slides{position:absolute;inset:0 0 58px;overflow:hidden;border-radius:28px;background:#0b124a;box-shadow:0 34px 80px rgba(1,13,24,.34)}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 1.1s ease,visibility 0s linear .65s}
.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-slide::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 48%,rgba(3,20,31,.48))}
.hero-switches{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hero-switches button{min-height:44px;padding:0 8px;color:rgba(255,255,255,.62);font:700 11px/1.2 Montserrat,sans-serif;letter-spacing:.04em;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.hero-switches button:hover,.hero-switches button:focus-visible,.hero-switches button.is-active{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.72)}
.branch-card>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.branch-card.dach>img,.branch-card.elektro>img,.branch-card.shk>img{object-position:right center}
.branch-card.dental>img{object-position:82% center}
.branch-card{--branch-color:#221feb}
.branch-card.dach{--branch-color:#8f3a2b}
.branch-card.elektro{--branch-color:#fcb609}
.branch-card.shk{--branch-color:#00759a}
.branch-card.dental{--branch-color:#7a3fa5}
.branch-card::before{position:absolute;z-index:-1;inset:0;background:color-mix(in srgb,var(--branch-color) 48%,transparent);opacity:0;transition:opacity .55s var(--ease);content:""}
.branch-card>img{filter:grayscale(1) saturate(.2) contrast(1.06)!important;transition:transform .8s var(--ease),filter .55s var(--ease)!important}
.branch-card:hover>img,.branch-card:focus-visible>img{filter:grayscale(.08) saturate(.9) contrast(1.04)!important;transform:scale(1.045)}
.branch-card:hover::before,.branch-card:focus-visible::before{opacity:.58}
.branch-content{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important}
.branch-copy{display:grid;gap:8px;min-width:0}
.branch-copy small{margin:0!important}
.branch-logo{position:static!important;inset:auto!important;flex:0 1 220px!important;width:min(48%,220px)!important;max-height:58px!important;object-fit:contain!important;object-position:right bottom!important}
@media(max-width:980px){.hero-gallery{height:600px}}
@media(max-width:720px){.hero-gallery{height:500px;min-height:0}.hero-slides{inset-bottom:104px}.hero-switches{grid-template-columns:1fr 1fr}.branch-content{align-items:flex-end!important}.branch-logo{width:min(48%,210px)!important}}
@media(max-width:430px){.hero-gallery{height:450px}.branch-content{display:grid!important}.branch-logo{width:min(72%,220px)!important;justify-self:end!important}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none!important}}
.home-region{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
.home-region h2{margin:0;font-size:clamp(44px,5vw,72px);font-weight:520;letter-spacing:-.06em;line-height:.98}
.home-region div>p:last-child{max-width:620px;margin:24px 0 0;color:var(--muted)}
.home-region ol{display:grid;margin:0;padding:0;border-top:1px solid var(--line);list-style:none;counter-reset:region}
.home-region li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px 2px;border-bottom:1px solid var(--line);font-size:clamp(17px,2vw,24px);font-weight:650;letter-spacing:-.03em;counter-increment:region}
.home-region li::before{content:"0" counter(region);color:var(--core);font-size:10px;letter-spacing:.12em}
@media(max-width:720px){.home-region{grid-template-columns:1fr;gap:38px}}
.legal-links button{padding:0;color:inherit;border:0;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}