/*
Theme Name: Bmyguest
Theme URI: http://example.com/twenty-twenty-one-child/
Description: Bootscore Child Theme
Author: Paul Nybo Andersen
Author URI: http://banditsinc.net
Template: bootscore
Version: 1.0.0
*/
/* Add your custom styles here */
@charset "UTF-8";
:root {
    --bs-black: #0a1835;
    --bs-black-rgb: 0, 0, 0;
    --bs-blue: #0d6efd;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-body-color: #fff; /*Updated*/
    --bs-body-color-rgb: 24, 24, 53; /*Updated*/
    --bs-body-font-family: "Neue Montreal", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /*updated*/
    --bs-body-font-size:1.125rem; /*1.125rem;*/
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-border-color: #cfcfcf; /*updated*/
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.8rem; /*updated*/
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-pill: 50rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-style: solid;
    --bs-border-width: 1px;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-xxl: 1400px;
    --bs-btn-active-border-color: rgba(0, 0, 0, 0.1); /*updated*/
    --bs-btn-border-radius: 0.8rem; /*updated*/
    --bs-btn-font-weight: 600;
    --bs-code-color: #d63384;
    --bs-cyan: #0dcaf0;
    --bs-danger: #cd1424;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-danger-rgb: 205, 20, 36;
    --bs-danger-text-emphasis: #58151c;
    --bs-dark: #212529;
    --bs-dark-bg-subtle: #ced4da;
    --bs-dark-border-subtle: #adb5bd;
    --bs-dark-rgb: 44, 62, 80;
    --bs-dark-text-emphasis: #495057;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-width: 0.25rem;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-form-invalid-border-color: #dc3545;
    --bs-form-invalid-color: #dc3545;
    --bs-form-valid-border-color: #198754;
    --bs-form-valid-color: #198754;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    --bs-heading-color: #fff;
    --bs-headline-font-family: "Neue Montreal", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /*updated*/
    --bs-primary: rgb(44, 62, 80);
    --bs-primary-bg-subtle: #b4d7e5;
    --bs-body-headline-height: 1.2;
    --bs-body-line-height: 1.5;
    --bs-link-color: var(--bs-black);
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-width: 6px;
    --swiper-pagination-bullet-size: 6px;
    --bs-card-title-color: var(--bs-black) !important;
    ---bs-secondary-color: #2c3e50;
    ---bs-secondary-color-rgb: 44, 62, 80;
    --bs-secondary-bg: #ff8f9fa;
    --bs-secondary-bg-rgb: 248, 249, 250;
    --bs-tertiary-color: #2c3e50;
    --bs-tertiary-color-rgb: 44, 62, 80;
    --bs-tertiary-bg: #ecf1f2;
    --bs-tertiary-bg-rgb: 236, 241, 242;
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 0rem;
    --swiper-navigation-size: 22px;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: rgb(44, 62, 80);
    --bs-btn-border-color: rgb(44, 62, 80);
    --bs-btn-hover-bg: #3b5782;
    --bs-btn-hover-border-color: #3a5580;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3b6e82;
    --bs-btn-active-border-color: #38697c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(44, 62, 80);
    --bs-btn-disabled-border-color: rgb(44, 62, 80);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.075);
    --wp--preset--font-size--large: 1.5rem;
    --wp--preset--font-size--small: .8rem;
    --bs-breadcrumb-font-size: 15px;
    --bs-btn-font-size: 16px;
    --bs-modal-zindex: 4055;
}
@font-face {
    font-family: 'Neue Montreal';
    src: url('assets/fonts/PPNeueMontreal-Variable.ttf') format('truetype');
    font-weight: 1 999;
    font-display: swap;
    font-stretch: normal
}
@font-face {
    font-family: 'editorial-old';
    src: url('assets/fonts/PPEditorialOld-Variable.woff');
    font-weight: 100 900;
    font-display: swap;


    font-style: normal;
}
html {
    text-rendering: geometricPrecision;
    word-break: normal;
    -webkit-font-smoothing: antialiased;
    margin-top: 0 !important;
}
body {
    color: var(--bs-black);
    font-family: var(--bs-headline-font-family);
    font-weight: 400;
    font-variation-settings: "wght"400;
    word-break: normal;
}

/* Native scroll
   ------------------------------------------------------------------
   Parent-temaet (bootscore/assets/css/main.css) sætter html, body
   { height: 100% }. Det var nødvendigt, dengang Locomotive Scroll kørte
   med smooth: true og selv flyttede indholdet.

   Med smooth scroll slået fra gør den faste højde skade: body bliver en
   viewport-høj scroll-boks i stedet for at lade dokumentet scrolle. Så
   udebliver window-scroll-events, og .scrolled, data-direction samt
   nav-transformen kører aldrig.

   Reglen er bundet til :not(.has-scroll-smooth), så den træder ud af
   kraft af sig selv, hvis smooth scroll nogensinde slås til igen. */
html:not(.has-scroll-smooth),
html:not(.has-scroll-smooth) body {
    height: auto;
    min-height: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--bs-black);
    font-family: var(--bs-headline-font-family);
    font-weight: 600;
    font-variation-settings: "wght"700;
    line-height: var(--bs-body-headline-height);
}
h1.hero, .h1.hero {
    font-size: clamp(0px, calc(2.5rem + 1.5vw), 4rem) !important;
}
h2 {
    font-weight: 700;
    font-variation-settings: "wght"700;
    margin: 2rem 0 .5rem;
}
h3 {
    /*font-size: clamp(1.1rem, calc(1rem + 1.5vw), 3rem);*/
    font-weight: 700;
    font-variation-settings: "wght"700;
    margin: 1.25rem 0 .25rem;
}
h4 {
    font-weight: 700;
    font-variation-settings: "wght"700;
}
/* Footerens kolonneoverskrifter (footer-menu-2/3/4.php) er <h2 class="h4">, så
   niveauerne ikke springer fra h2 til h4 (Lighthouse: heading-order). Klassen
   giver dem h4's vægt; .h4 alene giver 600. */
