@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-black-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-bold-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-book-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-book-webfont.woff') format('woff');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-extralight-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-extralight-webfont.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-heavy-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-heavy-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-medium-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-light-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-regular-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-semibold-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Alte Grotesk';
  src: url('../fonts/neuealtegrotesk-thin-webfont.woff2') format('woff2'),
       url('../fonts/neuealtegrotesk-thin-webfont.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Root */
/* https://fluidbuilder.webflow.io/?design=90&max=90&min=20&f&g=:1.35,1.26:--font-size--display,6.05,4_--font-size--h1,4.48,3.18_--font-size--h2,3.32,2.52_--font-size--h3,2.46,2_--font-size--h4,1.82,1.59_--font-size--h5,1.35,1.26_--font-size--h6,1,1,t&g=:1.2,1.14:--font-size-xl,1.51,1.3_--font-size-l,1.26,1.14_--font-size-md,1.05,1_--font-size-s,0.875,0.875,t_--font-size-xs,0.73,0.77&g=:1.49,1.4:--section-space--large,13.48,7.23_--section-space--main,9.05,5.17_--section-space--small,6.07,3.69_--space--8,4.08,2.64_--space--7,2.74,1.88_--space--6,1.84,1.34_--space--5,1.23,0.96_--space--4,0.83,0.69_--space--3,0.56,0.49_--space--2,0.37,0.35_--space--1,0.25,0.25,t */
:root {
    /* Primitives */
    /* Font family variable with fallbacks */
    --font-family: 'Neue Alte Grotesk', Arial, Helvetica, sans-serif;
    /* Headings */
    --font-size-display: clamp(4rem, 3.414rem + 2.93vw, 6.05rem);
	--font-size-h1: clamp(3.18rem, 2.808rem + 1.86vw, 4.48rem);
	--font-size-h2: clamp(2.52rem, 2.292rem + 1.14vw, 3.32rem);
	--font-size-h3: clamp(2rem, 1.868rem + 0.66vw, 2.46rem);
	--font-size-h4: clamp(1.59rem, 1.524rem + 0.33vw, 1.82rem);
	--font-size-h5: clamp(1.26rem, 1.234rem + 0.13vw, 1.35rem);
	--font-size-h6: clamp(1rem, 1rem + 0vw, 1rem);
    /* Text */
    --font-size-xxl: clamp(1.5rem, 1.44rem + 0.3vw, 1.71rem);
	--font-size-xl: clamp(1.3rem, 1.24rem + 0.3vw, 1.51rem);
	--font-size-l: clamp(1.14rem, 1.106rem + 0.17vw, 1.26rem);
	--font-size-md: clamp(1rem, 0.986rem + 0.07vw, 1.05rem);
	--font-size-s: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	--font-size-xs: clamp(0.73rem, 0.782rem + -0.06vw, 0.77rem);
    --font-size-xxs: clamp(0.625rem, 0.65rem + -0.06vw, 0.67rem);
    /* Spacing */
	--section-space-large: clamp(7.23rem, 5.444rem + 8.93vw, 13.48rem);
	--section-space-main: clamp(5.17rem, 4.062rem + 5.54vw, 9.05rem);
	--section-space-small: clamp(3.69rem, 3.01rem + 3.4vw, 6.07rem);
	--space-8: clamp(2.64rem, 2.228rem + 2.06vw, 4.08rem);
	--space-7: clamp(1.88rem, 1.634rem + 1.23vw, 2.74rem);
	--space-6: clamp(1.34rem, 1.198rem + 0.71vw, 1.84rem);
	--space-5: clamp(0.96rem, 0.882rem + 0.39vw, 1.23rem);
	--space-4: clamp(0.69rem, 0.65rem + 0.2vw, 0.83rem);
	--space-3: clamp(0.49rem, 0.47rem + 0.1vw, 0.56rem);
	--space-2: clamp(0.35rem, 0.344rem + 0.03vw, 0.37rem);
	--space-1: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);

    /* Colors */
    /* Neutrals */
    --color-white: #FFFFFF;
    --color-neutrallightest: #EEEEEE;
    --color-neutrallighter: #CCCCCC;
    --color-neutrallight: #AAAAAA;
    --color-neutral: #666666;
    --color-neutraldark: #444444;
    --color-neutraldarker: #222222;
    /* Opacities */
    --opacity-transparent: #FFFFFF00;
    --opacity-white5: #FFFFFF0C;
    --opacity-white10: #FFFFFF19;
    --opacity-white15: #FFFFFF26;
    --opacity-white20: #FFFFFF33;
    --opacity-white30: #FFFFFF4C;
    --opacity-white40: #FFFFFF66;
    --opacity-white50: #FFFFFF7F;
    --opacity-white60: #FFFFFF99;
    --opacity-white80: #FFFFFFCC;
    --opacity-neutraldarkest10: #12121219;
    --opacity-neutraldarkest15: #12121226;
    --opacity-neutraldarkest20: #12121233;
    --opacity-neutraldarkest30: #1212124C;
    --opacity-neutraldarkest40: #12121266;
    --opacity-neutraldarkest50: #1212127F;
    --opacity-neutraldarkest60: #12121299;
    --opacity-neutraldarkest80: #121212CC;
    /* Brand */
    --brand-black: #231F20;
    --brand-primary: #0B2B43;
    --brand-secondary: #C7DDE5;
    --brand-cta-blue: #1A659E;
    --brand-cta-orange: #FF6B35;
    --brand-cta-green: #5F9E68;
    --brand-button-green: #0C6626;
    --opacity-neutraldarkest5: #1212120C;
    
    /* Semantics */
    --calendar-occupied: #F84D47;
    --background-light-blue: #EEF5F7;

    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    --border-radius-xxl: 2rem;
    --border-radius-round: 100rem;

    /* Shadows */
    --shadow-sm: 0px 3px 3px -1.5px rgba(0, 0, 0, 0.04), 0px 1px 1px -0.5px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
    --shadow-md: 0px 24px 24px -12px rgba(0, 0, 0, 0.04), 0px 12px 12px -6px rgba(0, 0, 0, 0.04), 0px 6px 6px -3px rgba(0, 0, 0, 0.04), 0px 3px 3px -1.5px rgba(0, 0, 0, 0.04), 0px 1px 1px -0.5px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0px 48px 48px -24px rgba(0, 0, 0, 0.04), 0px 24px 24px -12px rgba(0, 0, 0, 0.04), 0px 12px 12px -6px rgba(0, 0, 0, 0.04), 0px 6px 6px -3px rgba(0, 0, 0, 0.04), 0px 3px 3px -1.5px rgba(0, 0, 0, 0.04), 0px 1px 1px -0.5px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);

    font-size: 16px;
}

