/* =====================================================================
   ÅBENKIRKE KØBENHAVN · AK-SYSTEM  ·  version 2.6  ·  27. juli 2026 (i drift på sitet)
   ---------------------------------------------------------------------
   VERSION 2 ER SKREVET TIL ELEMENTORS EGNE WIDGETS.
   Siderne bygges med almindelige Elementor-elementer — overskrift, tekst,
   knap, billede, ikon, container — så alle i teamet kan rette teksten i
   editoren. Designet kommer herfra. Man skriver kun et klassenavn i
   feltet "CSS-klasser" under Avanceret på hver container og widget.

   Sæt hele filen ind ét sted: Udseende → Tilpas → Yderligere CSS.
   Sæt den ind ÉN gang. Aldrig i en widget. Aldrig kopieret pr. side.

   Alle værdier er målt på den godkendte forside og /jeg-er-ny/ 27.07.2026.

   Klassen "ake" skrives på HVER sektions-container. Uden "ake" sker der
   intet — systemet kan ikke ødelægge noget andet på sitet.
   (Navnet er "ake" og ikke "ak", fordi sitet allerede har et ældre .ak-system
    i Yderligere CSS til de gamle HTML-widgets. De to kan ikke kollidere.)
   ===================================================================== */

/* ---------- 1. TOKENS ---------------------------------------------- */
.ake{
  --rod:#E00000;      /* accent, knapper, øjenbryn på lys baggrund */
  --rod-m:#B00000;    /* mørk rød, kun til tekst i mærker          */
  --gul:#F6BC44;
  --cyan:#77DDEE;
  --blaa:#000777;
  --sort:#1C1C1C;
  --lysgraa:#F4F4F4;
  --navy:#000333;     /* overskrifter på lys baggrund              */
  --brod:#5C5C5C;     /* brødtekst på lys baggrund                 */
  --brod-lys:#DCDCDC; /* brødtekst på mørk baggrund                */
  --kant:#E8E2DB;
  --r:18px;           /* radius: kort, paneler, billeder           */
  --r-knap:8px;       /* radius: knapper                           */
  --widgets-spacing:0px 0px;   /* vi styrer selv afstandene         */
  line-height:1.6;
}
.ake *{box-sizing:border-box}

/* ---------- 2. NULSTILLING AF TEMAETS FARVER ------------------------
   Rodårsagen til sitets tidligere kontrastfejl var, at temaet og
   Elementors globale palet tvang en farve ned på hver enkelt tekstnode.
   Løsningen er ikke at kæmpe med specificitet, men at lade AL tekst arve
   farven fra den flade, den står på. Hver flade sætter så sin egen farve.
   Rør ikke denne blok.                                                */
.ake :is(h1,h2,h3,h4,h5,h6,p,span,li,dt,dd,strong,em,blockquote,summary,a,
        .elementor-heading-title,.elementor-button-text){
  color:inherit !important;
}

/* ---------- 3. TEKSTLAGENE ------------------------------------------
   Overskrifter styres af HTML-tag (H2 og H3) — der skal ingen klasse
   sættes. Øjenbryn og lead har hver sin klasse.                       */

/* Øjenbryn — Overskrift-widget, HTML-tag P, CSS-klasse: eb            */
.ake .eb{margin:0 0 13px}
.ake .eb .elementor-heading-title,
.ake .eb p{
  font-size:12.5px;font-weight:800;letter-spacing:1.7px;
  text-transform:uppercase;line-height:1.3;margin:0;
}

/* Overskrift — Overskrift-widget, HTML-tag H2                         */
.ake h2,.ake h2.elementor-heading-title{
  font-size:clamp(27px,3.4vw,42px);font-weight:800;letter-spacing:-1.4px;
  line-height:1.12;margin:0 0 18px;
}
.ake .elementor-widget-heading{margin:0 0 18px}
.ake .elementor-widget-heading:last-child{margin-bottom:0}

/* Underoverskrift — Overskrift-widget, HTML-tag H3                    */
.ake h3,.ake h3.elementor-heading-title{
  font-size:20px;font-weight:800;letter-spacing:-.3px;
  line-height:1.25;margin:0 0 9px;
}

/* Brødtekst — Tekst-widget, ingen klasse                              */
.ake .elementor-widget-text-editor{margin:0 0 15px}
.ake .elementor-widget-text-editor:last-child{margin-bottom:0}
.ake .elementor-widget-text-editor p{font-size:16.5px;line-height:1.65;margin:0 0 15px}
.ake .elementor-widget-text-editor p:last-child{margin-bottom:0}

/* Lead — Tekst-widget, CSS-klasse: lead                               */
.ake .lead{margin:0 0 26px;max-width:68ch}
.ake .lead p{font-size:19px;line-height:1.6}

/* ---------- 4. KNAPPER ----------------------------------------------
   Knap-widget. Uden klasse bliver den rød. Varianter:
   knap-hvid · knap-morkt · knap-linje                                 */