.footer-menu-title {
    font-weight: 700;
    font-variation-settings: "wght"700;
}
h5 {
    font-weight: 400;
    font-variation-settings: "wght"530;
}
h6 {
    font-weight: 400;
    font-variation-settings: "wght"530;
}
@media (min-width: 1200px) {
    .text-center h1, .text-center .h1, h1.hero {
        font-size: 4rem
    }
}
p {
    font-variation-settings: "wght"400;
    font-weight: 400;
}
p .strong, b, strong {
    font-weight: 600;
    font-variation-settings: "wght"700;
}
a {
    color: var(--bs-black);
    text-decoration: none;
}
p a {
    color: var(--bs-black);
       font-weight: 500 !important;
    font-variation-settings: "wght"530 !important;
    /*text-decoration: none;*/
}

ul:not(.navbar-nav):not(.nav-footer):not(.wp-block-list) {
    -webkit-padding-start: 20px;
    list-style-image: none;
    list-style: none;
    margin: 2em 0 1em;
    line-height: 1.3em;
    padding-left: 0px;
}

ul:not(.navbar-nav) li {
    margin-bottom: .5rem;
    
}

ul:not(.navbar-nav):not(.current-category-plus-subcategories) li::before {
  /* content: "•";
    padding-right: 1.6em;
    margin-left: -2em;*/
}