/* Remove font-family from universal selector */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ensure font-family is set on body */
body {
    font-family: var(--font-family);
    font-size: var(--font-size-md);
    color: var(--brand-black);
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* =============================== */
/* General START */
/* =============================== */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family);
    font-weight: 600;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: var(--brand-primary);
}
a {
    color: var(--brand-cta-blue);
}

/* =============================== */
/* General END */
/* =============================== */

/* =============================== */
/* Navbar START */
/* =============================== */
#cssmenu {
    background-color: var(--brand-primary);
    color: var(--color-white);
    padding: var(--space-5) var(--space-7);
    font-family: var(--font-family);
    font-size: var(--font-size-md);
    line-height: 1.25;
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    text-indent: 0;
    display: flex!important;
    justify-content: center!important;
    align-items: flex-end!important;
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1051!important;
}
.topbar-companylogo {
    max-width: 30%;
    text-align: right;
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    height: 2.25rem;
    width: 240px;
}
.topbar-companylogo a img {
    max-height: 2.25rem;
    top: var(--space-5);
    position: absolute;
    left: calc(var(--space-7) + 1.5rem * 0.5) ;
}

/* Language dropdown */

/* Main language dropdown container */
#cssmenu li.has-sub {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: var(--space-4);
    position: relative;
    border-radius: var(--border-radius-round);
    background-color: var(--color-neutrallightest);
    color: var(--brand-black);
    font-family: var(--font-family);
    font-size: var(--font-size-md);
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    line-height: normal;
    padding: var(--space-3) var(--space-7) var(--space-3) var(--space-5);
}

