/* 3dbyggeri.dk - 1:1 med Wix-designet (desktop 980px kolonne). Mobil: stablet layout. */
@font-face{font-family:"SSP Light";src:url(/assets/fonts/source-sans-pro-light.woff2) format("woff2"),url(/assets/fonts/source-sans-pro-light.woff) format("woff");font-display:swap}
@font-face{font-family:"SSP";src:url(/assets/fonts/source-sans-pro-regular.woff2) format("woff2"),url(/assets/fonts/source-sans-pro-regular.woff) format("woff");font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font-family:"SSP",Arial,Helvetica,sans-serif;font-size:10px;overflow-x:hidden}
img{border:0}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:50}
.fl{font-family:"SSP Light","SSP",Arial,sans-serif}
.fr{font-family:"SSP",Arial,sans-serif}

/* ---- header ---- */
.hd{position:relative;height:103px;background:#fff;z-index:20}
.hd .in{position:absolute;left:50%;margin-left:-490px;top:0;width:980px;height:103px}
.logo{position:absolute;left:15px;top:30px;display:block;line-height:0}
.logo img{width:222px;height:36px}
.menu{position:absolute;left:329px;top:38px;margin:0;padding:0;list-style:none;display:flex;font-family:"SSP Light","SSP",sans-serif;font-size:14px}
.menu>li{position:relative;display:block}
.menu a,.menu .dd-t{display:block;padding:0 10px;line-height:36px;height:36px;margin:0;color:#383838;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;text-align:left;white-space:nowrap}
.menu a:hover,.menu .dd-t:hover{color:#66b245}
.menu a[aria-current],.menu li.active>.dd-t{color:#66b245}
.menu .plus{display:inline-block;margin-left:4px}
.sub{display:none;position:absolute;left:0;top:36px;min-width:300px;margin:0;padding:6px 0;list-style:none;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.menu li:hover>.sub,.menu li.open>.sub,.menu li:focus-within>.sub{display:block}
.sub a{height:auto;line-height:20px;padding:8px 14px;white-space:nowrap}
.lang{position:absolute;left:908px;top:40px;margin:0;padding:0;list-style:none;display:flex;font-family:"SSP Light","SSP",sans-serif;font-size:12px;line-height:15px;color:#111}
.lang li+li::before{content:"|";margin:0 5px}
.lang a{color:#111;text-decoration:none}
.nav-toggle{display:none}

/* ---- sidens elementer (genereret af tools/wix_to_html.py) ---- */
.sec,.ft{position:relative;height:var(--sh);width:100%}
.n{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h)}
.sec>.n,.ft>.n{left:calc(50% - 490px + var(--l))}
.sec>.n.wide,.ft>.n.wide{left:var(--l);right:var(--r);width:auto}
.in{position:absolute;left:50%;margin-left:-490px;top:0;width:980px;height:100%}
.bx{overflow:visible}
.tx{height:auto;margin:0}
.tx p,.tx h1,.tx h2,.tx h3,.tx h4,.tx h5,.tx h6,.tx ul,.tx ol{margin:0;padding:0;font:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}
.tx strong,.tx b{font-weight:inherit}.tx em,.tx i{font-style:inherit}
.tx a{color:inherit;text-decoration:inherit}
.tx ul,.tx ol{list-style-position:outside}
.bt{display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.bt:hover{opacity:.85}
.im{line-height:0}
.im img,.im a{display:block;width:100%;height:100%}
.im img{object-fit:cover}
.ln{height:0}
.vd{background:#000}
.vd iframe{display:block;width:100%;height:100%;border:0}
.sv svg{display:block;width:100%;height:100%}
.slider .slide{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s}
.slider .slide.on{opacity:1;visibility:visible}
.slider .slide .n{position:absolute}
.dots button{position:absolute;left:var(--l);top:var(--t);width:11px;height:11px;padding:0;border:2px solid transparent;border-radius:50%;background:#fff;background-clip:content-box;cursor:pointer}
.dots button.on{border-color:#fff;background:transparent}
.fq{height:auto;padding:32px;background:#fff}
.fq .fh{margin:0 0 var(--fgap);font-weight:400}
.fq .ftab{display:inline-block}
.fq .fis{border:0}
.fi{border-bottom:1px solid #66b245;padding-bottom:12px;margin-bottom:12px}
.fi summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;padding:24px 0 24px;min-height:77px;color:var(--qc)}
.fi summary::-webkit-details-marker{display:none}
.fi .fqq{flex:1;padding-right:20px;font-family:"SSP",Arial,sans-serif;font-size:var(--qfs);line-height:var(--qlh);align-self:center;font-weight:400}
.fi .chev{flex:none;width:27px;height:27px;transition:transform .2s}
.fi[open] .chev{transform:rotate(180deg)}
.fi .fa{padding:0 0 16px;font-family:"SSP Light","SSP",Arial,sans-serif;font-size:14px;line-height:1.5;color:#4d4d4d}
.fi .fa p{margin:0}
.fi .fa a{color:#66b245}

/* ---- footer ---- */
.ft{background:#fff}
.ft a{color:inherit;text-decoration:none}

@media (max-width:900px){
  .hd{height:auto;min-height:64px}
  .hd .in{position:relative;left:auto;margin:0;width:auto;height:auto;padding:12px 16px}
  .logo{position:static;display:inline-block}
  .nav-toggle{display:block;position:absolute;right:12px;top:14px;background:none;border:0;padding:8px;cursor:pointer}
  .nav-toggle span{display:block;width:24px;height:2px;background:#383838;margin:5px 0}
  nav#nav{display:none;margin-top:8px}
  nav#nav.open{display:block}
  .menu,.lang{position:static;display:block}
  .menu a,.menu .dd-t{height:auto;line-height:20px;padding:10px 0}
  .sub{position:static;display:block;box-shadow:none;padding:0 0 0 14px}
  .lang{display:flex;margin-top:8px}
  .sec,.ft{height:auto}
  .n,.sec>.n,.ft>.n,.sec>.n.wide,.ft>.n.wide{position:static;left:auto;right:auto;top:auto;width:auto;height:auto}
  .in{position:static;margin:0;width:auto;height:auto}
  .bx{display:block;padding:16px}
  .bx.empty{display:none}
  .tx{margin:10px 0;overflow-wrap:anywhere;hyphens:auto}
  .tx p,.tx span{max-width:100%}
  .bt{display:inline-flex;padding:12px 24px;margin:8px 0;min-width:130px;height:auto}
  .im{display:block;margin:10px auto;text-align:center}
  .im img{width:auto;max-width:100%;height:auto;margin:0 auto}
  .im.sm{display:inline-block;margin:8px}.im.sm img{width:100px}
  .vd{aspect-ratio:16/9}
  .ln{margin:12px 0}
  .sv{display:none}
  .slider .slide{position:static;display:none;opacity:1;visibility:visible}
  .slider .slide.on{display:block}
  .slider .slide .n{position:static}
  .dots{text-align:center;padding:8px 0}
  .dots button{position:static;display:inline-block;margin:0 6px}
  .ft .tx{margin:6px 16px}
}

.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* video i kort: vises ved hover paa PC, altid synlig paa touch/mobil */
.hv{display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:#f6f6f6;z-index:2}
.hv iframe{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);border:0;background:#000}
@media (hover:hover) and (min-width:901px){.bx:hover>.hv{display:block}}
@media (max-width:900px),(hover:none){
  .bx:has(>.hv){display:flex;flex-direction:column}
  .hv{display:block;position:static;order:9;background:none;margin:10px 0;aspect-ratio:16/9;max-width:100%}
  .hv iframe{position:static;width:100%;height:100%}
}

/* som Wix: tyndere tekst paa Mac (font-smoothing) */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* menuknap "Produkter +": samme lodrette placering som linkene (knapper centrerer ellers indholdet) */
.menu .dd-t{height:auto;padding:0 10px 18px}
/* billeder og video i harmonika-svar */
.fi .fa .fm{margin:14px 0 0}
.fi .fa .fm img{display:block;width:300px;max-width:100%;height:auto;aspect-ratio:926/621;object-fit:cover}
.fi .fa .fmv iframe{display:block;width:100%;aspect-ratio:436/245;border:0;background:#000}
/* hover-billede i kort */
.hv.hi img{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);object-fit:cover;display:block}
@media (max-width:900px),(hover:none){.hv.hi{display:none}}