ul:not(.navbar-nav) li > ul:not(.navbar-nav) {
    margin: 10px 0.7em 14px;
}
:not(p) sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0;
    transition: filter 1.5s
}
canvas {
    line-height: 1.4em !important
}
figure {
    margin: 1em 40px
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.overflow-auto, pre, textarea {
    overflow: auto
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}
button {
    overflow: visible
}
button, select {
    text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled], html input[disabled] {
    cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}
input {
    line-height: normal
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px
}
legend {
    padding: 0;
    border: 0
}
optgroup {
    font-weight: 700
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
td, th {
    padding: 0
}
.form-control, .form-control:focus{
    color: rgb(10, 24, 53);
    
}
::selection {
    text-shadow: none;
    background: #000
}
.smaller {
    font-size: 0.675em;
}
.fw200 {
    font-weight: 200 !important;
    font-variation-settings: "wght"300 !important;
}
.fw300 {
    font-weight: 300 !important;
    font-variation-settings: "wght"400 !important;
}
.fw400 {
    font-weight: 400 !important;
    font-variation-settings: "wght"450 !important;
}
.fw500 {
    font-weight: 500 !important;
    font-variation-settings: "wght"530 !important;
}
.fw700 {
    font-weight: 700 !important;
    font-variation-settings: "wght"800 !important;
}
.fw600 {
    font-weight: 800 !important;
    font-variation-settings: "wght"600 !important;
}
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}
.has-small-font-size, .has-medium-font-size, .has-large-font-size, .has-x-large-font-size {
    line-height: 1.3 !important;
}
.has-small-font-size {
    font-size: 0.9rem !important;
    margin-bottom: 0.5rem
}
.has-medium-font-size {
    font-size: 1.5rem;
    margin-bottom: 0.5rem
}
.has-large-font-size {
    font-size: clamp(0px, calc(1rem + 1.5vw), var(--wp--preset--font-size--large)) !important;
    color: #2c3e50;
    margin-bottom: 1rem;
        font-variation-settings: "wght" 300;
}
.has-x-large-font-size {
    margin-bottom: 1rem
}
.wp-block-buttons>.wp-block-button {
    max-width: 100%;
}
 .btn, .wp-element-button, .wp-block-button__link {
       -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    display: inline-block;      /* eller inline-block */
    max-width: 100%;      /* justér efter behov */

    color: rgba(255,255,255,1);
    background-color: rgb(44, 62, 80);
    border: 1px solid rgb(44, 62, 80);

    font-size: var(--bs-btn-font-size);
    font-weight: 500;
    line-height: 1.5rem;
    font-variation-settings: "wght" 530;

    text-align: center;
    padding: .75rem 1.5rem;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, .04);
    border-radius: var(--bs-border-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

    transition: color 0.15s ease-in-out, 
                background-color 0.15s ease-in-out, 
                border-color 0.15s ease-in-out, 
                box-shadow 0.15s ease-in-out;

    /* Truncate */

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;       
}

 .btn.btn-outline {
    color:rgb(44, 62, 80);
    background-color: transparent;
}

 .btn.btn-secondary {
    color:rgb(44, 62, 80);
background-color: color(srgb 0.9025 0.9237 0.945);
border-color: #d6d9db;
}




.btn:hover,  .btn.btn-outline:hover, .btn-primary:hover, .wp-element-button:hover, .wp-block-button__link:hover {
      color: rgba(255,255,255,1);
    background-color: #3a5580;
    border-color: #3a5580;
}


.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-sm, .btn-group-sm>.btn {
    padding: 0.4rem .7rem;
    
}
.btn-primary{
    background-color: rgb(44, 62, 80);
}
.btn-secondary {
    color: var(--bs-black);
    background-color: #fff;
    border: 1px solid var(--bs-black)
}
.btn-image {
    color: var(--bs-black);
    background-color: #fff;
    font-weight: 700 !important;
    font-variation-settings: "wght"800 !important;
    /*border: thin solid rgba(10, 24, 53,0.1);*/
    padding:0.3rem .3rem .7rem .3rem;
    box-shadow: var( --bs-box-shadow-sm);
}
.btn-image img {
    width: 100% !important;
}

.text-shadow-sm {
    text-shadow: rgba(255, 255, 255, 0.1) 0px 0px 5px;
}
.text-shadow-md {
    text-shadow: rgba(255, 255, 255, 0.4) 0px 0px 6px;
}
.text-shadow-lg {
    text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 8px;
}
.text-shadow-xl {
    text-shadow: rgba(255, 255, 255, 1) 0px 0px 12px;
}
.text-shadow-xxl {
    text-shadow: rgba(255, 255, 255, 1) 0px 0px 40px;
}
.text-shadow-dark-sm {
    text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
}
.text-shadow-dark-md {
    text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
}
.text-shadow-dark-lg {
    text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 20px;
}
.text-shadow-dark-xl {
    text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 4rem;
}
/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden;
}
html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.has-scroll-smooth body {
    overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
}
[data-scroll-direction="horizontal"] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap;
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap;
}
.c-scrollbar {
    height: 100%;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    width: 11px;
    z-index: 1056;
}
.c-scrollbar:hover {
    transform: scaleX(1.45);
}
.c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar {
    opacity: 1;
}
[data-scroll-direction="horizontal"] .c-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    transform: scaleY(1);
    width: 100%;
    z-index: 2000;
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
    transform: scaleY(1.3);
}
.c-scrollbar_thumb {
    background-color: #444;
    border: 0.2px solid #fff;
    border-radius: 10px;
    cursor: -webkit-grab;
    cursor: grab;
    margin: 2px;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px;
    box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.3);
}
.c-scrollbar:hover .c-scrollbar_thumb {
    box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0);
}
.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    bottom: 0;
    right: auto;
}
.fade-in-element {
    opacity: 0;
    transition: opacity 1.5s ease;
}
.fade-in-element.in-view {
    opacity: 1;
}
/* header **/
.linkedin {
    position: relative;
    bottom: 52px;
    left: 5px;
    color: #fff;
    text-align: center;
    padding: 7px 12px;
    border-radius: 50%;
    z-index: 4;
}
.linkedin:hover {
    background-color: rgb(10, 102, 194);
}
@media(min-width: 1400px) {
    .linkedin {
        left: 27px;
    }
}
.container-fluid{max-width:1760px;}
.article-slider {
    position: absolute; /* Keeps the element positioned relative to its container */
    bottom: 0px; /* Pushes the element up 100px */
    height: 200px;
    width: calc(100%);
    padding: 30px;
    z-index: 3; /* Ensures it appears above other elements */
}
.article-slider .carousel {
    background-color: #fff;
    border-radius: 8px;
}
.article-slider img {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    margin-left: 10px
}
.article-slider .date {
    color: #195a75;
    font-size: .675rem;
    margin-bottom: .2rem;
}
.article-slider .headline {
    font-size: 1rem;
    line-height: 1.3em;
    /*text-transform: uppercase;*/
}
.article-slider .link, .read-more {
    color: #195a75;
    font-size: .675rem;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-variation-settings: "wght"530 !important;
}
@media(min-width: 576px) {
    .article-slider {
        bottom: 0;
        right: 0;
        height: 148px;
        width: 400px;
        padding: 0;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }
    .article-slider:hover {
        height: 168px;
    }
    .article-slider:hover .carousel {
        padding-bottom: 20px;
    }
    .article-slider:hover img {
        filter: saturate(3);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 2px !important;
    }
    .article-slider .carousel {
        border-radius: 8px 0 0 0;
        margin: auto;
        -webkit-transition: padding 0.3s ease-in;
        -moz-transition: padding 0.3s ease-in;
        -o-transition: padding 0.3s ease-in;
        transition: padding 0.3s ease-in;
    }
    .article-slider .headline {
        font-size: 1.2rem;
    }
    .article-slider img {
        width: 100px;
        height: 100px;
        border-radius: 8px;
        margin-left: 10px;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
}
section#jumbotron {
    margin-top: -80px; /* Pull it up */
    background-color: #999;
    height: 100vh;
    /* svh, IKKE dvh: dvh ændrer sig kontinuerligt, mens adressebjælken på
       iOS folder sig ind og ud under scroll. Jumbotronens højde svinger da
       ved hver frame, hele sidens højde ændrer sig, og Locomotive Scroll
       genberegner uafbrudt — det ses som hak ved scroll-start.
       svh er den mindste stabile viewport-højde og ændrer sig ikke. */
    height: 100svh;
}
body.admin-bar #js-scroll {
    margin-top: var(--wp-admin--admin-bar--height, 32px);
    padding-bottom: 0;
}
.logged-in.admin-bar section#jumbotron {
    /*margin-top: var(--wp-admin--admin-bar--height, 32px);*/
    height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
    /* svh frem for dvh — se kommentaren ved section#jumbotron ovenfor */
    height: calc(100svh - var(--wp-admin--admin-bar--height, 32px));
}
@media(min-width: 576px) {
    section#jumbotron {
        height: 70vh;
        height: 70svh;
        max-height: 650px;
    }
    .logged-in.admin-bar section#jumbotron {
        height: calc(65vh - var(--wp-admin--admin-bar--height, 32px));
        height: calc(65svh - var(--wp-admin--admin-bar--height, 32px));
    }
}
.carousel-item {
    color: #fff;
    background-position: 50% 50%;
    background-size: cover;
   background-position:center;
}
.carousel-item a {
    z-index: 200;
}
/****** Main******/
#carouselHeader .carousel-indicators-wrapper {
    margin-left: -2rem;
}
#carouselHeader .carousel-indicators {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0px;
    height: auto;
    margin: 0 !important;
}
@media(min-width: 1400px) {
    #carouselHeader .carousel-indicators {
        left: 39px;
    }
}
#carouselHeader .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0px !important;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 5px solid transparent !important;
    opacity: 0.3;
    transition: opacity 0.6s ease;
    border-radius: 50%;
}
#carouselHeader .carousel-indicators .active {
    opacity: 1;
}
/* header **/
@media(min-width: 1630px) {
    .navbar-brand {
        position: absolute;
        left: 39px;
    }
}

.carousel-inner>.carousel-item .header {
    padding:0 0 75px;
}

.carousel-inner>.carousel-item .header h2 {
    color: #fff;
    font-size: 2.5rem;
    margin: 0 0 1rem;
    line-height: 1.1;
}
.carousel-inner>.carousel-item .header h4 {
    font-size: calc(1.275rem + 0.1vw);
}

@media(min-width: 576px) {
    .carousel-inner>.carousel-item .header {
        padding: 140px 0 180px;
    }
    .carousel-inner>.carousel-item .header h4 {
    font-size: calc(1.275rem + 0.3vw);
}

}