/* Menu links */ 

#cssmenu li a:has(:not(.language-dropdown)) {
    color: var(--brand-white);
}
#cssmenu li a:has(:not(.language-dropdown)):hover {
    color: var(--brand-secondary);
}

/* Alignment of the ul */

#cssmenu ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-4);
}
/* Remove any after pseudo-element */
#cssmenu ul::after {
    display: none;
}

/* Dropdown button styles */
#cssmenu ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-4);
    padding: 0;
    background-color: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    text-transform: none;
}

/* Remove background on hover for top-level items */
#cssmenu > ul > li:hover > a { 
    background: none;
}

/* Dropdown list (hidden by default) */
#cssmenu ul ul {
    position: absolute;
    top: 100%;
    left: -9999px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-start;
    gap: 0;
    width: 9.875rem;
    border-radius: 0;
    overflow: clip;
}

/* Show dropdown list on hover */
#cssmenu li:hover > ul {
    left: -1.25rem;
    padding: var(--space-5) 0 0 0;
    background: none;
    border: none!important;
}

/* Dropdown list item links */
#cssmenu ul ul li a {
    margin: 0;
}

/* Remove list style for dropdown items */
#cssmenu > ul > ul > li {
    list-style: none;
}
#cssmenu ul ul li:first-child a {
    border-top-left-radius: var(--border-radius-sm);
    border-top-right-radius: var(--border-radius-sm);
}
#cssmenu ul ul li:last-child a {
    border-bottom-left-radius: var(--border-radius-sm);
    border-bottom-right-radius: var(--border-radius-sm);
}

/* Dropdown list item styling on hover */
#cssmenu li:hover > ul > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: stretch;
    height: 35px;
}

/* Remove marker for top-level list items */
#cssmenu > ul > ul > li::marker {
    display: none;
    content: "";
}

/* Dropdown chevron icon */
.language-dropdown {
    /* background-image: url('/assets/icons/Boxicons/svgs/bx-chevron-down.svg'); */
    background-size: 1.5em;
    background-position: right center;
    background-repeat: no-repeat;
    background-position-x: calc(100% - var(--space-4));
}

/* Remove padding if .has-sub is present */
#cssmenu ul:has(.has-sub) {
    padding: 0;
}

/* Padding for .has-sub items */
.has-sub {
    padding: var(--space-4) var(--space-7) var(--space-4) var(--space-5)!important;
}

/* =============================== */
/* Language Dropdown Styles END    */
/* =============================== */
/* =============================== */
/* Navbar END */
/* =============================== */

/* =============================== */
/* Header START */
/* =============================== */

.techotel-top-image {
    background: url('/assets/images/IdraettensHus_Superior-dobbeltvaerelse_Detaljebillede_Skab.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--brand-primary);
    background-blend-mode: unset;
}
/* =============================== */
/* Header END */
/* =============================== */

/* =============================== */
/* Navigator */
/* =============================== */

.btn-prevnext {
    background-color: transparent;
    color: var(--brand-primary);
    border: none;
    font-size: var(--font-size-md);
    font-weight: 400;
    font-family: var(--font-family);
    display: flex;
    justify-content: space-between;
    transition: color 0.3s ease-in-out;
}
.btn-prevnext:hover {
    color: var(--brand-cta-blue);
    background-color: transparent;
    text-decoration: none;
}

/* =============================== */
/* Basket */
/* =============================== */
.btn.btn-block.btn-default.collapsed.basket-collapsebar, .basket-collapsebar:not(.collapsed) {
    background-color: var(--background-light-blue);
    border-radius: var(--border-radius-md)!important;
    color: var(--brand-primary);
    font-size: var(--font-size-md);
    font-weight: 400;
    font-family: var(--font-family);
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5);
    height: auto;
    border: none!important;
}
.btn.btn-block.btn-default.collapsed.basket-collapsebar:hover {
    border: none!important;
}
.basket-container-class {
    top: calc(100% + var(--space-5));
    background-color: var(--background-light-blue);
    border: none;
    border-radius: var(--border-radius-md);
}

