.elementor-kit-5{--e-global-color-primary:#F6F7F9;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#0B1220;--e-global-color-accent:#4B5563;--e-global-color-ea52bcb:#E5E7EB;--e-global-color-af365bf:#0B1F3B;--e-global-color-6fcb2dc:#4DA3FF;--e-global-typography-primary-font-family:"Aptos";--e-global-typography-primary-font-size:clamp(2.125rem, 4.2vw, 3.75rem);--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Aptos";--e-global-typography-secondary-font-size:clamp(1.625rem, 2.6vw, 2.5rem);--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Aptos";--e-global-typography-text-font-size:clamp(1rem, 0.4vw + 0.95rem, 1.125rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Aptos";--e-global-typography-accent-font-size:clamp(0.8125rem, 0.2vw + 0.75rem, 0.875rem);--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:0.06em;--e-global-typography-5570554-font-size:clamp(1.25rem, 1.8vw, 1.75rem);--e-global-typography-5570554-font-weight:600;--e-global-typography-5570554-line-height:1.25em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#0B1F3B00;font-family:var( --e-global-typography-accent-font-family ), Aptos;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-af365bf );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-af365bf );border-radius:4px 4px 4px 4px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-af365bf );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-af365bf );border-radius:4px 4px 4px 4px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-secondary );}.elementor-kit-5 a:hover{color:var( --e-global-color-6fcb2dc );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:020px;--container-default-padding-right:020px;--container-default-padding-bottom:020px;--container-default-padding-left:020px;}}@media(max-width:767px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:016px;--container-default-padding-right:016px;--container-default-padding-bottom:016px;--container-default-padding-left:016px;}}/* Start custom CSS *//* ========================= Intercool Design System (Clean) v0.2 Decisions: - Elementor Site Settings control Container Padding (24 / 20 / 16) - Elementor global Gaps control layout spacing (24) - CSS controls: section rhythm + stacks (tight) + shadows + cards ========================= */ /* 1) Tokens (ONE :root only) */ :root{ /* Vertical rhythm */ --space-section: clamp(3.5rem, 6vw, 7.5rem); /* 56 → 120 */ --space-section-sm: clamp(2rem, 3.5vw, 4rem); /* 32 → 64 */ --space-section-lg: clamp(5rem, 8vw, 10rem); /* 80 → 160 */ /* Tight internal spacing (when Elementor gap=24 is too much) */ --stack-12: 12px; --stack-16: 16px; /* Card padding (plug-and-play) */ --card-pad: 20px; /* Shadows */ --shadow-s: inset 0 1px 2px rgba(255,255,255,.18), 0 1px 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.10); --shadow-m: inset 0 1px 2px rgba(255,255,255,.26), 0 2px 4px rgba(0,0,0,.20), 0 4px 10px rgba(0,0,0,.12); --shadow-l: inset 0 1px 2px rgba(255,255,255,.34), 0 6px 14px rgba(0,0,0,.22), 0 10px 24px rgba(0,0,0,.14); --shadow-hover: inset 0 1px 2px rgba(255,255,255,.22), 0 10px 20px rgba(0,0,0,.24), 0 18px 40px rgba(0,0,0,.16); --radius-s: 4px; --radius-m: 8px; --radius-l: 12px; --ease: cubic-bezier(.2,.8,.2,1); --dur: 220ms; /* Card top line */ --card-line-h: 2px; --card-line-h-hover: 5px; --card-line-radius: 8px; --card-line-color: #4DA3FF; } /* 2) Section spacing (vertical only) */ .section-pad{ padding-block: var(--space-section) !important; } .section-pad-sm{ padding-block: var(--space-section-sm) !important; } .section-pad-top { padding-block-start: var(--space-section-lg) !important; padding-block-end: var(--space-section-sm) !important; } /* 3) Stack helpers (ONLY for tight internal groups) */ .stack-12{ display:flex; flex-direction:column; gap: var(--stack-12); } .stack-16{ display:flex; flex-direction:column; gap: var(--stack-16); } /* 4) Shadows */ .shadow-0{ box-shadow: none !important; } .shadow-s{ box-shadow: var(--shadow-s) !important; } .shadow-m{ box-shadow: var(--shadow-m) !important; } .shadow-l{ box-shadow: var(--shadow-l) !important; } /* 5) Card base (component wrapper) */ .card{ border-radius: var(--radius-m); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); will-change: transform, box-shadow; } /* 6) Plug-and-play card padding component */ .card-pad{ padding: var(--card-pad) !important; } /* Hover lift */ .hover-lift:hover{ transform: translateY(-2px); box-shadow: var(--shadow-hover) !important; } .hover-lift:active{ transform: translateY(-1px); } /* Elementor-safe shadow inheritance */ .shadow-s > .elementor-widget-container, .shadow-m > .elementor-widget-container, .shadow-l > .elementor-widget-container{ box-shadow: inherit !important; } .card > .elementor-widget-container{ border-radius: inherit; } /* 7) Card top line (accent) */ .card-border{ position: relative; overflow: hidden; } .card-border::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: var(--card-line-h); background: var(--card-line-color); border-top-left-radius: var(--card-line-radius); border-top-right-radius: var(--card-line-radius); pointer-events: none; z-index: 2; transition: height 0.15s ease; } .card-border:hover::before{ height: var(--card-line-h-hover); } /* Tilføj i Elementor → Custom CSS (eller theme Custom CSS) */ /* Kun synlig når du er i Elementor Editor */ .tjek { background-color: rgba(255, 200, 0, 0.3) !important; /* Gul = skal tjekkes */ } .ok { background-color: rgba(0, 255, 0, 0.2) !important; /* Grøn = godkendt */ } .fix { background-color: rgba(255, 0, 0, 0.2) !important; /* Rød = skal rettes */ } :root{ /* Typography scale (fluid via clamp) */--fs-h1: clamp(2.125rem, 4.2vw, 3.75rem); --fs-h2: clamp(1.625rem, 2.6vw, 2.5rem); --fs-h3: clamp(1.25rem, 1.8vw, 1.75rem); --fs-body: clamp(1rem, 0.4vw + 0.95rem, 1.125rem); --fs-small: clamp(0.8125rem, 0.2vw + 0.75rem, 0.875rem); /* Line heights */--lh-h1: 1.1; --lh-h2: 1.2; --lh-h3: 1.25; --lh-body: 1.6; /* Font weights */--fw-heading: 600; --fw-body: 400; } .t-accent, .t-accent .elementor-widget-container, .t-accent .elementor-text-editor, .t-accent .elementor-heading-title{ font-size: var(--fs-small) !important; line-height: 1.3; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Aptos'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://intercool.dk/wp-content/uploads/2025/12/Aptos.woff2') format('woff2'); } @font-face { font-family: 'Aptos'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://intercool.dk/wp-content/uploads/2025/12/Aptos-Bold.woff2') format('woff2'); } @font-face { font-family: 'Aptos'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://intercool.dk/wp-content/uploads/2025/12/Aptos-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Aptos'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://intercool.dk/wp-content/uploads/2025/12/Aptos-Italic.woff2') format('woff2'); } /* End Custom Fonts CSS */