@media(min-width: 1190px) {
    .carousel-inner>.carousel-item .header {
        padding:138px 0;
    }

    .carousel-inner>.carousel-item .header h2 {
        font-size: 3.3rem;
    }
    .carousel-inner>.carousel-item .header h4 {
    font-size: calc(1.275rem + 0.3vw)
}

}

#bootscore-navbar {color:var(--bs-black);

}
#nav-main {
    color: #fff;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    margin: 0;
    line-height: 0;
    min-height: 80px;
    width: 100vw;
}

#nav-main .nav-link, #bootscore-navbar .nav-link{
    color: #fff;
    font-weight: 700 !important;
    font-variation-settings: "wght"800 !important;
    margin: 0px 6px 0px 0;
}

#nav-main .nav-link:not(:has(i)), #bootscore-navbar .nav-link:not(:has(i)) {
    margin: 9px 12px 0px 0;
}
.weglot-flags {
    margin: 3px 12px 0px 0; padding: 0 !important;
}
.weglot-flags a{
   margin: 0 !important;
    padding: 0 !important;
}
.weglot-lang .dropdown-menu {margin: 4px 0 !important; padding: 12px; 
}

.dropdown-menu .menu-item-weglot {margin: 0px !important;
    
}
 .dropdown-menu .menu-item-weglot a.dropdown-item {font-size: 0.935rem; font-weight: 500 !important;
font-variation-settings: "wght"530 !important;  border-radius: .5rem; border: none;}
 .dropdown-menu .menu-item-weglot a.dropdown-item:hover {
 color: #000;
     background-color: #fff;
}

.dropdown-menu {
    padding: 10px 0 20px;
    border: none;
    box-shadow: none;
}
.dropdown-menu a {
    font-size: 19px;
    color: #0a1835;
    line-height: 1.8;
    font-weight: 400 !important;
    font-variation-settings: "wght"450 !important;
    border-bottom: 0.25px solid rgba(10, 24, 53, .2);
}
.dropdown-menu.mega-menu {
    position: relative;
    border:  none;
}
 .dropdown-menu.mega-menu a {
        border-bottom: none;
          line-height: 1.4;
    }
@media (min-width:992px) {
    
    #nav-main .nav-link {

    font-weight: 500 !important;
    font-variation-settings: "wght"530 !important;

}
   
    .menu-item-has-children a.dropdown-toggle::after {
        vertical-align: 0;
        position: relative;
        top: -2px;
    }
    .menu-item-has-children a.dropdown-toggle.show::after {
        opacity: 0;
    }
    .dropdown-menu[data-bs-popper] {
        margin-top: 12px;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
    }
    .dropdown-menu::before {
        content: '';
        position: absolute;
        top: -5px;
        left: 2.4rem;
        transform: translateX(-50%);
        border-left: 0.4em solid transparent;
        border-right: 0.4em solid transparent;
        border-bottom: 0.4em solid #fff;
        width: 0;
        height: 0;
        z-index: 1;
    }

    /* make the mega-menu use a column-flow grid */
    .dropdown-menu.mega-menu .mega-menu-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(280px, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 0rem;
    }
     .mega-menu-grid-3 .dropdown-menu.mega-menu .mega-menu-grid {
        grid-template-rows: repeat(3, auto);
    }
    .dropdown-menu.mega-menu {
        /*border:  0.25px solid rgba(10, 24, 53, .2);*/
    }
    /* let the very first item span both rows */
    .dropdown-menu.mega-menu .mega-menu-item {
        border-right: .25px solid #ccc;
    }
    .dropdown-menu.mega-menu .mega-menu-item:first-child {
        border-right: .25px solid #ccc;
    }
    .dropdown-menu.mega-menu .mega-menu-item.mega-menu-item-large{
         grid-row: span 2;
    }
    /*.dropdown-menu.mega-menu .mega-menu-item:first-child {
        grid-row: span 2;
    }*/
    .dropdown-menu.mega-menu .mega-menu-item:last-child {
        border-right: none;
    }
    .dropdown-menu.mega-menu a {
      
        padding: 0 1.2rem .7rem 1.2rem;
    }
    .dropdown-menu.mega-menu .mega-menu-item:first-child a {}
    .dropdown-menu.mega-menu ::selection {
        background: transparent !important;
        color: inherit !important;
    }
    /* 2) Gør billeder i mega-menu umarkerbare */
    .dropdown-menu.mega-menu img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    body.admin-bar #js-scroll {
   
    padding-bottom: calc(80px + var(--wp-admin--admin-bar--height, 32px))
}
}
/* Gør mega-menu bredere og med afrundede kanter */
.dropdown-menu.mega-menu {
    border-radius: .5rem;
}
/* Fjern liste-padding */
.mega-menu .dropdown-item, .mega-menu li {
    list-style: none;
}
html.scrolled #nav-main .nav-link {
    color: var(--bs-black);
}
html.scrolled #nav-main {
    color: #0a1835;   
    /*backdrop-filter: blur(16px);*/
     background: rgba(255, 255, 255, 1);
    background: linear-gradient(90deg, rgba(255, 255, 255, .95) 20%, rgba(255, 255, 255, 1) 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
    transition:
    transform .5s ease-in-out,
    opacity .5s ease-in-out,
    color .5s ease-in-out,
    background .5s ease-in-out,
    box-shadow .5s ease-in-out;
}

html.has-stable-backdrop.scrolled #nav-main {
    backdrop-filter: blur(16px);
    background: linear-gradient(90deg, rgba(255, 255, 255, .6) 20%, rgba(255, 255, 255, 1) 100%);
}

#nav-main .navbar-brand {
    padding-bottom: 14px !important;
    padding-top: 15px !important;
}
#nav-main #svglogo svg {
    height: 16px;
    fill: #fff;
}
html.scrolled #nav-main #svglogo svg {
    height: 16px;
    fill: #0a1835;
}
.offcanvas {
    height: 100dvh;
   width:300px !important;
   border-left: 0px solid #fff !important;
}
.nav-toggler {
    padding: 6px 8px;
    line-height: 1;
    height: auto;
    border-radius: 6px;
    background-color: transparent;
    font-size: 22px;
}
 #nav-main .nav-link {
        font-size: 0.935rem;
}

 #nav-main .nav-link:focus-visible {