.basket-containerbox {
    color: var(--brand-primary);
    width: 100%;
    padding: var(--space-5);
    margin: 0;
}
.basket-containerbox .col-12:first-child {
    padding:0;
}

/* BasketIcon */
.basket-collapsebar-icon {
    background-color: transparent;
    width: 1.75rem;
    height: 1.75rem;
}
.basket-collapsebar-icon i {
    color: var(--brand-primary);
}
.basket-collapsebar-icon:hover {
    background-color: transparent;
}
.basket-collapsebar-icon img {
    width: 100%;
}

#formroomline_633415 {
    justify-self: flex-end;
    display: inline-block;
    margin-left: auto;
}

/* Remove Icon */
.col-1:has(#formroomline_633415) {
    display: flex;
    justify-content: flex-end;
}
.basket-delete-item {
    background-size: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    font-size: 1em;
    float: right;
}


.col-12 .col-12 :first-child:has(> .basket-paymentbutton), .basket-containerbox .col-12 .col-12:has(.basket-total-text) {
    display: flex;
    justify-content: flex-end;
    padding: 0 var(--space-5);
}
#basket_roomline_633415 :nth-child(3):has(.col-5) {
    margin-bottom: var(--space-5);
}

/* Check In */ 
#basket_roomline_633415 :nth-child(2) > .col-5 span {
    padding-left: var(--space-7);
    background-image: url('/assets/icons/Boxicons/svgs/bx-arrow-in-right-square-half.svg');
    background-size: 1.25em;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: var(--space-2);
}
/* Check Out */ 
#basket_roomline_633415 :nth-child(3) > .col-5 span {
    padding-left: var(--space-7);
    background-image: url('/assets/icons/Boxicons/svgs/bx-arrow-out-left-square-half.svg');
    background-size: 1.25em;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: var(--space-2);
}
/* Room */
.col-12 #basket_roomline_633415 .col-5 div {
    padding-left: var(--space-7);
    background-image: url('/assets/icons/Boxicons/svgs/bx-bed-alt.svg');
    background-size: 1.25em;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: var(--space-2);
}
/* Amount of rooms */
#basket_roomline_633415 :nth-child(7) .col-5 span {
    padding-left: var(--space-7);
    background-image: url('/assets/icons/Boxicons/svgs/bx-door.svg');
    background-size: 1.25em;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: var(--space-2);
}
/* People */
#basket_roomline_633415 :nth-child(8) .col-5 span {
    padding-left: var(--space-7);
    background-image: url('/assets/icons/Boxicons/svgs/bx-man.svg');
    background-size: 1.25em;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: var(--space-2);
}

/* Basket paymentbutton */

.btn.btn-primary.basket-paymentbutton {
    background: var(--brand-button-green)!important;
    border-radius: var(--border-radius-round);
    color: var(--color-white);
    font-size: var(--font-size-md);
    font-weight: 400;
    font-family: var(--font-family);
    padding: var(--space-3) var(--space-5);
    height: auto;
    width: auto;
    text-transform: none;
    transition: all 0.3s cubic-bezier(0.15, 0, 0.5, 1);
}

.btn.btn-primary.basket-paymentbutton:hover {
    background-color: var(--brand-cta-blue)!important;
}

/* =============================== */
/* Header */
/* =============================== */

.techotel-top-image {
    max-height: 25rem;
}
/* =============================== */
/* Product items */
/* =============================== */