.ake .elementor-widget-button{margin-top:8px}
.ake .elementor-button{
  display:inline-block;text-decoration:none;font-weight:700;font-size:15.5px;
  padding:15px 30px;border-radius:var(--r-knap);
  border:2px solid transparent;transition:.15s;
  background-color:var(--rod);color:#fff !important;
}
.ake .elementor-button:hover{background-color:#B80000}
.ake .knap-hvid  .elementor-button{background-color:#fff;color:var(--navy) !important}
.ake .knap-hvid  .elementor-button:hover{background-color:#EFEFEF}
.ake .knap-morkt .elementor-button{background-color:var(--navy);color:#fff !important}
.ake .knap-morkt .elementor-button:hover{background-color:#000555}
.ake .knap-linje .elementor-button{background-color:transparent;border-color:currentColor;color:inherit !important}
.ake .knap-linje .elementor-button:hover{background-color:rgba(255,255,255,.14)}
.ake .elementor-button-content-wrapper,
.ake .elementor-button-text{display:inline}

/* Pil-link — Knap-widget med CSS-klasse: pil                          */
.ake .pil{margin-top:14px}
.ake .pil .elementor-button{
  background:none !important;border:0;padding:0;
  font-weight:700;font-size:15px;color:var(--rod) !important;
}

/* ---------- 5. SEKTIONER --------------------------------------------
   Container, indholdsbredde "Boxed".
   CSS-klasser: ake sek  +  s-hvid | s-graa | s-sort                    */
.ake.sek{
  --content-width:min(100%,1140px);
  --padding-top:clamp(52px,6vw,96px);
  --padding-bottom:clamp(52px,6vw,96px);
  --padding-left:clamp(18px,4vw,40px);
  --padding-right:clamp(18px,4vw,40px);
}
.ake.s-hvid{background-color:#fff;color:var(--brod)}
.ake.s-graa{background-color:var(--lysgraa);color:var(--brod)}
.ake.s-sort{background-color:var(--sort);color:var(--brod-lys)}

.ake.s-hvid h2,.ake.s-graa h2,.ake.s-hvid h3,.ake.s-graa h3{color:var(--navy) !important}
.ake.s-hvid .eb *,.ake.s-graa .eb *{color:var(--rod) !important}
.ake.s-sort h2,.ake.s-sort h3{color:#fff !important}
.ake.s-sort .eb *{color:var(--cyan) !important}

/* ---------- MODUL 1 · SPLIT-PANEL ------------------------------------
   Ydre container: fuld bredde · CSS-klasser: ake split   (+ vend)
   Barn 1: container · CSS-klasse: bil   (baggrundsbillede sættes i Stil)
   Barn 2: container · CSS-klasser: pan p-roed                         */
.ake.split{
  --display:grid;display:grid;grid-template-columns:1fr 1fr;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
  --content-width:100%;min-height:520px;
}
.ake.split .bil{
  background-size:cover;background-position:center;background-color:#DDD6CC;
  min-height:520px;
}
.ake.split .pan{
  --display:flex;display:flex;flex-direction:column;justify-content:center;
  --padding-top:clamp(34px,5vw,78px);--padding-bottom:clamp(34px,5vw,78px);
  --padding-left:clamp(34px,5vw,78px);--padding-right:clamp(34px,5vw,78px);
}
.ake.split .pan>*{max-width:34ch}
.ake.split.vend .bil{order:2}

.ake .p-hvid{background-color:#fff;color:var(--brod)}
.ake .p-hvid h2{color:var(--navy) !important}
.ake .p-hvid .eb *{color:var(--rod) !important}
.ake .p-roed{background-color:var(--rod);color:#fff}
.ake .p-gul {background-color:var(--gul);color:var(--navy)}
.ake .p-cyan{background-color:var(--cyan);color:var(--navy)}
.ake .p-blaa{background-color:var(--blaa);color:#fff}
.ake .p-sort{background-color:var(--sort);color:var(--brod-lys)}
.ake .p-sort h2{color:#fff !important}
.ake :is(.p-roed,.p-blaa,.p-sort) .elementor-button{background-color:#fff;color:var(--navy) !important}
.ake :is(.p-gul,.p-cyan) .elementor-button{background-color:var(--navy);color:#fff !important}

/* ---------- MODUL 2 · HVIDE KORT MED IKON ----------------------------
   Container · CSS-klasse: kgrid
   Hvert kort: container · CSS-klasse: kort
   I kortet: Ikon-widget (klasse ikon) · H3 · tekst · knap (klasse pil) */
.ake .kgrid{
  --display:grid;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;margin-top:38px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .kort{
  background-color:#fff;border:1.5px solid var(--kant);border-radius:var(--r);
  color:var(--brod);transition:.18s;
  --padding-top:32px;--padding-bottom:32px;--padding-left:28px;--padding-right:28px;
}
.ake .kort:hover{border-color:var(--rod)}
.ake .kort h3{color:var(--navy) !important}
.ake .ikon{margin:0 0 18px}
.ake .ikon .elementor-icon{
  width:46px;height:46px;border-radius:12px;background-color:var(--rod);
  display:flex;align-items:center;justify-content:center;
}
.ake .ikon .elementor-icon svg,.ake .ikon .elementor-icon i{
  width:23px;height:23px;font-size:22px;fill:#fff;color:#fff !important;
}

/* ---------- MODUL 3 · BILLEDKORT MED MÆRKE ---------------------------
   Container · CSS-klasse: agrid
   Hvert kort: container · CSS-klasse: akort
   I kortet: container klasse "bil" (baggrundsbillede) → container klasse
   "krop" med H3, mærke og tekst                                       */
.ake .agrid{
  --display:grid;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(228px,1fr));
  gap:20px;margin-top:38px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .akort{
  background-color:#fff;border:1.5px solid var(--kant);border-radius:var(--r);
  overflow:hidden;color:var(--brod);transition:.18s;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .akort:hover{border-color:var(--rod)}
.ake .akort .bil{
  min-height:150px;background-size:cover;background-position:center;
  background-color:#DDD6CC;
}
.ake .akort .krop{
  --padding-top:20px;--padding-bottom:24px;--padding-left:22px;--padding-right:22px;
}
.ake .akort h3{margin:0 0 9px;color:var(--navy) !important}
.ake .akort .elementor-widget-text-editor p{font-size:15px}

/* Mærke — Overskrift-widget, HTML-tag P, CSS-klasse: maerke           */
.ake .maerke{margin:0 0 12px}
.ake .maerke .elementor-heading-title{
  display:inline-block;font-size:12px;font-weight:800;letter-spacing:.6px;
  text-transform:uppercase;color:var(--rod-m) !important;background-color:#FCE9E9;
  padding:5px 11px;border-radius:999px;line-height:1.2;
}

/* ---------- MODUL 4 · FARVEBLOKKE ------------------------------------
   Container · CSS-klasse: fgrid
   Hver blok: container · CSS-klasser: fblok f-gul | f-cyan | f-sort | f-rod
   I blokken: Overskrift-widget tag P klasse "stor" + tag P klasse "lille" */
.ake .fgrid{
  --display:grid;display:grid;grid-template-columns:repeat(3,1fr);
  gap:20px;margin-top:38px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .fblok{
  --display:flex;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;
  border-radius:22px;min-height:290px;transition:.2s;
  --padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;
}
.ake .fblok .stor{margin:0 0 16px}
.ake .fblok .stor .elementor-heading-title{
  font-size:clamp(24px,2.7vw,33px);font-weight:800;letter-spacing:-.5px;
  line-height:1.05;text-transform:uppercase;
}
.ake .fblok .lille{margin:0}
.ake .fblok .lille .elementor-heading-title{font-size:18px;font-weight:600}
.ake .f-gul {background-color:var(--gul); color:var(--navy)}
.ake .f-cyan{background-color:var(--cyan);color:var(--navy)}
.ake .f-sort{background-color:var(--sort);color:#fff}
.ake .f-rod {background-color:var(--rod); color:#fff}

/* ---------- MODUL 5 · FAQ --------------------------------------------
   Elementors Harmonika-widget · CSS-klasse: faq
   Virker med både den nye og den gamle harmonika.                     */
.ake .faq{margin-top:34px;max-width:78ch}
.ake .faq .e-n-accordion-item,
.ake .faq .elementor-accordion-item{
  background-color:#fff;border:0;border-radius:12px;margin-bottom:11px;overflow:hidden;
}
.ake .faq .e-n-accordion-item-title,
.ake .faq .elementor-tab-title{
  padding:18px 22px;font-weight:800;font-size:16.5px;
  color:var(--navy) !important;background:none;border:0;cursor:pointer;
}
.ake .faq .e-n-accordion-item-title-text{font-size:16.5px;font-weight:800}
.ake .faq .e-n-accordion-item-title-icon,
.ake .faq .elementor-accordion-icon{color:var(--rod) !important}
.ake .faq .e-n-accordion-item>.e-con,
.ake .faq .elementor-tab-content{
  --padding-top:0px;--padding-bottom:20px;--padding-left:22px;--padding-right:22px;
  border:0;color:var(--brod);
}
.ake .faq .elementor-tab-content p{color:var(--brod) !important;margin:0}

/* ---------- MODUL 6 · PRAKTISK ---------------------------------------
   Bruger kort-modulet. Rækkerne laves med Tekst-widget, hvor hver linje
   er skrevet som:  <strong>Label</strong> Værdi                       */
.ake .prak p{display:flex;gap:22px;margin:0 0 9px;font-size:16px}
.ake .prak p:last-child{margin-bottom:0}
.ake .prak strong{font-weight:800;min-width:88px;flex:none}

/* ---------- MODUL 7 · KARRUSEL ---------------------------------------
   Container · CSS-klasse: kar
   Hvert kort: container · CSS-klasse: kar-kort (baggrundsbillede i Stil)
   Pilene er valgfri: to Knap-widgets i en container med klasse kar-pile */
.ake .kar-top{
  --display:flex;--flex-direction:row;display:flex;flex-direction:row;
  align-items:flex-end;justify-content:space-between;
  gap:24px;margin-bottom:26px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .kar-top>*:first-child{flex:1 1 auto;width:auto}
.ake .kar-pile{--display:flex;--flex-direction:row;display:flex;flex-direction:row;gap:12px;flex:none;width:auto}
.ake .kar-pile .elementor-button{
  width:56px;height:56px;padding:0;border-radius:50%;
  background-color:rgba(255,255,255,.16);color:#fff !important;
  display:flex;align-items:center;justify-content:center;font-size:20px;
}
.ake .kar-pile .elementor-button:hover{background-color:rgba(255,255,255,.32)}
.ake .kar{
  --display:grid;display:grid;grid-auto-flow:column;
  grid-auto-columns:minmax(240px,1fr);gap:18px;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding-bottom:4px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .kar::-webkit-scrollbar{display:none}
.ake .kar-kort{
  position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;
  background-size:cover;background-position:center;background-color:#2A2A2A;
  scroll-snap-align:start;justify-content:flex-end;
  --padding-top:0px;--padding-bottom:18px;--padding-left:20px;--padding-right:20px;
}
.ake .kar-kort::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(rgba(0,0,0,0) 48%,rgba(0,0,0,.86));
}
.ake .kar-kort>*{position:relative;z-index:2}
.ake .kar-kort .elementor-heading-title{
  font-size:16.5px;font-weight:600;color:#fff !important;
}
@media(min-width:900px){.ake .kar{grid-auto-columns:minmax(0,calc(25% - 14px))}}
@media(min-width:640px) and (max-width:899px){.ake .kar{grid-auto-columns:minmax(0,calc(50% - 9px))}}
@media(max-width:639px){.ake .kar{grid-auto-columns:minmax(0,82%)}}

/* ---------- MODUL 8 · EVENTLISTE -------------------------------------
   Container · CSS-klasse: ev-split  (venstre kolonne + liste)
   Hver linje: container · CSS-klasse: ev
   I linjen: Overskrift tag P klasse "dag" · Overskrift tag H3 · tekst klasse "meta" */
.ake .ev-split{
  --display:grid;display:grid;grid-template-columns:minmax(0,340px) 1fr;
  gap:48px;align-items:start;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .ev{
  --display:grid;display:grid;grid-template-columns:110px 1fr;gap:26px;
  align-items:center;border-top:1px solid rgba(255,255,255,.22);
  --padding-top:26px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;
}
.ake .ev:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
.ake .ev .dag{margin:0}
.ake .ev .dag .elementor-heading-title{
  font-size:clamp(44px,5vw,68px);font-weight:400;line-height:1;text-align:center;
}
.ake .ev h3{font-size:clamp(22px,2.4vw,30px);font-weight:500;letter-spacing:-.5px;margin:0 0 8px}
.ake .ev .meta p{font-size:15px;opacity:.62;margin:0}

/* ---------- MODUL 9 · FOTOBÅND ---------------------------------------
   Container, fuld bredde · CSS-klasse: ake foto
   Baggrundsbillede sættes i Stil. Overlay laves af CSS'en.            */
.ake.foto{
  position:relative;min-height:460px;justify-content:center;
  background-size:cover;background-position:center;background-color:#1C1C1C;
  color:#fff;
  --padding-top:clamp(40px,6vw,90px);--padding-bottom:clamp(40px,6vw,90px);
  --padding-left:clamp(18px,4vw,40px);--padding-right:clamp(18px,4vw,40px);
  --content-width:min(100%,1140px);
}
.ake.foto::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.42)}
.ake.foto>*,.ake.foto>.e-con-inner{position:relative;z-index:2}
.ake.foto h2{color:#fff !important;max-width:20ch}
.ake.foto .eb *{color:#fff !important}
.ake.foto .elementor-widget-text-editor p{color:rgba(255,255,255,.88) !important;max-width:52ch}

/* ---------- MODUL 10 · INFOBÅND --------------------------------------
   Container · CSS-klasse: ake band                                      */
.ake.band{
  background-color:var(--sort);color:#fff;
  --padding-top:30px;--padding-bottom:30px;
  --padding-left:clamp(18px,4vw,32px);--padding-right:clamp(18px,4vw,32px);
  --content-width:min(100%,1240px);
}
.ake.band>.e-con-inner,.ake.band.e-con-full{
  --flex-direction:row;display:flex;flex-direction:row;align-items:center;
  justify-content:space-between;gap:36px;flex-wrap:wrap;
}
.ake.band .btxt{width:auto;flex:1 1 340px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.ake.band h3{font-size:clamp(21px,2.1vw,27px);letter-spacing:-.6px;margin:0 0 5px;color:#fff !important}
.ake.band .elementor-widget-text-editor p{font-size:15.5px;margin:0;color:rgba(255,255,255,.72) !important}
.ake.band .smal p{font-size:13.5px;margin-top:7px;color:rgba(255,255,255,.5) !important}
.ake.band .bknap{--display:flex;--flex-direction:row;display:flex;flex-direction:row;
  gap:12px;flex-wrap:wrap;flex:none;width:auto;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.ake.band .elementor-widget-button{margin-top:0}



/* ---------- MODUL 11 · VIDEO-HERO ------------------------------------
   Container, fuld bredde · CSS-klasse: ake vhero
   Stil → Baggrund → Video: [mp4] + Baggrundsbillede som reserve.
   Lydknappen er en Knap-widget med CSS-klasse: lydknap                 */
.ake.vhero{
  position:relative;min-height:clamp(420px,70vh,720px);
  justify-content:flex-end;background-color:var(--sort);color:#fff;
  --padding-top:clamp(40px,6vw,80px);--padding-bottom:clamp(40px,6vw,80px);
  --padding-left:clamp(18px,4vw,40px);--padding-right:clamp(18px,4vw,40px);
  --content-width:min(100%,1140px);overflow:hidden;
}
.ake.vhero::before{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(rgba(0,0,0,.30) 0%,rgba(0,0,0,.62) 100%);
}
.ake.vhero>*,.ake.vhero>.e-con-inner{position:relative;z-index:2}
.ake.vhero .elementor-background-video-container,
.ake.vhero .elementor-background-video-hosted{z-index:0}
.ake.vhero h2{color:#fff !important;max-width:18ch}
.ake.vhero .eb *{color:#fff !important}
.ake.vhero .elementor-widget-text-editor p{color:rgba(255,255,255,.9) !important;max-width:56ch}

/* Lydknap — Knap-widget med CSS-klasse: lydknap                        */
.ake .lydknap{margin-top:22px}
.ake .lydknap .elementor-button{
  background-color:rgba(255,255,255,.16);color:#fff !important;
  border:2px solid rgba(255,255,255,.55);border-radius:999px;
  padding:12px 24px;font-size:15px;backdrop-filter:blur(3px);
}
.ake .lydknap .elementor-button:hover{background-color:rgba(255,255,255,.3)}
.ake .lydknap.lyd-til .elementor-button{background-color:rgba(255,255,255,.34)}

/* ---------- MOBIL ----------------------------------------------------- */
@media(max-width:820px){
  .ake.split{grid-template-columns:1fr}
  .ake.split .bil{min-height:260px;order:0 !important}
  .ake.split .pan>*{max-width:none}
  .ake .fgrid{grid-template-columns:1fr}
  .ake .ev-split{grid-template-columns:1fr;gap:28px}
  .ake .ev{grid-template-columns:74px 1fr;gap:18px}
  .ake.band>.e-con-inner,.ake.band.e-con-full{flex-direction:column;align-items:flex-start}
}

/* =====================================================================
   HÅNDHÆVELSE — nødvendig så længe den gamle CSS-blok ligger ovenfor
   ---------------------------------------------------------------------
   Sitets Yderligere CSS indeholder ældre regler, der rammer ALLE sider
   efter position, ikke efter klasse. To af dem er skadelige her:

     body:not(.home) … > .e-con:nth-of-type(2n+3) { background:#F4F4F4 }
        → giver hver anden sektion grå baggrund, uanset hvad vi vælger
     body:not(.home) … > .e-con:first-of-type { padding-top:88px !important }
        → tvinger luft ind over sidens første sektion

   Blokken herunder giver .ake-sektionerne deres egne værdier tilbage.
   Når den gamle blok en dag slettes, kan hele denne blok også slettes.
   ===================================================================== */

/* baggrunde */
.ake.split{background-color:transparent !important}
.ake.s-hvid{background-color:#fff !important}
.ake.s-graa{background-color:var(--lysgraa) !important}
.ake.s-sort{background-color:var(--sort) !important}
.ake.vhero,.ake.foto,.ake.band{background-color:var(--sort) !important}
.ake .p-hvid{background-color:#fff !important}
.ake .p-roed{background-color:var(--rod) !important}
.ake .p-gul {background-color:var(--gul) !important}
.ake .p-cyan{background-color:var(--cyan) !important}
.ake .p-blaa{background-color:var(--blaa) !important}
.ake .p-sort{background-color:var(--sort) !important}
.ake .kort,.ake .akort{background-color:#fff !important}
.ake .f-gul{background-color:var(--gul) !important}
.ake .f-cyan{background-color:var(--cyan) !important}
.ake .f-sort{background-color:var(--sort) !important}
.ake .f-rod{background-color:var(--rod) !important}
.ake .bil,.ake .kar-kort{background-color:#DDD6CC}

/* afstande */
.ake.sek{padding:clamp(52px,6vw,96px) clamp(18px,4vw,40px) !important}
.ake.vhero{padding:clamp(40px,6vw,80px) clamp(18px,4vw,40px) !important}
.ake.foto{padding:clamp(40px,6vw,90px) clamp(18px,4vw,40px) !important}
.ake.band{padding:30px clamp(18px,4vw,32px) !important}
.ake.split{padding:0 !important}
.ake.split .bil{padding:0 !important}
.ake.split .pan{padding:clamp(34px,5vw,78px) !important}
.ake .kgrid,.ake .agrid,.ake .fgrid,.ake .kar,.ake .kar-top,
.ake .kar-pile,.ake .ev-split,.ake .btxt,.ake .bknap{padding:0 !important}
.ake .kort{padding:32px 28px !important}
.ake .akort{padding:0 !important}
.ake .akort .krop{padding:20px 22px 24px !important}
.ake .fblok{padding:64px 32px !important}
.ake .kar-kort{padding:0 20px 18px !important}
.ake .ev{padding:26px 0 !important}

/* baggrundsvideo skal dække sin container */
.ake .elementor-background-video-container{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
.ake .elementor-background-video-hosted{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;
}
.ake.split .bil{position:relative;overflow:hidden}


/* =====================================================================
   HÅNDHÆVELSE trin 2-8 — indsat direkte på sitet 27.07.2026
   ---------------------------------------------------------------------
   Sitets Yderligere CSS indeholdt i forvejen ca. 83.000 tegn ældre regler
   fra tidligere sessioner. Flere af dem rammer ALLE sider efter position
   i stedet for efter klasse, og de vinder over .ake alene. Blokken her
   giver .ake-sektionerne deres egne værdier tilbage.

   Når den gamle blok en dag slettes, kan hele denne del også slettes.
   ===================================================================== */

/* trin 2 — sidens første sektion (gamle regler med page-id og !important) */
html body [data-elementor-type] > .e-con.ake.split{background-color:transparent !important;padding:0 !important}
html body [data-elementor-type] > .e-con.ake.s-hvid{background-color:#fff !important}
html body [data-elementor-type] > .e-con.ake.s-graa{background-color:#F4F4F4 !important}
html body [data-elementor-type] > .e-con.ake.s-sort{background-color:#1C1C1C !important}
html body [data-elementor-type] > .e-con.ake.vhero,html body [data-elementor-type] > .e-con.ake.foto,html body [data-elementor-type] > .e-con.ake.band{background-color:#1C1C1C !important}
html body [data-elementor-type] > .e-con.ake.sek{padding:clamp(52px,6vw,96px) clamp(18px,4vw,40px) !important}
html body [data-elementor-type] > .e-con.ake.vhero{padding:clamp(40px,6vw,80px) clamp(18px,4vw,40px) !important}
html body [data-elementor-type] > .e-con.ake.foto{padding:clamp(40px,6vw,90px) clamp(18px,4vw,40px) !important}
html body [data-elementor-type] > .e-con.ake.band{padding:30px clamp(18px,4vw,32px) !important}

/* trin 3-6 — venstrestilling, baggrundsvideo og mørkt slør
   (klassen gentages fire gange for at matche de gamle reglers vægt)      */
html body [data-elementor-type] .ake.ake.ake.ake.vhero > .e-con-inner{position:static !important}
html body [data-elementor-type] .ake.ake.ake.ake.vhero > .e-con-inner > .elementor-element{position:relative;z-index:2}
html body [data-elementor-type] .ake.ake.ake.ake .elementor-background-video-container{position:absolute;inset:0;z-index:0;overflow:hidden}
html body [data-elementor-type] .ake.ake.ake.ake .elementor-element{margin-inline:0 !important}
html body [data-elementor-type] .ake.ake.ake.ake :is(.elementor-heading-title,.elementor-widget-container,.elementor-widget-text-editor p,.elementor-button-wrapper){margin-inline:0 !important;max-width:none}
html body [data-elementor-type] .ake.ake.ake.ake .eb .elementor-heading-title{max-width:none !important}
html body [data-elementor-type] .ake.ake.ake.ake .fblok :is(.elementor-element,.elementor-heading-title){margin-inline:auto !important}
html body [data-elementor-type] .ake.ake.ake.ake .ev .dag .elementor-heading-title{margin-inline:auto !important}
html body [data-elementor-type] .ake.ake.ake.ake.vhero::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;background-image:linear-gradient(rgba(0,0,0,.32),rgba(0,0,0,.64)) !important}
html body [data-elementor-type] .ake.ake.ake.ake.foto::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)) !important}
html body [data-elementor-type] .ake.ake.ake.ake.foto > .e-con-inner{position:relative;z-index:2}
html body [data-elementor-type] .ake.ake.ake.ake .kar-kort::after{background-image:linear-gradient(rgba(0,0,0,0) 48%,rgba(0,0,0,.86)) !important}

/* trin 7 — farver via sitets eksisterende --ak-variabler.
   Den gamle blok farver al tekst med  color: var(--ak-h, …) !important.
   Det er en god løsning, så .ake bruger den i stedet for at kæmpe imod:
   hver flade sætter blot variablerne til sine egne farver.               */
.ake.s-hvid,.ake.s-graa,.ake .p-hvid{--ak-h:#000333;--ak-brod:#5C5C5C;--ak-eb:#E00000}
.ake.s-sort{--ak-h:#FFFFFF;--ak-brod:#DCDCDC;--ak-eb:#77DDEE}
.ake.vhero,.ake.foto,.ake.band{--ak-h:#FFFFFF;--ak-brod:#FFFFFF;--ak-eb:#FFFFFF}
.ake .p-roed,.ake .p-blaa,.ake .p-sort{--ak-h:#FFFFFF;--ak-brod:#FFFFFF;--ak-eb:#FFFFFF}
.ake .p-gul,.ake .p-cyan{--ak-h:#000333;--ak-brod:#000333;--ak-eb:#000333}
.ake .kort,.ake .akort{--ak-h:#000333;--ak-brod:#5C5C5C}
.ake .maerke{--ak-h:#B00000;--ak-brod:#B00000;--ak-eb:#B00000}
.ake .f-gul,.ake .f-cyan{--ak-h:#000333;--ak-brod:#000333}
.ake .f-sort,.ake .f-rod,.ake .kar-kort{--ak-h:#FFFFFF;--ak-brod:#FFFFFF}
.ake .pil{--ak-h:#E00000;--ak-brod:#E00000}
.ake .faq .e-n-accordion-item-title{--ak-h:#000333;--ak-brod:#000333}
.ake .faq .e-n-accordion-item > .e-con{--ak-h:#5C5C5C;--ak-brod:#5C5C5C}

/* trin 8 — linjelængder.
   En gammel regel sætter max-width:30ch på alle overskrift-widgets. Da ch
   regnes ud fra widget-kassens 16px og ikke overskriftens 42px, blev
   overskrifterne klippet til ca. 300px og brækkede efter to ord.         */
html body [data-elementor-type] .ake.ake.ake.ake .elementor-widget-heading{max-width:none !important}
html body [data-elementor-type] .ake.ake.ake.ake h2{max-width:20ch}
html body [data-elementor-type] .ake.ake.ake.ake.vhero h2{max-width:18ch}
html body [data-elementor-type] .ake.ake.ake.ake .elementor-widget-text-editor{max-width:68ch}
html body [data-elementor-type] .ake.ake.ake.ake.split .pan .elementor-widget-heading,html body [data-elementor-type] .ake.ake.ake.ake.split .pan .elementor-widget-text-editor{max-width:34ch !important}
html body [data-elementor-type] .ake.ake.ake.ake.split .pan h2{max-width:none}


/* ==== =====================================================================
   TILFØJET 27.07.2026 efter første side i drift
   ===================================================================== */

/* --- Rød sektion — samme som s-graa og s-sort, bare i husets røde ---- */
.ake.s-rod{background-color:#E00000;color:#fff;--ak-h:#FFFFFF;--ak-brod:#FFFFFF;--ak-eb:#FFFFFF}
.ake.s-rod h2,.ake.s-rod h3{color:#fff !important}
.ake.s-rod .eb *{color:#fff !important}
html body [data-elementor-type] > .e-con.ake.s-rod{background-color:#E00000 !important;padding:clamp(52px,6vw,96px) clamp(18px,4vw,40px) !important}

/* --- MODUL 9b · VIDEOBÅND -------------------------------------------
   Fotobåndet uden tekst og uden slør, låst til 16:9. Bruges når en video
   ER indholdet. Et liggende klip kan ikke stå i en split-halvdel — der
   ryger to tredjedele af billedet. Læg det her i stedet.
   Container, fuld bredde · CSS-klasse: ake videoband
   Stil → Baggrund → Video: [mp4] + et stillbillede som reserve.        */
.ake.videoband{
  position:relative;overflow:hidden;aspect-ratio:16/9;max-height:640px;
  background-color:#1C1C1C;--content-width:100%;
}
html body [data-elementor-type] > .e-con.ake.videoband{background-color:#1C1C1C !important;padding:0 !important}
html body [data-elementor-type] .ake.ake.ake.ake.videoband{padding:0 !important}

/* --- HÅNDHÆVELSE trin 9: baggrundsvideoer skal fylde deres boks ------
   Fejl fundet 27.07.2026: videoen blev vist i sin egen opløsning
   (3840 px) i en boks på ca. 1200 px, fordi min-width:100% sammen med
   width:auto giver den største af de to. Resultatet var et ekstremt
   nærbillede. Her får videoen fast 100 % × 100 % og object-fit:cover.  */
html body [data-elementor-type] .ake.ake.ake.ake .elementor-background-video-container{
  position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;
}
html body [data-elementor-type] .ake.ake.ake.ake .elementor-background-video-container video,
html body [data-elementor-type] .ake.ake.ake.ake .elementor-background-video-hosted{
  position:absolute !important;top:0 !important;left:0 !important;
  right:auto !important;bottom:auto !important;
  width:100% !important;height:100% !important;
  min-width:0 !important;min-height:0 !important;
  max-width:none !important;max-height:none !important;
  transform:none !important;object-fit:cover !important;
  object-position:center 38% !important;
}


/* =====================================================================
   MODUL 12 · PRÆDIKENKORT OG PRÆDIKENARKIV
   ---------------------------------------------------------------------
   Kortet bruges i Elementors Loop Grid på /praedikener/.
   Miniaturen sættes af det site-brede script ud fra YouTube-adressen,
   som ligger skjult i .pvideo. Uden JavaScript ses en mørk flade.
   ===================================================================== */

.ake .pgrid{
  --display:grid;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:26px;margin-top:38px;
}
.ake .pkort{
  background-color:#fff;border:1.5px solid var(--kant);border-radius:var(--r);
  overflow:hidden;color:var(--brod);transition:.18s;
  --ak-h:#000333;--ak-brod:#5C5C5C;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .pkort:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.09);border-color:var(--rod)}

.ake .pbil{
  aspect-ratio:16/9;background-size:cover;background-position:center;
  background-color:#2A2A2A;position:relative;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .pvideo{display:none !important}

.ake .pkrop{
  --padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;
}
.ake .pmeta{
  --display:flex;--flex-direction:row;display:flex;flex-direction:row;
  flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake .pdato .elementor-heading-title{
  display:inline-block;background-color:var(--gul);color:var(--navy) !important;
  font-size:12px;font-weight:800;letter-spacing:.4px;
  padding:5px 11px;border-radius:6px;line-height:1.2;
}
.ake .pserie .elementor-heading-title{
  display:inline-block;background-color:#EFEBE5;color:#6A6259 !important;
  font-size:12px;font-weight:700;letter-spacing:.4px;
  padding:5px 11px;border-radius:6px;line-height:1.2;
}
.ake .pdato,.ake .pserie{margin:0}
.ake .pkort h3{margin:0 0 6px;color:var(--navy) !important}
.ake .ptaler{margin:0}
.ake .ptaler .elementor-heading-title{font-size:14.5px;font-weight:500;color:var(--brod) !important}

.ake .pfod{
  border-top:1.5px solid var(--kant);
  --display:flex;--flex-direction:row;display:flex;flex-direction:row;
  align-items:center;gap:9px;
  --padding-top:15px;--padding-bottom:15px;--padding-left:22px;--padding-right:22px;
}
.ake .pfod .elementor-heading-title{
  font-size:15px;font-weight:700;color:var(--rod) !important;
}

/* Prædikenens egen side — afspilleren i fuld bredde på mørk flade */
.ake.pside-hoved{
  background-color:var(--sort);color:#fff;
  --ak-h:#FFFFFF;--ak-brod:#FFFFFF;--ak-eb:#FFFFFF;
  --padding-top:clamp(40px,5vw,72px);--padding-bottom:clamp(28px,3vw,40px);
}
.ake.pside-hoved h1,.ake.pside-hoved h2{color:#fff !important}
.ake .pafspiller{
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
  background-color:#000;
}
.ake .pafspiller .elementor-widget-video,
.ake .pafspiller .elementor-wrapper{aspect-ratio:16/9}

@media(max-width:640px){
  .ake .pgrid{grid-template-columns:1fr}
}


/* =====================================================================
   MODUL 12b · ARKIV- OG ENKELTSIDE-SKABELONER (tilføjet 27.07.2026)
   ---------------------------------------------------------------------
   Prædikenerne vises gennem Elementors Skabelon bygger. En arkivskabelon
   og en enkeltside-skabelon har ikke data-elementor-type="wp-page", men
   "archive" og "single-post". Derfor er håndhævelsen ovenfor gjort
   generel: den gælder nu alle Elementor-dokumenter.

   Loop Grid'et sætter selv antal spalter (3 / 2 / 1) og afstand i
   editoren, så teamet kan ændre det uden kode.
   ===================================================================== */

.ake .pgrid-w{margin-top:38px}
.ake .pgrid-w .elementor-loop-container{align-items:stretch}
.ake .pgrid-w .e-loop-item{display:flex}
.ake .pgrid-w .e-loop-item > .e-con{width:100%}

.ake.pafspiller{
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
  background-color:#000;--content-width:100%;
}
.ake.pafspiller .elementor-widget-video,
.ake.pafspiller .elementor-wrapper{aspect-ratio:16/9}
.ake.pafspiller .elementor-widget-video iframe{width:100%;height:100%}

.ake.pside-hoved .pmeta{
  --display:flex;--flex-direction:row;display:flex;flex-direction:row;
  flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;
  --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
}
.ake.pside-hoved h1{margin:0 0 10px;font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-1.4px;line-height:1.12}
.ake.pside-hoved .ptaler .elementor-heading-title{font-size:17px;font-weight:500;color:#DCDCDC !important}

/* =====================================================================
   HÅNDHÆVELSE trin 10 — knapper på farvede paneler (27.07.2026)
   ---------------------------------------------------------------------
   Fejl fundet på /sozo/: knappen på det røde panel blev hvid tekst på
   hvid baggrund. Sitets gamle blok farver al tekst med
   color: var(--ak-h) !important, og på et rødt panel er --ak-h hvid.
   Knappen har sin egen flade og skal derfor have sin egen farve —
   ikke panelets. Farverne står som faste værdier, så de ikke kan
   slås ud af en variabel, der bliver sat et andet sted.
   ===================================================================== */

html body [data-elementor-type] .ake.ake.ake.ake :is(.p-roed,.p-blaa,.p-sort) .elementor-button,
html body [data-elementor-type] .ake.ake.ake.ake :is(.p-roed,.p-blaa,.p-sort) .elementor-button *,
html body [data-elementor-type] .ake.ake.ake.ake .knap-hvid .elementor-button,
html body [data-elementor-type] .ake.ake.ake.ake .knap-hvid .elementor-button *{
  background-color:#fff !important;color:#000333 !important;
}
html body [data-elementor-type] .ake.ake.ake.ake .knap-hvid .elementor-button *,
html body [data-elementor-type] .ake.ake.ake.ake :is(.p-roed,.p-blaa,.p-sort) .elementor-button *{
  background-color:transparent !important;
}
html body [data-elementor-type] .ake.ake.ake.ake :is(.p-gul,.p-cyan) .elementor-button,
html body [data-elementor-type] .ake.ake.ake.ake .knap-morkt .elementor-button{
  background-color:#000333 !important;
}
html body [data-elementor-type] .ake.ake.ake.ake :is(.p-gul,.p-cyan) .elementor-button *,
html body [data-elementor-type] .ake.ake.ake.ake .knap-morkt .elementor-button *,
html body [data-elementor-type] .ake.ake.ake.ake :is(.p-gul,.p-cyan) .elementor-button,
html body [data-elementor-type] .ake.ake.ake.ake .knap-morkt .elementor-button{
  color:#fff !important;
}
html body [data-elementor-type] .ake.ake.ake.ake .pil .elementor-button,
html body [data-elementor-type] .ake.ake.ake.ake .pil .elementor-button *{
  background-color:transparent !important;color:#E00000 !important;
}
html body [data-elementor-type] .ake.ake.ake.ake .elementor-button:not(.ake .knap-linje .elementor-button){
  text-decoration:none !important;
}

/* =====================================================================
   HÅNDHÆVELSE trin 11 — farver slår igennem på ALLE sider (27.07.2026)
   ---------------------------------------------------------------------
   Fejl fundet på /oc-kids/: teksten på det cyan panel blev hvid på cyan.
   Årsagen er en ældre regel af typen

     html body.page-id-78 [data-elementor-type="wp-page"]
       > .e-con:first-of-type :is(h1,…) { color:#fff !important }

   Den gør sidens FØRSTE sektion hvid, fordi den engang altid var en
   mørk hero. Reglen findes i en variant pr. side-id og vejer tungere
   end .ake alene. Herunder får hver flade sin farve tilbage med en
   vægt, der er én klasse højere (body[class]).

   Rækkefølgen er: flade → panel → kort. Det inderste vinder.
   ===================================================================== */

/* lyse flader */
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-hvid,.s-graa) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title){color:#000333 !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-hvid,.s-graa) :is(p,li,span,dt,dd,blockquote,summary){color:#5C5C5C !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-hvid,.s-graa) .eb :is(p,span,.elementor-heading-title){color:#E00000 !important}

/* mørke flader */
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-sort) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title){color:#FFFFFF !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-sort) :is(p,li,span,dt,dd,blockquote,summary){color:#DCDCDC !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-sort) .eb :is(p,span,.elementor-heading-title){color:#77DDEE !important}

/* rød flade, foto, videobånd og hero — alt hvidt */
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-rod,.foto,.vhero,.band,.videoband) :is(h1,h2,h3,h4,h5,h6,p,li,span,dt,dd,blockquote,summary,.elementor-heading-title){color:#FFFFFF !important}

/* paneler i split-modulet */
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.p-gul,.p-cyan,.p-hvid) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title){color:#000333 !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.p-gul,.p-cyan) :is(p,li,span,dt,dd){color:#000333 !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake .p-hvid :is(p,li,span,dt,dd){color:#5C5C5C !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake .p-hvid .eb :is(p,span,.elementor-heading-title){color:#E00000 !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.p-roed,.p-blaa,.p-sort) :is(h1,h2,h3,h4,h5,h6,p,li,span,dt,dd,.elementor-heading-title){color:#FFFFFF !important}

/* hvide kort på enhver flade */
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.kort,.akort,.pkort) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title){color:#000333 !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.kort,.akort,.pkort) :is(p,li,span,dt,dd){color:#5C5C5C !important}

/* knapper beholder deres egen farve uanset flade */
html body[class] [data-elementor-type] .ake.ake.ake.ake .elementor-button,
html body[class] [data-elementor-type] .ake.ake.ake.ake .elementor-button :is(span,.elementor-button-text){color:#FFFFFF !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.p-roed,.p-blaa,.p-sort,.knap-hvid) .elementor-button,
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.p-roed,.p-blaa,.p-sort,.knap-hvid) .elementor-button :is(span,.elementor-button-text),
html body[class] [data-elementor-type] .ake.ake.ake.ake .knap-hvid .elementor-button :is(span,.elementor-button-text){color:#000333 !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake .pil .elementor-button,
html body[class] [data-elementor-type] .ake.ake.ake.ake .pil .elementor-button :is(span,.elementor-button-text){color:#E00000 !important}

/* =====================================================================
   HÅNDHÆVELSE trin 11b — venstrestilling og linjelængder (27.07.2026)
   ---------------------------------------------------------------------
   Samme årsag som trin 11: ældre regler pr. side-id centrerer widgets
   med margin-inline:auto og rykker afsnit ind. Øjenbrynet på /oc-kids/
   stod 127 px inde i panelet. Her sættes venstrestillingen tilbage med
   samme vægt, og bagefter får de moduler, der FAKTISK skal centreres,
   deres centrering igen. Til sidst genindsættes linjelængderne.
   ===================================================================== */

html body[class] [data-elementor-type] .ake.ake.ake.ake .elementor-widget{margin-inline:0 !important;width:auto !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.elementor-widget-container,.elementor-heading-title,.elementor-widget-text-editor p,.elementor-widget-text-editor ul,.elementor-widget-text-editor ol,.elementor-button-wrapper){margin-inline:0 !important;padding-inline:0 !important}

/* de moduler, der skal være centreret, får det tilbage */
html body[class] [data-elementor-type] .ake.ake.ake.ake .fblok :is(.elementor-widget,.elementor-heading-title),
html body[class] [data-elementor-type] .ake.ake.ake.ake .ev .dag .elementor-heading-title{margin-inline:auto !important}

/* linjelængder — samme vægt som reglerne ovenfor */
html body[class] [data-elementor-type] .ake.ake.ake.ake .elementor-widget-heading{max-width:none !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake h2{max-width:20ch}
html body[class] [data-elementor-type] .ake.ake.ake.ake .elementor-widget-text-editor{max-width:68ch}
html body[class] [data-elementor-type] .ake.ake.ake.ake.vhero h2{max-width:18ch}
html body[class] [data-elementor-type] .ake.ake.ake.ake .split .pan :is(.elementor-widget-heading,.elementor-widget-text-editor){max-width:34ch !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake .split .pan h2{max-width:none}
html body[class] [data-elementor-type] .ake.ake.ake.ake .eb .elementor-heading-title{max-width:none !important}

/* =====================================================================
   TILFØJELSER 27.07.2026 aften — under ombygningen af undersiderne
   ===================================================================== */

/* Farveblokke: tre ELLER fire blokke på en række */
.ake .fgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* Billedkort med portrætfoto — fx præsteteamet. Klasse: agrid team */
.ake .team .akort .bil{aspect-ratio:1/1;min-height:0}

/* Links inde i tekst skal kunne ses */
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.kort,.akort) a{color:#E00000 !important;text-decoration:none;font-weight:600}
html body[class] [data-elementor-type] .ake.ake.ake.ake :is(.kort,.akort) a:hover{text-decoration:underline}
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-hvid,.s-graa) .elementor-widget-text-editor a{color:#E00000 !important}
html body[class] [data-elementor-type] .ake.ake.ake.ake:is(.s-sort,.s-rod,.foto,.vhero,.band) .elementor-widget-text-editor a{color:#77DDEE !important}

/* Kort med link skal ikke se ud som et link */
html body[class] [data-elementor-type] a.ake.pkort,
html body[class] [data-elementor-type] .ake.ake.ake.ake a.kort,
html body[class] [data-elementor-type] .ake.ake.ake.ake a.akort{text-decoration:none !important;display:block}