outline: 0;
box-shadow: none;
}


@media(max-width: 991px) {
    #nav-main, #nav-main .nav-link {
        color: #0a1835;
    }
    #nav-main .nav-link {
        font-size: 22px;
        margin: 0 !important;
        line-height: 1.8;
    }
    #nav-main .nav-link:not(:has(i)) {
        /*border-bottom: 0.25px solid rgba(10, 24, 53, .2);*/
    }

    html.scrolled #nav-main .nav-toggler {
        color: #0a1835;
        text-shadow: none;
        border-color: #0a1835;
        box-shadow: none;
    }
}
.nav-footer {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    /* display: flex; */
    /* flex-wrap: wrap; */
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-footer .nav-link {
    display: block;
    padding: 0.25rem .5rem;
    font-weight: 400;
    font-variation-settings: "wght"530;
}
.bootscore-footer #svglogo svg {
    height: 12px;
    fill: var(--bs-tertiary-color);
}
@media(min-width: 768px) {
    .columns {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        column-gap: 6rem;
    }
}
@media(min-width: 1200px) {
    .columns {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
.bootscore-footer .col-6 {
    border-right: .25px solid rgba(0, 0, 0, .3);
}
:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: var(--bs-border-radius) !important;
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wp-block-list {
    margin: 1em 1em 2.5em 0.3em;
    padding-left: 1.5em;
    line-height: 1.3em;
        margin-block-start: 1em !important;
    margin-block-end: 2em !important;
}

.wp-block-list li {
    position: relative;
    margin-bottom: 0.5em;
}

ul.wp-block-list li::before {
    content: "•";
    position: absolute;
    left: -1em;
    top: 0;
}

/* Nested lists */
.wp-block-list li > .wp-block-list {
    margin: 10px 0.7em 1em 1.2em;
}

.wp-block-list li > .wp-block-list li::before {
    content: "◦";
    left: -0.8em;
}


/* Sticky tekstkolonne - erstatter Locomotives data-scroll-sticky
   ------------------------------------------------------------------
   Bootstrap sætter overflow-x: hidden inline på <body>. Efter CSS-reglerne
   bliver overflow-y så til auto, og body bliver en scroll-container. Et
   sticky element klæber til den NÆRMESTE scroll-container - altså til body,
   der ikke selv scroller - og effekten udebliver helt.

   overflow-x: clip klipper på samme måde som hidden, men opretter ikke en
   scroll-container, så sticky klæber til viewporten som forventet.
   !important er nødvendig, fordi Bootstrap skriver stilen inline. */
body {
    overflow-x: clip !important;
}

@media(min-width: 992px) {
    .site-content.single .entry-content .scroll, .scroll {
        margin-top: auto;
        margin-bottom: auto;
        padding-top: 130px;

        /* Kolonnen er 500-650px høj, indholdet 400-470px, så der er kun
           ca. 95-186px at klæbe i. Effekten er bevidst diskret - det var den
           også med Locomotive. */
        position: sticky;
        top: 0;
    }
}
/********/
.card {
    color: var(--bs-black);
    background-color: transparent;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.card:not(.no-hover):hover {
    /*background: rgba(0, 10, 20, 0.045);*/
}
.card:hover .card-body:not(.no-hover) {
    margin: 0 -.5rem 0 .5rem;
}
.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-dark);
    font-weight: 700 !important;
    font-variation-settings: "wght"800 !important;
}
.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-dark);
    font-weight: 700 !important;
    font-variation-settings: "wght"800 !important;
}

.card-body {
    /*padding: 1rem 0rem !important;*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.card-body.small ul li, .card-body.small p {
    font-size: 0.8125rem;
}
.card-body ul {
    -webkit-padding-start: 1rem;
    padding-start: 1rem;
    list-style-image: none;
    list-style: none;
    margin: 0 0em 1em;
    line-height: 1.3em;
}
.card-body li {
    font-size: 14px;
    margin-bottom: 0.5rem;
}
.card-body li:before {
    content: "•" !important;
    padding-right: .6em !important;
    margin-left: -1em !important;
}
.card-img, .card-img-top {
    border-radius: 0.375rem !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a .card-img:hover, a .card-img-top:hover {
    opacity: 0.5;
}
/* Kvadratiske kort-billeder uanset hvad der uploades.
   Kortene har .h-auto, så et billede i et andet format gør ét kort lavere
   end resten og trækker hele rækken skæv. Redaktører kan ikke forventes at
   uploade kvadratiske billeder hver gang, så formatet tvinges her.
   object-fit: cover beskærer frem for at forvrænge.
   height: auto er nødvendig — bs-swiper skriver width/height direkte på
   <img>, og den faste height ville ellers vinde over aspect-ratio. */
.cards .card-img-top,
.cards-autoplay .card-img-top,
.cards-autoplay-small .card-img-top,
.cards-autoplay-small-4 .card-img-top {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.cards .swiper-pagination-bullet, .cards-autoplay .swiper-pagination-bullet, .cards-autoplay-small .swiper-pagination-bullet, .cards-autoplay-small-4 .swiper-pagination-bullet {
    background: #3b5782;
}
.cards .swiper-button-prev, .cards .swiper-button-next, .cards-autoplay .swiper-button-prev, .cards-autoplay .swiper-button-next, .cards-autoplay-small .swiper-button-prev, .cards-autoplay-small .swiper-button-next, .cards-autoplay-small-4 .swiper-button-prev, .cards-autoplay-small-4 .swiper-button-next {
    color: #c6d2d6 !important;
}
.swiper-slide .card-body,.category-grid .card-body{
    padding: 1rem 0rem !important;}
/**********/
#preloader .logo-wrapper {
    position: fixed;
    top: 45%;
    left: calc(50% - 96.125px);
    display: inline-block;
    width: 100%;
    margin: 0;
}
#preloader .logo-wrapper svg.logo {
    height: 30px;
    margin: auto;
    fill: #fff;
}
/***/
.footer_widget p {
    margin-bottom: 0.25rem !important
}
/******/
ul.current-category-plus-subcategories {
    padding-left: 0
}
.current-category-plus-subcategories li {
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    font-weight: 400 !important;
    font-variation-settings: "wght"450 !important;
    border-right: .25px solid rgba(0, 0, 0, .3);
}
.current-category-plus-subcategories li.active {
    font-weight: 700 !important;
    font-variation-settings: "wght"800 !important;
}
/********* AOS  ********/