.btn.btn-link.btn-block.d-flex.surface-area-collapsed.surface-area.contactform-collapse.collapse-openclose-icon-right {
    background-color: var(--background-light-blue);
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
    font-size: var(--font-size-md);
    font-weight: 400;
    font-family: var(--font-family);
    display: flex;
    padding: var(--space-5) var(--space-6);
    transition: all 0.3s cubic-bezier(0.15, 0, 0.5, 1);
    text-transform: none;
}
.btn.btn-link.btn-block.d-flex.surface-area-collapsed.surface-area.contactform-collapse.collapse-openclose-icon-right:hover {
    border: none;
    background-color: var(--brand-secondary);
}

/* =============================== */
/* Name info */
/* =============================== */

#customerform {
    background-color: var(--background-light-blue);
}

.contactform-collapse {
    background: none;
    border-radius: var(--border-radius-md);
    color: var(--brand-primary);
    font-size: var(--font-size-md);
    font-weight: 400;
    font-family: var(--font-family);
    display: flex;
    padding: var(--space-5) var(--space-6);
    transition: all 0.3s cubic-bezier(0.15, 0, 0.5, 1);
    text-transform: none;
}
.contactform-collapse:hover {
    border: none;
    background: none;
}

.nav.nav-tabs.form-tabs {
    overflow: clip;
    padding: 1px;
    justify-content: center;
}
.nav-tabs .nav-item {
    margin: 0;
    border: 1px solid var(--brand-primary);
    overflow: clip;
}
.form-tabs .nav-item:first-child {
    border-top-left-radius: var(--border-radius-round);
    border-bottom-left-radius: var(--border-radius-round);
}
.form-tabs .nav-item:last-child {
    border-top-right-radius: var(--border-radius-round);
    border-bottom-right-radius: var(--border-radius-round);
}
.form-tabs a.nav-link {
    background: none;
    color: var(--brand-primary);
    border: 1px solid transparent;
    font-size: var(--font-size-md);
    font-weight: 400;
    font-family: var(--font-family);
    text-transform: none;
    display: flex;
    margin: 0;
    transition: all 0.3s cubic-bezier(0.15, 0, 0.5, 1)!important;
    border-radius: unset;
}
.form-tabs a.nav-link:hover {
    background: none;
    border: 1px solid transparent;
    color: var(--brand-primary);
    font-size: var(--font-size-md);
    border-radius: unset;
}
.form-tabs a.nav-link.active {
    background-color: var(--brand-primary);
    color: var(--color-white);
    border: 1px solid var(--brand-primary);
    font-size: var(--font-size-md);
}
.form-tabs a.nav-link.active:hover {
    background-color: var(--brand-primary);
    color: var(--color-white);
    border: 1px solid var(--brand-primary);
    font-size: var(--font-size-md);
}
.surface-area-text {
    text-align: center;
}
[type="text"].form-control, .btn.dropdown-toggle.bs-placeholder.form-control{
    border-radius: var(--border-radius-round)!important;
    padding: var(--space-5) var(--space-6)!important;
    border: 1px solid var(--opacity-neutraldarkest30);
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    border-radius: var(--border-radius-round)!important;
}
.filter-option {
    padding-top: 0.75rem!important;
}
textarea.form-control {
    border: 1px solid var(--opacity-neutraldarkest30)!important;
}
.form-row {
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.form-row:has(.col-sm-6.customerform-itemsdiv) {
    justify-content: center;
}
.form-row.othergroup, .surface-area-footnote {
    max-width: 50%;
    margin: 0 auto;
    padding: 0 5px;
}

.dropdown-menu[role="combobox"] {
    border-radius: var(--border-radius-md);
}


/* =============================== */
/* Kontakt company */
/* =============================== */

.form-row:has(#company_companyname), .form-row:has(#company_contactfirstname), .form-row:has(#company_contactpersonemail), .form-row:has(#company_guestfirstname), .form-row:has(#company_guestphone), .form-row:has(#ean_number) {
    justify-content: center;
}
.tab-content .col-12 .col-sm-6 .col-sm-6 {
    max-width: 100%;
    flex: 1;
 }
.col-sm-6:has(.group-area.surface-area-heading) {
    justify-self: flex-start;
}
.form-row.input-spacer-bottom:has(#company_zipcode) {
    gap: 0;
}
input.form-control.input-spacer-bottom[style="visibility: hidden"] {
    display: none!important;
}


/* =============================== */
/* Text under form */
/* =============================== */

.surface-area-footnote, .body-text {
    text-transform: none;
    color: var(--brand-primary);
    font-size: var(--font-size-md);
}

.body-text a {
    color: var(--brand-cta-blue);
}

/* =============================== */
/* Payment button */
/* =============================== */

.btn.btn-primary.nameaddress_submit {
    background: var(--brand-button-green);
    border-radius: var(--border-radius-round);
    color: var(--color-white);
    font-size: var(--font-size-md);
    font-weight: 400;
    font-family: var(--font-family);
    padding: var(--space-5) var(--space-7);
    text-transform: none;
    transition: all 0.3s cubic-bezier(0.15, 0, 0.5, 1)!important;
}

.btn.btn-primary.nameaddress_submit:hover {
    background: var(--brand-cta-blue)!important;
}

.form-row.receive-news {
    gap: 0;
    padding-right: 20px;
}

.col-12:has(input[style="visibility: hidden"]) {
    display: none!important;
}

/* =============================== */
/* Payment overview */
/* =============================== */

.custom-control.fill-checkbox .fill-control-indicator {
    border: var(--brand-primary) solid 2px;
    background-size: 90%;
    border-radius: var(--border-radius-round);
    height: 1.1em;
    width: 1.1em;
    font-weight: 400 !important;
    margin-top: 2px;
}
.custom-control.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
    background-color: var(--brand-primary);
    border: var(--brand-primary) solid 2px;
    background-size: 77%;
    border-radius: var(--border-radius-round);
    height: 1.1em;
    width: 1.1em;
    font-weight: 400 !important;
}

