/* Alternative helsidedesigns valgt fra "Se hvad jeg kan". */
body[data-design="nordisk"] {
    --font-heading: Georgia, 'Times New Roman', serif;
    --bg-body: #e7edf2;
    --bg-container: #ffffff;
    --bg-boxes: #f0f4f7;
    --bg-main: #fbfcfd;
    --red-primary: #9c2746;
    --red-button: #7d1735;
    --red-button-hover: #5f1028;
    --red-text: #7d1735;
    --text-light: #17202a;
    --text-muted: #43505c;
    --shadow-glow-large: 0 18px 50px rgba(25, 45, 65, 0.14);
    --shadow-glow-text: none;
    --shadow-glow-small: 0 6px 18px rgba(25, 45, 65, 0.12);
    background-color: var(--bg-body);
}

body[data-design="nordisk"] #hoved-container {
    padding: 14px;
    gap: 14px;
    border: 1px solid #c7d1da;
    border-radius: 3px;
}

body[data-design="nordisk"] #side-header {
    padding-block: 18px;
    background: #ffffff;
    border: 0;
    border-bottom: 3px solid var(--red-primary);
    border-radius: 0;
    box-shadow: none;
}

body[data-design="nordisk"] #header-logo {
    filter: none;
}

body[data-design="nordisk"] .header-menu-link::after {
    background-color: var(--red-primary);
    box-shadow: none;
}

body[data-design="nordisk"] #side-indhold {
    border: 1px solid #d3dbe2;
    border-radius: 0;
    box-shadow: none;
}

body[data-design="nordisk"] #side-footer {
    background: #f0f4f7;
    border: 0;
    border-top: 3px solid var(--red-primary);
    border-radius: 0;
    box-shadow: none;
}

body[data-design="nordisk"] .service-boks,
body[data-design="nordisk"] .pris-kort,
body[data-design="nordisk"] .vilkaar-sektion,
body[data-design="nordisk"] .privatliv-sektion,
body[data-design="nordisk"] .design-kort {
    border-color: #c7d1da;
    box-shadow: 0 8px 22px rgba(25, 45, 65, 0.1);
}

body[data-design="nordisk"] #kontakt-formular .form-input,
body[data-design="nordisk"] #kontakt-formular .checkbox-container {
    color: #17202a;
    background-color: #ffffff;
}

body[data-design="kreativ"] {
    --font-heading: 'Trebuchet MS', Arial, sans-serif;
    --bg-body: #0d1024;
    --bg-container: #171b36;
    --bg-boxes: #292e57;
    --bg-main: #1e2345;
    --red-primary: #6ee7f2;
    --red-button: #6b21a8;
    --red-button-hover: #521780;
    --red-text: #9ff5fc;
    --text-light: #ffffff;
    --text-muted: #d7d9ef;
    --shadow-glow-large: 0 0 34px rgba(110, 231, 242, 0.28);
    --shadow-glow-text: 0 0 12px rgba(110, 231, 242, 0.5);
    --shadow-glow-small: 0 0 12px rgba(110, 231, 242, 0.3);
    background: radial-gradient(circle at 15% 10%, #342253 0, #0d1024 42%, #090b19 100%);
}

body[data-design="kreativ"] #hoved-container {
    padding: 12px;
    gap: 14px;
    background: rgba(23, 27, 54, 0.94);
    border: 1px solid rgba(110, 231, 242, 0.5);
    border-radius: 24px;
}

body[data-design="kreativ"] #side-header {
    background: linear-gradient(110deg, #252a50, #30204d);
    border-color: var(--red-primary);
    border-radius: 18px 18px 8px 8px;
}

body[data-design="kreativ"] #header-logo {
    filter: drop-shadow(0 0 8px rgba(110, 231, 242, 0.65));
}

body[data-design="kreativ"] .header-menu-link::after {
    background-color: var(--red-primary);
    box-shadow: 0 0 8px rgba(110, 231, 242, 0.8);
}

body[data-design="kreativ"] #side-indhold {
    padding: clamp(24px, 5vw, 52px);
    background: linear-gradient(145deg, #1e2345, #242043);
    border-color: rgba(110, 231, 242, 0.7);
    border-radius: 18px;
}

body[data-design="kreativ"] #side-footer {
    background: linear-gradient(110deg, #252a50, #30204d);
    border-color: var(--red-primary);
    border-radius: 8px 8px 18px 18px;
}

body[data-design="kreativ"] .service-boks,
body[data-design="kreativ"] .pris-kort,
body[data-design="kreativ"] .vilkaar-sektion,
body[data-design="kreativ"] .privatliv-sektion,
body[data-design="kreativ"] .design-kort,
body[data-design="kreativ"] .design-tip {
    border-color: rgba(110, 231, 242, 0.75);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(7, 9, 25, 0.38);
}

body[data-design="kreativ"] #knap-kom-igang,
body[data-design="kreativ"] #knap-ydelser-contact,
body[data-design="kreativ"] #knap-send,
body[data-design="kreativ"] .design-vaelger {
    border-radius: 999px;
}

body[data-design="kreativ"] #kontakt-formular .form-input,
body[data-design="kreativ"] #kontakt-formular .checkbox-container {
    background-color: rgba(7, 9, 25, 0.42);
    border-color: var(--red-primary);
}

body[data-design="kreativ"] .footer-social-link,
body[data-design="kreativ"] .footer-kontakt-knap {
    border-radius: 999px;
}