*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Montserrat',Arial,sans-serif;color:#1a1a1a;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font-family:inherit}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:root{--red:#cf1f3b;--ink:#111;--max:1190px;--hero:#050505}
.topbar{height:44px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:.01em;padding:0 16px}
.topbar a{display:flex;align-items:center;gap:8px;line-height:1}
.phone-ico{font-size:14px;line-height:1}
.site-header{height:82px;background:#fff;border-bottom:1px solid #e9e9e9;position:relative;z-index:20;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.nav{height:100%;width:calc(100% - 40px);max-width:var(--max);margin:auto;display:flex;align-items:center}
.brand{width:180px;flex:0 0 180px}
.menu{display:flex;align-items:center;gap:31px;margin-left:58px}
.menu a{font-size:12px;font-weight:500;color:#252525;display:flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:.01em}
.menu a:hover{color:var(--red)}
.chev{width:6px;height:6px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.portal{margin-left:auto;height:41px;min-width:124px;padding:0 18px;border:1px solid #555;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:.2s}
.portal:hover{background:#171717;color:#fff}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;cursor:pointer}
.burger span{display:block;width:25px;height:2px;background:#161616;margin:5px auto}
.mobile-menu{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;border-top:1px solid #eee;padding:8px 22px 22px;box-shadow:0 14px 28px rgba(0,0,0,.08)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:14px 2px;border-bottom:1px solid #eee;font-size:14px;font-weight:600}
/* === V81: YDELSER MEGAMENU - desktop matcher reference-strukturen === */
.site-header{overflow:visible}
.menu-item-services{height:100%;display:flex;align-items:center}
.menu-item-services>.menu-link{height:100%;display:flex;align-items:center}
.menu-item-services:hover>.menu-link,.menu-item-services:focus-within>.menu-link{color:var(--red)}
.menu-item-services:hover>.menu-link .chev,.menu-item-services:focus-within>.menu-link .chev{transform:rotate(225deg);margin-top:4px}
.menu-item-services>.menu-link .chev{transition:transform .2s ease,margin .2s ease}
.services-mega{
position:absolute;
top:100%;
left:50%;
width:min(1080px,calc(100vw - 48px));
transform:translate(-50%,12px);
background:#fff;
border-top:2px solid var(--red);
border-left:1px solid #ececec;
border-right:1px solid #ececec;
border-bottom:1px solid #e6e6e6;
box-shadow:0 22px 50px rgba(0,0,0,.16);
padding:28px 32px 20px;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .18s ease,transform .22s ease,visibility .18s;
z-index:90;
}
.menu-item-services:hover .services-mega,.menu-item-services:focus-within .services-mega{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate(-50%,0);
}
.services-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}
.services-mega-col{min-width:0}
.services-mega-title{
margin:0 0 12px;
color:#222;
font-size:10px;
line-height:1.25;
font-weight:800;
letter-spacing:.11em;
text-transform:uppercase;
}
.menu .services-mega-col a{
display:block;
padding:4px 0;
color:#202020;
font-size:11px;
line-height:1.38;
font-weight:500;
letter-spacing:0;
white-space:normal;
}
.menu .services-mega-col a:hover{color:var(--red);transform:translateX(2px)}
.services-mega-footer{
margin-top:20px;
padding-top:15px;
border-top:1px solid #ececec;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
}
.services-mega-footer span{font-size:10px;line-height:1.4;color:#777}
.menu .services-mega-all{
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:8px;
padding:0;
color:var(--red);
font-size:10px;
font-weight:800;
letter-spacing:.07em;
text-transform:uppercase;
}
.menu .services-mega-all:hover{transform:none;text-decoration:underline;text-underline-offset:4px}
/* Mobil: samme informationsarkitektur, stablet i stedet for 4 kolonner */
.mobile-services{border-bottom:1px solid #eee}
.mobile-service-toggle{
width:100%;
min-height:48px;
padding:14px 2px;
border:0;
background:#fff;
color:#1f1f1f;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
font-size:14px;
font-weight:600;
text-align:left;
cursor:pointer;
}
.mobile-service-toggle .mobile-plus{font-size:20px;font-weight:400;color:var(--red);transition:transform .2s ease}
.mobile-services.open .mobile-service-toggle .mobile-plus{transform:rotate(45deg)}
.mobile-services-panel{display:none;padding:4px 0 12px}
.mobile-services.open .mobile-services-panel{display:block}
.mobile-mega-group{border-top:1px solid #f0f0f0;padding:12px 0 8px}
.mobile-mega-group:first-child{border-top:0}
.mobile-mega-group h3{font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--red);margin:0 0 6px}
.mobile-menu .mobile-mega-group a{min-height:0;padding:8px 8px;border:0;font-size:12px;line-height:1.35;font-weight:500;color:#333}
.mobile-menu .mobile-mega-group a:hover{color:var(--red)}
.mobile-menu .mobile-mega-all{margin-top:6px;padding:11px 8px;border-top:1px solid #eee;border-bottom:0;color:var(--red);font-size:11px;font-weight:800}
@media(max-width:1040px) and (min-width:861px){
.services-mega{width:calc(100vw - 36px);padding:24px 24px 18px}
.services-mega-grid{gap:24px}
.menu .services-mega-col a{font-size:10.5px}
}
.hero{height:auto;min-height:780px;background:var(--hero);position:relative;overflow:hidden}
.hero-photo{position:absolute;z-index:0;right:0;top:0;height:100%;width:auto;min-width:62%;object-fit:cover;object-position:center center;filter:saturate(.96) contrast(1.03)}
.hero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 24%,rgba(5,5,5,.85) 42%,rgba(5,5,5,.42) 66%,rgba(5,5,5,.08) 100%)}
.hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.15))}
.hero-inner{width:calc(100% - 40px);max-width:var(--max);min-height:780px;height:100%;margin:auto;position:relative;z-index:3;display:flex;align-items:flex-start;padding-top:76px;padding-bottom:96px}
.hero-copy{width:620px;color:#fff;margin-top:8px}
.hero h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(48px,4.8vw,74px);line-height:1.03;font-weight:700;letter-spacing:-1.6px;margin-bottom:34px;max-width:610px}
.hero-copy p{font-size:17px;line-height:1.72;color:#fff;margin-bottom:18px;max-width:560px}
.hero-copy p:last-of-type{margin-bottom:0}
.problem-effect{margin-top:30px;display:flex;align-items:flex-start;gap:16px;min-height:64px}
.problem-prefix{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;padding-top:9px;flex:0 0 auto}
.problem-rotator{position:relative;display:inline-flex;align-items:center;min-height:56px;min-width:min(100%,485px);max-width:485px;padding:14px 20px;border-left:3px solid var(--red);border-radius:6px;background:linear-gradient(90deg,rgba(207,31,59,.20),rgba(207,31,59,.06));backdrop-filter:blur(4px);box-shadow:0 14px 34px rgba(0,0,0,.22);overflow:hidden}
.problem-text{font-size:20px;font-weight:600;line-height:1.35;color:#fff;position:relative;padding-right:10px}
.problem-text::after{content:'';display:inline-block;width:2px;height:1.05em;background:var(--red);margin-left:7px;vertical-align:-2px;animation:blink 1s step-end infinite}
@keyframes blink{50%{opacity:0}}
.fade-swap{animation:swap .45s ease}
@keyframes swap{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
.cta-row{margin-top:36px;display:flex;gap:18px;flex-wrap:wrap;position:relative;z-index:8}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:154px;height:60px;padding:0 32px;border-radius:4px;font-size:15px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;box-shadow:0 12px 28px rgba(0,0,0,.20);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(207,31,59,.26)}
.btn-ghost{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.06)}.btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.dbi-certificate{position:absolute;z-index:6;right:18px;bottom:18px;width:224px;padding:12px 12px 10px;background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%);border:1px solid rgba(255,255,255,.96);border-radius:8px;box-shadow:0 16px 36px rgba(0,0,0,.28);color:#171717;opacity:0;transform:translateX(54px) scale(.97);overflow:hidden;animation:certSlideIn .9s cubic-bezier(.16,.84,.22,1) .45s forwards,certGlow 3.8s ease-in-out 2s infinite}.dbi-certificate:before{content:"";position:absolute;inset:6px;border:1px solid #dfdfdf;border-radius:5px;pointer-events:none}.dbi-certificate:after{content:"";position:absolute;top:-40%;left:-55%;width:45%;height:185%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(10deg);animation:certShine 5.4s ease-in-out 2.4s infinite}.cert-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:1px 8px 8px;border-bottom:1px solid #e8e8e8}.cert-head img{width:136px;height:auto;display:block;filter:none}.cert-body{position:relative;z-index:2;text-align:center;padding:8px 8px 0}.cert-eyebrow{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ef2e37;margin-bottom:5px}.cert-title{font-size:12px;line-height:1.28;font-weight:800;color:#161616}.cert-sub{margin-top:4px;font-size:9px;line-height:1.38;color:#666}.cert-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:8px 8px 0;border-top:1px solid #e7e7e7}.cert-brand{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4a4a4a}.cert-seal{width:30px;height:30px;border-radius:50%;background:#ef2e37;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;box-shadow:0 0 0 0 rgba(239,46,55,.55);animation:sealBlink 2.2s ease-in-out 1.8s infinite}@keyframes certSlideIn{0%{opacity:0;transform:translateX(54px) scale(.97)}100%{opacity:1;transform:translateX(0) scale(1)}}@keyframes certGlow{0%,100%{box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 0 rgba(239,46,55,0)}50%{box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 4px rgba(239,46,55,.08)}}@keyframes sealBlink{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,46,55,.38)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(239,46,55,0)}}@keyframes certShine{0%,65%{left:-55%;opacity:0}76%{opacity:.75}88%{left:125%;opacity:0}100%{left:125%;opacity:0}}
.references{height:130px;background:#191919;color:#fff;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.references-title{height:40px;display:flex;align-items:end;justify-content:center;padding-bottom:5px;font-size:12px;font-weight:700;letter-spacing:.24em}
.ref-window{overflow:hidden;width:100%;height:90px;display:flex;align-items:center}
.ref-track{display:flex;align-items:center;gap:62px;width:max-content;animation:refs 54s linear infinite;padding-left:48px}
.ref-window:hover .ref-track{animation-play-state:paused}
.ref-logo{height:70px;width:182px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ref-logo img{max-width:166px;max-height:44px;width:auto;height:auto;object-fit:contain;opacity:.96}
.ref-logo.ku{width:300px}
.ref-logo.ku img{max-width:286px;max-height:82px;opacity:1}
.ref-logo img[alt="KAB"]{max-width:80px;max-height:42px}
.ref-logo img[alt="Scandic"]{max-width:144px;max-height:36px}
.ref-logo img[alt="Region Syddanmark"]{max-width:132px;max-height:40px}
.ref-logo img[alt="Københavns Universitet"]{max-width:286px;max-height:82px;opacity:1}
.ref-logo img[alt="M+ Ejendomme"]{max-width:128px;max-height:38px}
.ref-logo img[alt="VJ Rørteknik"]{max-width:144px;max-height:38px}
@keyframes refs{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.details-section{background:#fff;padding:86px 0 96px}
.details-grid{width:calc(100% - 40px);max-width:1190px;margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:78px;align-items:start}
.details-copy{min-width:0}
.details-eyebrow{font-size:12px;color:var(--red);font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.details-section h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(38px,3.4vw,54px);line-height:1.08;letter-spacing:-1.2px;color:#1c1c1c;margin-bottom:22px}
.details-copy>p{font-size:15px;line-height:1.82;color:#3d3d3d;margin-bottom:18px;max-width:650px}
.details-copy h3{font-family:'Libre Baskerville',Georgia,serif;font-size:28px;line-height:1.2;letter-spacing:-.4px;margin:28px 0 14px;color:#1f1f1f}
.fire-list{list-style:none;margin:16px 0 0;display:grid;gap:13px}
.fire-list li{position:relative;display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.62;color:#222}
.brand-fire{width:22px;height:26px;flex:0 0 22px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 5px rgba(207,31,59,.16));transform-origin:50% 85%}
.brand-fire svg{width:100%;height:100%;overflow:visible;display:block}
.brand-fire .flame-outer{fill:url(#brandFlameGradient)}
.brand-fire .flame-inner{fill:#fff;opacity:.92}
.brand-fire .flame-core{fill:#8f1328;opacity:.92}
.fire-list li:hover .brand-fire{animation:brandFlameFlicker .58s ease-in-out both}
@keyframes brandFlameFlicker{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-3deg) scale(1.06,.97)}55%{transform:rotate(2deg) scale(.98,1.07)}78%{transform:rotate(-1deg) scale(1.03,.99)}100%{transform:rotate(0deg) scale(1)}}
.fire-list strong{font-weight:700;color:#111}
.fire-list a{text-decoration:none;color:inherit;transition:color .2s ease}
.fire-list a:hover strong{color:var(--red)}
.fire-list li:hover strong{color:var(--red)}
.details-note{margin-top:22px;padding:16px 18px;border-left:3px solid var(--red);background:#faf7f8;font-size:14px;line-height:1.7;color:#444}
.details-side{min-width:0}
.details-side>p{font-size:15px;line-height:1.82;color:#3d3d3d;margin-bottom:17px}
.quote-card{margin-top:26px;border:1px solid #d9d9d9;border-radius:14px;padding:22px 24px 18px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.05)}
.quote-status{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1f9d55;margin-bottom:8px}
.quote-status::before{content:'';width:10px;height:10px;border-radius:50%;background:#2cc76a;box-shadow:0 0 0 4px rgba(44,199,106,.12)}
.quote-title{font-family:'Libre Baskerville',Georgia,serif;font-size:31px;line-height:1.08;text-align:center;margin:4px 0 6px;color:#1a1a1a}
.quote-sub{text-align:center;color:#777;font-size:13px;line-height:1.55;margin-bottom:16px}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;height:44px;border:1px solid #e2e2e2;border-radius:6px;background:#fff;padding:0 12px;font:500 12px 'Montserrat',Arial,sans-serif;color:#333;outline:none;transition:border-color .2s,box-shadow .2s}
.quote-form textarea{grid-column:1/-1;height:76px;resize:vertical;padding-top:12px;line-height:1.5}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#c9a2a8;box-shadow:0 0 0 3px rgba(207,31,59,.07)}
.quote-form .full{grid-column:1/-1}
.quote-form button{grid-column:1/-1;justify-self:center;margin-top:4px;min-width:210px;height:48px;border:0;border-radius:4px;background:var(--red);color:#fff;font:700 12px 'Montserrat',Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s}
.quote-form button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(207,31,59,.22)}
.quote-phone{text-align:center;margin-top:14px;font-size:12px;color:#666}
.quote-phone a{font-weight:700;color:#111}
.quote-micro{margin-top:6px;text-align:center;font-size:10px;color:#999}
@media(max-width:1100px){
.menu{gap:18px;margin-left:30px}
.menu a{font-size:11px}
.hero-photo{right:-130px}
.hero-inner{padding-top:68px}
.dbi-certificate{right:16px;bottom:16px;width:214px}
}
@media(max-width:860px){
.menu,.portal{display:none}
.burger{display:block}
.hero{height:auto;min-height:800px}
.hero-photo{height:100%;right:-260px;opacity:.58}
.hero-inner{min-height:800px;align-items:flex-start;padding-top:76px;padding-bottom:92px}
.hero-copy{width:min(560px,88vw)}
.hero h1{font-size:50px}
.problem-effect{flex-direction:column;gap:10px}
.problem-prefix{padding-top:0}
.dbi-certificate{right:16px;bottom:16px;width:206px}.cert-head img{width:126px}
.details-grid{grid-template-columns:1fr;gap:56px}
.details-copy>p,.details-side>p{max-width:none}
}
@media(max-width:560px){
.topbar{font-size:11px;height:38px}
.site-header{height:72px}
.brand{width:158px;flex-basis:158px}
.mobile-menu{top:72px}
.hero{min-height:820px}
.hero-inner{padding-top:56px;padding-bottom:70px}
.hero h1{font-size:43px;line-height:1.05;margin-bottom:24px;letter-spacing:-1px}
.hero-copy p{font-size:15px;line-height:1.68;max-width:95%}
.hero-photo{right:-350px;opacity:.5}
.problem-effect{display:block;min-height:88px}
.problem-prefix{display:block;margin-bottom:10px;padding-top:0}
.problem-rotator{max-width:100%;min-width:0;padding:13px 16px}
.problem-text{font-size:17px}
.cta-row{gap:12px;margin-top:30px}
.btn{min-width:136px;height:54px;padding:0 20px;font-size:13px}
.dbi-certificate{right:12px;bottom:12px;width:206px;max-width:calc(100% - 24px);padding:12px 12px 10px}.cert-head img{width:122px}.cert-title{font-size:12px}.cert-sub{font-size:9px}.cert-seal{width:30px;height:30px;font-size:14px}
.references{height:116px}
.ref-track{gap:36px}
.ref-logo{width:144px}
.ref-logo img{max-width:136px;max-height:42px}
.ref-logo.ku{width:220px}
.ref-logo.ku img{max-width:210px;max-height:66px}
.details-section{padding:58px 0 66px}
.details-grid{gap:44px}
.details-section h2{font-size:36px}
.details-copy h3{font-size:24px}
.details-copy>p,.details-side>p,.fire-list li{font-size:14px}
.brand-fire{width:20px;height:24px;flex-basis:20px;margin-top:0}
.fire-list li{gap:10px}
.quote-card{padding:18px 16px 16px;border-radius:10px}
.quote-form{grid-template-columns:1fr}
.quote-form input,.quote-form select,.quote-form textarea,.quote-form .full,.quote-form button{grid-column:1}
.quote-title{font-size:27px}
}
/* =========================================
LUFT / CTA + HVAD LAVER EN BRANDVAGT
========================================= */
.air-bridge{background:#fff;padding:92px 0 118px}
.air-inner{width:calc(100% - 40px);max-width:1190px;margin:0 auto}
.fast-call{min-height:96px;background:#111;border-radius:24px;color:#fff;display:grid;grid-template-columns:1.16fr 1fr auto;align-items:center;gap:34px;padding:22px 34px 22px 38px;box-shadow:0 18px 42px rgba(0,0,0,.08);position:relative;overflow:hidden}
.fast-call::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,transparent 55%,rgba(255,255,255,.035) 72%,transparent 88%);pointer-events:none}
.fast-call-title{font-family:'Libre Baskerville',Georgia,serif;font-size:31px;line-height:1.14;letter-spacing:-.7px;white-space:nowrap}
.fast-call-copy{font-size:13px;line-height:1.55;color:#e3e3e3;max-width:360px}
.fast-call-copy strong{color:#fff;font-weight:700}
.fast-call-phone{font-size:21px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;display:inline-flex;align-items:center;gap:9px;transition:transform .2s ease,color .2s ease}
.fast-call-phone:hover{transform:translateX(3px);color:#ff5367}
.fast-call-phone .call-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(207,31,59,.45);animation:callPulse 2.2s ease-in-out infinite}
@keyframes callPulse{0%,100%{box-shadow:0 0 0 0 rgba(207,31,59,.42)}50%{box-shadow:0 0 0 9px rgba(207,31,59,0)}}
.guard-role{margin-top:132px;display:grid;grid-template-columns:1.05fr .95fr;gap:86px;align-items:start}
.guard-role-copy{padding-top:4px}
.guard-role-eyebrow{font-size:11px;color:var(--red);font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:17px}
.guard-role h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(40px,3.7vw,56px);line-height:1.08;letter-spacing:-1.3px;color:#1d1d1d;margin-bottom:23px;max-width:600px}
.guard-role-copy p{font-size:15px;line-height:1.84;color:#414141;margin-bottom:17px;max-width:650px}
.guard-role-copy p:last-child{margin-bottom:0}
.guard-role-card{border:1px solid #dedede;border-radius:15px;padding:30px 31px 28px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.045)}
.guard-role-card h3{font-family:'Libre Baskerville',Georgia,serif;font-size:24px;line-height:1.25;color:#252525;margin-bottom:19px;letter-spacing:-.35px}
.guard-checks{list-style:none;display:grid;gap:16px}
.guard-checks li{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.58;color:#444}
.guard-checks strong{font-weight:700;color:#171717}
.guard-check{width:21px;height:21px;flex:0 0 21px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 7px rgba(207,31,59,.16));transition:transform .2s ease}
.guard-check svg{display:block;width:100%;height:100%;overflow:visible}
.guard-checks li:hover .guard-check{transform:scale(1.08)}
.guard-role-foot{margin-top:21px;padding-top:18px;border-top:1px solid #ececec;font-size:12px;line-height:1.65;color:#777}
@media(max-width:900px){
.air-bridge{padding:72px 0 90px}
.fast-call{grid-template-columns:1fr auto;gap:12px 26px;padding:25px 28px;border-radius:20px}
.fast-call-title{font-size:27px;white-space:normal}
.fast-call-copy{grid-column:1;grid-row:2;max-width:520px}
.fast-call-phone{grid-column:2;grid-row:1/3}
.guard-role{margin-top:96px;grid-template-columns:1fr;gap:48px}
}
@media(max-width:620px){
.air-bridge{padding:58px 0 72px}
.air-inner{width:calc(100% - 28px)}
.fast-call{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 22px;border-radius:18px}
.fast-call-title{font-size:25px}
.fast-call-copy{font-size:12px}
.fast-call-phone{font-size:19px;margin-top:4px}
.guard-role{margin-top:78px;gap:38px}
.guard-role h2{font-size:37px;letter-spacing:-.9px}
.guard-role-copy p{font-size:14px;line-height:1.76}
.guard-role-card{padding:24px 20px 22px;border-radius:12px}
.guard-role-card h3{font-size:22px}
.guard-checks{gap:14px}
.guard-checks li{font-size:13px;gap:11px}
}
/* =========================================
AKUT BRANDVAGT / SCROLL SCENE
========================================= */
.urgent-watch{background:#343434;color:#fff;padding:104px 0 118px;overflow:hidden}
.urgent-watch-inner{width:calc(100% - 40px);max-width:1320px;margin:0 auto;display:grid;grid-template-columns:.90fr 1.10fr;gap:70px;align-items:start}
.urgent-copy{padding-top:34px}
.urgent-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ef3850;margin-bottom:16px}
.urgent-watch h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(42px,4vw,58px);line-height:1.08;letter-spacing:-1.25px;margin:0 0 24px;color:#fff;max-width:560px}
.urgent-watch p{font-size:15px;line-height:1.74;color:#f1f1f1;margin:0 0 18px;max-width:590px}
.urgent-watch h3{font-family:'Libre Baskerville',Georgia,serif;font-size:27px;line-height:1.22;letter-spacing:-.35px;margin:26px 0 18px;color:#fff}
.urgent-list{list-style:none;margin:0;padding:0;display:grid;gap:17px;max-width:610px}
.urgent-list li{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.54;font-weight:600;color:#fff}
.urgent-flame{width:18px;height:23px;flex:0 0 18px;margin-top:1px;filter:drop-shadow(0 3px 6px rgba(207,31,59,.18))}
.urgent-flame svg{display:block;width:100%;height:100%}
.urgent-flame .uf-outer{fill:#d51f3c}
.urgent-flame .uf-inner{fill:#ef3850}
.urgent-media-card{background:#272727;border-radius:12px;padding:32px 32px 30px;box-shadow:0 22px 54px rgba(0,0,0,.16);width:100%}
.guard-scene{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111;border-radius:4px;isolation:isolate;box-shadow:0 18px 40px rgba(0,0,0,.26)}
.guard-scene::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.guard-scene-bg,.guard-scene-person{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;-webkit-user-drag:none}
.guard-scene-bg{z-index:0;transform:scale(1.012);filter:saturate(.9) contrast(1.03) brightness(.88)}
.guard-scene-person{z-index:2;opacity:0;transform:translate3d(42px,30px,0) scale(.955);transform-origin:72% 100%;transition:opacity .72s ease,transform 1.18s cubic-bezier(.16,.84,.3,1);will-change:transform,opacity;filter:drop-shadow(-12px 18px 24px rgba(0,0,0,.24))}
.guard-scene.is-visible .guard-scene-person{opacity:1;transform:translate3d(0,0,0) scale(1)}
.guard-scene-label{position:absolute;z-index:4;left:18px;bottom:17px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(10,10,10,.68);backdrop-filter:blur(6px);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(9px);transition:opacity .52s ease .72s,transform .52s ease .72s}
.guard-scene-label::before{content:"";width:7px;height:7px;border-radius:50%;background:#ef3850;box-shadow:0 0 0 4px rgba(239,56,80,.12)}
.guard-scene.is-visible .guard-scene-label{opacity:1;transform:translateY(0)}
.urgent-media-card h3{margin:24px 0 12px;font-size:27px}
.urgent-media-card p{font-size:14px;line-height:1.65;color:#f4f4f4;margin-bottom:18px}
.urgent-quote-title{margin-top:22px!important}
.urgent-phone{display:inline-flex;align-items:center;gap:10px;margin-top:2px;font-size:15px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px;transition:color .2s,border-color .2s}
.urgent-phone:hover{color:#ef3850;border-color:#ef3850}
.urgent-phone-dot{width:8px;height:8px;border-radius:50%;background:#ef3850;box-shadow:0 0 0 5px rgba(239,56,80,.10)}
@media(max-width:900px){
.urgent-watch{padding:82px 0 92px}
.urgent-watch-inner{grid-template-columns:1fr;gap:54px;max-width:760px}
.urgent-copy{padding-top:0}
.urgent-media-card{max-width:760px;width:100%}
}
@media(max-width:560px){
.urgent-watch{padding:64px 0 72px}
.urgent-watch-inner{width:calc(100% - 28px);gap:42px}
.urgent-watch h2{font-size:38px}
.urgent-watch h3,.urgent-media-card h3{font-size:24px}
.urgent-watch p{font-size:14px}
.urgent-list li{font-size:13px;gap:11px}
.urgent-media-card{padding:18px 18px 20px;border-radius:9px}
.guard-scene{aspect-ratio:4/3}
.guard-scene-bg,.guard-scene-person{object-position:50% 50%}
}
@media(prefers-reduced-motion:reduce){
.guard-scene-person,.guard-scene-label{transition:none!important;opacity:1!important;transform:none!important}
}
/* =========================================
BRANDVAGT YDELSER / DANSKE SØGEINTENTIONER
========================================= */
.service-links{background:#fff;padding:92px 0 104px;color:#1c1c1c}
.service-links-inner{width:calc(100% - 40px);max-width:1190px;margin:0 auto}
.service-links-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.service-links h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(42px,4vw,58px);line-height:1.08;letter-spacing:-1.25px;margin:0 0 30px;color:#1e1e1e}
.service-links-intro{display:none}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}
.service-card{min-height:80px;border:1px solid #dedede;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 20px 22px;font-size:15px;font-weight:700;line-height:1.38;color:#171717;box-shadow:0 5px 16px rgba(0,0,0,.018);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}
.service-card:hover{border-color:#d9a0aa;background:#fffafa;box-shadow:0 12px 28px rgba(0,0,0,.055);transform:translateY(-2px)}
.service-card span:first-child{max-width:88%}
.service-arrow{flex:0 0 auto;color:var(--red);font-size:20px;font-weight:400;line-height:1;transform:translateX(0);transition:transform .22s ease}
.service-card:hover .service-arrow{transform:translateX(4px)}
.service-links-note{display:none}
.service-links-note strong{color:#4b4b4b}
@media(max-width:900px){
.service-links{padding:78px 0 88px}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:600px){
.service-links{padding:62px 0 70px}
.service-links-inner{width:calc(100% - 28px)}
.service-links h2{font-size:clamp(34px,9vw,40px);margin-bottom:18px}
.service-links-intro{display:none}
.service-grid{grid-template-columns:1fr;gap:12px}
.service-card{min-height:64px;border-radius:9px;padding:15px 17px 15px 18px;font-size:14px;box-shadow:none}
.service-arrow{font-size:19px}
.service-links-note{margin-top:24px;font-size:11px}
}
/* iPhone / mobile hardening */
@supports(padding:max(0px)){
.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.nav{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.mobile-menu{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
}
@media(max-width:600px){
.nav{width:100%;max-width:none}
.topbar{min-height:40px;height:auto;padding-top:10px;padding-bottom:10px;text-align:center}
.topbar a{justify-content:center;line-height:1.25}
.site-header{height:70px}
.brand{width:150px;flex:0 0 150px}
.burger{width:46px;height:46px;display:block}
.mobile-menu{top:70px;max-height:calc(100dvh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-menu a{min-height:48px;display:flex;align-items:center}
.hero{min-height:0}
.hero-inner{width:calc(100% - 28px);min-height:780px;padding-top:48px;padding-bottom:82px}
.hero-copy{width:100%;max-width:100%}
.hero h1{font-size:clamp(36px,10.4vw,43px);line-height:1.04;letter-spacing:-.9px;max-width:100%}
.hero-copy p{font-size:15px;line-height:1.67;max-width:100%}
.hero-photo{right:-360px;opacity:.46;min-width:unset;width:auto}
.hero::before{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.97) 54%,rgba(5,5,5,.66) 77%,rgba(5,5,5,.35) 100%)}
.problem-effect{margin-top:26px;min-height:0}
.problem-rotator{width:100%;max-width:100%;min-width:0;min-height:54px}
.problem-text{font-size:16px}
.cta-row{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px;margin-top:26px}
.btn{min-width:0;width:100%;height:52px;padding:0 12px;font-size:12px}
.dbi-certificate{width:182px;right:10px;bottom:10px;padding:10px}
.dbi-certificate .cert-sub{display:none}
.cert-head img{width:108px}
.cert-title{font-size:11px}
.cert-foot{margin-top:7px;padding-top:7px}
.references{height:110px}
.references-title{height:34px;font-size:10px}
.ref-window{height:76px}
.ref-track{gap:30px;padding-left:20px}
.ref-logo{width:132px;height:58px}
.ref-logo img{max-width:126px;max-height:38px}
.ref-logo.ku{width:205px}
.ref-logo.ku img{max-width:195px;max-height:58px}
.quote-form input,.quote-form select,.quote-form textarea{font-size:16px;min-height:50px}
.quote-form textarea{height:90px}
.quote-form button{min-height:52px;font-size:13px;width:100%}
.fast-call{width:100%}
.fast-call-phone{white-space:normal;line-height:1.25}
.guard-role-card,.quote-card,.urgent-media-card{box-shadow:0 12px 30px rgba(0,0,0,.06)}
.urgent-watch{padding:58px 0 66px}
.urgent-watch-inner{width:calc(100% - 28px);gap:36px}
.urgent-watch h2{font-size:clamp(34px,9vw,40px)}
.urgent-watch h3,.urgent-media-card h3{font-size:23px}
.urgent-media-card{padding:16px;border-radius:10px}
.guard-scene{aspect-ratio:4/3;border-radius:8px}
.guard-scene-person{transform:translate3d(28px,20px,0) scale(.97);transition:opacity .9s ease,transform 1.45s cubic-bezier(.16,.84,.3,1)}
.guard-scene-label{left:12px;bottom:12px;font-size:9px;padding:8px 10px}
.urgent-phone{min-height:44px;align-items:center;font-size:16px}
}
@media(max-width:390px){
.brand{width:140px;flex-basis:140px}
.hero-inner{width:calc(100% - 22px);padding-top:42px;padding-bottom:78px}
.hero h1{font-size:36px}
.hero-copy p{font-size:14px}
.problem-prefix{font-size:11px}
.problem-text{font-size:15px}
.cta-row{grid-template-columns:1fr}
.btn{height:50px;font-size:12px}
.dbi-certificate{width:168px}
.air-inner,.urgent-watch-inner{width:calc(100% - 22px)}
.fast-call{padding:21px 18px}
.fast-call-title{font-size:23px}
.guard-role h2{font-size:34px}
.urgent-watch h2{font-size:34px}
}
/* === V21: akut brandvagt / FAQ-chat sektion === */
.emergency-info{background:#303030;color:#fff;padding:84px 0 92px;position:relative;overflow:hidden}
.emergency-info-inner{width:calc(100% - 40px);max-width:1280px;margin:0 auto}
.emergency-info-head{text-align:center;max-width:850px;margin:0 auto 56px}
.emergency-eyebrow{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ef2e42;margin-bottom:18px}
.emergency-info h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(46px,4.25vw,64px);line-height:1.07;letter-spacing:-1.45px;font-weight:400;color:#fff;margin:0 0 22px}
.emergency-info-head p{font-size:16px;line-height:1.62;color:rgba(255,255,255,.9);max-width:790px;margin:0 auto}
.emergency-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.05fr);gap:72px;align-items:start}
.emergency-accordion{padding-top:0}
.emergency-item{position:relative;border-left:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.17);padding-left:26px;transition:border-color .24s ease}
.emergency-item.active{border-left-color:#ff2744}
.emergency-trigger{appearance:none;-webkit-appearance:none;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:18px 0 17px;cursor:pointer;font-family:'Libre Baskerville',Georgia,serif;font-size:25px;line-height:1.24;font-weight:400;display:flex;align-items:center;justify-content:space-between;gap:20px}
.emergency-trigger:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:5px;border-radius:3px}
.emergency-chevron{position:relative;width:18px;height:18px;flex:0 0 18px;margin-right:10px}
.emergency-chevron::before,.emergency-chevron::after{content:"";position:absolute;top:8px;width:10px;height:2px;background:#ff2744;border-radius:2px;transition:transform .3s ease}
.emergency-chevron::before{left:1px;transform:rotate(45deg)}
.emergency-chevron::after{right:1px;transform:rotate(-45deg)}
.emergency-item.active .emergency-chevron::before{transform:rotate(-45deg)}
.emergency-item.active .emergency-chevron::after{transform:rotate(45deg)}
.emergency-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .46s cubic-bezier(.2,.8,.2,1),opacity .32s ease}
.emergency-answer-inner{overflow:hidden}
.emergency-answer p{font-size:16px;line-height:1.58;color:rgba(255,255,255,.92);max-width:570px;padding:0 30px 24px 0;margin:0}
.emergency-item.active .emergency-answer{grid-template-rows:1fr;opacity:1}
.emergency-chat-card{background:#f8f8f8;border-radius:8px;padding:0;box-shadow:0 18px 44px rgba(0,0,0,.24);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.emergency-chat-card img{display:block;width:100%;height:auto;background:#fff}
.emergency-contact{display:none}
@media(max-width:1050px){
.emergency-info{padding:76px 0 84px}
.emergency-info-grid{grid-template-columns:1fr;gap:44px}
.emergency-chat-card{max-width:760px;width:100%;margin:0 auto}
}
@media(max-width:600px){
.emergency-info{padding:62px 0 68px}
.emergency-info-inner{width:calc(100% - 28px)}
.emergency-info-head{margin-bottom:38px}
.emergency-eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:14px}
.emergency-info h2{font-size:clamp(35px,10vw,43px);line-height:1.08;margin-bottom:17px;letter-spacing:-1px}
.emergency-info-head p{font-size:14px;line-height:1.58}
.emergency-info-grid{gap:34px}
.emergency-item{padding-left:15px}
.emergency-trigger{font-size:20px;min-height:57px;padding:14px 0}
.emergency-answer p{font-size:14px;line-height:1.56;padding:0 8px 18px 0}
.emergency-chevron{margin-right:4px}
.emergency-chat-card{border-radius:7px}
}
/* --- DOKUMENTATION / FIRECTLY V27: transparent SVG + scroll slide --- */
.documentation-section{
background:#fff;
position:relative;
overflow:hidden;
padding:104px 0 108px;
border-top:1px solid #f0f0f0;
}
.documentation-inner{
width:calc(100% - 48px);
max-width:1390px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
gap:72px;
align-items:center;
position:relative;
z-index:1;
}
.documentation-visual{
min-width:0;
display:flex;
align-items:center;
justify-content:flex-start;
position:relative;
opacity:0;
transform:translate3d(-92px,0,0) scale(.965);
transform-origin:50% 55%;
transition:opacity .95s ease,transform 1.45s cubic-bezier(.16,.84,.22,1);
will-change:transform,opacity;
}
.documentation-section.is-visible .documentation-visual{
opacity:1;
transform:translate3d(0,0,0) scale(1);
}
.documentation-mockup{
display:block;
width:min(108%,860px);
max-width:none;
height:auto;
margin-left:-6%;
position:relative;
z-index:1;
background:transparent!important;
border:0;
box-shadow:none;
filter:drop-shadow(0 30px 26px rgba(10,24,48,.16));
user-select:none;
-webkit-user-drag:none;
}
.documentation-copy{max-width:620px;min-width:0}
.documentation-logo{display:block;width:292px;max-width:72%;height:auto;margin:0 0 26px;object-fit:contain}
.documentation-kicker{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#ef3d2f;font-size:13px;font-weight:800;letter-spacing:.23em;text-transform:uppercase;margin-bottom:22px}
.documentation-kicker .dot{font-size:9px;opacity:.85;transform:translateY(-1px)}
.documentation-heading{font-family:Inter,Arial,sans-serif;font-size:clamp(54px,5.5vw,86px);line-height:.96;letter-spacing:-.055em;color:#081629;font-weight:800;margin:0 0 26px;max-width:640px}
.documentation-lead{font-size:20px;line-height:1.54;color:#6f788a;margin:0 0 30px;max-width:590px}
.documentation-cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:44px}
.documentation-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:520px;max-width:100%;padding:18px 26px;border-radius:14px;background:linear-gradient(90deg,#ff8a2f 0%,#ff552a 48%,#f52e32 100%);color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 18px 34px rgba(245,69,48,.18);transition:transform .22s ease,box-shadow .22s ease}
.documentation-cta:hover{transform:translateY(-2px);box-shadow:0 22px 40px rgba(245,69,48,.24)}
.documentation-more{font-size:14px;color:#5e6778;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.documentation-more:hover{color:#ef402f}
.documentation-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.documentation-benefit{min-width:0}
.documentation-benefit-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3ee;border:1px solid #ffe0d6;color:#ff4a2e;margin-bottom:13px}
.documentation-benefit-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.documentation-benefit h3{font-size:17px;line-height:1.22;color:#081629;margin:0 0 6px;font-weight:800}
.documentation-benefit p{font-size:14px;line-height:1.45;color:#6f788a;margin:0;max-width:165px}
@media(max-width:1100px){
.documentation-inner{grid-template-columns:1fr;gap:44px;max-width:850px}
.documentation-copy{max-width:none;order:1}
.documentation-visual{order:2;justify-content:center;transform:translate3d(0,46px,0) scale(.97)}
.documentation-section.is-visible .documentation-visual{transform:translate3d(0,0,0) scale(1)}
.documentation-mockup{width:min(108%,850px);margin-left:0}
.documentation-lead{max-width:760px}
}
@media(max-width:760px){
.documentation-section{padding:72px 0 78px}
.documentation-inner{width:calc(100% - 30px);gap:34px}
.documentation-logo{width:220px;margin-bottom:20px}
.documentation-kicker{font-size:10px;letter-spacing:.17em;gap:8px;margin-bottom:17px}
.documentation-heading{font-size:clamp(42px,13vw,62px);margin-bottom:20px}
.documentation-lead{font-size:17px;line-height:1.57}
.documentation-cta-row{margin-bottom:34px}
.documentation-cta{min-width:0;width:100%;font-size:15px;line-height:1.35;padding:17px 19px;gap:16px}
.documentation-benefits{grid-template-columns:1fr;gap:18px}
.documentation-benefit{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:start}
.documentation-benefit-icon{margin:0}
.documentation-benefit p{max-width:none}
.documentation-visual{margin:0 -8px;transition:opacity .8s ease,transform 1.15s cubic-bezier(.16,.84,.22,1)}
.documentation-mockup{width:112%;margin-left:-6%}
}
@media(prefers-reduced-motion:reduce){
.documentation-visual{transition:none!important;opacity:1!important;transform:none!important}
}
/* =========================================
V28: BRANCHER DER BRUGER BRANDVAGT
========================================= */
.industry-trust{
background:#fff;
color:#202020;
padding:108px 0 118px;
border-top:1px solid #f1f1f1;
}
.industry-trust-inner{
width:calc(100% - 40px);
max-width:1190px;
margin:0 auto;
}
.industry-trust-head{
max-width:790px;
margin:0 auto 54px;
text-align:center;
}
.industry-trust-eyebrow{
font-size:11px;
line-height:1.2;
font-weight:700;
letter-spacing:.17em;
text-transform:uppercase;
color:var(--red);
margin-bottom:15px;
}
.industry-trust h2{
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(40px,3.75vw,55px);
line-height:1.08;
letter-spacing:-1.2px;
font-weight:700;
color:#1c1c1c;
margin:0 0 20px;
}
.industry-trust-intro{
font-size:14px;
line-height:1.72;
color:#555;
max-width:760px;
margin:0 auto;
}
.industry-trust-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.industry-card{
min-height:218px;
padding:28px 26px 27px;
border:1px solid #dedede;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,.035);
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.industry-card:hover{
transform:translateY(-3px);
border-color:#d4d4d4;
box-shadow:0 14px 34px rgba(0,0,0,.06);
}
.industry-card h3{
font-family:'Libre Baskerville',Georgia,serif;
font-size:20px;
line-height:1.26;
letter-spacing:-.25px;
color:#202020;
margin:0 0 14px;
font-weight:700;
}
.industry-card p{
font-size:13px;
line-height:1.66;
color:#4f4f4f;
margin:0;
}
.industry-trust-foot{
margin-top:48px;
text-align:center;
font-size:12px;
line-height:1.6;
color:#777;
font-style:italic;
}
@media(max-width:900px){
.industry-trust{padding:84px 0 92px}
.industry-trust-head{margin-bottom:42px}
.industry-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.industry-card{min-height:210px}
}
@media(max-width:600px){
.industry-trust{padding:64px 0 72px}
.industry-trust-inner{width:calc(100% - 28px)}
.industry-trust-head{margin-bottom:34px}
.industry-trust-eyebrow{font-size:10px;margin-bottom:12px}
.industry-trust h2{font-size:clamp(34px,9.5vw,40px);line-height:1.09;letter-spacing:-.9px;margin-bottom:16px}
.industry-trust-intro{font-size:13px;line-height:1.68}
.industry-trust-grid{grid-template-columns:1fr;gap:14px}
.industry-card{min-height:0;padding:23px 20px 22px;box-shadow:0 8px 22px rgba(0,0,0,.03)}
.industry-card h3{font-size:19px;margin-bottom:11px}
.industry-card p{font-size:13px;line-height:1.62}
.industry-trust-foot{margin-top:34px;font-size:11px}
}
/* =========================================
V29: BRANDVAGT I NÆRHEDEN CTA-BANNER
========================================= */
.nearby-cta{
background:#fff;
padding:34px 0 34px;
}
.nearby-cta-inner{
width:calc(100% - 40px);
max-width:1190px;
margin:0 auto;
min-height:132px;
border-radius:18px;
background:linear-gradient(105deg,#c91f3a 0%,#dc2944 52%,#bb1934 100%);
color:#fff;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:36px;
padding:28px 34px 28px 38px;
box-shadow:0 18px 42px rgba(170,22,49,.18);
position:relative;
overflow:hidden;
}
.nearby-cta-inner:after{
content:"";
position:absolute;
width:260px;
height:260px;
right:-90px;
top:-95px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 68%);
pointer-events:none;
}
.nearby-cta-copy{position:relative;z-index:1}
.nearby-cta-eyebrow{
font-size:10px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(255,255,255,.74);
margin-bottom:8px;
}
.nearby-cta h2{
margin:0;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(25px,2.5vw,36px);
line-height:1.2;
letter-spacing:-.55px;
color:#fff;
}
.nearby-keyword{
color:#fff;
text-decoration:underline;
text-decoration-thickness:1.5px;
text-underline-offset:5px;
transition:opacity .2s ease;
}
.nearby-keyword:hover{opacity:.82}
.nearby-cta-actions{
display:flex;
align-items:center;
gap:12px;
position:relative;
z-index:1;
}
.nearby-btn{
min-width:138px;
height:52px;
padding:0 22px;
border-radius:8px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:13px;
font-weight:800;
letter-spacing:.035em;
text-decoration:none;
transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.nearby-btn:hover{transform:translateY(-2px)}
.nearby-btn-primary{background:#fff;color:#b81834}
.nearby-btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}
.nearby-btn-secondary:hover{background:rgba(255,255,255,.08);border-color:#fff}
@media(max-width:760px){
.nearby-cta{padding:24px 0}
.nearby-cta-inner{
width:calc(100% - 28px);
min-height:0;
grid-template-columns:1fr;
gap:22px;
padding:26px 22px 24px;
border-radius:15px;
}
.nearby-cta h2{font-size:clamp(25px,7.5vw,32px)}
.nearby-cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
.nearby-btn{min-width:0;width:100%;height:50px;padding:0 14px}
}
@media(max-width:390px){
.nearby-cta-actions{grid-template-columns:1fr}
}
/* =========================================
V30: KUNDEUDTALELSER / SOCIAL PROOF
========================================= */
.client-proof{background:#343434;color:#fff;padding:82px 0 86px;border-top:1px solid rgba(255,255,255,.04)}
.client-proof-inner{width:calc(100% - 40px);max-width:1190px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.client-proof-highlight{min-height:320px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#2a2a2a 0%,#303030 70%,#292929 100%);padding:34px 34px 30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.client-proof-highlight:before{content:"“";position:absolute;right:24px;top:-24px;font-family:'Libre Baskerville',Georgia,serif;font-size:180px;line-height:1;color:rgba(207,31,59,.12);pointer-events:none}
.client-proof-company{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#fff}
.client-proof-company-badge{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#d86237;font-size:12px;font-weight:900;letter-spacing:-.03em}
.client-proof-quote{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(24px,2.5vw,34px);line-height:1.34;letter-spacing:-.5px;max-width:480px;color:#fff;margin:26px 0 24px}
.client-proof-meta{font-size:13px;line-height:1.5;color:rgba(255,255,255,.68)}
.client-proof-meta strong{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.client-proof-copy h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(38px,3.8vw,54px);line-height:1.08;letter-spacing:-1.2px;margin:0 0 16px;color:#fff}
.client-proof-copy>p{font-size:14px;line-height:1.68;color:rgba(255,255,255,.82);max-width:620px;margin:0 0 16px}
.client-proof-list{margin-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.client-proof-item{border-bottom:1px solid rgba(255,255,255,.16)}
.client-proof-item button{width:100%;min-height:54px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:0 8px;font:700 14px 'Montserrat',Arial,sans-serif;cursor:pointer}
.client-proof-item button span:last-child{color:#ef3850;font-size:18px;transition:transform .25s ease}
.client-proof-item.active button span:last-child{transform:rotate(45deg)}
.client-proof-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s ease,opacity .25s ease}
.client-proof-answer>div{overflow:hidden}
.client-proof-answer p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.72);padding:0 8px 18px;margin:0}
.client-proof-item.active .client-proof-answer{grid-template-rows:1fr;opacity:1}
.testimonials{background:#fff;padding:88px 0 98px;color:#1b1b1b}
.testimonials-inner{width:calc(100% - 40px);max-width:1190px;margin:0 auto}
.testimonials-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;margin-bottom:36px}
.testimonials-eyebrow{font-size:11px;color:var(--red);font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.testimonials h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(40px,3.7vw,56px);line-height:1.08;letter-spacing:-1.2px;margin:0 0 14px;color:#202020;max-width:660px}
.testimonials-intro{font-size:14px;line-height:1.7;color:#555;max-width:610px;margin:0}
.testimonial-nav{display:flex;gap:10px;padding-bottom:4px}
.testimonial-nav button{width:44px;height:44px;border:1px solid #444;background:#fff;color:#222;font-size:23px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.testimonial-nav button:hover{background:#1d1d1d;color:#fff}
.testimonial-viewport{overflow:hidden}
.testimonial-track{display:flex;gap:20px;transition:transform .48s cubic-bezier(.22,.61,.36,1);will-change:transform}
.testimonial-card{flex:0 0 calc((100% - 40px)/3);min-height:292px;border:1px solid #dedede;background:#fff;padding:26px 24px 23px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.testimonial-company{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.testimonial-company-mark{min-width:44px;height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f7f7f7;border:1px solid #e8e8e8;font-size:11px;font-weight:800;letter-spacing:.02em;color:#222}
.testimonial-quote-mark{color:var(--red);font-family:'Libre Baskerville',Georgia,serif;font-size:26px;line-height:1;margin-left:auto}
.testimonial-card blockquote{font-size:13px;line-height:1.72;color:#444;margin:0 0 24px;quotes:none}
.testimonial-person{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #eee}
.testimonial-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#17212e;color:#fff;font-size:11px;font-weight:800;flex:0 0 38px}
.testimonial-person strong{display:block;font-size:12px;color:#181818;line-height:1.3}
.testimonial-person span{display:block;font-size:11px;color:#767676;line-height:1.35;margin-top:2px}
.testimonials-note{margin-top:22px;font-size:10px;line-height:1.6;color:#999;text-align:left}
@media(max-width:900px){
.client-proof{padding:72px 0 76px}
.client-proof-inner{grid-template-columns:1fr;gap:40px;max-width:760px}
.client-proof-highlight{min-height:280px}
.testimonial-card{flex-basis:calc((100% - 20px)/2)}
}
@media(max-width:600px){
.client-proof{padding:58px 0 62px}
.client-proof-inner,.testimonials-inner{width:calc(100% - 28px)}
.client-proof-inner{gap:30px}
.client-proof-highlight{min-height:250px;padding:26px 22px 24px}
.client-proof-quote{font-size:24px}
.client-proof-copy h2{font-size:36px}
.client-proof-copy>p{font-size:13px}
.client-proof-item button{font-size:13px;min-height:52px;padding-left:0;padding-right:0}
.client-proof-answer p{font-size:12px;padding-left:0;padding-right:0}
.testimonials{padding:64px 0 72px}
.testimonials-head{grid-template-columns:1fr;gap:22px;align-items:start}
.testimonials h2{font-size:36px}
.testimonial-nav{justify-self:start}
.testimonial-card{flex-basis:100%;min-height:280px;padding:23px 20px 21px}
.testimonial-card blockquote{font-size:13px}
}
.air-break-banner{
background:#242424;
color:#fff;
border-top:3px solid var(--red);
border-bottom:1px solid rgba(255,255,255,.08);
}
.air-break-banner-inner{
width:calc(100% - 40px);
max-width:1190px;
min-height:178px;
margin:0 auto;
padding:36px 0;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:48px;
}
.air-break-copy{max-width:760px}
.air-break-eyebrow{
display:block;
margin-bottom:10px;
font-size:10px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
color:#ef3850;
}
.air-break-banner h2{
margin:0 0 10px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(29px,3vw,42px);
line-height:1.15;
letter-spacing:-.7px;
color:#fff;
}
.air-break-banner p{
margin:0;
max-width:700px;
font-size:14px;
line-height:1.65;
color:rgba(255,255,255,.72);
}
.air-break-actions{
display:flex;
align-items:center;
gap:12px;
white-space:nowrap;
}
.air-break-btn{
min-width:144px;
height:52px;
padding:0 22px;
border-radius:6px;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
font-size:12px;
font-weight:800;
letter-spacing:.03em;
transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.air-break-btn:hover{transform:translateY(-2px)}
.air-break-btn-primary{background:var(--red);color:#fff;border:1px solid var(--red)}
.air-break-btn-primary:hover{background:#e12642;border-color:#e12642}
.air-break-btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.air-break-btn-secondary:hover{border-color:#fff;background:rgba(255,255,255,.05)}
@media(max-width:760px){
.air-break-banner-inner{
width:calc(100% - 28px);
min-height:0;
padding:32px 0 34px;
grid-template-columns:1fr;
gap:22px;
}
.air-break-banner h2{font-size:30px}
.air-break-banner p{font-size:13px}
.air-break-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
.air-break-btn{min-width:0;width:100%;height:50px}
}
@media(max-width:390px){
.air-break-actions{grid-template-columns:1fr}
}
.customer-reviews{background:#fff;padding:86px 0 96px;color:#161616}
.customer-reviews-inner{width:calc(100% - 40px);max-width:1380px;margin:0 auto}
.customer-reviews-head{max-width:980px;margin:0 0 30px}
.customer-reviews-eyebrow{font-size:11px;color:var(--red);font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.customer-reviews h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(44px,4.3vw,74px);line-height:1.02;letter-spacing:-1.7px;margin:0 0 18px;color:#101321;max-width:760px}
.customer-reviews-intro{font-size:16px;line-height:1.58;color:#56617b;max-width:900px;margin:0}
.customer-reviews-feature{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:stretch;margin-top:24px}
.customer-reviews-photo{border:1px solid #e3e6ee;border-radius:16px;overflow:hidden;min-height:510px;background:#f7f8fb}
.customer-reviews-photo img{width:100%;height:100%;object-fit:cover;display:block}
.customer-reviews-hero-card,.customer-review-card{border:1px solid #e3e6ee;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(12,19,35,.04)}
.customer-reviews-hero-card{padding:28px 36px 24px;display:flex;flex-direction:column;justify-content:space-between;min-height:510px}
.review-stars{font-size:24px;line-height:1;color:#f2ae14;letter-spacing:.12em;margin-bottom:18px}
.customer-reviews-hero-card h3{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(34px,3vw,58px);line-height:1.08;letter-spacing:-1.2px;color:#101321;margin:0 0 18px;max-width:510px}
.customer-reviews-hero-card blockquote{font-size:17px;line-height:1.62;color:#55617b;margin:0 0 26px;quotes:none}
.customer-review-brandline{margin-top:auto;padding-top:18px;border-top:1px solid #e6e9f0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.customer-review-logo{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:48px;padding-right:20px;border-right:1px solid #dde1ea;font-weight:800}
.customer-review-logo.kab-wordmark{color:#1d4f95;font-size:54px;letter-spacing:-.05em;line-height:1}
.customer-review-logo.arla-wordmark{min-width:110px;height:54px;padding:0 18px 0 0;border-right:1px solid #dde1ea;font-size:36px;font-style:italic;font-weight:900;color:#1f9c48;position:relative;letter-spacing:-.04em}
.customer-review-logo.arla-wordmark::after{content:'';position:absolute;left:6px;right:30px;bottom:8px;height:12px;background:#f3cf25;border-radius:100% 100% 90% 90%/100% 100% 90% 90%;z-index:-1;opacity:.95}
.customer-review-logo.scandic-wordmark{color:#df2341;font-size:38px;font-weight:700;letter-spacing:-.03em;text-transform:none}
.customer-review-logo.bloom-wordmark{color:#111;font-size:22px;letter-spacing:.32em;font-weight:600;text-transform:uppercase}
.customer-review-person strong{display:block;font-size:15px;color:#111827;line-height:1.3}
.customer-review-person span{display:block;font-size:14px;color:#6b768f;line-height:1.45;margin-top:2px}
.customer-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.customer-review-card{padding:22px 28px 22px;display:flex;flex-direction:column;min-height:264px}
.customer-review-card blockquote{font-size:15px;line-height:1.66;color:#4f5d79;margin:0 0 18px;quotes:none}
.customer-review-card .review-stars{font-size:22px;margin-bottom:14px}
.customer-review-card .customer-review-brandline{padding-top:16px}
.customer-reviews-note{font-size:12px;line-height:1.6;color:#7a8298;margin:16px 0 0}
@media (max-width:1100px){
.customer-reviews-feature{grid-template-columns:1fr;gap:18px}
.customer-reviews-photo,.customer-reviews-hero-card{min-height:auto}
.customer-reviews-photo{max-height:620px}
.customer-reviews-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:740px){
.customer-reviews{padding:64px 0 72px}
.customer-reviews-inner{width:calc(100% - 28px)}
.customer-reviews h2{font-size:40px;letter-spacing:-1px}
.customer-reviews-intro{font-size:14px}
.customer-reviews-hero-card{padding:22px 20px 22px}
.customer-reviews-hero-card h3{font-size:34px}
.customer-reviews-hero-card blockquote{font-size:15px}
.customer-review-brandline{gap:14px}
.customer-review-logo{min-width:120px;padding-right:14px}
.customer-review-logo.kab-wordmark{font-size:42px}
.customer-review-logo.arla-wordmark{font-size:31px}
.customer-review-logo.scandic-wordmark{font-size:32px}
.customer-review-logo.bloom-wordmark{font-size:18px;letter-spacing:.24em}
.customer-reviews-grid{grid-template-columns:1fr}
.customer-review-card{padding:20px 18px 20px;min-height:auto}
}
.aba-avs-section{
background:#fff;
padding:0;
color:#161616;
border-top:1px solid #eceef2;
border-bottom:1px solid #eceef2;
overflow:hidden;
}
.aba-avs-inner{
width:100%;
max-width:none;
margin:0;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:0;
align-items:stretch;
}
.aba-avs-copy{
max-width:none;
padding:92px 58px 96px max(28px,calc((100vw - 1320px)/2));
}
.aba-avs-eyebrow{
display:block;
margin-bottom:16px;
font-size:11px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--red);
}
.aba-avs-section h2{
margin:0 0 18px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(36px,4vw,58px);
line-height:1.08;
letter-spacing:-1.2px;
color:#101321;
max-width:660px;
}
.aba-avs-section h3{
margin:24px 0 14px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:26px;
line-height:1.22;
letter-spacing:-.35px;
color:#101321;
}
.aba-avs-section p{
margin:0 0 15px;
max-width:690px;
font-size:15px;
line-height:1.78;
color:#56617b;
}
.aba-avs-note{
margin-top:6px;
color:#40495f;
}
.aba-avs-points{
list-style:none;
margin:20px 0 0;
padding:0;
display:grid;
gap:10px;
}
.aba-avs-points li{
display:flex;
align-items:flex-start;
gap:12px;
font-size:15px;
line-height:1.65;
color:#101321;
font-weight:700;
}
.aba-avs-points li::before{
content:"•";
color:var(--red);
font-size:22px;
line-height:1;
transform:translateY(-1px);
}
.aba-avs-links{
margin-top:28px;
display:flex;
flex-wrap:wrap;
gap:14px 18px;
align-items:center;
}
.aba-avs-readmore{
display:inline-flex;
align-items:center;
gap:8px;
color:#b81834;
text-decoration:none;
font-size:14px;
font-weight:700;
}
.aba-avs-readmore:hover{text-decoration:underline}
.aba-avs-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:220px;
height:56px;
padding:0 28px;
border-radius:6px;
background:var(--red);
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:800;
letter-spacing:.05em;
text-transform:uppercase;
box-shadow:0 14px 28px rgba(207,31,59,.18);
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.aba-avs-cta:hover{
transform:translateY(-2px);
box-shadow:0 18px 34px rgba(207,31,59,.24);
background:#e12642;
}
.aba-avs-media{
width:100%;
height:100%;
min-height:680px;
border:0;
border-radius:0;
overflow:hidden;
background:#f3f3f3;
box-shadow:none;
align-self:stretch;
}
.aba-avs-media img{
width:100%;
height:100%;
min-height:680px;
object-fit:cover;
object-position:right center;
display:block;
}
@media(max-width:980px){
.aba-avs-inner{
grid-template-columns:1fr;
gap:28px;
}
.aba-avs-copy{
max-width:none;
}
.aba-avs-media{
order:2;
aspect-ratio:1672 / 941;
}
}
@media(max-width:760px){
.aba-avs-section{
padding:66px 0 74px;
}
.aba-avs-inner{
width:calc(100% - 28px);
}
.aba-avs-section h2{
font-size:40px;
letter-spacing:-1px;
}
.aba-avs-section h3{
font-size:24px;
}
.aba-avs-section p,
.aba-avs-points li{
font-size:14px;
line-height:1.72;
}
.aba-avs-links{
align-items:stretch;
gap:12px;
}
.aba-avs-cta{
width:100%;
min-width:0;
height:52px;
}
}
.inline-keyword-link{color:#b81834;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:700}
.inline-keyword-link:hover{color:#e12642}
@media(max-width:980px){
.aba-avs-inner{grid-template-columns:1fr}
.aba-avs-copy{padding:72px max(28px,6vw) 56px}
.aba-avs-media{order:2;min-height:0;aspect-ratio:1672/941}
.aba-avs-media img{min-height:0;object-fit:cover;object-position:right center}
}
@media(max-width:760px){
.aba-avs-section{padding:0}
.aba-avs-inner{width:100%}
.aba-avs-copy{padding:60px 22px 46px}
.aba-avs-section h2{font-size:40px;letter-spacing:-1px}
.aba-avs-section h3{font-size:24px}
.aba-avs-section p,.aba-avs-points li{font-size:14px;line-height:1.72}
.aba-avs-links{align-items:stretch;gap:12px}
.aba-avs-cta{width:100%;min-width:0;height:52px}
.aba-avs-media{aspect-ratio:4/3}
.aba-avs-media img{object-position:76% center}
}
/* ===== V42: Varmt arbejde - spejlvendt 50/50 split som ABA-sektionen ===== */
.hot-work-section{
background:#fff;
color:#161616;
padding:0;
border-top:1px solid #eceef2;
border-bottom:1px solid #eceef2;
overflow:hidden;
}
.hot-work-inner{
width:100%;
max-width:none;
margin:0;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:0;
align-items:stretch;
}
.hot-work-media{
position:relative;
top:auto;
width:100%;
height:100%;
min-height:100%;
border-radius:0;
overflow:hidden;
background:#eef1f4;
box-shadow:none;
align-self:stretch;
}
.hot-work-media img{
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
object-position:center center;
display:block;
}
.hot-work-copy{
max-width:none;
padding:92px max(28px,calc((100vw - 1320px)/2)) 96px 58px;
}
.hot-work-eyebrow{
display:block;
margin-bottom:16px;
font-size:11px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--red);
}
.hot-work-section h2{
margin:0 0 18px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(36px,4vw,58px);
line-height:1.08;
letter-spacing:-1.2px;
color:#101321;
max-width:690px;
}
.hot-work-section h3{
margin:25px 0 13px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:25px;
line-height:1.22;
letter-spacing:-.35px;
color:#101321;
}
.hot-work-section p{
margin:0 0 14px;
max-width:710px;
font-size:14.5px;
line-height:1.72;
color:#56617b;
}
.hot-work-section p strong{color:#182033}
.hot-work-section a.inline-hot-link{
color:#b81834;
font-weight:700;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px;
}
.hot-work-section a.inline-hot-link:hover{color:#e12642}
.hot-work-checklist{
list-style:none;
margin:18px 0 0;
padding:0;
display:grid;
gap:9px;
}
.hot-work-checklist li{
position:relative;
padding-left:24px;
font-size:14px;
line-height:1.55;
color:#30394e;
}
.hot-work-checklist li::before{
content:'';
position:absolute;
left:0;
top:.58em;
width:8px;
height:8px;
border-radius:50%;
background:var(--red);
box-shadow:0 0 0 4px rgba(207,31,59,.08);
}
.hot-work-related{
margin-top:21px;
padding-top:18px;
border-top:1px solid #e5e8ee;
font-size:13.5px;
line-height:1.65;
color:#56617b;
}
.hot-work-related a{color:#b81834;font-weight:700;text-decoration:none}
.hot-work-related a:hover{text-decoration:underline}
.hot-work-download{
margin-top:26px;
padding:20px 22px;
border:1px solid #e2e6ed;
border-left:4px solid var(--red);
border-radius:8px;
background:#fafbfc;
}
.hot-work-download-kicker{
display:block;
margin-bottom:6px;
color:var(--red);
font-size:10px;
font-weight:800;
letter-spacing:.15em;
text-transform:uppercase;
}
.hot-work-download h3{margin:0 0 9px;font-size:22px}
.hot-work-download p{margin:0 0 15px;font-size:13.5px;line-height:1.6}
.hot-work-pdf{
display:inline-flex;
align-items:center;
justify-content:space-between;
gap:18px;
min-height:50px;
padding:0 17px;
border-radius:6px;
background:var(--red);
color:#fff;
text-decoration:none;
font-size:11.5px;
line-height:1.3;
font-weight:800;
letter-spacing:.025em;
box-shadow:0 12px 26px rgba(207,31,59,.16);
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.hot-work-pdf:hover{transform:translateY(-2px);background:#e12642;box-shadow:0 16px 30px rgba(207,31,59,.22)}
.hot-work-warning{
margin-top:15px!important;
padding:12px 14px;
border-radius:6px;
background:#fff5f5;
color:#3f4658!important;
font-size:13px!important;
line-height:1.58!important;
}
.hot-work-warning strong{color:#b81834!important}
.insurer-guides{margin-top:22px}
.insurer-guides-title{
display:block;
margin-bottom:10px;
font-size:11px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
color:#101321;
}
.insurer-guide-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.insurer-guide-list a{
display:flex;
align-items:center;
justify-content:space-between;
min-height:44px;
padding:0 13px;
border:1px solid #e1e5eb;
border-radius:6px;
background:#fff;
color:#20283a;
text-decoration:none;
font-size:12.5px;
font-weight:700;
transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.insurer-guide-list a::after{content:'↗';color:var(--red);font-size:15px}
.insurer-guide-list a:hover{transform:translateY(-1px);border-color:#cdd3dc;box-shadow:0 8px 18px rgba(12,19,35,.05)}
@media(max-width:980px){
.hot-work-inner{grid-template-columns:1fr}
.hot-work-media{min-height:0;aspect-ratio:16/9}
.hot-work-media img{min-height:0;object-position:center center}
.hot-work-copy{padding:72px max(28px,6vw) 64px}
}
@media(max-width:760px){
.hot-work-section{padding:0}
.hot-work-inner{width:100%}
.hot-work-media{aspect-ratio:4/3}
.hot-work-media img{object-position:46% center}
.hot-work-copy{padding:58px 22px 62px}
.hot-work-section h2{font-size:39px;letter-spacing:-1px}
.hot-work-section h3{font-size:23px}
.hot-work-section p,.hot-work-checklist li{font-size:14px;line-height:1.68}
.hot-work-download{padding:20px 18px}
.hot-work-pdf{width:100%}
.insurer-guide-list{grid-template-columns:1fr}
}
/* ===== V43: vis hele fotoet i varmt-arbejde-sektionen ===== */
.hot-work-inner{
align-items:start;
}
.hot-work-media{
height:auto;
min-height:0;
align-self:start;
aspect-ratio:16 / 9;
background:#f3f4f6;
}
.hot-work-media img{
width:100%;
height:100%;
min-height:0;
object-fit:contain;
object-position:center center;
}
@media(min-width:981px){
.hot-work-media{
position:sticky;
top:0;
}
}
@media(max-width:980px){
.hot-work-media{
position:relative;
top:auto;
aspect-ratio:16 / 9;
}
.hot-work-media img{
object-fit:contain;
object-position:center center;
}
}
@media(max-width:760px){
.hot-work-media{
aspect-ratio:16 / 9;
}
}
/* ===== V44: samlet og balanceret varmt-arbejde-sektion ===== */
.hot-work-v44{background:#fff;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;overflow:hidden}
.hot-work-v44 .hot-work-v44-inner{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0}
.hot-work-v44-left{min-width:0;background:#f7f8fa}
.hot-work-v44 .hot-work-media{position:relative;top:auto;width:100%;height:auto;min-height:0;aspect-ratio:16/9;background:#eef1f4;overflow:hidden}
.hot-work-v44 .hot-work-media img{width:100%;height:100%;min-height:0;display:block;object-fit:contain;object-position:center center}
.hot-work-v44 .hot-work-copy{padding:76px max(28px,calc((100vw - 1320px)/2)) 66px 56px;max-width:none}
.hot-work-v44 .hot-work-eyebrow{margin-bottom:13px}
.hot-work-v44 h2{font-size:clamp(36px,3.55vw,54px);max-width:690px;margin-bottom:16px}
.hot-work-v44 .hot-work-intro{max-width:720px}
.hot-work-v44 .hot-work-intro p{font-size:14px;line-height:1.67;margin-bottom:12px}
.hot-work-v44 .hot-work-check-block{margin-top:20px;padding-top:18px;border-top:1px solid #e5e8ee}
.hot-work-v44 .hot-work-check-block h3{margin:0 0 14px;font-size:24px}
.hot-work-v44 .hot-work-checklist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:9px;margin-top:0}
.hot-work-v44 .hot-work-checklist li{font-size:13px;line-height:1.48;padding-left:22px}
.hot-work-v44 .hot-work-related{font-size:13px;line-height:1.55;margin-top:18px;padding-top:15px}
.hot-work-resource{margin:0;padding:25px 34px 28px;background:#f7f8fa;border-top:1px solid #e3e6eb;color:#172033}
.hot-work-resource h3{font-family:'Libre Baskerville',Georgia,serif;margin:0 0 8px;font-size:23px;line-height:1.2;letter-spacing:-.3px;color:#101321}
.hot-work-resource p{margin:0 0 14px;font-size:13px;line-height:1.58;color:#5a657c;max-width:680px}
.hot-work-resource .hot-work-pdf{min-height:48px;padding:0 16px}
.hot-work-resource-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:17px;padding-top:14px;border-top:1px solid #e1e4e9;font-size:12px}
.hot-work-resource-links>span{font-weight:800;color:#172033;margin-right:2px}
.hot-work-resource-links a{font-weight:700;color:#b81834;text-decoration:none}
.hot-work-resource-links a:hover{text-decoration:underline}
.hot-work-v44 .hot-work-warning{margin:14px 0 0!important;padding:10px 12px;font-size:12px!important;line-height:1.5!important}
@media(min-width:981px){
.hot-work-v44 .hot-work-media{position:relative;top:auto}
}
@media(max-width:980px){
.hot-work-v44 .hot-work-v44-inner{grid-template-columns:1fr}
.hot-work-v44 .hot-work-copy{padding:64px max(28px,6vw) 58px}
.hot-work-v44-left{display:contents}
.hot-work-v44 .hot-work-media{order:1;aspect-ratio:16/9}
.hot-work-v44 .hot-work-copy{order:2}
.hot-work-resource{order:3;padding:24px max(28px,6vw) 30px}
.hot-work-v44 .hot-work-checklist{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
.hot-work-v44 .hot-work-copy{padding:54px 22px 48px}
.hot-work-v44 h2{font-size:38px;letter-spacing:-1px}
.hot-work-v44 .hot-work-intro p{font-size:14px;line-height:1.65}
.hot-work-v44 .hot-work-checklist{grid-template-columns:1fr;gap:8px}
.hot-work-v44 .hot-work-checklist li{font-size:13.5px;line-height:1.55}
.hot-work-resource{padding:22px 22px 28px}
.hot-work-resource h3{font-size:22px}
.hot-work-resource .hot-work-pdf{width:100%}
}
/* ===== V45: varmt arbejde matcher ABA-sektionens længde og rytme ===== */
.hot-work-v45{
background:#fff;
color:#161616;
padding:0;
border-top:1px solid #eceef2;
border-bottom:1px solid #eceef2;
overflow:hidden;
}
.hot-work-v45 .hot-work-inner{
width:100%;
max-width:none;
margin:0;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:0;
align-items:stretch;
}
.hot-work-v45 .hot-work-media{
width:100%;
height:100%;
min-height:680px;
align-self:stretch;
position:relative;
top:auto;
overflow:hidden;
background:#eef1f4;
border-radius:0;
box-shadow:none;
aspect-ratio:auto;
}
.hot-work-v45 .hot-work-media img{
width:100%;
height:100%;
min-height:680px;
display:block;
object-fit:cover;
object-position:center center;
}
.hot-work-v45 .hot-work-copy{
max-width:none;
padding:82px max(28px,calc((100vw - 1320px)/2)) 84px 58px;
}
.hot-work-v45 .hot-work-eyebrow{
display:block;
margin-bottom:16px;
font-size:11px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--red);
}
.hot-work-v45 h2{
margin:0 0 18px;
max-width:660px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(36px,4vw,58px);
line-height:1.08;
letter-spacing:-1.2px;
color:#101321;
}
.hot-work-v45 h3{
margin:24px 0 14px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:26px;
line-height:1.22;
letter-spacing:-.35px;
color:#101321;
}
.hot-work-v45 p{
margin:0 0 15px;
max-width:690px;
font-size:15px;
line-height:1.78;
color:#56617b;
}
.hot-work-v45 p strong{color:#182033}
.hot-work-v45 .hot-work-note{margin-top:6px;color:#40495f}
.hot-work-v45 .hot-work-points{
list-style:none;
margin:20px 0 0;
padding:0;
display:grid;
gap:10px;
}
.hot-work-v45 .hot-work-points li{
display:flex;
align-items:flex-start;
gap:12px;
font-size:15px;
line-height:1.65;
color:#101321;
font-weight:700;
}
.hot-work-v45 .hot-work-points li::before{
content:'•';
color:var(--red);
font-size:22px;
line-height:1;
transform:translateY(-1px);
}
.hot-work-v45 .hot-work-links{
margin-top:28px;
display:flex;
flex-wrap:wrap;
gap:14px 18px;
align-items:center;
}
.hot-work-v45 .hot-work-readmore{
display:inline-flex;
align-items:center;
color:#b81834;
text-decoration:none;
font-size:14px;
font-weight:700;
}
.hot-work-v45 .hot-work-readmore:hover{text-decoration:underline}
.hot-work-v45 .hot-work-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:220px;
height:56px;
padding:0 28px;
border-radius:6px;
background:var(--red);
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
box-shadow:0 14px 28px rgba(207,31,59,.18);
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.hot-work-v45 .hot-work-cta:hover{
transform:translateY(-2px);
background:#e12642;
box-shadow:0 18px 34px rgba(207,31,59,.24);
}
@media(max-width:980px){
.hot-work-v45 .hot-work-inner{grid-template-columns:1fr}
.hot-work-v45 .hot-work-media{min-height:0;aspect-ratio:16/9;order:1}
.hot-work-v45 .hot-work-media img{min-height:0;object-fit:cover;object-position:center center}
.hot-work-v45 .hot-work-copy{padding:72px max(28px,6vw) 60px;order:2}
}
@media(max-width:760px){
.hot-work-v45 .hot-work-copy{padding:60px 22px 50px}
.hot-work-v45 h2{font-size:40px;letter-spacing:-1px}
.hot-work-v45 h3{font-size:24px}
.hot-work-v45 p,.hot-work-v45 .hot-work-points li{font-size:14px;line-height:1.72}
.hot-work-v45 .hot-work-links{align-items:stretch;gap:12px}
.hot-work-v45 .hot-work-cta{width:100%;min-width:0;height:52px}
.hot-work-v45 .hot-work-media{aspect-ratio:16/9}
}
/* ===== V46: ensartet mørk brødtekst i ABA + varmt arbejde ===== */
.aba-avs-section p,
.hot-work-v45 p{
color:#3d3d3d !important;
opacity:1 !important;
font-weight:400 !important;
}
.aba-avs-note,
.hot-work-v45 .hot-work-note{
color:#3d3d3d !important;
opacity:1 !important;
font-weight:400 !important;
}
.aba-avs-section p strong,
.hot-work-v45 p strong{
color:inherit !important;
font-weight:inherit !important;
}
.inline-keyword-link,
.hot-work-v45 a.inline-hot-link{
font-weight:500 !important;
}
.aba-avs-points li,
.hot-work-v45 .hot-work-points li{
color:#222 !important;
font-weight:500 !important;
}
/* ===== V47: varmt arbejde - fuldt foto + professionel kildeboks ===== */
.hot-work-v47{
background:#fff;
color:#161616;
padding:0;
border-top:1px solid #eceef2;
border-bottom:1px solid #eceef2;
overflow:hidden;
}
.hot-work-v47-main{
width:100%;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:center;
gap:0;
}
.hot-work-v47 .hot-work-media{
position:relative;
width:100%;
height:auto;
min-height:0;
aspect-ratio:1672/941;
overflow:hidden;
background:#eef1f4;
border-radius:0;
box-shadow:none;
align-self:center;
}
.hot-work-v47 .hot-work-media img{
width:100%;
height:100%;
min-height:0;
display:block;
object-fit:cover;
object-position:center center;
}
.hot-work-v47 .hot-work-copy{
max-width:none;
padding:58px max(34px,calc((100vw - 1320px)/2)) 58px 56px;
}
.hot-work-v47 .hot-work-eyebrow{
display:block;
margin-bottom:13px;
font-size:10px;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase;
color:var(--red);
}
.hot-work-v47 h2{
margin:0 0 16px;
max-width:650px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(35px,3.7vw,55px);
line-height:1.08;
letter-spacing:-1.15px;
color:#101321;
}
.hot-work-v47 h3{
margin:20px 0 11px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:25px;
line-height:1.22;
letter-spacing:-.3px;
color:#101321;
}
.hot-work-v47 p{
margin:0 0 12px;
max-width:690px;
font-size:14.5px;
line-height:1.68;
color:#3d3d3d;
opacity:1;
font-weight:400;
}
.hot-work-v47 p strong{font-weight:inherit;color:inherit}
.hot-work-v47 .hot-work-note{
margin-top:4px;
color:#3d3d3d;
font-weight:400;
}
.hot-work-v47 .hot-work-points{
list-style:none;
margin:17px 0 0;
padding:0;
}
.hot-work-v47 .hot-work-points li{
display:flex;
align-items:flex-start;
gap:11px;
color:#222;
font-size:14px;
line-height:1.55;
font-weight:500;
}
.hot-work-v47 .hot-work-points li::before{
content:'•';
color:var(--red);
font-size:21px;
line-height:1;
transform:translateY(-1px);
}
.hot-work-v47 .hot-work-links{
margin-top:22px;
display:flex;
flex-wrap:wrap;
gap:12px 16px;
align-items:center;
}
.hot-work-v47 .hot-work-readmore{
display:inline-flex;
align-items:center;
color:#b81834;
text-decoration:none;
font-size:13.5px;
font-weight:500;
}
.hot-work-v47 .hot-work-readmore:hover{text-decoration:underline}
.hot-work-v47 .hot-work-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:210px;
height:52px;
padding:0 24px;
border-radius:5px;
background:var(--red);
color:#fff;
text-decoration:none;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
box-shadow:0 12px 25px rgba(207,31,59,.17);
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.hot-work-v47 .hot-work-cta:hover{
transform:translateY(-2px);
background:#e12642;
box-shadow:0 16px 30px rgba(207,31,59,.22);
}
.hot-work-sources-wrap{
border-top:1px solid #eceef2;
background:#fafafa;
padding:34px 0 38px;
}
.hot-work-sources{
width:calc(100% - 40px);
max-width:1320px;
margin:0 auto;
border:1px solid #e2e5ea;
background:#fff;
box-shadow:0 10px 28px rgba(16,19,33,.035);
}
.hot-work-sources-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:30px;
padding:24px 28px 20px;
border-bottom:1px solid #e8eaee;
}
.hot-work-sources-kicker{
display:block;
margin-bottom:7px;
color:var(--red);
font-size:10px;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase;
}
.hot-work-sources h3{
margin:0;
font-family:'Libre Baskerville',Georgia,serif;
font-size:25px;
line-height:1.15;
color:#101321;
letter-spacing:-.3px;
}
.hot-work-sources-head p{
margin:0;
max-width:570px;
color:#50586a;
font-size:13px;
line-height:1.55;
}
.hot-work-source-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
}
.hot-work-source{
min-height:112px;
padding:19px 22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
color:#151923;
text-decoration:none;
border-right:1px solid #e8eaee;
border-bottom:1px solid #e8eaee;
transition:background .18s ease,color .18s ease;
}
.hot-work-source:nth-child(3n){border-right:0}
.hot-work-source:nth-last-child(-n+3){border-bottom:0}
.hot-work-source:hover{background:#f7f8fa}
.hot-work-source-meta{min-width:0}
.hot-work-source-publisher{
display:block;
margin-bottom:6px;
color:#b81834;
font-size:10px;
font-weight:800;
letter-spacing:.09em;
text-transform:uppercase;
}
.hot-work-source-title{
display:block;
color:#151923;
font-size:13.5px;
line-height:1.42;
font-weight:600;
}
.hot-work-source-arrow{
flex:0 0 auto;
color:var(--red);
font-size:20px;
line-height:1;
}
@media(max-width:1080px){
.hot-work-v47-main{grid-template-columns:1fr}
.hot-work-v47 .hot-work-media{order:1;aspect-ratio:1672/941}
.hot-work-v47 .hot-work-copy{order:2;padding:62px max(28px,6vw) 56px}
.hot-work-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hot-work-source:nth-child(3n){border-right:1px solid #e8eaee}
.hot-work-source:nth-child(2n){border-right:0}
.hot-work-source:nth-last-child(-n+3){border-bottom:1px solid #e8eaee}
.hot-work-source:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px){
.hot-work-v47 .hot-work-copy{padding:54px 22px 48px}
.hot-work-v47 h2{font-size:39px;letter-spacing:-1px}
.hot-work-v47 h3{font-size:23px}
.hot-work-v47 p,.hot-work-v47 .hot-work-points li{font-size:14px;line-height:1.68}
.hot-work-v47 .hot-work-links{align-items:stretch;gap:12px}
.hot-work-v47 .hot-work-cta{width:100%;min-width:0;height:50px}
.hot-work-v47 .hot-work-media{aspect-ratio:1672/941}
.hot-work-sources-wrap{padding:24px 0 30px}
.hot-work-sources{width:calc(100% - 28px)}
.hot-work-sources-head{display:block;padding:21px 18px 18px}
.hot-work-sources-head p{margin-top:9px}
.hot-work-source-grid{grid-template-columns:1fr}
.hot-work-source{min-height:0;padding:17px 18px;border-right:0!important;border-bottom:1px solid #e8eaee!important}
.hot-work-source:last-child{border-bottom:0!important}
}
/* ===== V48: termografisk måling ===== */
.thermo-section{
background:#fff;
border-top:1px solid #eceef2;
border-bottom:1px solid #eceef2;
overflow:hidden;
}
.thermo-inner{
width:100%;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:center;
gap:0;
}
.thermo-copy{
padding:70px 58px 70px max(34px,calc((100vw - 1320px)/2));
max-width:none;
}
.thermo-eyebrow{
display:block;
margin-bottom:14px;
color:var(--red);
font-size:10px;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase;
}
.thermo-section h2{
margin:0 0 18px;
max-width:650px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(35px,3.7vw,55px);
line-height:1.08;
letter-spacing:-1.15px;
color:#101321;
}
.thermo-section p{
margin:0 0 14px;
max-width:690px;
color:#3d3d3d;
font-size:14.5px;
line-height:1.7;
font-weight:400;
opacity:1;
}
.thermo-section p strong{font-weight:inherit;color:inherit}
.thermo-section a{
color:#b81834;
font-weight:500;
text-decoration:none;
}
.thermo-section a:hover{text-decoration:underline}
.thermo-note{
margin-top:18px;
padding:16px 18px;
border-left:3px solid var(--red);
background:#f8f8f8;
max-width:690px;
color:#252b38;
font-size:13.5px;
line-height:1.6;
}
.thermo-note span{display:block;margin-top:4px;color:#4b5364;font-weight:400}
.thermo-sources{
display:flex;
flex-wrap:wrap;
gap:9px 16px;
margin-top:19px;
padding-top:16px;
border-top:1px solid #e7e9ed;
max-width:690px;
font-size:12.5px;
}
.thermo-sources-label{color:#202633;font-weight:700}
.thermo-media{
width:100%;
min-width:0;
background:#eef1f4;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.thermo-media img{
width:100%;
height:auto;
display:block;
object-fit:contain;
object-position:center center;
}
@media(max-width:1080px){
.thermo-inner{grid-template-columns:1fr}
.thermo-copy{order:2;padding:62px max(28px,6vw) 56px}
.thermo-media{order:1}
}
@media(max-width:760px){
.thermo-copy{padding:54px 22px 48px}
.thermo-section h2{font-size:39px;letter-spacing:-1px}
.thermo-section p{font-size:14px;line-height:1.68}
.thermo-note{font-size:13px;padding:14px 15px}
.thermo-sources{display:grid;grid-template-columns:1fr;gap:8px;margin-top:17px}
}
/* ===== V49: simplified plain split sections ===== */
.info-split{
background:#fff;
color:#171717;
border-top:1px solid #ececec;
overflow:hidden;
}
.info-split:last-of-type{border-bottom:1px solid #ececec}
.info-split__inner{
width:100%;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:center;
}
.info-split__copy{
padding:72px 64px;
max-width:700px;
}
.info-split--image-right .info-split__copy{margin-left:auto;padding-left:max(34px,calc((100vw - 1320px)/2));}
.info-split--image-left .info-split__copy{margin-right:auto;padding-right:max(34px,calc((100vw - 1320px)/2));}
.info-split__eyebrow{
display:block;
margin:0 0 14px;
color:var(--red);
font-size:10px;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase;
}
.info-split h2{
margin:0 0 20px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(36px,3.75vw,56px);
line-height:1.08;
letter-spacing:-1.15px;
color:#151515;
}
.info-split h3{
margin:24px 0 11px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:24px;
line-height:1.25;
color:#1b1b1b;
}
.info-split p{
margin:0 0 14px;
color:#404040;
font-size:15px;
line-height:1.72;
font-weight:400;
opacity:1;
}
.info-split p strong{font-weight:400;color:inherit}
.info-split__media{
width:100%;
min-width:0;
background:#f4f4f4;
line-height:0;
}
.info-split__media img{
width:100%;
height:auto;
aspect-ratio:16/9;
object-fit:contain;
object-position:center;
display:block;
}
.info-split__actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:14px 18px;
margin-top:24px;
}
.info-split__cta{
min-width:190px;
height:54px;
padding:0 24px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:4px;
background:var(--red);
color:#fff!important;
text-decoration:none!important;
font-size:13px;
font-weight:800!important;
letter-spacing:.035em;
box-shadow:0 12px 26px rgba(207,31,59,.18);
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.info-split__cta:hover{transform:translateY(-2px);background:#e12642;box-shadow:0 16px 30px rgba(207,31,59,.24)}
.info-split__link{
color:#b81834!important;
text-decoration:none!important;
font-size:13.5px;
font-weight:600!important;
}
.info-split__link:hover{text-decoration:underline!important}
.info-split__detail{
margin-top:20px;
border-top:1px solid #e7e7e7;
padding-top:14px;
max-width:650px;
}
.info-split__detail summary{
cursor:pointer;
color:#242424;
font-size:13px;
font-weight:700;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.info-split__detail summary::-webkit-details-marker{display:none}
.info-split__detail summary:after{content:'+';font-size:20px;color:var(--red);font-weight:400}
.info-split__detail[open] summary:after{content:'–'}
.info-split__detail-links{
display:grid;
gap:7px;
margin-top:13px;
padding-bottom:2px;
}
.info-split__detail-links a{
color:#5b5b5b;
font-size:12.5px;
line-height:1.45;
text-decoration:none;
}
.info-split__detail-links a:hover{color:#b81834;text-decoration:underline}
.info-split__note{
margin-top:18px!important;
padding-left:14px;
border-left:3px solid var(--red);
color:#333!important;
font-size:13.5px!important;
line-height:1.6!important;
}
@media(max-width:1050px){
.info-split__inner{grid-template-columns:1fr}
.info-split__media{order:1}
.info-split__copy{order:2;max-width:none!important;margin:0!important;padding:58px max(28px,6vw)!important}
.info-split__media img{aspect-ratio:16/9;object-fit:cover}
}
@media(max-width:760px){
.info-split__copy{padding:48px 22px 52px!important}
.info-split h2{font-size:38px;letter-spacing:-1px}
.info-split h3{font-size:22px}
.info-split p{font-size:14px;line-height:1.68}
.info-split__actions{display:grid;grid-template-columns:1fr;gap:11px}
.info-split__cta{width:100%;min-width:0;height:52px}
.info-split__media img{aspect-ratio:4/3;object-fit:cover}
}
/* ===== V50: clean isolated feature sections ===== */
.brand-feature{
background:#fff;
color:#171717;
border-top:1px solid #ececec;
overflow:hidden;
}
.brand-feature:last-of-type{border-bottom:1px solid #ececec}
.brand-feature__inner{
width:calc(100% - 48px);
max-width:1460px;
margin:0 auto;
padding:64px 0;
display:grid;
grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
gap:clamp(44px,4vw,72px);
align-items:center;
}
.brand-feature--image-left .brand-feature__inner{
grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
}
.brand-feature__copy{
width:100%;
max-width:610px;
margin:0;
padding:0;
}
.brand-feature--image-right .brand-feature__copy{justify-self:end}
.brand-feature--image-left .brand-feature__copy{justify-self:start}
.brand-feature__eyebrow{
display:block;
margin:0 0 13px;
color:var(--red);
font-size:10px;
line-height:1.2;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase;
}
.brand-feature h2{
margin:0 0 17px;
max-width:610px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(36px,2.8vw,50px);
line-height:1.09;
letter-spacing:-1px;
color:#171717;
}
.brand-feature h3{
margin:21px 0 9px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:22px;
line-height:1.24;
letter-spacing:-.2px;
color:#1b1b1b;
}
.brand-feature p{
margin:0 0 11px;
max-width:600px;
color:#333;
font-size:14.5px;
line-height:1.66;
font-weight:400;
opacity:1;
}
.brand-feature p strong{font-weight:400;color:inherit}
.brand-feature__media{
width:100%;
min-width:0;
aspect-ratio:16/9;
background:#f4f4f4;
overflow:hidden;
line-height:0;
}
.brand-feature__media img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center center;
}
.brand-feature__note{
margin-top:15px!important;
padding:11px 0 0 13px;
border-left:3px solid var(--red);
color:#333!important;
font-size:12.8px!important;
line-height:1.56!important;
}
.brand-feature__actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px 18px;
margin-top:20px;
}
.brand-feature__cta{
min-width:190px;
height:50px;
padding:0 22px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:4px;
background:var(--red);
color:#fff!important;
text-decoration:none!important;
font-size:12.5px;
font-weight:800!important;
letter-spacing:.035em;
box-shadow:0 10px 22px rgba(207,31,59,.16);
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.brand-feature__cta:hover{transform:translateY(-2px);background:#e12642;box-shadow:0 14px 28px rgba(207,31,59,.22)}
.brand-feature__link{
color:#b81834!important;
text-decoration:none!important;
font-size:13px;
font-weight:500!important;
}
.brand-feature__link:hover{text-decoration:underline!important}
.brand-feature__detail{
margin-top:17px;
padding-top:12px;
border-top:1px solid #e6e6e6;
max-width:600px;
}
.brand-feature__detail summary{
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
color:#242424;
font-size:12.5px;
font-weight:650;
}
.brand-feature__detail summary::-webkit-details-marker{display:none}
.brand-feature__detail summary:after{content:'+';font-size:19px;line-height:1;color:var(--red);font-weight:400}
.brand-feature__detail[open] summary:after{content:'–'}
.brand-feature__detail-links{display:grid;gap:7px;margin-top:12px;padding-bottom:2px}
.brand-feature__detail-links a{color:#555;font-size:12px;line-height:1.45;text-decoration:none}
.brand-feature__detail-links a:hover{color:#b81834;text-decoration:underline}
@media(max-width:1120px){
.brand-feature__inner,
.brand-feature--image-left .brand-feature__inner{
width:calc(100% - 40px);
max-width:860px;
padding:56px 0 60px;
grid-template-columns:1fr;
gap:28px;
}
.brand-feature__media{order:1;width:100%;aspect-ratio:16/9}
.brand-feature__copy,
.brand-feature--image-right .brand-feature__copy,
.brand-feature--image-left .brand-feature__copy{
order:2;
max-width:720px;
justify-self:center;
}
.brand-feature p{max-width:700px}
}
@media(max-width:760px){
.brand-feature__inner,
.brand-feature--image-left .brand-feature__inner{
width:calc(100% - 28px);
padding:42px 0 48px;
gap:24px;
}
.brand-feature h2{font-size:35px;letter-spacing:-.8px;margin-bottom:14px}
.brand-feature h3{font-size:21px;margin-top:19px}
.brand-feature p{font-size:14px;line-height:1.64}
.brand-feature__actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
.brand-feature__cta{width:100%;min-width:0;height:50px}
}
/* ===== V51: slightly longer SEO copy + contextual internal links ===== */
.brand-feature__related{
margin:13px 0 0!important;
font-size:12.8px!important;
line-height:1.58!important;
color:#333!important;
}
.brand-feature__related a,
.brand-feature__inline-link{
color:#b81834!important;
font-weight:400!important;
text-decoration:underline!important;
text-decoration-thickness:1px!important;
text-underline-offset:3px!important;
}
.brand-feature__related a:hover,
.brand-feature__inline-link:hover{color:#941229!important}
/* ===== V52: visible authority sources + planned read-more pages ===== */
.brand-feature__learn{
display:inline-flex;
align-items:center;
gap:9px;
color:#b81834!important;
text-decoration:none!important;
font-size:13px;
font-weight:500!important;
white-space:nowrap;
}
.brand-feature__learn::after{
content:'→';
font-size:15px;
transition:transform .18s ease;
}
.brand-feature__learn:hover{text-decoration:underline!important}
.brand-feature__learn:hover::after{transform:translateX(3px)}
.brand-feature__sources{
margin-top:17px;
padding:14px 15px 13px;
max-width:610px;
border:1px solid #e3e5e9;
border-radius:8px;
background:#fafafa;
}
.brand-feature__sources-title{
display:flex;
align-items:center;
gap:8px;
margin:0 0 10px;
color:#171717;
font-size:11px;
line-height:1.2;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.brand-feature__sources-title::before{
content:'';
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:var(--red);
}
.brand-feature__source-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px 16px;
}
.brand-feature__source-list a{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
min-width:0;
color:#4a4a4a!important;
font-size:11.8px;
line-height:1.42;
font-weight:400!important;
text-decoration:none!important;
}
.brand-feature__source-list a::after{
content:'↗';
flex:0 0 auto;
color:#b81834;
font-size:12px;
line-height:1.3;
}
.brand-feature__source-list a:hover{color:#b81834!important;text-decoration:underline!important}
.brand-feature__source-note{
margin:9px 0 0!important;
color:#666!important;
font-size:10.8px!important;
line-height:1.45!important;
}
@media(max-width:760px){
.brand-feature__source-list{grid-template-columns:1fr;gap:8px}
.brand-feature__sources{padding:13px 14px}
.brand-feature__learn{white-space:normal}
}
/* ===== V55: brandsikkerhed redesign ===== */
.fire-risk-section{
position:relative;
background:
radial-gradient(circle at 14% 18%, rgba(207,31,59,.16), transparent 34%),
linear-gradient(90deg, #08111f 0%, #08111f 44%, #0b1526 44%, #0f1b31 100%);
color:#f4f6fb;
overflow:hidden;
border-top:1px solid rgba(255,255,255,.06);
border-bottom:1px solid rgba(255,255,255,.08);
}
.fire-risk-section::after{
content:'';
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}
.fire-risk-inner{
position:relative;
z-index:1;
width:100%;
display:grid;
grid-template-columns:minmax(0,46%) minmax(0,54%);
align-items:stretch;
}
.fire-risk-copy{
padding:82px 54px 82px max(34px,calc((100vw - 1360px)/2));
}
.fire-risk-eyebrow{
display:block;
margin-bottom:14px;
color:#ff9caa;
font-size:10px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
}
.fire-risk-section h2{
margin:0 0 18px;
max-width:690px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(34px,3.6vw,58px);
line-height:1.05;
letter-spacing:-1.2px;
color:#fff;
}
.fire-risk-section p{
margin:0 0 14px;
max-width:700px;
color:rgba(244,246,251,.83);
font-size:14.5px;
line-height:1.74;
}
.fire-risk-section p strong{color:#fff;font-weight:700}
.fire-risk-lead{
margin-bottom:20px;
font-size:15px;
line-height:1.76;
color:rgba(255,255,255,.92);
}
.fire-risk-metrics{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
max-width:720px;
margin:26px 0 20px;
}
.fire-risk-metric{
display:flex;
flex-direction:column;
gap:10px;
min-height:190px;
padding:18px 18px 16px;
border-radius:20px;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.085);
box-shadow:0 18px 34px rgba(0,0,0,.18);
overflow:hidden;
}
.fire-risk-metric__kicker{
display:block;
color:rgba(255,255,255,.68);
font-size:10px;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase;
}
.fire-risk-metric strong{
display:block;
margin:0;
color:#ff425d;
font-size:clamp(34px,3.3vw,52px);
line-height:.96;
letter-spacing:-.05em;
}
.fire-risk-metric__note{
display:block;
color:rgba(244,246,251,.82);
font-size:13px;
line-height:1.5;
}
.fire-risk-metric__subline{
display:block;
color:#ff94a3;
font-size:11px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.fire-risk-bars{
display:flex;
align-items:flex-end;
gap:6px;
height:48px;
margin-top:auto;
}
.fire-risk-bars span{
flex:1 1 0;
min-width:0;
border-radius:999px 999px 8px 8px;
background:linear-gradient(180deg, rgba(255,86,108,.95), rgba(112,18,31,.28));
box-shadow:0 10px 22px rgba(207,31,59,.22);
}
.fire-risk-quarter{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin-top:auto;
}
.fire-risk-quarter span{
display:block;
height:40px;
border-radius:12px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.06);
}
.fire-risk-quarter span.is-highlight{
background:linear-gradient(180deg,#ff4b63,#c71f3b);
border-color:rgba(255,130,149,.7);
box-shadow:0 12px 24px rgba(207,31,59,.22);
}
.fire-risk-alert{
margin:18px 0 18px;
max-width:720px;
padding:18px 18px 16px;
border:1px solid rgba(255,255,255,.1);
border-left:3px solid var(--red);
border-radius:14px;
background:rgba(255,255,255,.04);
color:#fff;
font-size:14px;
line-height:1.65;
}
.fire-risk-list{
margin:0 0 22px;
padding:0;
max-width:720px;
list-style:none;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px 18px;
}
.fire-risk-list li{
position:relative;
padding-left:22px;
color:rgba(244,246,251,.82);
font-size:13.5px;
line-height:1.58;
}
.fire-risk-list li::before{
content:'';
position:absolute;
left:0;
top:.55em;
width:9px;
height:9px;
border-radius:50%;
background:var(--red);
box-shadow:0 0 0 5px rgba(207,31,59,.15);
}
.fire-risk-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px 16px;
margin-top:24px;
}
.fire-risk-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:182px;
height:52px;
padding:0 24px;
border-radius:999px;
background:var(--red);
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:800;
letter-spacing:.045em;
text-transform:uppercase;
box-shadow:0 16px 34px rgba(207,31,59,.24);
transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.fire-risk-cta:hover{transform:translateY(-1px);background:#e12642;box-shadow:0 20px 38px rgba(207,31,59,.28)}
.fire-risk-learn{
color:#fff;
text-decoration:none;
font-size:13.5px;
font-weight:700;
}
.fire-risk-learn:hover{text-decoration:underline}
.fire-risk-sources{
margin-top:26px;
max-width:720px;
padding-top:17px;
border-top:1px solid rgba(255,255,255,.09);
}
.fire-risk-sources-title{
margin-bottom:10px;
color:#fff;
font-size:11px;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase;
}
.fire-risk-source-list{
display:flex;
flex-wrap:wrap;
gap:8px 12px;
}
.fire-risk-source-list a{
display:inline-flex;
align-items:center;
gap:8px;
min-height:42px;
padding:0 14px;
border-radius:999px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.09);
color:rgba(255,255,255,.9);
text-decoration:none;
font-size:12.25px;
font-weight:700;
}
.fire-risk-source-list a::after{content:'↗';color:#ff8c9a;font-size:14px;line-height:1}
.fire-risk-source-list a:hover{background:rgba(255,255,255,.075)}
.fire-risk-visual{
position:relative;
display:flex;
min-height:100%;
padding:0;
background:
radial-gradient(circle at 20% 15%, rgba(207,31,59,.18), transparent 34%),
linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.fire-compare-card{
display:grid;
grid-template-rows:minmax(640px,1fr) auto;
width:100%;
min-height:100%;
}
.fire-compare{
--compare-position:18%;
position:relative;
width:100%;
height:100%;
min-height:640px;
overflow:hidden;
border-radius:0;
background:#060a12;
touch-action:none;
user-select:none;
}
.fire-compare__image,
.fire-compare__after-wrap{
position:absolute;
inset:0;
width:100%;
height:100%;
}
.fire-compare__image{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.fire-compare__after-wrap{
overflow:hidden;
width:var(--compare-position);
}
.fire-compare__scrim{
position:absolute;
inset:auto 0 0 0;
height:46%;
background:linear-gradient(180deg, rgba(2,5,12,0) 0%, rgba(2,5,12,.78) 100%);
pointer-events:none;
}
.fire-compare__labels{
position:absolute;
inset:26px 28px auto 28px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
pointer-events:none;
}
.fire-compare__labels span{
display:inline-flex;
align-items:center;
min-height:36px;
padding:0 14px;
border-radius:999px;
background:rgba(7,10,17,.62);
border:1px solid rgba(255,255,255,.08);
color:#fff;
font-size:11px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
backdrop-filter:blur(7px);
}
.fire-compare__status{
position:absolute;
left:28px;
right:28px;
bottom:28px;
z-index:2;
display:grid;
grid-template-columns:auto 1fr;
gap:12px 18px;
align-items:center;
padding:18px 20px;
border-radius:18px;
background:rgba(7,10,17,.62);
border:1px solid rgba(255,255,255,.09);
backdrop-filter:blur(10px);
box-shadow:0 16px 30px rgba(0,0,0,.24);
}
.fire-compare__status-top{
grid-column:1 / -1;
display:block;
margin-bottom:-2px;
color:#ff9ba7;
font-size:10px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
}
.fire-compare__time{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:92px;
min-height:46px;
padding:0 16px;
border-radius:999px;
background:rgba(207,31,59,.18);
border:1px solid rgba(255,130,149,.32);
color:#ff536c;
font-size:14px;
line-height:1;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
}
.fire-compare__stage-wrap{
min-width:0;
}
.fire-compare__stage{
display:block;
margin-bottom:10px;
color:rgba(255,255,255,.9);
font-size:13px;
line-height:1.55;
}
.fire-compare__progress{
width:100%;
height:6px;
border-radius:999px;
overflow:hidden;
background:rgba(255,255,255,.14);
}
.fire-compare__progress span{
display:block;
width:18%;
height:100%;
border-radius:999px;
background:linear-gradient(90deg, #ff4b63, #ff9360);
}
.fire-compare__divider{
position:absolute;
top:0;
bottom:0;
left:var(--compare-position);
width:0;
border-left:2px solid rgba(255,255,255,.82);
box-shadow:0 0 0 1px rgba(0,0,0,.12);
transform:translateX(-1px);
pointer-events:none;
}
.fire-compare__handle{
position:absolute;
left:50%;
top:50%;
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
border-radius:50%;
background:#fff;
box-shadow:0 12px 24px rgba(0,0,0,.28);
transform:translate(-50%,-50%);
}
.fire-compare__handle span{
display:block;
color:#111826;
font-size:21px;
line-height:1;
letter-spacing:-.08em;
font-weight:800;
}
.fire-compare__controls{
display:flex;
align-items:center;
gap:14px;
padding:18px 28px 24px;
background:linear-gradient(180deg, rgba(7,10,17,.94), rgba(7,10,17,.88));
border-top:1px solid rgba(255,255,255,.06);
}
.fire-compare__toggle{
flex:0 0 auto;
min-width:142px;
height:46px;
padding:0 18px;
border:1px solid rgba(255,255,255,.12);
border-radius:999px;
background:rgba(255,255,255,.05);
color:#fff;
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
cursor:pointer;
transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.fire-compare__toggle:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.fire-compare__range-wrap{flex:1 1 auto;}
.fire-compare__range-wrap label{
display:block;
margin-bottom:8px;
color:rgba(255,255,255,.86);
font-size:12px;
font-weight:700;
}
.fire-compare__range{
width:100%;
height:6px;
border-radius:999px;
appearance:none;
background:linear-gradient(90deg, rgba(255,86,108,.95) 0%, rgba(255,86,108,.95) var(--range-progress,18%), rgba(255,255,255,.18) var(--range-progress,18%), rgba(255,255,255,.18) 100%);
outline:none;
}
.fire-compare__range::-webkit-slider-thumb{
appearance:none;
width:22px;
height:22px;
border-radius:50%;
background:#fff;
border:0;
box-shadow:0 8px 18px rgba(0,0,0,.28);
cursor:pointer;
}
.fire-compare__range::-moz-range-thumb{
width:22px;
height:22px;
border-radius:50%;
background:#fff;
border:0;
box-shadow:0 8px 18px rgba(0,0,0,.28);
cursor:pointer;
}
.fire-compare__range::-moz-range-track{
height:6px;
border:0;
border-radius:999px;
background:rgba(255,255,255,.18);
}
.fire-compare__caption{
margin:0;
color:rgba(244,246,251,.72);
font-size:12.75px;
line-height:1.6;
}
@media(max-width:1180px){
.fire-risk-inner{grid-template-columns:1fr}
.fire-risk-copy{padding:64px max(28px,6vw) 30px}
.fire-risk-visual{min-height:0}
.fire-compare-card{grid-template-rows:minmax(580px,1fr) auto}
}
@media(max-width:760px){
.fire-risk-section{background:linear-gradient(180deg, #08111f 0%, #0b1526 100%)}
.fire-risk-copy{padding:54px 22px 18px}
.fire-risk-section h2{font-size:38px;letter-spacing:-1px}
.fire-risk-section p,.fire-risk-alert{font-size:14px;line-height:1.68}
.fire-risk-metrics{grid-template-columns:1fr;gap:10px}
.fire-risk-metric{min-height:0;padding:16px 14px 14px}
.fire-risk-metric strong{font-size:34px}
.fire-risk-list{grid-template-columns:1fr;gap:10px}
.fire-risk-actions{align-items:stretch}
.fire-risk-cta{width:100%;min-width:0}
.fire-risk-source-list{display:grid;grid-template-columns:1fr;gap:8px}
.fire-risk-source-list a{min-height:46px;justify-content:space-between}
.fire-compare{min-height:430px}
.fire-risk-visual{padding:0}
.fire-compare__labels{inset:14px 14px auto 14px;flex-direction:column;align-items:flex-start}
.fire-compare__labels span:last-child{align-self:flex-end}
.fire-compare__status{left:14px;right:14px;bottom:14px;display:block;padding:16px 16px 14px}
.fire-compare__time{margin-bottom:10px}
.fire-compare__controls{display:block;padding:16px 16px 20px}
.fire-compare__toggle{width:100%;margin-bottom:12px}
}
/* ===== V56 compact brandsikkerhed ===== */
.fire-risk-inner{grid-template-columns:minmax(0,45%) minmax(0,55%);align-items:stretch}
.fire-risk-copy{padding:58px 44px 56px max(34px,calc((100vw - 1360px)/2))}
.fire-risk-section h2{font-size:clamp(32px,3vw,48px);line-height:1.07;max-width:660px;margin-bottom:14px}
.fire-risk-lead{font-size:14.5px;line-height:1.65;margin-bottom:16px}
.fire-risk-section p{font-size:13.5px;line-height:1.62;margin-bottom:12px}
.fire-risk-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 18px;max-width:760px}
.fire-risk-metric{min-height:116px;padding:14px 13px 12px;border-radius:16px;gap:6px}
.fire-risk-metric__kicker{font-size:8.5px;line-height:1.3;letter-spacing:.12em}
.fire-risk-metric strong{font-size:clamp(25px,2.2vw,34px)}
.fire-risk-metric__note{font-size:10.5px;line-height:1.36}
.fire-risk-metric__subline{font-size:9px}
.fire-risk-bars{height:26px;gap:4px}
.fire-risk-quarter{gap:5px}.fire-risk-quarter span{height:24px;border-radius:8px}
.fire-risk-alert{margin:14px 0 14px;padding:14px 15px;border-radius:12px;font-size:12.5px;line-height:1.55;max-width:760px}
.fire-risk-list{display:none}
.fire-risk-actions{margin-top:18px}
.fire-risk-cta{height:46px;min-width:170px;padding:0 20px;font-size:12px}
.fire-risk-sources{margin-top:18px;padding-top:12px;max-width:760px}
.fire-risk-sources-title{font-size:9.5px;margin-bottom:8px}
.fire-risk-source-list{gap:7px 8px}
.fire-risk-source-list a{min-height:34px;padding:0 11px;font-size:10.5px}
.fire-compare-card{grid-template-rows:minmax(520px,1fr) auto}
.fire-compare{min-height:520px}
.fire-compare__status{left:22px;right:22px;bottom:22px;padding:14px 16px;border-radius:16px;gap:8px 14px}
.fire-compare__labels{inset:20px 22px auto 22px}
.fire-compare__labels span{min-height:30px;padding:0 11px;font-size:9.5px}
.fire-compare__controls{padding:12px 20px 14px;gap:12px}
.fire-compare__toggle{height:40px;min-width:126px;font-size:10.5px}
.fire-compare__range-wrap label{display:none}
.fire-compare__caption{display:none}
@media(max-width:1180px){
.fire-risk-copy{padding:52px max(28px,6vw) 28px}
.fire-risk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.fire-compare-card{grid-template-rows:minmax(480px,1fr) auto}
.fire-compare{min-height:480px}
}
@media(max-width:760px){
.fire-risk-copy{padding:46px 22px 20px}
.fire-risk-section h2{font-size:34px}
.fire-risk-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fire-risk-metric{min-height:110px}
.fire-risk-section p{font-size:13.5px}
.fire-risk-source-list{display:flex;flex-wrap:wrap}
.fire-risk-source-list a{width:auto;justify-content:flex-start}
.fire-compare{min-height:380px}
}
/* ===== V58: statisk brandsikkerhedssektion ===== */
.fire-risk-section--static{
background:#08111f;
color:#fff;
border-top:1px solid rgba(255,255,255,.06);
border-bottom:1px solid rgba(255,255,255,.06);
}
.fire-risk-section--static::after{display:none}
.fire-risk-static-grid{
display:grid;
grid-template-columns:minmax(0,48%) minmax(0,52%);
min-height:680px;
width:100%;
}
.fire-risk-static-copy{
display:flex;
flex-direction:column;
justify-content:center;
padding:62px 48px 58px max(34px,calc((100vw - 1360px)/2));
}
.fire-risk-section--static h2{
margin:0 0 14px;
max-width:680px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(34px,3.35vw,54px);
line-height:1.04;
letter-spacing:-1.15px;
color:#fff;
}
.fire-risk-static-lead,
.fire-risk-static-summary{
max-width:700px;
color:rgba(255,255,255,.82)!important;
font-size:14px!important;
line-height:1.64!important;
}
.fire-risk-static-lead{margin:0 0 20px!important}
.fire-risk-static-summary{margin:20px 0 0!important}
.fire-risk-stat-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px 18px;
max-width:720px;
margin:4px 0 0;
}
.fire-risk-stat{
position:relative;
min-width:0;
padding:15px 0 13px;
border-top:1px solid rgba(255,255,255,.12);
}
.fire-risk-stat-number{
color:#ff3d57;
font-size:clamp(28px,2.8vw,44px);
line-height:.95;
font-weight:850;
letter-spacing:-.045em;
}
.fire-risk-stat-title{
margin-top:7px;
color:#fff;
font-size:12px;
font-weight:800;
letter-spacing:.055em;
text-transform:uppercase;
}
.fire-risk-stat-copy{
margin-top:5px;
color:rgba(255,255,255,.64);
font-size:11.5px;
line-height:1.45;
max-width:310px;
}
.fire-risk-mini-bars{
display:flex;
align-items:flex-end;
gap:4px;
height:24px;
margin-top:10px;
max-width:150px;
}
.fire-risk-mini-bars span{
flex:1;
border-radius:4px 4px 2px 2px;
background:linear-gradient(180deg,#ff5066,#8f1b2e);
}
.fire-risk-mini-bars span:nth-child(1){height:32%}
.fire-risk-mini-bars span:nth-child(2){height:46%}
.fire-risk-mini-bars span:nth-child(3){height:58%}
.fire-risk-mini-bars span:nth-child(4){height:74%}
.fire-risk-mini-bars span:nth-child(5){height:100%}
.fire-risk-mini-bars.is-short span:nth-child(1){height:28%}
.fire-risk-mini-bars.is-short span:nth-child(2){height:38%}
.fire-risk-mini-bars.is-short span:nth-child(3){height:48%}
.fire-risk-mini-bars.is-short span:nth-child(4){height:58%}
.fire-risk-mini-bars.is-short span:nth-child(5){height:72%}
.fire-risk-mini-dotline{
display:flex;
gap:6px;
margin-top:12px;
}
.fire-risk-mini-dotline span{
width:9px;
height:9px;
border-radius:50%;
background:#ff3d57;
box-shadow:0 0 0 3px rgba(255,61,87,.08);
}
.fire-risk-quarter-visual{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:5px;
max-width:150px;
margin-top:10px;
}
.fire-risk-quarter-visual span{
height:20px;
border-radius:5px;
background:rgba(255,255,255,.12);
}
.fire-risk-quarter-visual span.active{background:#ff3d57}
.fire-risk-static-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px 16px;
margin-top:22px;
}
.fire-risk-static-sources{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:7px 12px;
margin-top:18px;
color:rgba(255,255,255,.42);
font-size:10.5px;
line-height:1.4;
}
.fire-risk-static-sources span{font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.fire-risk-static-sources a{
color:rgba(255,255,255,.68);
text-decoration:none;
border-bottom:1px solid rgba(255,255,255,.16);
}
.fire-risk-static-sources a:hover{color:#fff}
.fire-risk-static-media{
position:relative;
min-height:680px;
margin:0;
overflow:hidden;
background:#0b1422;
}
.fire-static-image{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
display:block;
}
.fire-risk-static-media::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(8,17,31,.18),transparent 24%),linear-gradient(180deg,transparent 62%,rgba(3,8,15,.58));
pointer-events:none;
}
.fire-risk-static-media figcaption{
position:absolute;
z-index:2;
left:28px;
right:28px;
bottom:24px;
max-width:560px;
margin:0;
color:rgba(255,255,255,.88);
font-size:12px;
line-height:1.5;
}
@media(max-width:1100px){
.fire-risk-static-grid{grid-template-columns:1fr;min-height:0}
.fire-risk-static-copy{padding:56px max(28px,6vw) 40px}
.fire-risk-static-media{min-height:520px}
}
@media(max-width:700px){
.fire-risk-static-copy{padding:48px 22px 32px}
.fire-risk-section--static h2{font-size:36px;line-height:1.06}
.fire-risk-stat-grid{grid-template-columns:1fr 1fr;gap:6px 14px}
.fire-risk-stat-number{font-size:30px}
.fire-risk-stat-title{font-size:10.5px}
.fire-risk-stat-copy{font-size:10.8px}
.fire-risk-static-actions{align-items:stretch}
.fire-risk-static-actions .fire-risk-cta{width:100%}
.fire-risk-static-media{min-height:390px}
.fire-risk-static-media figcaption{left:18px;right:18px;bottom:16px;font-size:11px}
}
/* ===== V59: compact ABA / varmt arbejde / termografi ===== */
.brand-feature--compact .brand-feature__inner{
padding:38px 0 42px;
gap:clamp(30px,3vw,50px);
align-items:start;
}
.brand-feature--compact .brand-feature__copy{
max-width:630px;
}
.brand-feature--compact .brand-feature__media{
align-self:start;
margin:0;
}
.brand-feature--compact .brand-feature__eyebrow{
margin-bottom:10px;
}
.brand-feature--compact h2{
margin-bottom:14px;
font-size:clamp(34px,2.55vw,46px);
}
.brand-feature--compact h3{
margin:17px 0 7px;
font-size:20px;
}
.brand-feature--compact p{
margin-bottom:9px;
line-height:1.6;
}
.brand-feature--compact .brand-feature__note{
margin-top:12px!important;
padding-top:8px;
}
.brand-feature--compact .brand-feature__actions{
margin-top:16px;
gap:10px 16px;
}
.brand-feature--compact .brand-feature__sources{
max-width:610px;
margin-top:13px;
padding:0;
overflow:hidden;
border:1px solid #e4e6e9;
border-radius:7px;
background:#fafafa;
}
.brand-feature--compact .brand-feature__sources > summary{
list-style:none;
cursor:pointer;
min-height:44px;
padding:0 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
color:#232323;
font-size:11px;
line-height:1.25;
font-weight:800;
letter-spacing:.075em;
text-transform:uppercase;
}
.brand-feature--compact .brand-feature__sources > summary::-webkit-details-marker{display:none}
.brand-feature--compact .brand-feature__sources > summary::before{
content:'';
width:7px;
height:7px;
flex:0 0 7px;
margin-right:2px;
border-radius:50%;
background:var(--red);
}
.brand-feature--compact .brand-feature__sources > summary::after{
content:'+';
margin-left:auto;
color:var(--red);
font-size:18px;
line-height:1;
font-weight:400;
}
.brand-feature--compact .brand-feature__sources[open] > summary::after{content:'–'}
.brand-feature--compact .brand-feature__sources[open] > summary{
border-bottom:1px solid #e4e6e9;
}
.brand-feature--compact .brand-feature__source-list{
padding:12px 14px 10px;
gap:6px 14px;
}
.brand-feature--compact .brand-feature__source-note{
padding:0 14px 11px;
margin:0!important;
}
@media(min-width:1121px){
.brand-feature--compact .brand-feature__media{
margin-top:2px;
}
}
@media(max-width:1120px){
.brand-feature--compact .brand-feature__inner,
.brand-feature--compact.brand-feature--image-left .brand-feature__inner{
padding:38px 0 42px;
gap:22px;
}
}
@media(max-width:760px){
.brand-feature--compact .brand-feature__inner,
.brand-feature--compact.brand-feature--image-left .brand-feature__inner{
padding:30px 0 34px;
gap:18px;
}
.brand-feature--compact h2{font-size:32px;margin-bottom:12px}
.brand-feature--compact h3{font-size:19px;margin-top:15px}
.brand-feature--compact .brand-feature__actions{margin-top:14px}
}
/* ===== V60: diskret stjerne-animation i kundeudtalelser ===== */
.review-stars.js-review-stars{
display:flex;
align-items:center;
gap:3px;
letter-spacing:0;
}
.review-stars.js-review-stars .review-star{
display:inline-block;
opacity:0;
transform:translateY(7px) scale(.82) rotate(-5deg);
filter:drop-shadow(0 0 0 rgba(242,174,20,0));
will-change:transform,opacity,filter;
}
.review-stars.js-review-stars.is-visible .review-star{
animation:reviewStarIn .46s cubic-bezier(.2,.8,.2,1) forwards;
}
.review-stars.js-review-stars.is-visible .review-star:nth-child(1){animation-delay:.02s}
.review-stars.js-review-stars.is-visible .review-star:nth-child(2){animation-delay:.09s}
.review-stars.js-review-stars.is-visible .review-star:nth-child(3){animation-delay:.16s}
.review-stars.js-review-stars.is-visible .review-star:nth-child(4){animation-delay:.23s}
.review-stars.js-review-stars.is-visible .review-star:nth-child(5){animation-delay:.30s}
@keyframes reviewStarIn{
0%{opacity:0;transform:translateY(7px) scale(.82) rotate(-5deg);filter:drop-shadow(0 0 0 rgba(242,174,20,0))}
68%{opacity:1;transform:translateY(-1px) scale(1.10) rotate(1deg);filter:drop-shadow(0 0 9px rgba(242,174,20,.30))}
100%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 0 4px rgba(242,174,20,.16))}
}
@media (prefers-reduced-motion: reduce){
.review-stars.js-review-stars .review-star,
.review-stars.js-review-stars.is-visible .review-star{
opacity:1;
transform:none;
filter:none;
animation:none!important;
}
}
/* ===== V61: kompakte foto-bannere med fold-ud indhold ===== */
.feature-banner-section{
background:#fff;
border-top:1px solid #eceef2;
}
.feature-banner-section + .feature-banner-section{
border-top:8px solid #fff;
}
.feature-banner{
width:100%;
margin:0;
background:#fff;
}
.feature-banner__summary{
position:relative;
display:block;
width:100%;
min-height:250px;
cursor:pointer;
list-style:none;
overflow:hidden;
isolation:isolate;
user-select:none;
-webkit-tap-highlight-color:transparent;
}
.feature-banner__summary::-webkit-details-marker{display:none}
.feature-banner__summary::marker{display:none;content:''}
.feature-banner__media,
.feature-banner__media img,
.feature-banner__overlay{
position:absolute;
inset:0;
width:100%;
height:100%;
}
.feature-banner__media{z-index:-3;background:#10131b}
.feature-banner__media img{
display:block;
object-fit:cover;
object-position:center;
transform:scale(1.005);
transition:transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}
.feature-banner__overlay{
z-index:-2;
background:
linear-gradient(90deg, rgba(5,9,16,.88) 0%, rgba(5,9,16,.72) 38%, rgba(5,9,16,.35) 68%, rgba(5,9,16,.22) 100%),
linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.25) 100%);
}
.feature-banner__headline{
position:absolute;
left:max(28px,calc((100vw - 1320px)/2));
top:50%;
transform:translateY(-50%);
max-width:min(760px,65vw);
padding-right:130px;
}
.feature-banner__label{
display:inline-flex;
align-items:center;
min-height:29px;
margin-bottom:11px;
padding:0 11px;
border-radius:999px;
background:rgba(207,31,59,.92);
color:#fff;
font-size:9px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
box-shadow:0 8px 22px rgba(107,10,29,.22);
}
.feature-banner__eyebrow{
display:block;
margin-bottom:8px;
color:rgba(255,255,255,.78);
font-size:10px;
font-weight:800;
letter-spacing:.15em;
text-transform:uppercase;
}
.feature-banner__headline h2{
margin:0;
max-width:720px;
color:#fff;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(31px,3vw,49px);
line-height:1.08;
letter-spacing:-1px;
text-shadow:0 4px 20px rgba(0,0,0,.28);
}
.feature-banner__toggle{
position:absolute;
right:max(28px,calc((100vw - 1320px)/2));
top:50%;
transform:translateY(-50%);
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
min-width:128px;
height:48px;
padding:0 16px 0 19px;
border-radius:999px;
background:rgba(8,12,20,.66);
border:1px solid rgba(255,255,255,.24);
color:#fff;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
backdrop-filter:blur(8px);
box-shadow:0 14px 30px rgba(0,0,0,.2);
transition:background .2s ease,border-color .2s ease;
}
.feature-banner__toggle-text::before{content:'Læs mere'}
.feature-banner__toggle-icon{
display:grid;
place-items:center;
width:25px;
height:25px;
border-radius:50%;
background:#fff;
color:#111722;
font-size:20px;
line-height:1;
font-weight:500;
transition:transform .3s ease;
}
.feature-banner__summary:hover .feature-banner__media img{transform:scale(1.025)}
.feature-banner__summary:hover .feature-banner__toggle{background:rgba(15,20,29,.82);border-color:rgba(255,255,255,.38)}
.feature-banner[open] .feature-banner__toggle-text::before{content:'Luk'}
.feature-banner[open] .feature-banner__toggle-icon{transform:rotate(45deg)}
.feature-banner[open] .feature-banner__media img{transform:scale(1.02);filter:saturate(.92)}
.feature-banner__summary:focus-visible{
outline:3px solid rgba(207,31,59,.72);
outline-offset:-3px;
}
.feature-banner__panel{
background:#fff;
border-top:1px solid #e8eaee;
}
.feature-banner__panel-inner{
width:calc(100% - 48px);
max-width:1320px;
margin:0 auto;
padding:42px 0 46px;
}
.feature-banner__content{
max-width:1020px;
animation:featurePanelIn .34s ease both;
}
.feature-banner__content > p,
.feature-banner__content > h3,
.feature-banner__content > .brand-feature__actions,
.feature-banner__content > .brand-feature__sources{
max-width:900px;
}
.feature-banner__content p{
margin:0 0 13px;
color:#333;
font-size:14.5px;
line-height:1.68;
font-weight:400;
}
.feature-banner__content h3{
margin:24px 0 10px;
color:#111521;
font-family:'Libre Baskerville',Georgia,serif;
font-size:24px;
line-height:1.2;
letter-spacing:-.35px;
}
.feature-banner__content .brand-feature__note{
margin-top:16px;
padding:13px 15px;
border-left:3px solid var(--red);
background:#faf5f6;
color:#353535;
}
.feature-banner__content .brand-feature__actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px 18px;
margin-top:22px;
}
.feature-banner__content .brand-feature__cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:180px;
height:48px;
padding:0 22px;
border-radius:999px;
background:var(--red);
color:#fff;
text-decoration:none;
font-size:12.5px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}
.feature-banner__content .brand-feature__learn{
color:#151923;
text-decoration:none;
font-size:13px;
font-weight:750;
}
.feature-banner__content .brand-feature__learn:hover{text-decoration:underline}
.feature-banner__content .brand-feature__sources{
margin-top:22px;
}
.feature-banner__content .brand-feature__sources--fold{
border:1px solid #e5e8ee;
border-radius:12px;
background:#fafbfc;
overflow:hidden;
}
.feature-banner__content .brand-feature__sources--fold > summary{
position:relative;
display:flex;
align-items:center;
min-height:48px;
padding:0 44px 0 15px;
cursor:pointer;
list-style:none;
color:#151923;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.feature-banner__content .brand-feature__sources--fold > summary::-webkit-details-marker{display:none}
.feature-banner__content .brand-feature__sources--fold > summary::after{
content:'+';
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
color:var(--red);
font-size:20px;
font-weight:500;
}
.feature-banner__content .brand-feature__sources--fold[open] > summary::after{content:'–'}
.feature-banner__content .brand-feature__source-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
padding:0 15px 14px;
}
.feature-banner__content .brand-feature__source-list a{
display:flex;
align-items:center;
min-height:42px;
padding:8px 12px 8px 0;
color:#333a47;
text-decoration:none;
font-size:12.25px;
line-height:1.45;
border-top:1px solid #eaecf0;
}
.feature-banner__content .brand-feature__source-list a:hover{color:var(--red)}
.feature-banner__content .brand-feature__source-note{
margin:0;
padding:0 15px 14px;
color:#707682;
font-size:11px;
}
@keyframes featurePanelIn{
from{opacity:0;transform:translateY(-6px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:900px){
.feature-banner__summary{min-height:220px}
.feature-banner__headline{left:28px;max-width:calc(100% - 56px);padding-right:0;top:44%}
.feature-banner__toggle{right:28px;top:auto;bottom:22px;transform:none;height:44px;min-width:118px}
.feature-banner__overlay{background:linear-gradient(90deg,rgba(5,9,16,.86),rgba(5,9,16,.50)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28))}
}
@media(max-width:620px){
.feature-banner-section + .feature-banner-section{border-top-width:5px}
.feature-banner__summary{min-height:200px}
.feature-banner__headline{left:20px;right:20px;top:42%;max-width:none}
.feature-banner__label{min-height:26px;margin-bottom:8px;font-size:8px}
.feature-banner__eyebrow{font-size:8.5px;letter-spacing:.11em;line-height:1.35}
.feature-banner__headline h2{font-size:28px;line-height:1.08;letter-spacing:-.65px}
.feature-banner__toggle{left:20px;right:auto;bottom:16px;min-width:112px;height:41px;padding:0 13px 0 16px;font-size:11px}
.feature-banner__toggle-icon{width:23px;height:23px;font-size:18px}
.feature-banner__panel-inner{width:calc(100% - 40px);padding:30px 0 34px}
.feature-banner__content p{font-size:14px;line-height:1.67}
.feature-banner__content h3{font-size:22px;margin-top:21px}
.feature-banner__content .brand-feature__actions{align-items:stretch}
.feature-banner__content .brand-feature__cta{width:100%;min-width:0}
.feature-banner__content .brand-feature__learn{display:block;width:100%;padding:3px 0}
.feature-banner__content .brand-feature__source-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
.feature-banner__media img,.feature-banner__toggle-icon,.feature-banner__content{transition:none!important;animation:none!important}
}
/* ===== V62: robust banner layout - no clipped/overlapping titles ===== */
@media (min-width:901px){
.feature-banner__summary{
display:flex;
align-items:center;
min-height:236px;
height:auto;
padding:0;
}
.feature-banner__headline{
position:relative;
left:auto;
top:auto;
transform:none;
width:auto;
max-width:min(760px,62vw);
margin-left:max(28px,calc((100vw - 1320px)/2));
padding:32px 0;
padding-right:0;
}
.feature-banner__headline h2{
max-width:760px;
text-wrap:balance;
}
#midlertidig-overnatning .feature-banner__headline{
max-width:min(820px,64vw);
}
#midlertidig-overnatning .feature-banner__headline h2{
font-size:clamp(30px,2.65vw,43px);
line-height:1.07;
}
}
@media (max-width:900px){
.feature-banner__summary{
display:block;
height:auto;
min-height:210px;
}
.feature-banner__headline{
position:relative;
left:auto;
right:auto;
top:auto;
transform:none;
max-width:none;
margin:0 28px;
padding:28px 150px 70px 0;
}
.feature-banner__headline h2{
max-width:none;
text-wrap:balance;
}
.feature-banner__toggle{
top:auto;
right:28px;
bottom:20px;
transform:none;
}
}
@media (max-width:620px){
.feature-banner__summary{
min-height:188px;
}
.feature-banner__headline{
margin:0 20px;
padding:23px 0 66px;
}
.feature-banner__headline h2{
font-size:clamp(25px,7.5vw,29px);
line-height:1.08;
text-wrap:balance;
}
#midlertidig-overnatning .feature-banner__headline h2{
font-size:clamp(24px,7vw,28px);
}
.feature-banner__toggle{
left:20px;
right:auto;
bottom:15px;
}
}
/* ===== V64: Dansk FAQ-sektion ===== */
.site-faq{
position:relative;
padding:82px 0 72px;
overflow:hidden;
color:#fff;
background:
radial-gradient(circle at 82% 18%, rgba(255,255,255,.07), transparent 28%),
radial-gradient(circle at 10% 72%, rgba(207,31,59,.08), transparent 32%),
linear-gradient(118deg,#111 0%,#1c1c1c 46%,#303030 100%);
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
}
.site-faq__inner{
width:calc(100% - 48px);
max-width:1320px;
margin:0 auto;
}
.site-faq__head{
max-width:820px;
margin:0 auto 34px;
text-align:center;
}
.site-faq__eyebrow{
margin-bottom:12px;
color:#ff667b;
font-size:10px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
}
.site-faq h2{
margin:0 0 14px;
color:#fff;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(38px,3.5vw,58px);
line-height:1.08;
letter-spacing:-1.25px;
}
.site-faq__intro{
max-width:760px;
margin:0 auto;
color:rgba(255,255,255,.72);
font-size:14.5px;
line-height:1.65;
}
.site-faq__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px 18px;
align-items:start;
}
.site-faq__column{
display:grid;
gap:10px;
align-content:start;
}
.site-faq__item{
margin:0;
border:0;
background:transparent;
}
.site-faq__item summary{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 34px;
gap:16px;
align-items:center;
min-height:68px;
padding:14px 14px 14px 18px;
color:#111;
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:3px;
cursor:pointer;
list-style:none;
font-size:14px;
font-weight:750;
line-height:1.28;
transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.site-faq__item summary::-webkit-details-marker{display:none}
.site-faq__item summary:hover{
background:#fbfbfb;
transform:translateY(-1px);
box-shadow:0 9px 22px rgba(0,0,0,.12);
}
.site-faq__item summary:focus-visible{
outline:3px solid rgba(255,92,115,.45);
outline-offset:3px;
}
.site-faq__plus{
position:relative;
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:2px;
background:var(--red,#cf1f3b);
color:#fff;
box-shadow:0 8px 18px rgba(207,31,59,.2);
}
.site-faq__plus::before,
.site-faq__plus::after{
content:'';
position:absolute;
width:15px;
height:2px;
border-radius:99px;
background:#fff;
transition:transform .2s ease;
}
.site-faq__plus::after{transform:rotate(90deg)}
.site-faq__item[open] .site-faq__plus::after{transform:rotate(0deg)}
.site-faq__item[open] summary{
border-radius:3px 3px 0 0;
box-shadow:none;
}
.site-faq__answer{
padding:17px 18px 19px;
color:rgba(255,255,255,.83);
background:rgba(0,0,0,.26);
border:1px solid rgba(255,255,255,.1);
border-top:0;
border-radius:0 0 3px 3px;
font-size:13.5px;
line-height:1.68;
}
.site-faq__answer p{margin:0;color:inherit;font:inherit}
.site-faq__answer a{
color:#fff;
font-weight:700;
text-underline-offset:3px;
}
.site-faq__cta{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin-top:34px;
}
.site-faq__quote,
.site-faq__phone{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 24px;
border-radius:3px;
text-decoration:none;
font-size:12px;
font-weight:800;
letter-spacing:.055em;
text-transform:uppercase;
}
.site-faq__quote{
background:var(--red,#cf1f3b);
color:#fff;
border:1px solid var(--red,#cf1f3b);
}
.site-faq__phone{
color:#fff;
border:1px solid rgba(255,255,255,.58);
background:rgba(255,255,255,.02);
}
.site-faq__phone::before{content:'☎';margin-right:8px;font-size:14px}
.site-faq__quote:hover{background:#e12642}
.site-faq__phone:hover{background:rgba(255,255,255,.08)}
@media(max-width:860px){
.site-faq{padding:64px 0 58px}
.site-faq__inner{width:calc(100% - 32px)}
.site-faq__grid{grid-template-columns:1fr;gap:10px}
.site-faq__column{gap:10px}
.site-faq__head{margin-bottom:28px}
.site-faq__cta{flex-wrap:wrap}
}
@media(max-width:560px){
.site-faq{padding:52px 0 48px}
.site-faq__inner{width:calc(100% - 24px)}
.site-faq h2{font-size:36px;letter-spacing:-.8px}
.site-faq__intro{font-size:13.5px}
.site-faq__item summary{
min-height:64px;
padding:13px 12px 13px 15px;
grid-template-columns:minmax(0,1fr) 32px;
gap:12px;
font-size:13.5px;
}
.site-faq__plus{width:32px;height:32px}
.site-faq__answer{padding:15px 15px 17px;font-size:13px}
.site-faq__cta{display:grid;grid-template-columns:1fr;width:100%;gap:10px;margin-top:26px}
.site-faq__quote,.site-faq__phone{width:100%;min-height:50px}
}
/* ===== V67: levende scroll-animationer, som nulstilles og gentages ===== */
.motion-ready [data-scroll-fx]{
opacity:0;
filter:blur(2px);
transition:
opacity .68s cubic-bezier(.2,.78,.2,1),
transform .78s cubic-bezier(.2,.78,.2,1),
filter .72s ease;
transition-delay:var(--fx-delay,0ms);
will-change:opacity,transform,filter;
}
.motion-ready [data-scroll-fx="up"]{transform:translate3d(0,28px,0) scale(.992)}
.motion-ready [data-scroll-fx="left"]{transform:translate3d(-34px,0,0) scale(.992)}
.motion-ready [data-scroll-fx="right"]{transform:translate3d(34px,0,0) scale(.992)}
.motion-ready [data-scroll-fx="pop"]{transform:translate3d(0,16px,0) scale(.955)}
.motion-ready [data-scroll-fx="fade"]{transform:none}
.motion-ready [data-scroll-fx="section"]{
opacity:1;
filter:none;
transform:none;
transition:none;
}
.motion-ready [data-scroll-fx].is-inview{
opacity:1;
filter:none;
transform:translate3d(0,0,0) scale(1);
}
/* Brandvagt-banner før kundeudtalelser */
.air-break-banner{
position:relative;
overflow:hidden;
}
.air-break-banner::after{
content:"";
position:absolute;
top:-40%;
bottom:-40%;
left:-32%;
width:18%;
pointer-events:none;
opacity:0;
transform:skewX(-18deg);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
}
.air-break-banner.is-fx-active::after{
animation:airBreakShine 1.05s .18s ease-out both;
}
@keyframes airBreakShine{
0%{left:-32%;opacity:0}
15%{opacity:1}
100%{left:118%;opacity:0}
}
.air-break-actions.is-inview .air-break-btn{
animation:ctaButtonPop .62s cubic-bezier(.2,.85,.2,1) both;
}
.air-break-actions.is-inview .air-break-btn:nth-child(2){animation-delay:.11s}
@keyframes ctaButtonPop{
0%{transform:translateY(10px) scale(.92);opacity:.2}
68%{transform:translateY(-2px) scale(1.035);opacity:1}
100%{transform:none;opacity:1}
}
/* Brandsikkerheds-statistik: tallene og mikrodiagrammerne får mere liv */
.motion-ready .fire-risk-stat .fire-risk-mini-bars span{
transform-origin:bottom;
transform:scaleY(.05);
opacity:.2;
transition:transform .62s cubic-bezier(.2,.82,.2,1),opacity .4s ease;
}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-bars span{
transform:scaleY(1);
opacity:1;
}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-bars span:nth-child(1){transition-delay:.08s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-bars span:nth-child(2){transition-delay:.14s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-bars span:nth-child(3){transition-delay:.20s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-bars span:nth-child(4){transition-delay:.26s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-bars span:nth-child(5){transition-delay:.32s}
.motion-ready .fire-risk-mini-dotline span{
opacity:.18;
transform:scale(.35);
}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-dotline span{
animation:fireDotPop .5s cubic-bezier(.2,.86,.2,1) both;
}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-dotline span:nth-child(2){animation-delay:.06s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-dotline span:nth-child(3){animation-delay:.12s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-dotline span:nth-child(4){animation-delay:.18s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-dotline span:nth-child(5){animation-delay:.24s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-mini-dotline span:nth-child(6){animation-delay:.30s}
@keyframes fireDotPop{
0%{opacity:.15;transform:scale(.35)}
72%{opacity:1;transform:scale(1.28);box-shadow:0 0 0 7px rgba(255,61,87,.11)}
100%{opacity:1;transform:scale(1);box-shadow:0 0 0 3px rgba(255,61,87,.08)}
}
.motion-ready .fire-risk-quarter-visual span{
transform:scale(.72);
opacity:.25;
transition:transform .5s cubic-bezier(.2,.84,.2,1),opacity .4s ease;
}
.motion-ready .fire-risk-stat.is-inview .fire-risk-quarter-visual span{
transform:scale(1);
opacity:1;
}
.motion-ready .fire-risk-stat.is-inview .fire-risk-quarter-visual span:nth-child(1){transition-delay:.07s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-quarter-visual span:nth-child(2){transition-delay:.13s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-quarter-visual span:nth-child(3){transition-delay:.19s}
.motion-ready .fire-risk-stat.is-inview .fire-risk-quarter-visual span:nth-child(4){transition-delay:.25s}
.fire-risk-stat.is-inview .fire-risk-stat-number{
animation:fireNumberGlow .82s cubic-bezier(.2,.82,.2,1) both;
}
@keyframes fireNumberGlow{
0%{text-shadow:0 0 0 rgba(255,61,87,0)}
55%{text-shadow:0 0 24px rgba(255,61,87,.38)}
100%{text-shadow:0 0 0 rgba(255,61,87,0)}
}
.fire-risk-static-media img{
transition:transform 1.15s cubic-bezier(.2,.75,.2,1),filter .8s ease;
}
.fire-risk-static-media.is-inview img{
transform:scale(1.035);
filter:saturate(1.05) contrast(1.02);
}
/* De fire foto-bannere */
.motion-ready .feature-banner-section.fx-feature .feature-banner__label,
.motion-ready .feature-banner-section.fx-feature .feature-banner__eyebrow,
.motion-ready .feature-banner-section.fx-feature .feature-banner__headline h2{
opacity:0;
transform:translateY(15px);
transition:opacity .58s ease,transform .68s cubic-bezier(.2,.82,.2,1);
}
.motion-ready .feature-banner-section.fx-feature.is-inview .feature-banner__label,
.motion-ready .feature-banner-section.fx-feature.is-inview .feature-banner__eyebrow,
.motion-ready .feature-banner-section.fx-feature.is-inview .feature-banner__headline h2{
opacity:1;
transform:none;
}
.motion-ready .feature-banner-section.fx-feature.is-inview .feature-banner__eyebrow{transition-delay:.08s}
.motion-ready .feature-banner-section.fx-feature.is-inview .feature-banner__headline h2{transition-delay:.15s}
.motion-ready .feature-banner-section.fx-feature .feature-banner__toggle{
opacity:0;
transition:opacity .5s ease,background .3s ease,box-shadow .3s ease;
}
.motion-ready .feature-banner-section.fx-feature.is-inview .feature-banner__toggle{
opacity:1;
transition-delay:.22s;
box-shadow:0 12px 32px rgba(0,0,0,.22);
}
.motion-ready .feature-banner-section.fx-feature .feature-banner__media img{
transition:transform 1s cubic-bezier(.2,.76,.2,1),filter .7s ease;
}
.motion-ready .feature-banner-section.fx-feature.is-inview .feature-banner__media img{
transform:scale(1.035);
}
.feature-banner[open] .feature-banner__panel-inner{
animation:featurePanelIn .38s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes featurePanelIn{
0%{opacity:0;transform:translateY(-8px)}
100%{opacity:1;transform:none}
}
/* Brancher og kort */
.industry-card.is-inview{
box-shadow:0 14px 34px rgba(12,19,35,.08);
}
/* Kundeudtalelser */
.customer-reviews-photo img{
transition:transform 1s cubic-bezier(.2,.76,.2,1),filter .8s ease;
}
.customer-reviews-photo.is-inview img{
transform:scale(1.018);
filter:saturate(1.025);
}
.customer-reviews-hero-card.is-inview,
.customer-review-card.is-inview{
box-shadow:0 16px 38px rgba(12,19,35,.085);
}
/* FAQ: kort kommer ind i bølger, plus-knappen får et lille pop */
.site-faq__item.is-inview .site-faq__plus{
animation:faqPlusArrival .62s cubic-bezier(.2,.88,.2,1) both;
animation-delay:calc(var(--fx-delay,0ms) + 90ms);
}
@keyframes faqPlusArrival{
0%{transform:scale(.62) rotate(-35deg);box-shadow:0 0 0 rgba(207,31,59,0)}
70%{transform:scale(1.12) rotate(5deg);box-shadow:0 10px 26px rgba(207,31,59,.34)}
100%{transform:scale(1) rotate(0);box-shadow:0 8px 18px rgba(207,31,59,.2)}
}
.site-faq__item[open] .site-faq__answer{
animation:faqAnswerIn .3s cubic-bezier(.2,.78,.2,1) both;
}
@keyframes faqAnswerIn{
0%{opacity:0;transform:translateY(-7px)}
100%{opacity:1;transform:none}
}
.site-faq__cta.is-inview a{
animation:faqCtaPop .58s cubic-bezier(.2,.86,.2,1) both;
}
.site-faq__cta.is-inview a:nth-child(2){animation-delay:.10s}
@keyframes faqCtaPop{
0%{opacity:.2;transform:translateY(8px) scale(.94)}
70%{opacity:1;transform:translateY(-1px) scale(1.025)}
100%{opacity:1;transform:none}
}
/* Gentagelsen sker ved at JS fjerner is-inview, når elementet forlader viewporten. */
@media (prefers-reduced-motion: reduce){
.motion-ready [data-scroll-fx],
.motion-ready [data-scroll-fx].is-inview,
.motion-ready .feature-banner-section.fx-feature .feature-banner__label,
.motion-ready .feature-banner-section.fx-feature .feature-banner__eyebrow,
.motion-ready .feature-banner-section.fx-feature .feature-banner__headline h2,
.motion-ready .feature-banner-section.fx-feature .feature-banner__toggle{
opacity:1!important;
filter:none!important;
transform:none!important;
transition:none!important;
animation:none!important;
}
.air-break-banner::after,
.air-break-actions .air-break-btn,
.fire-risk-mini-bars span,
.fire-risk-mini-dotline span,
.fire-risk-quarter-visual span,
.fire-risk-stat-number,
.site-faq__plus,
.site-faq__answer,
.site-faq__cta a{
animation:none!important;
transition:none!important;
transform:none!important;
opacity:1!important;
}
.feature-banner__media img,
.fire-risk-static-media img,
.customer-reviews-photo img{
transform:none!important;
transition:none!important;
filter:none!important;
}
}
/* ===== V68: Mathematical stats + akut-brandvagt scroll effects ===== */
.fire-risk-stat{
overflow:hidden;
isolation:isolate;
}
.fire-risk-stat-number{
position:relative;
z-index:3;
font-variant-numeric:tabular-nums lining-nums;
min-height:.95em;
}
.fire-risk-stat.is-math-running .fire-risk-stat-number{
animation:mathNumberPulse .9s cubic-bezier(.18,.82,.22,1) both;
}
@keyframes mathNumberPulse{
0%{transform:translateY(7px) scale(.96);filter:blur(2px);opacity:.28;text-shadow:0 0 0 rgba(255,61,87,0)}
28%{filter:blur(0);opacity:1}
68%{transform:translateY(-1px) scale(1.035);text-shadow:0 0 26px rgba(255,61,87,.42)}
100%{transform:none;filter:none;opacity:1;text-shadow:0 0 0 rgba(255,61,87,0)}
}
.fire-risk-stat::after{
content:'';
position:absolute;
z-index:1;
left:-16%;
right:-16%;
top:-20%;
height:2px;
opacity:0;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(255,75,99,.08),rgba(255,75,99,.75),rgba(255,75,99,.08),transparent);
box-shadow:0 0 16px rgba(255,61,87,.25);
}
.fire-risk-stat.is-math-running::after{
animation:mathScanLine .86s ease-out both;
}
@keyframes mathScanLine{
0%{top:1%;opacity:0}
18%{opacity:.95}
100%{top:96%;opacity:0}
}
.math-token-layer{
position:absolute;
z-index:2;
inset:0;
pointer-events:none;
overflow:hidden;
}
.math-token-layer span{
position:absolute;
left:var(--mx);
top:var(--my);
color:rgba(255,94,115,.78);
font-size:10px;
line-height:1;
font-weight:800;
letter-spacing:.03em;
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
opacity:0;
transform:translate3d(0,10px,0) scale(.84);
animation:mathTokenFloat .78s var(--md) cubic-bezier(.18,.8,.2,1) both;
}
@keyframes mathTokenFloat{
0%{opacity:0;transform:translate3d(0,12px,0) scale(.82)}
26%{opacity:.72}
72%{opacity:.3;transform:translate3d(0,-9px,0) scale(1.04)}
100%{opacity:0;transform:translate3d(0,-18px,0) scale(.96)}
}
/* Graferne 'beregnes' ind og lander derefter på deres korrekte form */
.motion-ready .fire-risk-stat .fire-risk-mini-bars span{
transform-origin:bottom;
}
.fire-risk-stat.is-math-running .fire-risk-mini-bars span{
animation:mathBarSolve .74s cubic-bezier(.18,.84,.2,1) both;
}
.fire-risk-stat.is-math-running .fire-risk-mini-bars span:nth-child(1){animation-delay:.06s}
.fire-risk-stat.is-math-running .fire-risk-mini-bars span:nth-child(2){animation-delay:.12s}
.fire-risk-stat.is-math-running .fire-risk-mini-bars span:nth-child(3){animation-delay:.18s}
.fire-risk-stat.is-math-running .fire-risk-mini-bars span:nth-child(4){animation-delay:.24s}
.fire-risk-stat.is-math-running .fire-risk-mini-bars span:nth-child(5){animation-delay:.30s}
@keyframes mathBarSolve{
0%{transform:scaleY(.04);opacity:.18;filter:brightness(.8)}
48%{transform:scaleY(1.18);opacity:1;filter:brightness(1.45)}
72%{transform:scaleY(.91)}
100%{transform:scaleY(1);opacity:1;filter:none}
}
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span{
animation:mathDotSolve .62s cubic-bezier(.18,.88,.2,1) both;
}
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span:nth-child(1){animation-delay:.04s}
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span:nth-child(2){animation-delay:.10s}
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span:nth-child(3){animation-delay:.16s}
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span:nth-child(4){animation-delay:.22s}
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span:nth-child(5){animation-delay:.28s}
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span:nth-child(6){animation-delay:.34s}
@keyframes mathDotSolve{
0%{opacity:.12;transform:translateY(8px) scale(.2)}
58%{opacity:1;transform:translateY(-2px) scale(1.42);box-shadow:0 0 0 8px rgba(255,61,87,.10)}
100%{opacity:1;transform:none;box-shadow:0 0 0 3px rgba(255,61,87,.08)}
}
.fire-risk-stat--quarter.is-math-running .fire-risk-quarter-visual span{
animation:mathQuarterSolve .68s cubic-bezier(.18,.86,.2,1) both;
}
.fire-risk-stat--quarter.is-math-running .fire-risk-quarter-visual span:nth-child(1){animation-name:mathQuarterSolveActive;animation-delay:.04s}
.fire-risk-stat--quarter.is-math-running .fire-risk-quarter-visual span:nth-child(2){animation-delay:.13s}
.fire-risk-stat--quarter.is-math-running .fire-risk-quarter-visual span:nth-child(3){animation-delay:.22s}
.fire-risk-stat--quarter.is-math-running .fire-risk-quarter-visual span:nth-child(4){animation-delay:.31s}
@keyframes mathQuarterSolve{
0%{opacity:.15;transform:scale(.55);background:rgba(255,255,255,.08)}
50%{opacity:1;transform:scale(1.10);background:#ff3d57;box-shadow:0 0 20px rgba(255,61,87,.30)}
100%{opacity:1;transform:scale(1);background:rgba(255,255,255,.12);box-shadow:none}
}
@keyframes mathQuarterSolveActive{
0%{opacity:.15;transform:scale(.55);background:rgba(255,255,255,.08)}
50%{opacity:1;transform:scale(1.12);background:#ff3d57;box-shadow:0 0 22px rgba(255,61,87,.34)}
100%{opacity:1;transform:scale(1);background:#ff3d57;box-shadow:none}
}
/* Akut brandvagt: samme gentagelige scroll-liv uden at gøre sektionen urolig */
#akut-brandvagt{
position:relative;
overflow:hidden;
}
#akut-brandvagt .emergency-info-head.is-inview .emergency-eyebrow{
animation:emergencyEyebrow .68s cubic-bezier(.18,.84,.2,1) both;
}
@keyframes emergencyEyebrow{
0%{letter-spacing:.34em;opacity:.1;transform:translateY(6px)}
100%{letter-spacing:.22em;opacity:1;transform:none}
}
#akut-brandvagt .emergency-item{
isolation:isolate;
}
#akut-brandvagt .emergency-item::before{
content:'';
position:absolute;
z-index:2;
left:-3px;
top:0;
width:3px;
height:0;
background:#ff2744;
box-shadow:0 0 18px rgba(255,39,68,.36);
transition:height .56s cubic-bezier(.18,.84,.2,1),opacity .35s ease;
opacity:0;
}
#akut-brandvagt .emergency-item.is-inview::before{
height:100%;
opacity:.48;
}
#akut-brandvagt .emergency-item.active.is-inview::before{
opacity:1;
}
#akut-brandvagt .emergency-item.is-inview .emergency-chevron{
animation:emergencyChevronPop .56s cubic-bezier(.18,.9,.2,1) both;
animation-delay:calc(var(--fx-delay,0ms) + 90ms);
}
@keyframes emergencyChevronPop{
0%{opacity:.15;transform:scale(.52) rotate(-22deg)}
72%{opacity:1;transform:scale(1.15) rotate(4deg)}
100%{opacity:1;transform:none}
}
#akut-brandvagt .emergency-item.active.is-inview .emergency-answer-inner{
animation:emergencyAnswerGlow .82s .2s ease-out both;
}
@keyframes emergencyAnswerGlow{
0%{filter:brightness(.8);transform:translateY(-4px)}
55%{filter:brightness(1.16)}
100%{filter:none;transform:none}
}
#akut-brandvagt .emergency-chat-card{
isolation:isolate;
}
#akut-brandvagt .emergency-chat-card::after{
content:'';
position:absolute;
z-index:3;
top:-35%;
bottom:-35%;
left:-36%;
width:18%;
pointer-events:none;
opacity:0;
transform:skewX(-18deg);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
}
#akut-brandvagt .emergency-chat-card.is-inview::after{
animation:emergencyChatSweep .95s .24s ease-out both;
}
@keyframes emergencyChatSweep{
0%{left:-36%;opacity:0}
18%{opacity:.68}
100%{left:118%;opacity:0}
}
#akut-brandvagt .emergency-chat-card img{
transition:transform .9s cubic-bezier(.18,.8,.2,1),filter .7s ease;
}
#akut-brandvagt .emergency-chat-card.is-inview img{
transform:scale(1.018);
filter:saturate(1.025) contrast(1.01);
}
@media (prefers-reduced-motion: reduce){
.fire-risk-stat.is-math-running .fire-risk-stat-number,
.fire-risk-stat.is-math-running::after,
.math-token-layer span,
.fire-risk-stat.is-math-running .fire-risk-mini-bars span,
.fire-risk-stat.is-math-running .fire-risk-mini-dotline span,
.fire-risk-stat--quarter.is-math-running .fire-risk-quarter-visual span,
#akut-brandvagt .emergency-info-head.is-inview .emergency-eyebrow,
#akut-brandvagt .emergency-item.is-inview .emergency-chevron,
#akut-brandvagt .emergency-item.active.is-inview .emergency-answer-inner,
#akut-brandvagt .emergency-chat-card.is-inview::after{
animation:none!important;
transform:none!important;
filter:none!important;
opacity:1!important;
}
#akut-brandvagt .emergency-item::before{display:none!important}
#akut-brandvagt .emergency-chat-card img{transform:none!important;filter:none!important}
}
/* =========================================
V69: BRANDVAGT I HELE DANMARK / BYGRID
Placeret direkte efter FAQ
========================================= */
.city-coverage{
background:#fff;
color:#171717;
padding:96px 0 110px;
border-top:1px solid #ececec;
overflow:hidden;
}
.city-coverage__inner{
width:calc(100% - 40px);
max-width:1190px;
margin:0 auto;
}
.city-coverage__head{
max-width:760px;
margin:0 auto 48px;
text-align:center;
opacity:0;
transform:translateY(24px);
transition:opacity .72s ease,transform .82s cubic-bezier(.16,.84,.22,1);
}
.city-coverage__head h2{
margin:0 0 15px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(38px,3.4vw,54px);
line-height:1.08;
letter-spacing:-1.15px;
color:#181818;
}
.city-coverage__head p{
max-width:690px;
margin:0 auto;
font-size:13.5px;
line-height:1.62;
color:#4b4b4b;
}
.city-coverage__head p strong{
color:var(--red,#cf1f3b);
font-weight:600;
}
.city-coverage__grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px 16px;
}
.city-coverage__link{
min-height:52px;
display:flex;
align-items:center;
justify-content:center;
padding:12px 18px;
border:1px solid rgba(154,10,35,.10);
border-radius:4px;
background:linear-gradient(180deg,#d32342 0%,#ca1f3b 100%);
color:#fff;
font-size:12px;
line-height:1.2;
font-weight:800;
letter-spacing:.015em;
text-align:center;
text-transform:uppercase;
box-shadow:0 9px 20px rgba(157,21,46,.11);
opacity:0;
transform:translateY(18px) scale(.985);
transition:
opacity .52s ease var(--city-delay,0ms),
transform .62s cubic-bezier(.16,.84,.22,1) var(--city-delay,0ms),
background .2s ease,
box-shadow .2s ease;
}
.city-coverage__link:hover{
background:linear-gradient(180deg,#df2949 0%,#d62242 100%);
box-shadow:0 12px 26px rgba(157,21,46,.18);
transform:translateY(-2px) scale(1);
}
.city-coverage.is-visible .city-coverage__head{
opacity:1;
transform:translateY(0);
}
.city-coverage.is-visible .city-coverage__link{
opacity:1;
transform:translateY(0) scale(1);
}
@media(max-width:900px){
.city-coverage{padding:78px 0 88px}
.city-coverage__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.city-coverage__head{margin-bottom:38px}
}
@media(max-width:560px){
.city-coverage{padding:62px 0 68px}
.city-coverage__inner{width:calc(100% - 28px)}
.city-coverage__head{margin-bottom:30px}
.city-coverage__head h2{font-size:36px;letter-spacing:-.8px}
.city-coverage__head p{font-size:13px;line-height:1.58}
.city-coverage__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.city-coverage__link{min-height:48px;padding:10px 8px;font-size:10.5px;letter-spacing:.01em}
}
@media(max-width:350px){
.city-coverage__grid{grid-template-columns:1fr}
.city-coverage__link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
.city-coverage__head,.city-coverage__link{
opacity:1!important;
transform:none!important;
transition:none!important;
}
}
/* =========================================
V70: BRANDVAGTENS BAGGRUND / VECTOR POP-UP
========================================= */
.guard-profile-section{
position:relative;
overflow:hidden;
background:#fff;
color:#172033;
border-top:1px solid #eceef2;
border-bottom:1px solid #eceef2;
}
.guard-profile__inner{
position:relative;
width:calc(100% - 48px);
max-width:1320px;
min-height:760px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(400px,.92fr) minmax(0,1.08fr);
gap:76px;
align-items:end;
padding:72px 0 0;
}
.guard-profile__inner::before{
content:"";
position:absolute;
top:22px;
left:0;
right:0;
height:1px;
background:#272d36;
opacity:.58;
}
.guard-profile__visual{
position:relative;
align-self:end;
min-height:688px;
display:flex;
align-items:flex-end;
justify-content:center;
isolation:isolate;
pointer-events:none;
}
.guard-profile__visual::after{
content:"";
position:absolute;
z-index:-1;
left:50%;
bottom:-6px;
width:72%;
height:54px;
transform:translateX(-50%);
border-radius:50%;
background:radial-gradient(ellipse,rgba(8,18,31,.16) 0%,rgba(8,18,31,.07) 42%,rgba(8,18,31,0) 74%);
opacity:0;
transition:opacity .8s ease .12s;
}
.guard-profile__figure{
display:block;
width:min(100%,590px);
max-height:720px;
object-fit:contain;
object-position:center bottom;
filter:drop-shadow(0 26px 24px rgba(8,18,31,.15));
opacity:0;
transform:translate3d(0,104px,0) scale(.84);
transform-origin:50% 100%;
transition:opacity .62s ease,transform 1.12s cubic-bezier(.16,.84,.22,1);
will-change:opacity,transform;
user-select:none;
-webkit-user-drag:none;
}
.guard-profile-section.is-visible .guard-profile__figure{
opacity:1;
transform:translate3d(0,0,0) scale(1);
}
.guard-profile-section.is-visible .guard-profile__visual::after{opacity:1}
.guard-profile__copy{
align-self:center;
max-width:690px;
padding:100px 0 86px;
}
.guard-profile__eyebrow{
margin:0 0 18px;
color:var(--red,#cf1f3b);
font-size:10px;
line-height:1.2;
font-weight:800;
letter-spacing:.2em;
text-transform:uppercase;
opacity:0;
transform:translate3d(24px,0,0);
transition:opacity .55s ease .08s,transform .72s cubic-bezier(.16,.84,.22,1) .08s;
}
.guard-profile__copy h2{
margin:0 0 24px;
max-width:680px;
font-family:'Libre Baskerville',Georgia,serif;
font-size:clamp(42px,3.7vw,58px);
line-height:1.08;
letter-spacing:-1.25px;
color:#131a27;
font-weight:700;
opacity:0;
transform:translate3d(30px,0,0);
transition:opacity .62s ease .14s,transform .82s cubic-bezier(.16,.84,.22,1) .14s;
}
.guard-profile__lead,
.guard-profile__background-copy{
max-width:670px;
margin:0 0 17px;
color:#4b5362;
font-size:14.5px;
line-height:1.72;
opacity:0;
transform:translate3d(28px,0,0);
transition:opacity .58s ease .20s,transform .78s cubic-bezier(.16,.84,.22,1) .20s;
}
.guard-profile__background-copy{transition-delay:.26s}
.guard-profile__background-copy strong{color:#171d29;font-weight:800}
.guard-profile__checks{
list-style:none;
margin:26px 0 0;
padding:0;
display:grid;
gap:12px;
}
.guard-profile__checks li{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:13px;
align-items:start;
color:#2b3341;
font-size:14px;
line-height:1.52;
font-weight:600;
opacity:0;
transform:translate3d(28px,0,0);
transition:opacity .52s ease var(--gp-delay,320ms),transform .72s cubic-bezier(.16,.84,.22,1) var(--gp-delay,320ms);
}
.guard-profile__check{
width:28px;
height:28px;
margin-top:-2px;
border-radius:50%;
display:grid;
place-items:center;
background:var(--red,#cf1f3b);
color:#fff;
font-size:16px;
line-height:1;
font-weight:900;
box-shadow:0 8px 18px rgba(207,31,59,.18);
transform:scale(.72) rotate(-8deg);
transition:transform .46s cubic-bezier(.2,.9,.2,1) calc(var(--gp-delay,320ms) + 80ms);
}
.guard-profile__closing{
margin:27px 0 0;
padding-top:21px;
border-top:1px solid #dfe3e9;
max-width:670px;
color:#3f4755;
font-size:14px;
line-height:1.65;
opacity:0;
transform:translate3d(20px,0,0);
transition:opacity .55s ease .68s,transform .72s cubic-bezier(.16,.84,.22,1) .68s;
}
.guard-profile__meta{
margin-top:24px;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 11px;
color:#1f2632;
font-size:12px;
line-height:1.45;
font-weight:700;
opacity:0;
transform:translate3d(16px,0,0);
transition:opacity .55s ease .76s,transform .72s cubic-bezier(.16,.84,.22,1) .76s;
}
.guard-profile__meta::before{
content:"";
width:36px;
height:2px;
margin-right:4px;
background:var(--red,#cf1f3b);
}
.guard-profile__meta a{color:inherit;text-decoration:none}
.guard-profile__meta a:hover{color:var(--red,#cf1f3b)}
.guard-profile__meta-sep{color:#9ca3af;font-weight:500}
.guard-profile-section.is-visible .guard-profile__eyebrow,
.guard-profile-section.is-visible .guard-profile__copy h2,
.guard-profile-section.is-visible .guard-profile__lead,
.guard-profile-section.is-visible .guard-profile__background-copy,
.guard-profile-section.is-visible .guard-profile__checks li,
.guard-profile-section.is-visible .guard-profile__closing,
.guard-profile-section.is-visible .guard-profile__meta{
opacity:1;
transform:translate3d(0,0,0);
}
.guard-profile-section.is-visible .guard-profile__check{transform:scale(1) rotate(0)}
@media(max-width:980px){
.guard-profile__inner{
max-width:820px;
min-height:0;
grid-template-columns:1fr;
gap:0;
padding-top:54px;
}
.guard-profile__copy{order:1;max-width:none;padding:70px 0 40px}
.guard-profile__visual{order:2;min-height:0;height:610px;justify-content:center}
.guard-profile__figure{width:min(82vw,520px);max-height:610px}
}
@media(max-width:620px){
.guard-profile__inner{width:calc(100% - 28px);padding-top:40px}
.guard-profile__inner::before{top:16px}
.guard-profile__copy{padding:54px 0 28px}
.guard-profile__eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:14px}
.guard-profile__copy h2{font-size:clamp(34px,9.8vw,42px);letter-spacing:-.85px;margin-bottom:19px}
.guard-profile__lead,.guard-profile__background-copy{font-size:13.5px;line-height:1.67;margin-bottom:14px}
.guard-profile__checks{gap:11px;margin-top:22px}
.guard-profile__checks li{grid-template-columns:25px 1fr;gap:11px;font-size:13px}
.guard-profile__check{width:25px;height:25px;font-size:14px}
.guard-profile__closing{margin-top:23px;padding-top:18px;font-size:13px}
.guard-profile__meta{margin-top:21px;font-size:11px;gap:6px 8px}
.guard-profile__meta::before{width:28px}
.guard-profile__visual{height:500px;margin-top:2px}
.guard-profile__figure{width:min(96vw,430px);max-height:500px}
}
@media(max-width:390px){
.guard-profile__inner{width:calc(100% - 22px)}
.guard-profile__visual{height:450px}
.guard-profile__figure{width:min(104vw,400px);max-height:450px}
.guard-profile__meta{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
.guard-profile__figure,
.guard-profile__visual::after,
.guard-profile__eyebrow,
.guard-profile__copy h2,
.guard-profile__lead,
.guard-profile__background-copy,
.guard-profile__checks li,
.guard-profile__check,
.guard-profile__closing,
.guard-profile__meta{
transition:none!important;
opacity:1!important;
transform:none!important;
}
}
/* =========================================
V72: RELATEREDE ARTIKLER
========================================= */
.article-hub{
position:relative;
background:#f4f4f4;
color:#181818;
padding:100px 0 108px;
}
.article-hub::before{display:none}
.article-hub__inner{
width:calc(100% - 48px);
max-width:1320px;
margin:0 auto;
}
.article-hub__head{
max-width:760px;
margin:0 auto 52px;
text-align:center;
}
.article-hub__eyebrow{
display:inline-block;
margin:0 0 14px;
color:var(--red,#cf1f3b);
font-size:11px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
}
.article-hub h2{
margin:0;
color:#171717;
font-family:'Montserrat',Arial,sans-serif;
font-size:clamp(38px,4.2vw,54px);
font-weight:800;
line-height:1.05;
letter-spacing:-1.25px;
}
.article-hub__intro{
max-width:780px;
margin:14px auto 0;
color:#5d5d5d;
font-size:15px;
line-height:1.72;
}
.article-hub__grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
align-items:stretch;
}
.article-hub__card{
min-width:0;
position:relative;
}
.article-hub__link{
display:flex;
flex-direction:column;
height:100%;
color:inherit;
text-decoration:none;
background:#f8f8f8;
border:1px solid #e9e9e9;
box-shadow:0 10px 24px rgba(0,0,0,.04);
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.article-hub__link:hover{
transform:translateY(-4px);
box-shadow:0 18px 34px rgba(0,0,0,.07);
border-color:#dfdfdf;
}
.article-hub__media{
position:relative;
aspect-ratio:16/9;
overflow:hidden;
background:#ececec;
}
.article-hub__media::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}
.article-hub__media img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform:scale(1.001);
transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.article-hub__link:hover .article-hub__media img{transform:scale(1.04)}
.article-hub__body{
display:flex;
flex-direction:column;
flex:1 1 auto;
padding:18px 24px 26px;
}
.article-hub__meta{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:16px;
color:#9a9a9a;
font-size:14px;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
.article-hub__meta::before{
content:"";
width:14px;
height:14px;
flex:0 0 14px;
background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.2 8.1 9.3 1.8a1.1 1.1 0 0 1 1.4 0l7.1 6.3v8.7a1 1 0 0 1-1 1H3.2a1 1 0 0 1-1-1V8.1Z' stroke='%23b9b9b9' stroke-width='1.5'/%3E%3Cpath d='M6.7 8.1h6.6' stroke='%23b9b9b9' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.article-hub__title{
margin:0 0 14px;
color:#151515;
font-family:'Montserrat',Arial,sans-serif;
font-size:22px;
font-weight:700;
line-height:1.3;
letter-spacing:-.45px;
transition:color .18s ease;
}
.article-hub__link:hover .article-hub__title{color:#111}
.article-hub__excerpt{
margin:0 0 26px;
color:#444;
font-size:14px;
line-height:1.72;
}
.article-hub__read{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:132px;
height:42px;
margin-top:auto;
padding:0 20px;
align-self:flex-start;
border-radius:4px;
background:var(--red,#cf1f3b);
color:#fff;
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
box-shadow:0 10px 20px rgba(207,31,59,.14);
transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.article-hub__read::after{display:none}
.article-hub__link:hover .article-hub__read{
background:#e12642;
transform:translateY(-1px);
box-shadow:0 14px 24px rgba(207,31,59,.2);
}
.article-hub__cta{
display:flex;
justify-content:center;
margin-top:42px;
}
.article-hub__all{
min-width:176px;
height:52px;
padding:0 26px;
border-radius:999px;
background:#8f0505;
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
box-shadow:0 14px 28px rgba(143,5,5,.14);
transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.article-hub__all:hover{
transform:translateY(-2px);
background:#a10a0a;
box-shadow:0 18px 34px rgba(143,5,5,.2);
}
.article-hub.is-anim-ready .article-hub__head,
.article-hub.is-anim-ready .article-hub__card,
.article-hub.is-anim-ready .article-hub__cta{
opacity:0;
transform:translateY(28px);
}
.article-hub.is-anim-ready .article-hub__head{
transition:opacity .65s ease,transform .85s cubic-bezier(.16,.84,.22,1);
}
.article-hub.is-anim-ready .article-hub__card{
transform:translateY(34px) scale(.987);
transition:opacity .62s ease,transform .9s cubic-bezier(.16,.84,.22,1);
transition-delay:var(--article-delay,0ms);
}
.article-hub.is-anim-ready .article-hub__cta{
transform:translateY(20px) scale(.98);
transition:opacity .58s ease,transform .8s cubic-bezier(.16,.84,.22,1);
transition-delay:260ms;
}
.article-hub.is-anim-ready.is-visible .article-hub__head,
.article-hub.is-anim-ready.is-visible .article-hub__card,
.article-hub.is-anim-ready.is-visible .article-hub__cta{
opacity:1;
transform:none;
}
@media(max-width:920px){
.article-hub{padding:86px 0 94px}
.article-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.article-hub__card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);justify-self:center;width:100%}
}
@media(max-width:640px){
.article-hub{padding:70px 0 76px}
.article-hub__inner{width:calc(100% - 28px)}
.article-hub__head{margin-bottom:30px;text-align:left}
.article-hub__eyebrow{margin-bottom:12px}
.article-hub h2{font-size:clamp(34px,10vw,40px);letter-spacing:-.9px}
.article-hub__intro{font-size:13px;line-height:1.68;margin:12px 0 0}
.article-hub__grid{grid-template-columns:1fr;gap:24px}
.article-hub__card:last-child{grid-column:auto;max-width:none}
.article-hub__body{padding:18px 20px 22px}
.article-hub__title{font-size:20px}
.article-hub__excerpt{font-size:13px}
.article-hub__read{margin-top:20px;min-width:126px;height:40px}
.article-hub__cta{margin-top:34px}
.article-hub__all{width:100%;height:52px}
}
@media(prefers-reduced-motion:reduce){
.article-hub *{transition:none!important}
.article-hub.is-anim-ready .article-hub__head,
.article-hub.is-anim-ready .article-hub__card,
.article-hub.is-anim-ready .article-hub__cta{opacity:1!important;transform:none!important}
}
/* =========================================
V73: FOOTER / BRANDVAGTER.DK
Inspired by the submitted multi-column reference,
adapted to the existing Brandvagter.dk visual system.
========================================= */
.site-footer-v73{
background:#f7f7f7;
color:#161616;
border-top:1px solid #e7e7e7;
position:relative;
}
.site-footer-v73__main{
width:calc(100% - 48px);
max-width:1390px;
margin:0 auto;
padding:68px 0 46px;
display:grid;
grid-template-columns:1.18fr .72fr .72fr 1.38fr;
gap:58px;
align-items:start;
}
.site-footer-v73__brand-logo{
width:215px;
max-width:100%;
height:auto;
margin:0 0 21px;
display:block;
}
.site-footer-v73__owner{
font-size:12px;
line-height:1.65;
font-weight:700;
color:#252525;
margin:0 0 17px;
}
.site-footer-v73__contact{
display:grid;
gap:10px;
margin-top:4px;
}
.site-footer-v73__contact a,
.site-footer-v73__contact span{
display:flex;
align-items:center;
gap:10px;
font-size:12.5px;
line-height:1.45;
color:#333;
}
.site-footer-v73__icon{
width:18px;
height:18px;
flex:0 0 18px;
display:grid;
place-items:center;
color:var(--red,#cf1f3b);
}
.site-footer-v73__icon svg{
width:16px;
height:16px;
display:block;
fill:currentColor;
}
.site-footer-v73__status{
margin-top:17px;
display:inline-flex;
align-items:center;
gap:9px;
padding:8px 11px;
border:1px solid #e1e1e1;
background:#fff;
font-size:10px;
line-height:1;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:#333;
}
.site-footer-v73__status-dot{
width:7px;
height:7px;
border-radius:50%;
background:#22a75a;
box-shadow:0 0 0 4px rgba(34,167,90,.09);
}
.site-footer-v73__title{
margin:4px 0 18px;
font-size:11px;
line-height:1.2;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:#111;
}
.site-footer-v73__links{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:11px;
}
.site-footer-v73__links a{
font-size:12.5px;
line-height:1.4;
color:#252525;
text-decoration:none;
transition:color .18s ease,transform .18s ease;
}
.site-footer-v73__links a:hover{
color:var(--red,#cf1f3b);
transform:translateX(2px);
}
.site-footer-v73__cities{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:40px;
row-gap:11px;
}
.site-footer-v73__cities a{
font-size:12.5px;
line-height:1.4;
color:#252525;
text-decoration:none;
transition:color .18s ease;
}
.site-footer-v73__cities a:hover{color:var(--red,#cf1f3b)}
.site-footer-v73__legal{
width:calc(100% - 48px);
max-width:1390px;
min-height:70px;
margin:0 auto;
padding:20px 0;
border-top:1px solid #e1e1e1;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:32px;
align-items:center;
}
.site-footer-v73__legal-copy{
font-size:10.5px;
line-height:1.65;
color:#666;
}
.site-footer-v73__legal-copy strong{
color:#333;
font-weight:700;
}
.site-footer-v73__legal-links{
display:flex;
align-items:center;
gap:22px;
flex-wrap:wrap;
justify-content:flex-end;
}
.site-footer-v73__legal-links a{
font-size:10.5px;
color:#333;
text-decoration:none;
}
.site-footer-v73__legal-links a:hover{color:var(--red,#cf1f3b)}
.site-footer-v73__bar{
min-height:42px;
background:#111;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
padding:10px 20px;
text-align:center;
font-size:10.5px;
line-height:1.4;
font-weight:600;
}
.site-footer-v73__bar a{color:#fff;text-decoration:none}
.site-footer-v73__bar strong{font-weight:800}
@media(max-width:1050px){
.site-footer-v73__main{
grid-template-columns:1.15fr .85fr .85fr;
gap:44px 36px;
}
.site-footer-v73__cities-wrap{grid-column:1/-1}
.site-footer-v73__cities{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px}
}
@media(max-width:720px){
.site-footer-v73__main{
width:calc(100% - 30px);
padding:52px 0 34px;
grid-template-columns:1fr 1fr;
gap:38px 24px;
}
.site-footer-v73__brand-wrap{grid-column:1/-1}
.site-footer-v73__brand-logo{width:190px}
.site-footer-v73__cities-wrap{grid-column:1/-1}
.site-footer-v73__cities{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.site-footer-v73__legal{
width:calc(100% - 30px);
grid-template-columns:1fr;
gap:12px;
align-items:start;
}
.site-footer-v73__legal-links{justify-content:flex-start;gap:16px}
}
@media(max-width:430px){
.site-footer-v73__main{grid-template-columns:1fr;gap:32px}
.site-footer-v73__brand-wrap,.site-footer-v73__cities-wrap{grid-column:auto}
.site-footer-v73__cities{grid-template-columns:1fr 1fr}
.site-footer-v73__title{margin-bottom:14px}
.site-footer-v73__links{gap:9px}
.site-footer-v73__bar{font-size:9.5px}
}
/* V79 - iPhone hero mirrors desktop composition */
@media(max-width:600px){
html,body{overflow-x:hidden}
/* Keep the desktop hero composition on iPhone: photo behind copy, not a separate block. */
.hero{
position:relative!important;
display:block!important;
height:auto!important;
min-height:0!important;
overflow:hidden!important;
background:#050505!important;
}
.hero-inner{
position:relative!important;
z-index:3!important;
display:flex!important;
align-items:flex-start!important;
width:calc(100% - 28px)!important;
max-width:var(--max)!important;
min-height:0!important;
height:auto!important;
margin:0 auto!important;
padding-top:46px!important;
padding-bottom:118px!important;
}
.hero-copy{
position:relative!important;
z-index:4!important;
width:100%!important;
max-width:100%!important;
margin-top:0!important;
}
.hero h1{
font-size:clamp(36px,10vw,43px)!important;
line-height:1.04!important;
letter-spacing:-.9px!important;
margin-bottom:24px!important;
max-width:100%!important;
}
.hero-copy p{
font-size:14.5px!important;
line-height:1.65!important;
max-width:95%!important;
}
.problem-effect{margin-top:26px!important;min-height:0!important}
.problem-prefix{font-size:11px!important}
.problem-rotator{width:100%!important;max-width:100%!important;min-width:0!important;min-height:52px!important;padding:12px 15px!important}
.problem-text{font-size:15.5px!important}
.cta-row{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:10px!important;margin-top:26px!important}
.btn{min-width:0!important;width:100%!important;height:52px!important;padding:0 12px!important;font-size:12px!important}
/* Same hero photo as desktop, positioned behind the content. */
.hero-photo{
position:absolute!important;
z-index:0!important;
top:0!important;
bottom:auto!important;
left:auto!important;
right:-245px!important;
display:block!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
height:100%!important;
opacity:1!important;
object-fit:cover!important;
object-position:center center!important;
margin:0!important;
transform:none!important;
filter:saturate(.96) contrast(1.03)!important;
}
/* Same dark desktop treatment, slightly stronger for legibility on a narrow screen. */
.hero::before{
content:""!important;
display:block!important;
position:absolute!important;
z-index:1!important;
inset:0!important;
background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 42%,rgba(5,5,5,.86) 66%,rgba(5,5,5,.34) 100%)!important;
pointer-events:none!important;
}
.hero::after{
content:""!important;
display:block!important;
position:absolute!important;
z-index:1!important;
inset:0!important;
background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18))!important;
pointer-events:none!important;
}
/* Preserve the exact desktop certificate design, only scale the whole card down. */
.dbi-certificate{
position:absolute!important;
z-index:6!important;
right:10px!important;
bottom:10px!important;
width:224px!important;
max-width:none!important;
margin:0!important;
padding:12px 12px 10px!important;
border-radius:8px!important;
display:block!important;
opacity:1!important;
transform:scale(.58)!important;
transform-origin:right bottom!important;
animation:none!important;
background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%)!important;
box-shadow:0 16px 36px rgba(0,0,0,.28)!important;
}
.dbi-certificate:before{display:block!important}
.dbi-certificate:after{display:block!important}
.cert-head{display:flex!important;padding:1px 8px 8px!important;border-bottom:1px solid #e8e8e8!important}
.cert-head img{width:136px!important;height:auto!important}
.cert-body{display:block!important;padding:8px 8px 0!important;text-align:center!important}
.cert-eyebrow{display:block!important}
.cert-title{font-size:12px!important;line-height:1.28!important}
.cert-sub{display:block!important;font-size:9px!important}
.cert-foot{display:flex!important;margin-top:9px!important;padding:8px 8px 0!important;border-top:1px solid #e7e7e7!important}
.references{position:relative!important;z-index:7!important;clear:both!important}
}
@media(max-width:390px){
.hero-inner{width:calc(100% - 22px)!important;padding-top:40px!important;padding-bottom:110px!important}
.hero h1{font-size:36px!important}
.hero-copy p{font-size:14px!important;max-width:96%!important}
.hero-photo{right:-285px!important}
.cta-row{grid-template-columns:1fr!important}
.btn{height:50px!important}
.dbi-certificate{right:8px!important;bottom:8px!important;transform:scale(.52)!important}
}
@supports(-webkit-touch-callout:none){
@media(max-width:600px){
.hero{-webkit-transform:translateZ(0)}
.hero-photo{-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}
}
}
/* V80 - iPhone parity: same desktop hero, corrected spacing and certificate */
@media(max-width:600px){
.hero-inner{
width:calc(100% - 28px)!important;
padding-top:44px!important;
padding-bottom:146px!important;
}
.hero h1{
font-size:clamp(38px,10.6vw,44px)!important;
line-height:1.035!important;
letter-spacing:-.9px!important;
margin-bottom:24px!important;
max-width:370px!important;
}
.hero-copy p{
font-size:14.5px!important;
line-height:1.62!important;
max-width:100%!important;
}
.problem-effect{margin-top:25px!important}
.problem-rotator{min-height:52px!important;padding:12px 15px!important}
.problem-text{font-size:15.5px!important}
.cta-row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
width:100%!important;
margin-top:25px!important;
position:relative!important;
z-index:8!important;
}
.btn{height:51px!important;font-size:12px!important}
/* Keep exactly the desktop photo treatment, only reframe it for the narrow viewport. */
.hero-photo{
right:-175px!important;
height:100%!important;
width:auto!important;
max-width:none!important;
opacity:1!important;
object-fit:cover!important;
object-position:center center!important;
}
.hero::before{
background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 38%,rgba(5,5,5,.84) 62%,rgba(5,5,5,.20) 100%)!important;
}
/* Same DBI card as desktop, but small enough to sit below the CTA without covering it. */
.dbi-certificate{
right:12px!important;
bottom:14px!important;
width:224px!important;
transform:scale(.44)!important;
transform-origin:right bottom!important;
z-index:6!important;
}
}
@media(max-width:420px){
.hero-inner{
width:calc(100% - 24px)!important;
padding-top:40px!important;
padding-bottom:142px!important;
}
.hero h1{font-size:clamp(36px,10.3vw,41px)!important;max-width:350px!important}
.hero-copy p{font-size:14px!important;line-height:1.6!important}
.hero-photo{right:-185px!important}
.dbi-certificate{right:9px!important;bottom:12px!important;transform:scale(.42)!important}
}
@media(max-width:360px){
.hero-inner{padding-bottom:136px!important}
.hero h1{font-size:35px!important}
.cta-row{grid-template-columns:1fr!important}
.hero-photo{right:-205px!important}
.dbi-certificate{transform:scale(.39)!important}
}
/* === V82: komplette mega-menuer – Ydelser, Lokationer, Krav & Regler, Viden === */
.menu-item-mega{height:100%;display:flex;align-items:center;position:relative}
.menu-item-mega>.menu-link{height:100%;display:flex;align-items:center}
/* Usynlig hover-bro mellem menupunkt og mega-menu. Ændrer ikke den synlige størrelse. */
.menu-item-mega:after{content:'';position:absolute;left:-18px;right:-18px;top:100%;height:24px;background:transparent;z-index:101;pointer-events:auto}
.menu-item-mega:hover>.menu-link,.menu-item-mega:focus-within>.menu-link,.menu-item-mega.mega-open>.menu-link{color:var(--red)}
.menu-item-mega>.menu-link .chev{transition:transform .2s ease,margin .2s ease}
.menu-item-mega:hover>.menu-link .chev,.menu-item-mega:focus-within>.menu-link .chev,.menu-item-mega.mega-open>.menu-link .chev{transform:rotate(225deg);margin-top:4px}
.mega-menu{position:absolute;top:100%;left:50%;width:min(1180px,calc(100vw - 36px));transform:translate(-50%,10px);background:#fff;border-top:2px solid var(--red);border-left:1px solid #ececec;border-right:1px solid #ececec;border-bottom:1px solid #e6e6e6;box-shadow:0 22px 50px rgba(0,0,0,.16);padding:27px 31px 18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .22s ease,visibility .18s;z-index:100}
.menu-item-mega:hover .mega-menu,.menu-item-mega:focus-within .mega-menu,.menu-item-mega.mega-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega-grid{display:grid;gap:30px;align-items:start}.mega-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mega-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.mega-col{min-width:0}.mega-title{margin:0 0 12px;color:#444;font-size:9.5px;line-height:1.25;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.menu .mega-col a{display:block;padding:3.5px 0;color:#252525;font-size:10.6px;line-height:1.34;font-weight:500;letter-spacing:0;white-space:normal;transition:color .16s ease,transform .16s ease}
.menu .mega-col a:hover{color:var(--red);transform:translateX(2px)}
.mega-footer{margin-top:18px;padding-top:13px;border-top:1px solid #ececec;display:flex;justify-content:space-between;align-items:center;gap:20px}.mega-footer span{font-size:9.8px;line-height:1.4;color:#777}.menu .mega-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:0;color:var(--red);font-size:9.8px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.menu .mega-all:hover{transform:none;text-decoration:underline;text-underline-offset:4px}
/* gammel enkelt-menu skjules ikke, men de nye generiske regler er authoritative */
.services-mega{display:none!important}
.menu-item-services{display:none!important}
.mobile-services{display:none!important}
.mobile-mega-nav{border-bottom:1px solid #eee}.mobile-mega-toggle{width:100%;min-height:48px;padding:14px 2px;border:0;background:#fff;color:#1f1f1f;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.mobile-mega-toggle .mobile-plus{font-size:20px;font-weight:400;color:var(--red);transition:transform .2s ease}.mobile-mega-nav.open .mobile-plus{transform:rotate(45deg)}.mobile-mega-panel{display:none;padding:4px 0 12px}.mobile-mega-nav.open .mobile-mega-panel{display:block}.mobile-mega-group{border-top:1px solid #f0f0f0;padding:12px 0 8px}.mobile-mega-group:first-child{border-top:0}.mobile-mega-group h3{font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--red);margin:0 0 6px}.mobile-menu .mobile-mega-group a{min-height:0;padding:8px 8px;border:0;font-size:12px;line-height:1.35;font-weight:500;color:#333}.mobile-menu .mobile-mega-group a:hover{color:var(--red)}.mobile-menu .mobile-mega-all{margin-top:6px;padding:11px 8px;border-top:1px solid #eee;border-bottom:0;color:var(--red);font-size:11px;font-weight:800}
@media(max-width:1100px) and (min-width:861px){.mega-menu{width:calc(100vw - 24px);padding:23px 22px 16px}.mega-grid{gap:20px}.menu .mega-col a{font-size:10px}.mega-title{font-size:9px}}
/* ===== V83 MOBILE OFF-CANVAS DRAWER ===== */
.mobile-drawer-overlay{display:none}
.mobile-menu-head,.mobile-menu-actions{display:none}
@media(max-width:860px){
body.mobile-nav-open{overflow:hidden;touch-action:none}
.mobile-drawer-overlay{
display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:998;
opacity:0;visibility:hidden;transition:opacity .34s ease,visibility .34s ease;
-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)
}
.mobile-drawer-overlay.open{opacity:1;visibility:visible}
.mobile-menu{
display:block;position:fixed;z-index:999;left:0;top:0;bottom:0;right:auto;width:min(84vw,430px);
max-height:none;height:100dvh;background:#f6f6f6;border:0;padding:0;box-shadow:18px 0 48px rgba(0,0,0,.18);
overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
transform:translate3d(-104%,0,0);opacity:.98;visibility:hidden;
transition:transform .46s cubic-bezier(.18,.84,.24,1),visibility .46s ease;
will-change:transform
}
.mobile-menu.open{transform:translate3d(0,0,0);visibility:visible}
.mobile-menu-head{
min-height:148px;padding:28px 26px 22px;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;border-bottom:1px solid #e7e7e7
}
.mobile-menu-brand{display:block;width:min(245px,68%);margin:auto}
.mobile-menu-brand img{display:block;width:100%;height:auto}
.mobile-menu-close{
position:absolute;right:18px;top:20px;width:52px;height:52px;border:0;background:transparent;cursor:pointer;
display:flex;align-items:center;justify-content:center;color:var(--red);border-radius:50%;transition:background .2s ease,transform .2s ease
}
.mobile-menu-close:hover{background:#fff1f3;transform:rotate(4deg)}
.mobile-menu-close:before,.mobile-menu-close:after{content:'';position:absolute;width:31px;height:3px;border-radius:3px;background:currentColor}
.mobile-menu-close:before{transform:rotate(45deg)}
.mobile-menu-close:after{transform:rotate(-45deg)}
.mobile-menu>.mobile-home-link{
min-height:62px;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between;
background:var(--red);color:#fff;border:0!important;font-size:18px!important;font-weight:600!important
}
.mobile-menu>.mobile-home-link:after{content:'⌄';font-size:24px;line-height:1}
.mobile-mega-nav{border-bottom:1px solid #e6e6e6;background:#f6f6f6}
.mobile-mega-toggle{
min-height:64px!important;padding:0 24px!important;background:#f6f6f6!important;color:#242424!important;font-size:18px!important;font-weight:500!important;border:0!important
}
.mobile-mega-toggle .mobile-plus{font-size:0!important;color:#111!important;width:22px;height:22px;position:relative;transform:none!important}
.mobile-mega-toggle .mobile-plus:before,.mobile-mega-toggle .mobile-plus:after{content:'';position:absolute;top:10px;width:10px;height:2px;background:#111;border-radius:2px;transition:transform .25s ease}
.mobile-mega-toggle .mobile-plus:before{left:2px;transform:rotate(45deg)}
.mobile-mega-toggle .mobile-plus:after{right:2px;transform:rotate(-45deg)}
.mobile-mega-nav.open .mobile-plus:before{transform:rotate(-45deg)}
.mobile-mega-nav.open .mobile-plus:after{transform:rotate(45deg)}
.mobile-mega-panel{display:grid!important;grid-template-rows:0fr;opacity:0;overflow:hidden;padding:0!important;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.mobile-mega-panel>.mobile-mega-panel-inner{min-height:0;overflow:hidden}
.mobile-mega-nav.open .mobile-mega-panel{grid-template-rows:1fr;opacity:1}
.mobile-mega-group{padding:17px 0 8px!important;margin:0 24px;border-top:1px solid #e5e5e5!important}
.mobile-mega-group:first-child{border-top:0!important}
.mobile-mega-group h3{
font-size:17px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#242424!important;margin:0 0 6px!important;position:relative;padding-right:28px
}
.mobile-mega-group h3:after{content:'⌃';position:absolute;right:0;top:-2px;font-size:19px;color:#111}
.mobile-menu .mobile-mega-group a{
padding:11px 34px!important;border:0!important;min-height:0!important;font-size:16px!important;line-height:1.42!important;font-weight:400!important;color:#2e2e2e!important
}
.mobile-menu .mobile-mega-group a:hover{color:var(--red)!important}
.mobile-menu .mobile-mega-all{margin:10px 24px 18px!important;padding:14px 0!important;border-top:1px solid #ddd!important;border-bottom:0!important;font-size:14px!important}
.mobile-menu-actions{display:grid;gap:12px;padding:28px 24px 36px;background:#f6f6f6}
.mobile-action{height:56px;border:1px solid #333;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center;padding:0 18px!important;font-size:16px!important;font-weight:600!important;letter-spacing:.035em;text-transform:uppercase;background:#fff;color:#222;border-radius:3px}
.mobile-action.quote{border-color:var(--red);background:var(--red);color:#fff}
.mobile-action.phone{text-transform:none;letter-spacing:.02em;font-size:17px!important}
}
@media(max-width:430px){
.mobile-menu{width:84vw}
.mobile-menu-head{min-height:132px;padding:24px 18px 18px}
.mobile-menu-close{right:12px;top:14px;width:48px;height:48px}
.mobile-menu>.mobile-home-link,.mobile-mega-toggle{padding-left:18px!important;padding-right:18px!important}
.mobile-mega-group{margin-left:18px;margin-right:18px}
.mobile-menu .mobile-mega-group a{padding-left:28px!important;padding-right:22px!important}
.mobile-menu-actions{padding-left:18px;padding-right:18px}
}
/* ===== V84 IPHONE NAV RELIABILITY + READABILITY ===== */
@media(max-width:860px){
.site-header{position:relative;z-index:1200!important}
.burger{position:relative;z-index:1203!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mobile-drawer-overlay{z-index:1298!important}
.mobile-menu{z-index:1299!important;background:#fff!important;color:#111!important;opacity:1!important}
.mobile-menu-head{background:#fff!important}
.mobile-menu>.mobile-home-link{font-size:20px!important;font-weight:700!important;line-height:1.2!important}
.mobile-mega-toggle{font-size:20px!important;font-weight:650!important;color:#111!important;line-height:1.2!important}
.mobile-mega-group h3{font-size:18px!important;font-weight:700!important;color:#111!important;line-height:1.3!important;margin-bottom:10px!important}
.mobile-menu .mobile-mega-group a{font-size:17px!important;font-weight:500!important;color:#111!important;line-height:1.45!important;padding-top:12px!important;padding-bottom:12px!important}
.mobile-menu .mobile-mega-all{font-size:16px!important;color:#b7152b!important}
.mobile-action{font-size:17px!important;font-weight:700!important}
.mobile-action.phone{font-size:18px!important}
.mobile-menu-close{z-index:5!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
}
/* ===== V87 COMPACT DESKTOP MEGA MENU ===== */
@media (min-width:861px){
.mega-menu{
width:min(900px,calc(100vw - 48px))!important;
padding:18px 20px 14px!important;
}
.mega-grid{gap:16px!important;}
.mega-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.mega-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.mega-title{font-size:8.6px!important;line-height:1.2!important;margin-bottom:8px!important;}
.menu .mega-col a{font-size:9.35px!important;line-height:1.28!important;padding:2.7px 0!important;}
.mega-footer{margin-top:12px!important;padding-top:9px!important;}
.mega-footer span,.menu .mega-all{font-size:8.6px!important;}
}
@media (min-width:861px) and (max-width:1050px){
.mega-menu{width:calc(100vw - 32px)!important;padding:16px 16px 12px!important;}
.mega-grid{gap:12px!important;}
.mega-title{font-size:8.2px!important;}
.menu .mega-col a{font-size:8.9px!important;line-height:1.24!important;}
}