
@import url(fonts.css);:root{--cols: 12;--cols-max: calc(var(--cols) + 1);--gutter: 20px;--margin: 20px;--padding: var(--margin);--padding-top: 3.5rem;--basepx: 18;--base: 4vw;--mgh: calc(1rem * (420 / var(--basepx)));--xlh: calc(1rem * (255 / var(--basepx)));--lh: calc(1rem * (190 / var(--basepx)));--bh: calc(1rem * (125 / var(--basepx)));--mh: calc(1rem * (40 / var(--basepx)));--sh: calc(1rem * (27 / var(--basepx)));--xsh: calc(1rem * (18 / var(--basepx)));--lt: calc(1rem * (27 / var(--basepx)));--mt: 1rem;--st: calc(1rem * (14 / var(--basepx)));--koncern: #0E2C21;--primary: #2C441F;--department: #82C17A;--miljoe: #296238;--kyst: #327394;--cyan: #009FDF;--lime: #ABBC38;--gul: #E7CD14;--orange: #ED8B00;--bordeaux: #851302;--lilla: #512D6D;--beige: #F3F0E9}@media screen and (min-width: 666px) and (max-width: 1024px){:root{--base: 2.2vw}}@media screen and (min-width: 1024px) and (max-width: 1300px){:root{--base: 1.5vw}}@media screen and (min-width: 1300px){:root{--base: 1vw}}

*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility !important}

html,body{background:white;color:var(--primary)}@media screen and (min-width: 1024px){html,body{background:var(--beige)}}html{font-size:var(--base)}body{position:relative;font-family:'Stag Sans Book', Verdana, sans-serif;font-weight:normal}.no-scroll{position:fixed}.no-scroll main{transform:translate3d(0, calc(-1*var(--scroll)), 0)}.no-pointer{pointer-events:none}h1{font-family:'Stag Sans', Verdana, sans-serif;font-weight:bold;line-height:1.1em;font-size:1.8rem}@media screen and (min-width: 1024px){h1{font-size:2.5rem}}h2{font-family:'Stag Sans', Verdana, sans-serif;font-weight:bold;line-height:1.1em}p{line-height:1.2em}p+p{margin-top:1.5em}a{color:inherit;text-decoration:none}button,.button{border:1px solid white;margin:auto;width:max-content;font-size:0.9rem;padding:0.6em 0.9em 0.6em 1em;border-radius:2em;line-height:1em}ul{list-style-type:none}.image{position:relative}.image[data-ratio='square']{aspect-ratio:1 / 1}@supports not (aspect-ratio: auto){.image[data-ratio='square']{padding-top:100%;height:0;position:relative;overflow:hidden}}.image[data-ratio='landscape']{aspect-ratio:3 / 2}@supports not (aspect-ratio: auto){.image[data-ratio='landscape']{padding-top:66.66666667%;height:0;position:relative;overflow:hidden}}.image img{position:absolute;top:0;transition:0.3s;width:100%}.image video{object-fit:cover;width:100%;height:100%;pointer-events:none}.image[data-ratio='x'][data-padding='ignore-padding'] img{position:relative;object-fit:cover;height:100%;object-position:var(--focalX) var(--focalY)}.image.lazy{background:black}.image.lazy img{opacity:0;transition:0.4s}.image.lazy.loaded img{opacity:1}.grid-container{display:grid;grid-template-columns:repeat(var(--cols), 1fr);column-gap:var(--gutter)}@media screen and (max-width: 1024px){section.hidden{display:none}}body::after{content:'Vend din telefon!';position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gul);font-family:'Stag Sans', Verdana, sans-serif;font-weight:bold;color:black;font-size:1.7rem;z-index:100;pointer-events:none;display:none;align-items:center;justify-content:center}@media only screen and (max-width: 960px) and (orientation: landscape){body::after{display:flex}}

footer{margin-top:8rem}footer h4{margin-bottom:0.5em}footer p{line-height:1.3em}footer p a{text-decoration:underline}footer .bottom-logo{text-align:left;margin-top:2rem;margin-bottom:1.5rem}@media screen and (min-width: 1024px){footer{margin-left:1rem;margin-bottom:2rem}}