.btn.btn-default.giftcard-show {
    background-color: transparent!important;
    border-radius: var(--border-radius-round)!important;
    border: 1px solid var(--brand-button-green)!important;
    color: var(--brand-button-green)!important;
    font-size: var(--font-size-md)!important;
    font-weight: 500!important;
    font-family: var(--font-family)!important;
    padding: var(--space-3) var(--space-5)!important;
    text-transform: none!important;
    transition: all 0.3s cubic-bezier(0.15, 0, 0.5, 1)!important;
}
.btn.btn-default.giftcard-show:hover {
    background-color: var(--brand-button-green)!important;
    color: var(--color-white)!important;
    border: 1px solid var(--brand-button-green)!important;
}
#customerform[novalidate="novalidate"] {
    border-radius: var(--border-radius-md);
    padding: var(--space-4);
}
#customerform[novalidate="novalidate"] .col-12.pt-2 {
    min-height: 5rem;
    margin-top: var(--space-5);
}

#ware_2270107 {
    transform: translate(0.625rem, -3.5rem);
}
.fa-remove:hover {
    color: var(--calendar-occupied);
}
.basketoverview-ordeven-items {
    margin-top: var(--space-5);
}
/* =============================== */
/* Small screen */
/* =============================== */

@media screen and (max-width: 35.9375rem) {
    .nav.nav-tabs.form-tabs {
        gap: var(--space-3);
    }
    .form-tabs .nav-item {
        border-radius: var(--border-radius-round)!important;
    }
    #cssmenu.small-screen #menu-button::before, #cssmenu.small-screen #menu-button.menu-opened::before, #cssmenu.small-screen #menu-button.menu-opened::after{
        background-color: var(--background-light-blue);
    }
    #cssmenu.small-screen #menu-button::after {
        border-color: var(--background-light-blue);
    }
    .form-row.othergroup, .surface-area-footnote {
        max-width: 100%;
        padding: 0 20px;
    }
    .btn.btn-default.giftcard-show {
        width: 100%;
    }
    #ware_2270107 {
        transform: translate(0.625rem, -9.5rem);
    }
}