.elementor-kit-678{--e-global-color-primary:#111113;--e-global-color-secondary:#AAAFA1;--e-global-color-text:#707070;--e-global-color-accent:#111113;--e-global-color-6671d14:#AF9FD2;--e-global-color-7fb3948:#FFFFFF;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:61px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:44px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.6em;color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-kit-678 e-page-transition{background-color:#FFBC7D;}.elementor-kit-678 a{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;}.elementor-kit-678 h1{color:var( --e-global-color-primary );font-family:"Playfair Display", Sans-serif;font-size:3.5rem;font-weight:600;line-height:1.1em;}.elementor-kit-678 h2{color:var( --e-global-color-primary );font-size:44px;font-weight:500;line-height:1.2em;}.elementor-kit-678 h3{color:var( --e-global-color-primary );font-family:"Playfair Display", Sans-serif;font-size:31px;font-weight:500;line-height:1.2em;}.elementor-kit-678 h4{font-size:22px;font-weight:500;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0rem;--container-default-padding-right:0rem;--container-default-padding-bottom:0rem;--container-default-padding-left:0rem;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   1. GLOBALE VARIABLER (Dit Dashboard)
   ============================================================ */
:root {
    /* TYPOGRAFI (Fluid - skalerer automatisk) */
    --fs-h1: clamp(2.5rem, 5vw + 1rem, 4.5rem);
    --fs-h2: clamp(2rem, 4vw + 1rem, 3.5rem);
    --fs-h3: clamp(1.75rem, 3vw + 1rem, 2.5rem);
    --fs-h4: clamp(1.5rem, 2vw + 1rem, 2rem);
    --heading-margin: 1.2rem;

    /* PADDING SYSTEM (Sektioner) */
    --p-inline: 2rem;
    --p-s: 3rem;
    --p-m: 6rem;
    --p-l: 12rem;

    /* DESIGN SYSTEM (Standarder) */
    --radius: 8px;
    --btn-padding-y: 14px;
    --btn-padding-x: 28px;
    --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --shadow: 0 10px 30px rgba(0,0,0,0.08);

    /* FARVE-MAPPING (Koblet til Elementor Globals) */
    --clr-primary: var(--e-global-color-primary);
    --clr-secondary: var(--e-global-color-secondary);
    --clr-text: var(--e-global-color-text);
    --clr-bg: #ffffff;
    --clr-card-bg: #ffffff;
    --clr-border: #eeeeee;
}

/* DARK MODE TEMA OVERRIDE */
.theme-dark {
    --clr-bg: #1a1a1a;
    --clr-card-bg: #2a2a2a;
    --clr-text: #ffffff;
    --clr-border: #333333;
}

/* ============================================================
   2. RESPONSIVE LOGIK
   ============================================================ */
@media (max-width: 1024px) { :root { --p-s: 2.5rem; --p-m: 4.5rem; --p-l: 8rem; } }
@media (max-width: 767px) { :root { --p-inline: 1.25rem; --p-s: 2rem; --p-m: 3.5rem; --p-l: 5.5rem; } }

/* ============================================================
   3. LAYOUT & UTILITY CLASSES
   ============================================================ */
.p-small  { padding: var(--p-s) var(--p-inline) !important; }
.p-medium { padding: var(--p-m) var(--p-inline) !important; }
.p-large  { padding: var(--p-l) var(--p-inline) !important; }

.full-height { min-height: 100vh !important; display: flex; align-items: center; }
.text-center { text-align: center !important; }
.bg-main { background-color: var(--clr-bg) !important; color: var(--clr-text) !important; }

/* ============================================================
   4. AUTOMATISK TYPOGRAFI
   ============================================================ */
h1.elementor-heading-title { font-size: var(--fs-h1) !important; margin-bottom: var(--heading-margin) !important; }
h2.elementor-heading-title { font-size: var(--fs-h2) !important; margin-bottom: var(--heading-margin) !important; }
h3.elementor-heading-title { font-size: var(--fs-h3) !important; margin-bottom: var(--heading-margin) !important; }
h4.elementor-heading-title { font-size: var(--fs-h4) !important; margin-bottom: var(--heading-margin) !important; }
h1, h2, h3, h4 { line-height: 1.2; letter-spacing: -0.02em; font-weight: 700; color: var(--clr-text); }

/* ============================================================
   5. COMPONENTS (Buttons, Cards, Images, Forms)
   ============================================================ */
/* Buttons */
.elementor-button {
    border-radius: var(--radius) !important;
    padding: var(--btn-padding-y) var(--btn-padding-x) !important;
    transition: all var(--transition) !important;
}
.elementor-button:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.btn-outline .elementor-button { background-color: transparent !important; border: 2px solid currentColor !important; }

/* Cards */
.card-style {
    background-color: var(--clr-card-bg) !important;
    color: var(--clr-text) !important;
    border-radius: var(--radius) !important;
    padding: 2.5rem !important;
    box-shadow: var(--shadow) !important;
    border: 1px solid var(--clr-border) !important;
    transition: all var(--transition) !important;
    height: 100%;
}
.card-style:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.12) !important; }

/* Images (Aspect Ratio Control) */
.img-standard img { aspect-ratio: 16/9; object-fit: cover !important; border-radius: var(--radius); }
.img-portrait img { aspect-ratio: 4/5; object-fit: cover !important; border-radius: var(--radius); }

/* Forms */
.elementor-field-group input, .elementor-field-group textarea {
    background-color: rgba(0,0,0,0.03) !important;
    border: 1px solid var(--clr-border) !important;
    border-radius: var(--radius) !important;
    padding: 12px 15px !important;
    color: var(--clr-text) !important;
}

/* ============================================================
   6. TRUST-BAR (Logo Grid)
   ============================================================ */
.logo-grid .elementor-widget-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 3rem; }
.logo-item img { max-width: 150px; filter: grayscale(100%); opacity: 0.6; transition: all var(--transition) !important; }
.logo-item img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.05); }

/* ============================================================
   7. DYNAMISK STICKY HEADER
   ============================================================ */
header.elementor-sticky { transition: all var(--transition) !important; padding: 20px 0 !important; }
header.elementor-sticky--effects {
    background-color: var(--clr-bg) !important;
    padding: 10px 0 !important;
    box-shadow: var(--shadow) !important;
}
header.elementor-sticky--effects .elementor-widget-image img { max-width: 80% !important; transition: all var(--transition) !important; }/* End custom CSS */