.elementor-kit-939{--e-global-color-primary:#F9AF45;--e-global-color-secondary:#1A1714;--e-global-color-text:#1A1714;--e-global-color-accent:#E89522;--e-global-color-5260cdd:#F89812;--e-global-color-092e6c7:#F9AF46;--e-global-color-65715cd:#FFFFFF;--e-global-color-14704ef:#FF6000;--e-global-color-6ff08b6:#FBFBFB;--e-global-color-db4058b:#FFFFFF00;--e-global-color-64bb1db:#202020;--e-global-color-58cd8e6:#050505;--e-global-color-8da7418:#FFF7E8;--e-global-color-1c924b3:#FEEBCB;--e-global-color-6579768:#FBC373;--e-global-color-13161fc:#F9AF45;--e-global-color-8ccaccf:#E89522;--e-global-color-74b38ad:#C57A10;--e-global-color-75572a5:#FFF7E8;--e-global-color-d9622cd:#FCEDCB;--e-global-color-7d7f7a6:#1A1714;--e-global-color-8002c0b:#3A332B;--e-global-color-32ad2cc:#2A2C33;--e-global-color-40314a2:#3F424B;--e-global-color-b7fe643:#6A6F7B;--e-global-color-6b1f857:#9097A3;--e-global-color-e80bc8e:#C7CBD3;--e-global-color-0d9a6f5:#E2E4EA;--e-global-color-08cef92:#F1F2F5;--e-global-color-4e2a98e:#F8F8FA;--e-global-color-ef222af:#2F8F5C;--e-global-color-aead4ee:#C77A0E;--e-global-color-e3bf2d7:#C8412B;--e-global-color-fad2f07:#2A6BB8;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:0.98em;--e-global-typography-primary-letter-spacing:-0.035em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:1em;--e-global-typography-secondary-letter-spacing:-0.025em;--e-global-typography-text-font-family:"Montserrat";--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:15px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.4em;--e-global-typography-b0c8631-font-family:"Montserrat";--e-global-typography-f00b166-font-size:32px;--e-global-typography-afa81bb-font-family:"Montserrat";--e-global-typography-afa81bb-font-size:15px;--e-global-typography-3f6fea3-font-size:18px;--e-global-typography-3f6fea3-font-weight:600;--e-global-typography-88a5d72-font-family:"Poppins";--e-global-typography-88a5d72-font-size:30px;--e-global-typography-88a5d72-font-weight:700;--e-global-typography-88a5d72-line-height:1.2em;--e-global-typography-88a5d72-letter-spacing:-0.02em;--e-global-typography-8a6fc74-font-family:"Poppins";--e-global-typography-8a6fc74-font-size:24px;--e-global-typography-8a6fc74-font-weight:700;--e-global-typography-8a6fc74-line-height:1.25em;--e-global-typography-8a6fc74-letter-spacing:-0.015em;--e-global-typography-d400db2-font-family:"Poppins";--e-global-typography-d400db2-font-size:20px;--e-global-typography-d400db2-font-weight:600;--e-global-typography-d400db2-line-height:1.3em;--e-global-typography-d400db2-letter-spacing:-0.01em;--e-global-typography-24260c6-font-family:"Poppins";--e-global-typography-24260c6-font-size:12px;--e-global-typography-24260c6-font-weight:600;--e-global-typography-24260c6-text-transform:uppercase;--e-global-typography-24260c6-line-height:1.4em;--e-global-typography-24260c6-letter-spacing:0.12em;--e-global-typography-ca8b621-font-family:"Montserrat";--e-global-typography-ca8b621-font-size:20px;--e-global-typography-ca8b621-font-weight:400;--e-global-typography-ca8b621-line-height:1.5em;--e-global-typography-567a251-font-family:"Poppins";--e-global-typography-567a251-font-size:14px;--e-global-typography-567a251-font-weight:500;--e-global-typography-567a251-line-height:1.4em;--e-global-typography-d31d6f1-font-family:"Poppins";--e-global-typography-d31d6f1-font-size:15px;--e-global-typography-d31d6f1-font-weight:700;--e-global-typography-d31d6f1-line-height:1.4em;--e-global-typography-89c65e7-font-family:"Space Mono";--e-global-typography-89c65e7-font-size:12px;--e-global-typography-89c65e7-font-weight:600;--e-global-typography-89c65e7-text-transform:uppercase;--e-global-typography-89c65e7-letter-spacing:0.3px;color:var( --e-global-color-64bb1db );font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:1.8rem;}.elementor-kit-939 button,.elementor-kit-939 input[type="button"],.elementor-kit-939 input[type="submit"],.elementor-kit-939 .elementor-button{background-color:var( --e-global-color-7d7f7a6 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-65715cd );border-radius:999px 999px 999px 999px;padding:13px 22px 13px 22px;}.elementor-kit-939 e-page-transition{background-color:#FFBC7D;}.elementor-kit-939 a{color:var( --e-global-color-14704ef );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-939 h1{color:var( --e-global-color-64bb1db );font-family:var( --e-global-typography-b0c8631-font-family ), Sans-serif;}.elementor-kit-939 h2{color:var( --e-global-color-64bb1db );font-size:var( --e-global-typography-f00b166-font-size );}.elementor-kit-939 h3{color:var( --e-global-color-64bb1db );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-939{font-size:16px;}.elementor-kit-939 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-939 h2{font-size:var( --e-global-typography-f00b166-font-size );}.elementor-kit-939 button,.elementor-kit-939 input[type="button"],.elementor-kit-939 input[type="submit"],.elementor-kit-939 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-kit-939{line-height:1.6rem;}}@media(max-width:1024px){.elementor-kit-939{--e-global-typography-f00b166-font-size:28px;--e-global-typography-3f6fea3-font-size:17px;}.elementor-kit-939 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-939 h2{font-size:var( --e-global-typography-f00b166-font-size );}.elementor-kit-939 button,.elementor-kit-939 input[type="button"],.elementor-kit-939 input[type="submit"],.elementor-kit-939 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-939 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-939 h2{font-size:var( --e-global-typography-f00b166-font-size );}.elementor-kit-939 button,.elementor-kit-939 input[type="button"],.elementor-kit-939 input[type="submit"],.elementor-kit-939 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   Randers Hjemmesider — Elementor Custom CSS
   Indsæt hele filen i Site Settings → Custom CSS (Elementor Pro).
   Indeholder: CSS-variabler, keyframes, genbrugelige hjælpeklasser.
   Section-specifikke styles bygger du selv pr. template.
   ============================================================ */

:root {
  /* ---------- Brand (orange) ---------- */
  --brand-50:  #FFF7E8;
  --brand-100: #FEEBCB;
  --brand-400: #FBC373;
  --brand-500: #F9AF45;
  --brand-600: #E89522;
  --brand-700: #C57A10;

  /* ---------- Cream-aliasser (matcher v2-forsiden) ---------- */
  --cream:   #FFF7E8;
  --cream-2: #FCEDCB;

  /* ---------- Ink (varm — matcher v2-designet) ---------- */
  --ink:        #1A1714;
  --ink-soft:   #3A332B;

  /* ---------- Ink-skala (kølig — fra design-systemet, fallback) ---------- */
  --ink-900: #15161A;
  --ink-800: #2A2C33;
  --ink-700: #3F424B;
  --ink-500: #6A6F7B;
  --ink-400: #9097A3;
  --ink-300: #C7CBD3;
  --ink-200: #E2E4EA;
  --ink-100: #F1F2F5;
  --ink-50:  #F8F8FA;
  --ink-0:   #FFFFFF;

  /* ---------- Semantic surfaces ---------- */
  --bg:          var(--cream);
  --bg-soft:     var(--ink-50);
  --bg-tint:     var(--brand-50);
  --surface:     var(--ink-0);
  --surface-alt: var(--ink-100);

  /* ---------- Foreground ---------- */
  --fg:          var(--ink);
  --fg-strong:   var(--ink);
  --fg-muted:    var(--ink-soft);
  --fg-subtle:   var(--ink-400);
  --fg-on-brand: var(--ink);

  /* ---------- Lines ---------- */
  --border:        var(--ink-200);
  --border-strong: var(--ink-300);

  /* ---------- Status ---------- */
  --success: #2F8F5C;
  --warning: #C77A0E;
  --danger:  #C8412B;
  --info:    #2A6BB8;

  /* ---------- Type families ---------- */
  --font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---------- Type scale ---------- */
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: 1.875rem;
  --fs-36: 2.25rem;
  --fs-48: 3rem;
  --fs-60: 3.75rem;
  --fs-72: 4.5rem;

  /* ---------- Weights ---------- */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-black:   800;

  /* ---------- Line heights ---------- */
  --lh-tight: 1.1;
  --lh-snug:  1.25;
  --lh-body:  1.6;

  /* ---------- Spacing ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* ---------- Radii ---------- */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* ---------- Shadows ---------- */
  --shadow-1: 0 1px 2px rgba(21,22,26,0.06), 0 1px 1px rgba(21,22,26,0.04);
  --shadow-2: 0 4px 12px rgba(21,22,26,0.08), 0 2px 4px rgba(21,22,26,0.04);
  --shadow-3: 0 12px 32px rgba(21,22,26,0.12), 0 4px 8px rgba(21,22,26,0.06);
  --shadow-brand: 0 8px 24px rgba(249,175,69,0.32);
  --shadow-soft:  0 18px 40px rgba(26,23,20,0.18);

  /* ---------- Layout ---------- */
  --container:        1240px;
  --container-narrow: 760px;
}

/* ---------- Base smoothing + selection (på body, ikke html — undgår theme-konflikt) ---------- */
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { background: var(--brand-500); color: var(--ink); }

/* ============================================================
   Keyframes — globalt tilgængelige til HTML-widgets
   ============================================================ */
@keyframes floaty {
  from { transform: rotate(-12deg) translateY(0); }
  to   { transform: rotate(-8deg) translateY(20px); }
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(249,175,69,.5); }
  50%      { box-shadow: 0 0 0 8px rgba(249,175,69,0); }
}
@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes tilt1 {
  from { transform: rotate(-3deg) translateY(0); }
  to   { transform: rotate(-1deg) translateY(-10px); }
}
@keyframes tilt2 {
  from { transform: rotate(2deg) translateY(0); }
  to   { transform: rotate(4deg) translateY(8px); }
}
@keyframes tilt3 {
  from { transform: rotate(2deg) translateY(0); }
  to   { transform: rotate(0deg) translateY(-6px); }
}



/* Logo-swoop som dekorativ baggrund — sæt position/size/opacity inline pr. brug */
/* OBS: Stien skal pege på logoet i Media Library efter du uploader det dér.
   Erstat URL'en herunder med din endelige WordPress-mediasti. */
.swoop-bg {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background: url('/wp-content/uploads/logo-mark.svg') center/contain no-repeat;
}

/* Subtil dotted-grid baggrund */
.dotgrid {
  background-image: radial-gradient(rgba(26,23,20,.08) 1px, transparent 1px);
  background-size: 18px 18px;
}

/* ============================================================
   Genbrugelige knap-varianter (matcher v2-designet)
   Brug klasse .btn + én af .btn-p / .btn-s / .btn-g
   ============================================================ */
.btn {
  align-items: center;
  gap: 8px;
  transition: transform 200ms cubic-bezier(.2,.8,.2,1),
              box-shadow 200ms ease,
              background 200ms;
  cursor: pointer;
  border: 0;
}

.btn-p:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(26,23,20,.25);
}

.btn-s:hover {
  transform: translateY(-2px);
}/* End custom CSS */