/*chat*/
/*
 #contact-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #282828;
    background-image: url("assets/img/ulrik.jpg");
    background-size: cover;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1050;
    box-shadow: 0 4px 6px rgba(0,0,0,.35);
    animation: box-pulse-dark 1.5s infinite;
}*/
#contact-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.85);
    background: linear-gradient(145deg, #ffffff 0%, #f3f4f6 48%, #dfe3e8 100%);
    color: var(--bs-black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1050;
    box-shadow:
        0 4px 6px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    animation: 1.5s infinite box-pulse-dark;
}

#contact-fab i {
    display: block;
font-size: 26px;
margin-top: 6px;
    line-height: 1;
}
.contact-fab-open {
    overflow: hidden; 
    padding-right: 0px;
}


@keyframes box-pulse-dark {
    0% {
        box-shadow:
            0 4px 6px rgba(0,0,0,.35),
            0 0 0 0 rgba(44, 62, 80,.5);
    }
    70% {
        box-shadow:
            0 4px 6px rgba(0,0,0,.35),
            0 0 0 18px rgba(44, 62, 80,0);
    }
    100% {
        box-shadow:
            0 4px 6px rgba(0,0,0,.35),
            0 0 0 0 rgba(44, 62, 80,0);
    }
}

#contact-overlay {
   position: fixed;
    inset: 0;
    z-index: 1100;
    
}

#contact-overlay .overlay-backdrop {
       position: fixed;   /* ændret fra absolute */
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 1;
}

#contact-overlay .overlay-scroll {
    position: relative;
    z-index: 2;
    height: 100dvh;
    overflow-y: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem 1rem;
    -webkit-overflow-scrolling: touch;
}


#contact-overlay .overlay-panel {
    width: 100%;
    max-width: 600px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
.contact-close-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    opacity: .6;
    transition: opacity .2s ease, transform .15s ease;
}

.contact-close-btn:hover {
    opacity: 1;
    transform: scale(1.05);
}

@media (min-width: 576px) and (min-height: 960px) {
    #contact-overlay .overlay-scroll {
        align-items: flex-end;
        justify-content: flex-end;
        padding: 0 24px 90px 0;
    }

    #contact-overlay .overlay-panel {
        max-width: 320px;
    }
}

.cookie-details, .cookie-policy {
    overflow: hidden;
    height: 0;
    transition: height 0.4s ease;
    box-shadow: inset 0px 5px 20px -5px rgba(0,0,0,0.1);

}
.cookie-switch-row {
   background-color: rgb(248, 249, 250);
    border-top: 1px solid #ddd;
   
}

.cookie-switch-col {
    text-align: center;
    padding: 1rem 1rem;
    border-right: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
}

@media (min-width: 576px) {
.cookie-switch-col {
   
    padding: 2rem 1rem;
}
}


.cookie-switch-col:last-child {
    border-right: none;
}

/* <label> (så switchen har et navn). display/font-size/font-variation-settings
   ophæver de generelle label-regler (Bootstrap og "label {" længere nede), så
   den ser ud som den <div>, den var. */
.cookie-switch-title {
    display: block;
    font-size: inherit;
    font-variation-settings: inherit;
    font-weight: 500;
    margin-bottom: 1.25rem;
}

/* Gør switch større og centreret */
.cookie-switch {
    display: flex;
    justify-content: center;
}

.cookie-switch .form-check-input {
    width: 60px;
    height: 32px;
    cursor: pointer;
}
#cookieAccordion .accordion-item {background-color: rgba(255, 255, 255,0);}
.bg-cookie-soft {
    background-color: #f1f3f5; /* en tand mørkere end bg-light */
}
@media (min-width: 992px) {
.modal-cookie{
    max-width: 680px;
    }
}
#cookiePreviewModal {
    z-index: 7000;
}

/* Klassen sættes af cockie-consent.php, når modalen vises. Backdroppen er
   ikke længere nabo til modalen, som ligger først i <body>. */
.modal-backdrop.cookie-modal-backdrop {
    z-index: 6990;
}

/* Cookiebanneret, før Bootstrap er indlæst
   ------------------------------------------------------------------
   Et inline-script i cockie-consent.php sætter html.bmg-consent-pending,
   når der ikke er gemt samtykke. Så vises modalen med det samme, med samme
   udseende som Bootstraps: baggrunden på .modal står i stedet for
   .modal-backdrop. Ved DOMContentLoaded tager Bootstrap over; imens
   (bmg-consent-handover) er baggrunden gennemsigtig, og Bootstraps backdrop
   toner ikke ind, så skiftet ikke kan ses.

   Indgangen er Bootstraps: baggrunden mørkner, dialogen glider 50px ned.
   Men dialogen er fuldt synlig fra første frame. Tonede den ind fra
   opacity 0, ville Chrome først registrere teksten, når den var synlig -
   og banneret er sidens første synlige tekst (FCP og LCP). */
html.bmg-consent-pending #cookiePreviewModal {
    display: block;
    opacity: 1;
    background-color: rgba(0, 0, 0, .5); /* = --bs-backdrop-bg / -opacity */
    animation: bmg-consent-dim .15s linear;
}

html.bmg-consent-pending #cookiePreviewModal .modal-dialog {
    transform: none;
    animation: bmg-consent-slide .3s ease-out;
}

/* animation: none - en igangværende bmg-consent-dim ville ellers vinde over
   transparent og give dobbelt mørklægning oven på Bootstraps backdrop. */
html.bmg-consent-handover #cookiePreviewModal {
    background-color: transparent;
    animation: none;
}

html.bmg-consent-handover .modal-backdrop {
    transition: none;
}

