.elementor-286 .elementor-element.elementor-element-275670{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-b35175a *//* ================= PRIMEPIXEL — Variabler og basis ================ */
:root{
  --pp-bg:#1F2530; 
  --pp-text:#E6EDF3; 
  --pp-accent:#9CC2FF;
  --pp-h:60px; 
  --pp-mobile-h:56px;
  --pp-glow-rgb:156,194,255;
}
html,body{ margin:0; width:100%; max-width:100%; overflow-x:clip; -webkit-text-size-adjust:100%; }
body{ padding-top:var(--pp-h); background:#0f1218; color:var(--pp-text); font-family:Lato, system-ui, sans-serif; }
@media (max-width:900px){ body{ padding-top:0; } }

/* ================= Header layout ================ */
.pp-header{ position:fixed; inset:0 0 auto 0; z-index:99999; background:var(--pp-bg); color:var(--pp-text); box-shadow:0 4px 18px rgba(0,0,0,.25); }
.pp-wrap{ height:var(--pp-h); padding:0 40px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.pp-left{ display:flex; align-items:center; gap:14px; }
.pp-logo img{ height:26px; display:block; }

/* Logo glow kun ved hover på desktop */
.pp-logo{ position:relative; display:inline-block; }
.pp-logo::after{
  content:""; position:absolute; inset:-20%; pointer-events:none; opacity:0; transition:opacity .35s, filter .35s;
  background:radial-gradient(circle, rgba(var(--pp-glow-rgb),.5), rgba(var(--pp-glow-rgb),0) 70%); filter:blur(14px) saturate(120%);
}
@media (hover:hover) and (pointer:fine){
  .pp-logo:hover::after{ opacity:1; filter:blur(16px) saturate(130%); }
}

/* Social links */
.pp-social a{ color:var(--pp-accent); opacity:.95; margin-right:8px; transition:color .25s, text-shadow .35s; }
.pp-social a:last-child{ margin-right:0; }
@media (hover:hover) and (pointer:fine){
  .pp-social a:hover i{ text-shadow:0 0 6px rgba(var(--pp-glow-rgb),.9), 0 0 14px rgba(var(--pp-glow-rgb),.6), 0 0 28px rgba(var(--pp-glow-rgb),.4); }
}

/* Primær navigation */
.pp-nav{ display:flex; align-items:center; gap:22px; }
.pp-nav a{ font-family:Poppins, system-ui, sans-serif; font-weight:700; color:var(--pp-text); text-decoration:none; transition:color .25s, text-shadow .35s; }
@media (hover:hover) and (pointer:fine){
  .pp-nav a:hover{ color:var(--pp-accent); text-shadow:0 0 6px rgba(var(--pp-glow-rgb),.9), 0 0 14px rgba(var(--pp-glow-rgb),.6), 0 0 28px rgba(var(--pp-glow-rgb),.4); }
}
.pp-nav a[aria-current="page"]{ color:var(--pp-accent); text-shadow:0 0 4px rgba(var(--pp-glow-rgb),.65), 0 0 12px rgba(var(--pp-glow-rgb),.45); }

/* ================= Right side: pills og login ================ */
.pp-right{ display:flex; align-items:center; gap:12px; }

/* Piller: kompakt med ikon, pop ud tekst på hover */
.pp-pill{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:36px; width:42px; padding:0 12px;
  border:1px solid rgba(230,237,243,.3); border-radius:10px; background:transparent; color:var(--pp-text);
  overflow:hidden;
  transition:width .28s ease, padding .28s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
  text-shadow:none; box-shadow:none;
}
.pp-pill i{ font-size:16px; color:var(--pp-accent); min-width:18px; line-height:1; }
.pp-pill .label{
  flex:0 1 auto; max-width:0; opacity:0; white-space:nowrap; overflow:hidden; color:var(--pp-text); font-weight:500;
  transition:max-width .28s ease, opacity .18s ease, margin-left .18s ease; margin-left:0;
}
@media (hover:hover) and (pointer:fine){
  .pp-pill:hover{
    width:auto; padding:0 14px; border-color:var(--pp-accent);
    background:rgba(var(--pp-glow-rgb),.10); box-shadow:0 0 8px rgba(var(--pp-glow-rgb),.35);
  }
  .pp-pill:hover .label{ max-width:260px; opacity:1; margin-left:2px; }
}

/* Login knap */
.pp-login{
  display:flex; align-items:center; gap:8px;
  border:1px solid rgba(230,237,243,.3); border-radius:8px; padding:6px 14px;
  color:var(--pp-text); font-weight:700; text-decoration:none;
  transition:color .25s, border-color .25s, box-shadow .35s, text-shadow .35s;
}
.pp-login i{ color:var(--pp-accent); }
@media (hover:hover) and (pointer:fine){
  .pp-login:hover{
    color:var(--pp-accent); border-color:var(--pp-accent);
    box-shadow:0 0 10px rgba(var(--pp-glow-rgb),.45), 0 0 20px rgba(var(--pp-glow-rgb),.25);
    text-shadow:0 0 6px rgba(var(--pp-glow-rgb),.9), 0 0 14px rgba(var(--pp-glow-rgb),.6);
  }
}

/* ================= Mobil ================ */
.pp-burger{ display:none; border:0; background:transparent; color:var(--pp-text); font-size:22px; padding:8px 10px; margin-left:4px; cursor:pointer; }
@media (max-width:900px){
  /* Fast header med safe area uden at skubbe resten af siden */
  .pp-header{
    position:fixed !important; top:0; left:0; right:0;
    padding-top:env(safe-area-inset-top, 0px);
  }
  /* Skub kun første element under header ned */
  .pp-header + .elementor,
  .pp-header + #page,
  .pp-header + .site,
  .pp-header + section,
  .pp-header + div{
    margin-top:calc(var(--pp-mobile-h) + env(safe-area-inset-top, 0px)) !important;
  }
  html{ scroll-padding-top:calc(var(--pp-mobile-h) + env(safe-area-inset-top, 0px)); }

  .pp-wrap{ height:var(--pp-mobile-h); padding:0 14px; overflow:visible !important; }
  .pp-logo img{ height:22px; }
  .pp-social,.pp-nav{ display:none !important; }
  .pp-burger{ display:inline-block !important; }
  .pp-pill,.pp-login{ display:none !important; }
  .pp-logo::after{ display:none !important; }
}

/* Mobil menu overlay */
.pp-mobile{
  display:none; position:fixed; 
  inset:calc(var(--pp-mobile-h) + env(safe-area-inset-top)) 0 0 0;
  background:rgba(31,37,48,.98);
  border-top:1px solid rgba(255,255,255,.06);
  backdrop-filter:saturate(120%) blur(6px);
  z-index:100000;
}
.pp-mobile.open{ display:block; animation:ppSlideDown .22s ease; }
@keyframes ppSlideDown{ from{ opacity:0; transform:translateY(-6px);} to{ opacity:1; transform:none;} }
.pp-mobile a{
  display:block; padding:16px 20px; font-weight:600; color:var(--pp-text); text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.06); transition:color .25s, text-shadow .35s;
}
@media (hover:hover) and (pointer:fine){
  .pp-mobile a:hover{ color:var(--pp-accent); text-shadow:0 0 8px rgba(var(--pp-glow-rgb),.6); }
}

/* ================= Farver og sikkerhed ================ */
/* Tving lyseblå accent i header og Elementor kit */
.pp-header{
  --e-global-color-accent:#9CC2FF !important;
  --e-global-color-primary:#9CC2FF !important;
}
.pp-header a,
.pp-header a:hover,
.pp-header i,
.pp-header .pp-nav a,
.pp-header .pp-login,
.pp-header .pp-login i{
  color:#9CC2FF !important;
}
.pp-header .pp-pill,
.pp-header .pp-login{
  border-color:#9CC2FF33 !important;
}
@media (hover:hover) and (pointer:fine){
  .pp-header .pp-nav a:hover,
  .pp-header .pp-login:hover,
  .pp-header .pp-pill:hover{ border-color:#9CC2FF !important; }
}

.pp-header .pp-burger{
  border:none !important;           /* fjern firkant */
  background:none !important;       /* ingen baggrund */
  box-shadow:none !important;       /* ingen skygge */
  padding:0 !important;             /* fjern ekstra luft */
  color:#9CC2FF !important;         /* behold farven på stregerne */
}

.pp-header .pp-burger:hover{
  background:none !important;       /* heller ingen hover-baggrund */
  border:none !important;
  box-shadow:none !important;
}


}
@media (hover:hover) and (pointer:fine){
  .pp-header .pp-burger:hover,
  .pp-header .elementor-menu-toggle:hover{
    background:rgba(156,194,255,.12) !important;
    border-color:#9CC2FF !important;
    box-shadow:0 0 8px rgba(156,194,255,.35) !important;
  }
}

/* Sikring mod vandret skub fra store elementer på mobil */
@media (max-width:900px){
  .pp-logo-slider,.pp-hero,.pp-video-grid,.pp-flow,.pp-flow-svg{ max-width:100%; overflow-x:clip; }
  img,video,iframe,canvas,svg{ max-width:100%; height:auto; display:block; }
}

/* Nulstil inline farver inde i header hvis noget stadig er grønt */
.pp-header *[style*="color"]{ color:inherit !important; }
/* IKONER I CENTRUM — FIX */
.pp-pill{
  gap:0 !important;              /* fjern mellemrum der forskubber ikonet */
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
}

.pp-pill i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;                    /* fast bredde = stabil centrering */
  line-height:1;
}

.pp-pill .label{
  max-width:0;                   /* skjult som før */
  opacity:0;
  white-space:nowrap;
  overflow:hidden;
  margin-left:0;                 /* ingen offset når skjult */
  transition:max-width .28s ease, opacity .18s ease, margin-left .18s ease;
}

/* Når man hover: vis tekst og tilfør afstand med margin (ikke gap) */
@media (hover:hover) and (pointer:fine){
  .pp-pill:hover .label{
    max-width:260px;
    opacity:1;
    margin-left:8px;             /* erstatter tidligere gap */
  }
}/* End custom CSS */