section.card{position:relative;padding:30px;border-radius:30px;outline:1px solid transparent;transition:opacity 0.4s, transform 1s}section.card.change-card,section.card.story-card,section.card.image-card{--rotation: 2deg}section.card.change-card.image-card,section.card.story-card.image-card,section.card.image-card.image-card{--rotation: 1deg}section.card.change-card:nth-of-type(odd),section.card.story-card:nth-of-type(odd),section.card.image-card:nth-of-type(odd){transform:rotate(var(--rotation))}section.card.change-card:nth-of-type(even),section.card.story-card:nth-of-type(even),section.card.image-card:nth-of-type(even){transform:rotate(calc(-1*var(--rotation)))}section.card:not(.visible):not(.home-intro){transform:rotate(0deg) scale(0.9) !important}@media screen and (min-width: 666px) and (max-width: 1024px){section.card{width:440px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1024px){section.card{width:440px;margin-left:auto;margin-right:auto;margin-top:-5rem}}@media screen and (min-width: 1024px){section.card.change-card:nth-of-type(even),section.card.story-card:nth-of-type(even){margin-left:15%}section.card.change-card:nth-of-type(odd),section.card.story-card:nth-of-type(odd){margin-right:15%}}@media screen and (min-width: 1800px){section.card.change-card:nth-of-type(even),section.card.story-card:nth-of-type(even){margin-left:20%}section.card.change-card:nth-of-type(odd),section.card.story-card:nth-of-type(odd){margin-right:20%}}section.change-card{background:var(--card-bg);color:black;z-index:2}section.change-card h2{margin-top:0.3em;font-size:1.8rem;text-align:center}@media screen and (min-width: 1024px){section.change-card h2{font-size:1.8rem}}section.change-card .slider-container{position:relative;border:2px solid blue;margin-left:-30px;width:calc(100% + 60px)}section.change-card .slider-container figure{position:relative;height:0;overflow:hidden;padding-bottom:100%;border:1px solid red}section.change-card .slider-container figure img{border:1px solid hotpink;width:100%}section.change-card .slider-container .description{text-align:center;padding:0 1.5rem;padding-bottom:3.8rem}section.change-card .slider-container .blob{border:1px solid white;position:absolute;top:0;width:100%;height:0;padding-bottom:100%;z-index:-1}section.change-card .slider-container .blob svg{position:absolute;top:50%;transform:translateY(-50%);width:100%}section.change-card .slider-container .card-slides{border:2px solid red}section.change-card .slider-container .slide{width:100%}section.change-card .slider-container .flickity-page-dots{bottom:0px;pointer-events:none;display:none}section.change-card .slider-container .flickity-page-dots .dot{width:17px;height:17px;background:black;opacity:0.2}section.change-card .slider-container .flickity-button{background:none;top:auto;bottom:-2rem;transition:0.2s}section.change-card .slider-container .flickity-button[disabled]{opacity:0.2}@media screen and (min-width: 1024px){section.change-card .slider-container .flickity-button{width:80px;height:80px;top:45%;margin:unset}section.change-card .slider-container .flickity-button.previous{left:-20%}section.change-card .slider-container .flickity-button.next{right:-20%}}section.change-card .slider-container .flickity-page-dots .dot.is-selected{opacity:1}section.change-card .slider-container .navigation-dot{--p: 0%;--scale: 1;position:absolute;border:1px solid yellow;height:30px;width:90px;left:50%;bottom:-5px;transform:translateX(-50%)}section.change-card .slider-container .navigation-dot svg{border:1px solid white;height:100%;width:100%}section.change-card .slider-container .navigation-dot .dot{position:absolute;height:22px;width:22px;top:50%;margin-top:-11px;left:var(--p);--tx: var(--p);transform:translateX(calc(-1*var(--tx)))}section.change-card .slider-container .navigation-dot .dot::after{content:'';position:absolute;background:black;width:100%;height:100%;border-radius:30px;transform:scale(var(--scale));outline:1px solid transparent}section.change-card .slider-container .figure-container{position:absolute;border:2px solid white;padding-bottom:100%;height:0;top:0;left:50%;transform:translateX(-50%);width:100%;pointer-events:none}section.change-card .slider-container .figure-container figure{position:absolute;border:1px solid red;width:100%;height:100%;--rightVisible: 0%;--leftVisible: 0%;clip-path:inset(0% var(--rightVisible) 0 var(--leftVisible))}section.change-card .slider-container .figure-container figure img,section.change-card .slider-container .figure-container figure video{position:absolute;width:85%;top:50%;left:50%;transform:translate(-50%, -50%)}section.change-card .slider-container .figure-container figure[data-i="1"]{--rightVisible: 0%}section.change-card .slider-container .figure-container figure[data-i="2"]{--rightVisible: 0%;--leftVisible: 100%}section.change-card .slider-container .figure-container figure[data-i="3"]{--rightVisible: 0%;--leftVisible: 100%}.card-slides .slide svg{display:none}.blob{display:none}.change-card *{border:none !important}section.story-card{background:var(--primary);color:var(--beige);z-index:3;transition:0.3s, transform 0.6s}section.story-card figure{margin-top:1rem;margin-bottom:2rem}section.story-card figure img{width:100%}section.story-card .teaser{margin-top:1rem;margin-bottom:1em}section.story-card .description{--h: 0px;height:var(--h);overflow:hidden;transition:0.7s;opacity:0}section.story-card .description p+p{margin-top:1em}section.story-card .description ul{list-style-type:disc;padding-left:30px}section.story-card .description ul li:not(:first-child){margin-top:0.5em}section.story-card .description p+ul,section.story-card .description ul+p{margin-top:1em}section.story-card .description p a{text-decoration:underline}section.story-card .read-more,section.story-card .read-less{margin-top:2.5rem;cursor:pointer}section.story-card .read-more:hover,section.story-card .read-less:hover{background:white;color:var(--primary)}section.story-card.expanded{transform:none !important}section.story-card.expanded .description{opacity:1}section.story-card.expanded .read-more{display:none}section.story-card:not(.expanded) .read-less{display:none}section.image-card{background:none;color:var(--beige);padding:0;height:80vh;z-index:1}section.image-card figure{height:100%;border-radius:inherit;overflow:hidden}section.image-card figure img{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 1024px){section.image-card{width:80vw;transform:none !important}}@media screen and (min-width: 1800px){section.image-card{width:70vw}}section.breaker-card{background:none;padding:5rem 0;color:black;z-index:3;font-size:1.6rem;text-align:center;font-family:'Stag Sans', Verdana, sans-serif;font-weight:500;margin:3rem 0}section.breaker-card p+p{margin-top:1em}section.breaker-card p strong{font-size:1.8rem}@media screen and (min-width: 1024px){section.breaker-card{margin-top:6rem;margin-bottom:10rem;font-size:1.6rem;width:700px;margin-left:auto;margin-right:auto}}

.nav-bar{position:fixed;bottom:0;left:0;background:var(--beige);width:100%;height:5rem;z-index:8;border-top-left-radius:30px;border-top-right-radius:30px;transition:transform 0.3s;display:none}.nav-bar svg{position:absolute;top:50%;left:1.5rem;transform:translateY(-55%)}@media screen and (min-width: 1024px){.nav-bar{display:none}}.nav-bar.headroom--unpinned,.nav-bar.headroom--top{transform:translateY(100%)}.hamburger.headroom--unpinned,.hamburger.headroom--top{transform:translateY(120%)}.hamburger.headroom--bottom{transform:none !important}body.no-scroll .hamburger{transform:none !important}body.no-scroll .hamburger.headroom--top{transform:none !important}.hamburger{position:fixed;bottom:10px;right:10px;z-index:10;transition:0.3s;--transition: 0.2s}@media screen and (min-width: 1024px){.hamburger{cursor:pointer}}.hamburger line{transform-origin:center}.hamburger.active .line-top,.hamburger.active .line-bottom{transition:opacity 0.1s var(--transition),transform var(--transition) 0s}.hamburger.active .line-middle,.hamburger.active .line-middle-clone{transition:transform var(--transition) var(--transition)}.hamburger:not(.active) .line-top,.hamburger:not(.active) .line-bottom{transition:opacity 0.1s 0.1s,transform var(--transition) var(--transition)}.hamburger:not(.active) .line-middle,.hamburger:not(.active) .line-middle-clone{transition:transform var(--transition) 0s}.hamburger.active .line-top{transform:translateY(9px);opacity:0}.hamburger.active .line-bottom{transform:translateY(-9px);opacity:0}.hamburger.active .line-middle{transform:rotate(45deg)}.hamburger.active .line-middle-clone{transform:rotate(-45deg)}.navigation-overlay{position:fixed;bottom:0;left:0;width:100%;height:100%;overflow-y:auto;background:var(--primary);color:var(--beige);font-family:'Stag Sans', Verdana, sans-serif;font-weight:bold;font-size:1.8rem;padding:2rem;transition:0.3s;z-index:9}.navigation-overlay:not(.active){transform:translateY(100%)}.navigation-overlay nav{padding-top:1rem;padding-bottom:3rem}.navigation-overlay nav ul{display:flex;flex-direction:column;gap:34px;text-align:center}.navigation-overlay nav ul li{line-height:1.1em;transition:transform 0.2s var(--d),opacity 0.2s var(--d)}.navigation-overlay nav ul li:nth-child(1){--d: calc(0.33s - (1 * 0.03s))}.navigation-overlay nav ul li:nth-child(2){--d: calc(0.33s - (2 * 0.03s))}.navigation-overlay nav ul li:nth-child(3){--d: calc(0.33s - (3 * 0.03s))}.navigation-overlay nav ul li:nth-child(4){--d: calc(0.33s - (4 * 0.03s))}.navigation-overlay nav ul li:nth-child(5){--d: calc(0.33s - (5 * 0.03s))}.navigation-overlay nav ul li:nth-child(6){--d: calc(0.33s - (6 * 0.03s))}.navigation-overlay nav ul li:nth-child(7){--d: calc(0.33s - (7 * 0.03s))}.navigation-overlay nav ul li:nth-child(8){--d: calc(0.33s - (8 * 0.03s))}.navigation-overlay:not(.active) nav ul li{opacity:0;transform:translateY(-1.2em)}@media screen and (min-width: 1024px){.navigation-overlay{text-align:center;display:flex;align-items:center;justify-content:center}.navigation-overlay nav ul{gap:0px}.navigation-overlay nav li{cursor:pointer;transition:transform 0.2s var(--d),opacity 0.2s var(--d),padding 0.2s 0s,font-size 0.2s 0s !important;padding:0.4em 0}.navigation-overlay nav li:hover{font-size:1.05em;padding:0.5em 0}.navigation-overlay nav li:nth-child(1){--d: calc(0.4s - (1 * 0.03s))}.navigation-overlay nav li:nth-child(2){--d: calc(0.4s - (2 * 0.03s))}.navigation-overlay nav li:nth-child(3){--d: calc(0.4s - (3 * 0.03s))}.navigation-overlay nav li:nth-child(4){--d: calc(0.4s - (4 * 0.03s))}.navigation-overlay nav li:nth-child(5){--d: calc(0.4s - (5 * 0.03s))}.navigation-overlay nav li:nth-child(6){--d: calc(0.4s - (6 * 0.03s))}.navigation-overlay nav li:nth-child(7){--d: calc(0.4s - (7 * 0.03s))}.navigation-overlay nav li:nth-child(8){--d: calc(0.4s - (8 * 0.03s))}}

main[data-scene="home"]{margin:0.5rem var(--margin)}.logo-header{margin-top:20px}@media screen and (min-width: 1024px){.logo-header{position:fixed;top:1rem;right:3rem;z-index:10}}section.home-intro{margin-top:20px;background:var(--beige);text-align:center;min-height:100vh;padding-top:40px}section.home-intro h1{font-size:2rem}section.home-intro figure.home-splash-illustration{margin-top:1.5rem;height:0;margin-left:-10%;width:120%;padding-bottom:150%;position:relative;overflow:hidden}section.home-intro figure.home-splash-illustration img,section.home-intro figure.home-splash-illustration video{object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:140%}section.home-intro .intro-scroll{margin-top:2rem;margin-bottom:3rem}section.home-intro .intro-text{margin-top:2rem;margin-bottom:2rem}@media screen and (min-width: 1024px){section.home-intro{margin-top:4rem;margin-bottom:10rem;width:80vw;background:none;display:grid;grid-template-columns:1fr 1fr;column-gap:6rem;align-items:flex-start;min-height:0}}@media screen and (min-width: 1024px) and (min-width: 1300px){section.home-intro{width:50vw}}@media screen and (min-width: 1024px){section.home-intro h1{grid-row:1;grid-column:1 / span 2;font-size:4rem;margin-bottom:5rem}section.home-intro .intro-text{grid-row:2;grid-column:1 / span 1;text-align:left;margin-top:0;align-self:center}section.home-intro figure.home-splash-illustration{width:440px;margin-top:4rem;margin-left:auto;margin-right:auto;padding-bottom:145%;grid-row:2;grid-column:2 / span 1;width:100%;margin-top:0;transform:scale(1.1)}section.home-intro figure.home-splash-illustration img,section.home-intro figure.home-splash-illustration video{width:100%}}