@keyframes bmg-consent-dim {
    from { background-color: transparent; }
}

@keyframes bmg-consent-slide {
    from { transform: translate(0, -50px); }
}

@media (prefers-reduced-motion: reduce) {
    html.bmg-consent-pending #cookiePreviewModal,
    html.bmg-consent-pending #cookiePreviewModal .modal-dialog {
        animation: none;
    }
}

.cookie-reopen {
    position: fixed;
    bottom: 10px;
    left: -1px;
    width: 42px;
    height: 42px;
    background: #fff;
    color: #2c3e50;
    border-radius: 0 50% 50% 0;
    border: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1050;
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    transition: transform .2s ease, box-shadow .2s ease;
    transform-origin: bottom left; /* vigtigt når den sidder i hjørnet */
}

.cookie-reopen:hover {
    transform: scale(1.15);
    box-shadow: 0 10px 26px rgba(0,0,0,.25);
}
.cookie-reopen i {
    font-size: 18px;
}
#Coi-Renew {display: none !important}

@media (max-width: 576px) {}
.dropdown-toggle.active, button.dropdown-toggle {
    border-color: rgba(255, 255, 255, 0) !important;
}
.dropdown-toggle::after {
    display: none
}
.dropdown-toggle img {
    height: 26px;
    width: 26px;
    padding: .025rem !important;
    vertical-align: middle;
    box-shadow: var(--bs-box-shadow-sm) !important;
}
.dropdown-toggle i {
    font-size: 1.2em;
    color: #cbcbcb;
    vertical-align: middle;
}
.dropdown-toggle:last-child {
    padding-rigth: 50px
}
.dropdown-menu {
    /*padding: 1rem 0.875rem;
    border: 0.25px solid #ebebeb;*/
}
.dropdown-menu-tip-ne::after {
    top: calc(-.25rem - 1px);
    right: 1.2rem;
    transform: rotate(-45deg);
}
[class*="dropdown-menu-tip-"]::after {
    content: '';
    position: absolute;
    width: .5rem;
    height: .5rem;
    background-color: #fff;
    border: 0.25px solid #ebebeb;
    border-bottom: none;
    border-left: none;
}
.dropdown-item {
    color: var(--bs-primary);
    font-weight: 300 !important;
    font-variation-settings: "wght"400 !important;
    border-radius: 5px;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--bs-primary);
}
.dropdown-item img {
    border: 1px solid #fff;
    box-shadow: var(--bs-box-shadow-sm) !important;
    vertical-align: text-bottom;
    margin-bottom: 1px;
}
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > label {
    color: rgb(var(--bs-body-color-rgb));
    padding: 1rem 20px;
    margin-bottom: -1px;
    font-variation-settings: "wght"450;
}
.form-floating > .form-select {
    color: rgb(var(--bs-body-color-rgb));
    padding-left: 20px;
    /* margin-bottom: -1px; */
    font-variation-settings: "wght"450;
}
.form-floating > .form-control.first {
    border-top-right-radius: var(--bs-border-radius);
    border-top-left-radius: var(--bs-border-radius)
}
.form-floating > .form-control.last {
    margin-bottom: 0px;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius)
}
.form-control:focus {
    border-color: #d7d7d7;
    box-shadow: var(--bs-box-shadow)/*, rgba(0, 0, 0, 0.1) 0px 3px 6px inset */!important
}
label {
    font-size: 0.875rem;
    font-variation-settings: "wght"450;
}
label.form-check-label {
    cursor: pointer
}
.input-group .form-floating input {
    border-right: none;
}
.form-floating > label {
    color: var(--bs-gray-600);
    text-shadow: none;
}
.form-check-input:checked {
    background-color: #667a82;
    border-color: #667a82;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .6875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.upper.input-group-text, .lower.input-group-text {
    color: var(--bs-gray-600);
    background-color: var(--bs-body-bg);
    border-left: none;
    cursor: pointer;
}
.upper.input-group-text {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
}
.lower.input-group-text {
    border-top-right-radius: 0
}

/* Collapse design*/

.wp-block-accordion {
    margin: 2rem auto;
}

.wp-block-accordion-item {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 1rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    transition: all 0.25s ease;
}

.wp-block-accordion-item:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.wp-block-accordion-heading__toggle {
    width: 100%;
    padding: 1.2rem 1.5rem;
    background: none;
    border: none;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;

}

.wp-block-accordion-heading__toggle:hover {
    background: #eff3f6;
}

.wp-block-accordion-heading__toggle-icon {
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

/* når åben */
.wp-block-accordion-item.is-open
.wp-block-accordion-heading__toggle-icon {
    /*transform: rotate(45deg); /* + bliver til x-ish */
}

.wp-block-accordion-panel {
    padding: 0 1.5rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* åben state */
.wp-block-accordion-item.is-open
.wp-block-accordion-panel {
    padding: 1rem 1.5rem 1.5rem;
    max-height: 500px;
}

.wp-block-accordion-panel p {
    margin: 0;
    color: #4b5563;
    line-height: 1.6;
}

/* ===================================================================
   Product colour
   -------------------------------------------------------------------
   Fem produkter, én identitet. Kun kuløren skifter; al øvrig chrome
   bliver på brandets navy. Vinklerne følger designsystemet:
   22deg til solide gradienter, 120deg til bløde washes.

   Svarer til tokens/products.css i designsystemet. Når det filsæt
   implementeres for alvor, kan blokken her løftes direkte ud.
   =================================================================== */
:root {
    --bmg-visitor:   #1c5f78;
    --bmg-mailroom:  #96601f;
    --bmg-lendlease: #1f6b4e;
    --bmg-asset:     #45438c;
    --bmg-incident:  #9c2d34;

    /* Visitor ligger tættest på den eksisterende link-accent og er derfor
       den, der føles mest "default", hvis en side ikke er et produkt. */
    --bmg-product: var(--bmg-visitor);

    /* Header-washens styrke. Sektionswashens styrke sidder som to
       procenter i selve reglen - se kommentaren der. */
    --bmg-wash-hero: 0.38;
}

.bmg-product-visitor   { --bmg-product: var(--bmg-visitor); }
.bmg-product-mailroom  { --bmg-product: var(--bmg-mailroom); }
.bmg-product-lendlease { --bmg-product: var(--bmg-lendlease); }
.bmg-product-asset     { --bmg-product: var(--bmg-asset); }
.bmg-product-incident  { --bmg-product: var(--bmg-incident); }

/* Bløde washes - 120deg canvas pr. produkt
   -------------------------------------------------------------------
   Designsystemet lægger produktkuløren på FLADEN, ikke på fotografierne:
   "SOFT WASHES - 120DEG CANVAS PER PRODUCT". Billederne får derfor lov at
   være billeder, og det er de grå sektionsbånd, der bærer kuløren.

   Sektionerne er direkte børn af #js-scroll; footerens grå flader ligger
   inde i <footer> og rammes derfor ikke af "> ". #main er med, hvis en side
   selv har en grå container. Gradienten lægges som background-image oven på Bootstraps
   egen baggrundsfarve, så fladen beholder sin grå bund hvis color-mix
   ikke understøttes.

   Vil man skrue på styrken, er det de to procenter herunder - ikke
   selve kuløren. */
.bmg-product #js-scroll > .bg-body-secondary,
.bmg-product #js-scroll > .bg-body-tertiary,
.bmg-product #main .bg-body-secondary,
.bmg-product #main .bg-body-tertiary {
    background-image: linear-gradient(120deg,
        color-mix(in oklab, var(--bmg-product) 14%, transparent) 0%,
        color-mix(in oklab, var(--bmg-product) 4%, transparent) 100%);
}

/* Header-båndet beholder sin wash - den ligger oven på det eksisterende
   mørklægningslag. z-index holder washen under overskriften: begge er
   positionerede, så uden den ville ::after male hen over teksten.

   Bemærk #carouselHeader og ikke #jumbotron: artikel-slideren (#carouselnews)
   ligger i samme sektion og bruger samme .carousel-item-klasse, så en bredere
   selector ville også tone nyhedskortene. */
.bmg-product #carouselHeader .carousel-item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(120deg,
        color-mix(in oklab, var(--bmg-product) 95%, transparent) 0%,
        color-mix(in oklab, var(--bmg-product) 35%, transparent) 100%);
    mix-blend-mode: color;
    opacity: var(--bmg-wash-hero);
    pointer-events: none;
}

.bmg-product #carouselHeader .carousel-item > .container {
    position: relative;
    z-index: 1;
}

/* Respekt for brugere der har slået animation/effekter fra: washen er
   dekoration, ikke information, så den kan undværes helt. */
@media (prefers-reduced-transparency: reduce) {
    .bmg-product #carouselHeader .carousel-item::after {
        opacity: 0;
    }
    /* Sektionswashen er en background-image, ikke et lag - den slås fra
       ved at fjerne billedet, ikke ved at sætte opacity. */
    .bmg-product #js-scroll > .bg-body-secondary,
    .bmg-product #js-scroll > .bg-body-tertiary,
    .bmg-product #main .bg-body-secondary,
    .bmg-product #main .bg-body-tertiary {
        background-image: none;
    }
}

/* ===================================================================
   Brødkrumme
   -------------------------------------------------------------------
   Ligger under header-båndet og over indholdet. Holdt bevidst stilfærdig:
   den skal kunne aflæses, ikke bemærkes. Produktets kulør er det eneste
   farvede element, og den bruges kun på det punkt man står på - resten er
   neutral grå, så sporet ikke konkurrerer med overskriften lige under.
   =================================================================== */
.bmg-breadcrumb {
    padding-top: 1.25rem;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.bmg-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.625rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bmg-breadcrumb__item {
    display: flex;
    align-items: center;
    color: #6b7280;
}

/* Adskilleren er en chevron tegnet med to kanter frem for et ikon: den
   følger skriftstørrelsen, kræver ingen ikonfont og bliver aldrig et
   manglende glyph. */
.bmg-breadcrumb__item + .bmg-breadcrumb__item::before {
    content: "";
    width: 0.3125rem;
    height: 0.3125rem;
    margin-inline-end: 0.625rem;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.5;
    flex: none;
}

.bmg-breadcrumb a {
    color: inherit;
    text-decoration: none;
    padding-block: 0.125rem;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.bmg-breadcrumb a:hover,
.bmg-breadcrumb a:focus-visible {
    color: var(--bmg-product);
    border-bottom-color: color-mix(in oklab, var(--bmg-product) 45%, transparent);
}

.bmg-breadcrumb a:focus-visible {
    outline: 2px solid color-mix(in oklab, var(--bmg-product) 60%, transparent);
    outline-offset: 3px;
    border-radius: 2px;
}

/* Der hvor man står: produktets kulør, lidt tungere vægt, ingen link. */
.bmg-breadcrumb__item.is-current {
    color: var(--bmg-product);
    font-weight: 500;
}

@media (max-width: 575.98px) {
    .bmg-breadcrumb {
        padding-top: 1rem;
        font-size: 0.75rem;
    }
}

/* Brødkrummen må ikke skubbe siden ned.
   Indholdsbeholderen har pt-5 (48px) fra Bootstrap. Uden brødkrumme er det
   luften mellem header-båndet og indholdet; med brødkrumme lagde de to sig
   oven i hinanden, og overskriften rykkede ~34px længere ned.
   Brødkrummen overtager derfor pladsen frem for at lægge til.

   Bemærk: .scroll har i forvejen padding-top: 130px over 992px - den hører til
   den gamle opstilling mod billedkolonnen og røres ikke her. Skal overskriften
   længere op i det hele taget, er det den knap, der skal skrues på. */
.bmg-breadcrumb + .entry-content [id^="content-"] {
    /* !important er nødvendigt her, ikke dovent: Bootstrap erklærer sine
       afstands-utilities som "padding-top: 3rem !important", og en !important
       kan kun overtrumfes af en anden !important - specificitet er ligegyldig.
       Fjernes den, falder reglen igennem, og overskriften rykker ned igen. */
    padding-top: 0.5rem !important;
}