/* Bootstrap slider - full content width */
.carousel.slide.full-content .carousel-control-next {
    justify-content: end;
    width: 45px;
    right: -50px;
}
.carousel.slide.full-content .carousel-control-prev {
    justify-content: start;
    width: 45px;
    left: -50px;
}
.carousel.slide.full-content .carousel-indicators {
    bottom: -35px;
}
.carousel.slide.full-content .carousel-indicators [data-bs-target] {
    height: 13px;
    width: 13px;
    border-radius: 100%;
    background-color: #939ba2;
}
.carousel.slide.dark-navigation .carousel-control-next-icon {
    background-image: url(/media/xskdq1wj/slider-arrow-next.png);
    background-size: 16px;
}
.carousel.slide.dark-navigation .carousel-control-prev-icon {
    background-image: url(/media/1lybqjvx/slider-arrow-prev.png);
    background-size: 16px;
}

@media only screen and (max-width: 500px) {
.carousel.slide.full-content .carousel-control-next, 
.carousel.slide.full-content .carousel-control-prev {
    display: none;
}
}



/* Basic */
body {
    font-family: 'Open Sans';
    color: #556b79;
    font-weight: 400;
    font-size: 14px;
}
hr {
height: 1px;
    border: none;
    background: #556b79;
    opacity: 1;
    margin: 14px 0;
    display: block;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    color: #556b79;
}
a:hover .text {
    text-decoration: underline;
}
p {
    margin-bottom: 10px;
}
.paragraph-space-medium p {
    margin-bottom: 12px!important;
}
h1 {
    font-size: 35px;
    font-weight: 300;
    line-height: 1.2;
}
h4 {
    font-weight: 600;
    line-height: 1.4;
}
.display-none {
    display: none!important;
}
.font-size-17px {
    font-size: 17px;
}
.book-btn-style01 {
    background: #586b7a;
    color: #fff;
    padding: 6px 37px;
    font-weight: 700;
    font-size: 16px;
    transition: opacity .2s ease-out;
}
.book-btn-style01:hover {
    opacity: 0.6;
}
.formular-standard-01 form input {
    width: 100%;
    padding: 10px 6px;
    background: transparent;
    border: solid 1px #586b7a;
}
.formular-standard-01 form label {
        font-weight: 600;
    margin-bottom: 5px;
}
.formular-standard-01 form .contourField {
    margin-bottom: 15px;
}
.formular-standard-01 form input[type="submit"]{
    width: auto;
    padding: 6px 40px;
    background: #819eaf;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    font-size: 20px;
    margin-top: 30px;
}
.split-sektion-slider-top.split-style01 p.bg-img {
    margin: 0;
}

.bootstrap-section .row .col-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.info-box-style01 {
    border: solid 1px;
    padding: 22px;
}
ul {
    padding-left: 16px;
}
ul li {
    margin-bottom: 3px;
}
.fw-600 {
    font-weight: 600;
}
.font-size-15 {
    font-size: 15px;
}
.font-size-16 {
    font-size: 16px;
}
.dark-bg a {
    color: #eeeeee;
}
.large-text p {
    font-size: 20px;
}
.extra-large-text p {
    font-size: 23px;
    line-height: 1.3;
}
.medium-text p {
    font-weight: 200;
    font-size: 17px;
}
span.trademark {
    font-size: 58%;
    vertical-align: super;
}
.bootstrap-section.max-width-640px > .container {
    max-width: 640px;
}
.bootstrap-section.max-width-840px > .container {
    max-width: 840px;
}
.bootstrap-section.split-style01 .content-frame-inner {
    padding: 0 98px;
}
.bootstrap-section.split-style01 .content-frame-inner h3 {
    font-weight: 600;
    line-height: 1.4;
    font-size: 21px;
    margin-bottom: 10px;
}
.bootstrap-section .carousel-item {
    background-size: cover;
    background-position: center;
}
.accordion-services.job-side .accordion-body p {
    margin-bottom: 18px;
}
section.no-padding-top-bottom {
    padding: 0px;
}
section.no-padding-top {
    padding-top: 0px;
}
section.no-padding-bottom  {
    padding-bottom: 0px;
}
section.low-padding-bottom  {
    padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) {
.split-section-content-padded {
    padding: 0 98px;
}
.split-section-content-padded.low-padding {
    padding: 0 25px;
}
}

section.bootstrap-section:has(.row.section-50px-padding) {
    padding: 50px 0;
}

.gradient-over-img-style01 {
    position: relative;
    margin-bottom: -4%;
}
.gradient-over-img-style01 .gradient-overlay {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, #eae9e5, transparent);
}

/* Tab Slider */
.nav.nav-tabs button.nav-link {
    background: #819eaf;
    border: none;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    border-radius: 0;
    padding: 8px 14px;
    margin-right: 5px;
}
.nav.nav-tabs button.nav-link.active {
    background: #304a5a;
}

/* Table styling */
table.inline-table-style01 {
    width: 100%;
}
table.inline-table-style01 td {
    padding: 6px 0;
}

.season-prices-table table {
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.season-prices-table table td {
    padding: 6px 0px;
}
.season-prices-table table td[align="bottom"]{
    vertical-align: bottom;
}
.season-prices-table table tr.border-bottom {
    border-bottom: solid 1px!important;
}

/* Go to top Arrow */
#btn-back-to-top {
    height: 45px;
    width: 45px;
    padding: 9px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #819eaf;
    border-radius: 50%;
    border: none;
    line-height: 24px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 100000;
}
#btn-back-to-top:hover {
    background: #000;
}
#btn-back-to-top svg {
    height: 100%;
    width: 100%;
    fill: #ffffff;
}

.produktnavn {
    height: 34px;
}

/* CTA elements */
.hover-img-zoom {
overflow: hidden;
}
.hover-img-zoom img {
transition: transform 0.5s;
}
.hover-img-zoom:hover img {
    transform: scale(1.1);
}
span.arrow-right {
    background: #819eaf;
    display: inline-block;
    height: 18px;
    width: 18px;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-family: monospace;
    font-size: 18px;
    line-height: 17px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: sub;
}
span.arrow-right.pos-left {
    margin-left: 0px;
    margin-right: 5px;
}
span.arrow-right.blue {
    background-image: url(/media/x22j1wpa/sprite-arrow-right-blue.png);
    background-color: #eeeeee;
}
span.arrow-right.lightblue {
    background-image: url(/media/v4vc1rzg/sprite-arrow-right-lightblue.png);
    background-color: #eeeeee;
}

/* Header */
header {
    height: 840px;
}  
header.Underside {
    height: 300px;
}
header.Underside .header-bottom-h1 {
    bottom: 32px;
}
header .header-top {
    position: relative;
    z-index: 10;
}
header .container.nav-menu-top {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
    top: 100px;
    height: 0;
}
header .container.nav-menu-top > .row {
    width: 0;
}
header .header-bottom-h1,
header .header-bottom-bookingbar {
    position: absolute;
    z-index: 10;
}
header .header-bottom-h1 {
    bottom: 150px;
    left: 50%;
    transform: translate(-50%, 0);
}
header .header-bottom-bookingbar {
    bottom: 0;
    height: 87px;
    background: #0000009c;
}
header .overlay-darkener {
position: absolute;
    width: 100%;
    height: 40%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgb(2 2 2 / 50%) 00%, rgba(255, 255, 255, 0) 100%);
}
header video {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
header h1 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    text-shadow: #000000c2 2px 0 7px;
    line-height: 0.96;
}
.language-selector {
    position: absolute;
    width: 100px;
    right: 100%;
    top: 32px;
    text-align: right;
}
.language-selector a {
display: inline-block;
    height: 15px;
    width: 21px;
    /* background: url(/media/ismj1ze4/sprite.png) no-repeat 0px 0px; */
    margin: 0px 0px 0px 10px;
}
.language-selector a.da {
    background-position: -161px -200px;
}
.language-selector a.en {
    background-position: -137px -200px;
}
.language-selector a.de {
    background-position: -113px -200px;
}
.navbar-brand {
    padding: 110px 0px;
    padding-top: 12px;
}
.navbar-brand img {
    height: 140px;
}
.navbar-toggler {
    font-size: 36px;
    color: #fff;
}
.header-logo-line {
    width: calc(50% - 90px);
    height: 1px;
    top: 50%;
    transform: translate(0, -50%);
    background: #fff;
}
.header-logo-line.left {
left:0;
}
.header-logo-line.right {
right:0;
}
.container.header-top .col-md-1 {
    width: 90px;
    padding: 0;
}
.container.header-top .col-md-10 {
    width: calc(100% - 180px);
}
.burger-menu-cta {
    text-align: center;
    display: inline-block;
    position: relative;
}
.burger-menu-cta .cta-button-wrapper {
    position: relative;
    z-index: 11;
    color: #fff;
    background: #586b7a;
    padding: 4px 0;
    line-height: 1;
    height: 56px;
    width: 54px;
    cursor: pointer;
    
}
.burger-menu-cta .cta-button-wrapper * {
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.burger-menu-cta button {
    height: 20px;
    margin-top: 2px;
}
.burger-menu-cta button svg {
    height: 20px;
    fill: #fff;
    vertical-align: top;
}
.burger-menu-cta.open svg.isclosed {
    display: inline !important;
}
.burger-menu-cta.open svg.isopen {
    display: none;
}
.burger-menu-cta span {
    font-size: 11px;
    display: block;
    padding-top: 8px;
}
.nav-menu-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: opacity 200ms linear;
}
.burger-menu-cta.contracted .nav-menu-wrapper {
    width: 275px;
    box-shadow: 3px 2px 16px #00000063;
}
.burger-menu-cta.contracted .row.mega-menu .menu-items {
    width: 100%;
}
.burger-menu-cta.contracted .row.mega-menu .submenus {
    display:none;
}
.burger-menu-cta.contracted .row.mega-menu .menu-items-inner {
    overflow: hidden;
}
.burger-menu-cta.open .nav-menu-wrapper {
    visibility: visible;
    opacity: 1;
}
.row.mega-menu {
    width: 600px;
    max-width: 100%;
    margin: 0;
}
.row.mega-menu {
    width: 660px;
    max-width: 100%;
    margin: 0;
}
.row.mega-menu .menu-items, .row.mega-menu .submenus {
padding: 60px 30px;
}
.row.mega-menu .menu-items {
    background: #ecefef;
    padding-right: 0;
}
.row.mega-menu .submenus {
background: #fff;
}
.row.mega-menu .menu-items .menu-item {
    padding-right: 30px;
}
.row.mega-menu .menu-items .menu-item a {
    display: block;
    line-height: 1.5;
    opacity: 0.4;
    font-weight: 600;
}
.row.mega-menu .menu-items .menu-item > a {
    position: relative;
    overflow: hidden;
}
/*
.row.mega-menu .menu-items .menu-item > a::after {
content: "";
    display: block;
    height: 1.5px;
    background: #556b79;
    position: absolute;
    width: 100%;
    bottom: -1px;
}
*/
.row.mega-menu .menu-items .menu-item > a > div {
    border-bottom: solid 1px;
    padding: 10px 0;
    text-transform: uppercase;
}
.row.mega-menu .menu-items .menu-item .submenu a > div {
    border: none;
    padding: 10px 0;
}
.row.mega-menu .menu-items .menu-item .submenu a {
    border: none;
}
.row.mega-menu .menu-items .menu-item a:hover, .row.mega-menu .menu-items .menu-item.has-submenu.open:hover a, .row.mega-menu .menu-items .menu-item.has-submenu.open a {
    opacity: 1;
}
.row.mega-menu .submenus .submenu a {
    display: block;
    line-height: 2.5;
}
.row.mega-menu .menu-items-inner {
    position: relative;
}
.row.mega-menu .menu-items-inner .submenu {
position: absolute;
    left: 100%;
    top: 0;
    width: 355px;
    padding-left: 30px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s;
    min-height: 100%;
}
.row.mega-menu .menu-items-inner .has-submenu.open .submenu {
    visibility: visible;
    opacity: 1;
}
.row.mega-menu .submenus {
visibility: hidden;
}
.row.mega-menu .menu-items .menu-item .submenu a:hover {
    opacity: 0.4!important;
}

/*
.row.mega-menu .submenus.visible, .row.mega-menu .menu-items-inner .has-submenu.open .submenu {
    visibility: visible;
    opacity: 1;
}
*/
.nav-menu-wrapper .mega-menu .divider-top {
    border-top: solid 1px #d9d9d9!important;
    margin-top: 12px;
    padding-top: 9px;
}


/* Services og Menuer */
#menuer-oversigt {
    padding: 0;
}
section.menuer {
padding-top: 0;
    padding-bottom: 0;
}
section.menuer h4 {
    margin-bottom: 10px;
    margin-top: 16px;
}
section.services-ctas {
    padding: 40px 0;
}
.services-item .cta-text {
    font-weight: 600;
    font-size: 16px;
}
.services-item .cta-ikon {
    margin: 0;
}
.accordion-services .accordion-body {
    font-weight: 200;
    font-size: 17px;
}
.services-item {
    text-align: center;
    cursor: pointer;
    transition: opacity 100ms linear;
}
.services-item:hover, .services-item.active, .menu-accordion-link.selected .services-item {
    opacity: 0.4;
}
.services-item img, .accordeon-top-ikon img {
    height: 46px;
}
.accordion-services .accordion-body {
    text-align: center;
}
.accordion-services .accordeon-top-ikon {
    margin-bottom: 35px;
}
.ikon-line {
    width: calc(50% - 55px);
    height: 1px;
    top: 50%;
    transform: translate(0, -50%);
    background: #556b79;
}
.ikon-line.right {
    right: 0;
}
.accordion-services h2 {
    margin-bottom: 10px;
}
.accordion-services .accordion-body p {
    margin-bottom: 5px;
}
.accordion-services .accordion-body h4 {
    margin-bottom: 12px
}


/* Feinschmecker sektion */
section.feinschmecker-info {
    padding-top: 0;
}
section.feinschmecker-info h4 {
    font-size: 17px;
    margin-bottom: 7px;
    margin-top: 16px;
}

/* Arrangementskalender */
.bootstrap-section.arrangementskalender-container.aabningstider {
    padding-bottom: 140px;
}
.bootstrap-section.arrangementskalender-container.aabningstider > .container > .row {
    margin-bottom: -70px;
}
csw-activity-calendar::part(activity) {
background-color: #ecefef;
    color: #556b79;
    border-radius: 0;
    border: none;
}
.bootstrap-section.arrangementskalender-container {
    padding: 0;
    overflow: hidden;
}
.bootstrap-section.arrangementskalender-container > .container {
position: relative;
    top: -115px;
    overflow: hidden;
    margin-bottom: -190px;
}
.bootstrap-section.arrangementskalender-container.aabningstider > .container {
    top: 0;
    margin-bottom: -75px;
}
.bootstrap-section.arrangementskalender-container .cs-aabningstider {
    max-width: 800px;
    margin: auto;
    width: 100%;
}
body .container--primary.container--neutral.container--inverse[_ngcontent-ng-c447072630] .button[_ngcontent-ng-c447072630] {
    background-color: transparent;
    border: solid 1px;
    border-radius: 0;
}

/* Booking bar */
.header-bottom-bookingbar input:focus {
    box-shadow: none;
}
.header-bottom-bookingbar p {
    margin: 0 !important;
    height: 26px;
}
.header-bottom-bookingbar section.booking.booking-fixed.booking-dropup {
    padding: 0;
    width: 820px;
    margin: auto;
    max-width: 100%;
}
header.has-booking-bar .header-bottom-h1 {
    bottom: 165px;
}
section.booking.booking-fixed.booking-dropup .select-hide,
section.booking.booking-fixed.booking-dropup select#bb-type {
    display: none;
}
section.booking.booking-fixed.booking-dropup input,
section.booking.booking-fixed.booking-dropup button {
    border-radius: 0;
    height: 35px;
}
section.booking.booking-fixed.booking-dropup input {
    padding: 4px 7px;
}
section.booking.booking-fixed.booking-dropup input::placeholder {
font-size: 11px;
display:inline-block;
vertical-align: top;
line-height: 1;
position: relative;
top: -7px;
}
section.booking.booking-fixed.booking-dropup .arrival-departure-picker {
    position: relative;
}
section.booking.booking-fixed.booking-dropup .arrival-departure-picker svg {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 18px;
    fill: #586b7a;
    cursor: pointer;
}
section.booking.booking-fixed.booking-dropup .custom-select {
position: relative;
}
section.booking.booking-fixed.booking-dropup .custom-select .select-items {
    position: absolute;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
section.booking.booking-fixed.booking-dropup .custom-select .select-items div {
    padding: 7px 10px;
    border: 1px solid #d0d0d0;
    border-bottom: none;
    cursor: pointer;
}
section.booking.booking-fixed.booking-dropup .custom-select .select-items div:last-child {
    border-bottom: 1px solid #d0d0d0;
}
section.booking.booking-fixed.booking-dropup .custom-select .select-selected {
    height: 35px;
    background: #fff;
    cursor: pointer;
    line-height: 35px;
    padding: 0 7px;
    color: #000;
}
section.booking.booking-fixed.booking-dropup .custom-select .select-selected:after {
    position: absolute;
    content: "";
    top: 16px;
    right: 10px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #586b7a transparent transparent transparent;
}
section.booking.booking-fixed.booking-dropup .overnatning-placeholder-style .custom-select .select-selected {
    font-size: 11px;
    padding: 4px 7px;
    line-height: unset;
    color: unset;
}
section.booking.booking-fixed.booking-dropup button {
    background: #819eaf;
    border: none;
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
}
span#PaymentMethods {
    margin-top: 16px;
    display: block;
}
span#PaymentMethods img {
    height: 30px;
    width: auto;
    margin: 4px;
}


/* CSOB Ledighedskalender */

.notSundayStart td[data-weekday="0"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-first-part),
.notMondayStart td[data-weekday="1"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-first-part),
.notTuesdayStart td[data-weekday="2"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-first-part),
.notWednesdayStart td[data-weekday="3"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-first-part),
.notThursdayStart td[data-weekday="4"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-first-part),
.notFridayStart td[data-weekday="5"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-first-part),
.notSaturdayStart td[data-weekday="6"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-first-part) {
    text-decoration: line-through;
    background: linear-gradient(to top left, var(--csob-main-calendar-day) 50%, var(--csob-main-calendar-day-no-avability) 50%) !important;
    color: #ccc !important;
}
.notSundayStart td[data-weekday="0"].csob-cal-day-color-first-part,
.notSundayStart td[data-weekday="0"].csob-cal-day-disabled,
.notMondayStart td[data-weekday="1"].csob-cal-day-color-first-part,
.notMondayStart td[data-weekday="1"].csob-cal-day-disabled,
.notTuesdayStart td[data-weekday="2"].csob-cal-day-color-first-part,
.notTuesdayStart td[data-weekday="2"].csob-cal-day-disabled,
.notWednesdayStart td[data-weekday="3"].csob-cal-day-color-first-part,
.notWednesdayStart td[data-weekday="3"].csob-cal-day-disabled,
.notThursdayStart td[data-weekday="4"].csob-cal-day-color-first-part,
.notThursdayStart td[data-weekday="4"].csob-cal-day-disabled,
.notFridayStart td[data-weekday="5"].csob-cal-day-color-first-part,
.notFridayStart td[data-weekday="5"].csob-cal-day-disabled,
.notSaturdayStart td[data-weekday="6"].csob-cal-day-color-first-part,
.notSaturdayStart td[data-weekday="6"].csob-cal-day-disabled {
    background-color: #ca1616;
    background-color: var(--csob-main-calendar-day-no-avability-fallback);
    background: var(--csob-main-calendar-day-no-avability);
    color: #ccc !important;
}


.notSundayEnd td[data-weekday="0"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-last-part):not(.csob-cal-day-color-last-part-low-availability):not(.csob-cal-day-color-all-last-part-low-availability),
.notMondayEnd td[data-weekday="1"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-last-part):not(.csob-cal-day-color-last-part-low-availability):not(.csob-cal-day-color-all-last-part-low-availability),
.notTuesdayEnd td[data-weekday="2"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-last-part):not(.csob-cal-day-color-last-part-low-availability):not(.csob-cal-day-color-all-last-part-low-availability),
.notWednesdayEnd td[data-weekday="3"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-last-part):not(.csob-cal-day-color-last-part-low-availability):not(.csob-cal-day-color-all-last-part-low-availability),
.notThursdayEnd td[data-weekday="4"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-last-part):not(.csob-cal-day-color-last-part-low-availability):not(.csob-cal-day-color-all-last-part-low-availability),
.notFridayEnd td[data-weekday="5"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-last-part):not(.csob-cal-day-color-last-part-low-availability):not(.csob-cal-day-color-all-last-part-low-availability),
.notSaturdayEnd td[data-weekday="6"]:not(.csob-cal-day-color-not-active):not(.csob-cal-day-disabled):not(.csob-cal-day-color-last-part):not(.csob-cal-day-color-last-part-low-availability):not(.csob-cal-day-color-all-last-part-low-availability) {
    background: linear-gradient(to top left, var(--csob-main-calendar-day-no-avability) 50%, var(--csob-main-calendar-day) 50%);
}

.notSundayEnd td[data-weekday="0"].csob-cal-day-color-last-part,
.notMondayEnd td[data-weekday="1"].csob-cal-day-color-last-part,
.notTuesdayEnd td[data-weekday="2"].csob-cal-day-color-last-part,
.notWednesdayEnd td[data-weekday="3"].csob-cal-day-color-last-part,
.notThursdayEnd td[data-weekday="4"].csob-cal-day-color-last-part,
.notFridayEnd td[data-weekday="5"].csob-cal-day-color-last-part,
.notSaturdayEnd td[data-weekday="6"].csob-cal-day-color-last-part {
    background-color: #ca1616;
    background-color: var(--csob-main-calendar-day-no-avability-fallback);
    background: var(--csob-main-calendar-day-no-avability);
    color: #ccc !important;
}

.notSundayEnd td[data-weekday="0"].csob-cal-day-color-last-part-low-availability, 
.notSundayEnd td[data-weekday="0"].csob-cal-day-color-all-last-part-low-availability {
    background-color: var(--csob-main-calendar-day-no-avability);
    color: #ccc !important;
    background: linear-gradient(to top left, var(--csob-main-calendar-day-no-avability) 50%, var(--csob-main-calendar-day-low-availability) 50%);
}



.notSundayFull td[data-weekday="0"],
.notMondayFull td[data-weekday="1"],
.notTuesdayFull td[data-weekday="2"],
.notWednesdayFull td[data-weekday="3"],
.notThursdayFull td[data-weekday="4"],
.notFridayFull td[data-weekday="5"],
.notSaturdayFull td[data-weekday="6"] {
    background-color: #ca1616;
    background-color: var(--csob-main-calendar-day-no-avability-fallback);
    background: var(--csob-main-calendar-day-no-avability);
    color: #ccc !important;
}




section.csob-kalender-alt-ledigt .csob-cal-day:not(.csob-cal-day-color-first-part) {
        background-color: var(--csob-main-calendar-day);
    color: #556b79 !important;
}
section.csob-kalender-alt-ledigt .csob-cal-table-availability-color-info {
    visibility: hidden;
}
section.csob-kalender-alt-ledigt .csob-content div[name="LargeCalendarControlContainer"] div[name="CalendarContainer"] {
    background: #fff;
    padding-bottom: 5px;
}
section.csob-kalender-alt-ledigt div#MainContainer {
    overflow: hidden;
}
body div[name=CsobCalendarLogoContainer],
body div[name=ProfileLogoContainer] {
    position: relative;
}
body div[name=CsobCalendarLogoContainer]:before,
body div[name=ProfileLogoContainer]:before {
content: " ";
    height: 56px;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    background: #d9e0df;
    z-index: 10;
}
div[name=MonthTrackerContainer] {
    display: none;
}
#CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth], #CalendarWrapper .csob-cal-header td[name=CalendarHeader] {
   padding: 20px 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 21px;
    font-family: 'Open Sans';
    color: #556b79;
}
#CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth] {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#CalendarWrapper .csob-cal-header {
    position: relative;
    background-color: #fff;
}
body .csob-content:has(div[name=LargeCalendarControlContainer]) div[name=LargeCalendarControlContainer] div[name=CalendarContainer] .csob-cal-day-names {
    background-color: #fff;
    color: #556b79;
    font-weight: 500;
    padding-bottom: 0;
}
body .csob-content:has(div[name=LargeCalendarControlContainer]) div[name=LargeCalendarControlContainer] div[name=CalendarContainer] .csob-cal-header a:after {
    color: #556b79!important;
    font-size: 16px;
    width: 24px;
    height: 24px;
    transition: opacity .3s, background .3s, color .3s;
    background: transparent;
    padding: 0px;
    border-radius: 100%;
}
body .csob-content:has(div[name=LargeCalendarControlContainer]) div[name=LargeCalendarControlContainer] div[name=CalendarContainer] .csob-cal-header a:hover:after {
    background: transparent;
    color: #556b79!important;
}
#CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth] a[name=CalendarPrevMonth] {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: 20%;
}
#CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth] a[name=CalendarNextMonth] {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 20%;
}
#CalendarWrapper .csob-cal-search-button {
    display: inline-block!important;
        margin-top: -11px;
    height: 42px;
    line-height: 42px;
    padding: 0 40px;
    background: #586b7a;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 3px;
}
body div[name=CalendarContainer] div[name=CalendarOuterDiv] {
    height: 380px;
}
#CalendarWrapper .csob-cal-table-footer:has(.csob-cal-table-availability-color-info) {
    position: relative;
    z-index: 100;
    bottom: 100px;
}
#CalendarWrapper .csob-cal-table-footer:has(.csob-cal-table-availability-color-info) tr:last-child td:last-child {
    display: none;
}
#CalendarWrapper .csob-cal-table-footer:has(.csob-cal-table-availability-color-info) tr:last-child td:first-child {
    text-align: center !important;
}
#CalendarWrapper div[name=CalendarContainer] div[name=CalendarOuterDiv] {
    margin-bottom: 14px;
        padding-left: 0;
    padding-right: 0;
}
#CalendarWrapper div[name=LargeCalendarControlContainer].hasAvailability {
    height: 660px;
    background: #fff;
}
#CalendarWrapper .csob-cal-table-availability-color-info .csob-color-info-wrapper .csob-color-info-color {
width: 36px;
    height: 24px;
        border-radius: 0;
}
#CalendarWrapper .csob-cal-date-input-wrapper {
    border-radius: 0;
    padding: 12px 26px;
}
#CalendarWrapper .csob-cal-table-footer:has(.csob-cal-date-input-wrapper) {
    position: relative;
    top: -14px;
}
#CalendarWrapper:has(.csob-cal-table-availability-color-info) .csob-cal-table-footer:has(.csob-cal-date-input-wrapper) {
    top: 25px;
}
#CalendarWrapper .csob-cal-header img {
    width: 20px;
}
#CalendarWrapper .csob-cal-table-minimum-price {
    font-size: 13px;
}
#CalendarWrapper .csob-cal-table-week {
    /* display: none; */
    padding-left: 8px;
    color: #000;
}
#CalendarWrapper .csob-cal-days td {
    padding-bottom: 12px;
}
#MainContainer.row.CSOBSommer,
#MainContainer.row.CSOBUdlejning {
    max-width: 1060px;
    margin: auto;
    width: 100%;
}
body .csob-calendar-availability-loader .csob-calendar-availability-loader-content-wrapper {
    bottom: 22px;
    left: 50%;
    transform: translate(-50%, 0);
}
#CalendarWrapper .csob-cal-search-button span:after {
    content: " ";
    background: #819eaf;
    display: inline-block;
    height: 15px;
    width: 15px;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-family: monospace;
    font-size: 18px;
    line-height: 17px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: text-top;
    background-image: url(/media/x22j1wpa/sprite-arrow-right-blue.png);
    background-color: #eeeeee;
    position: relative;
    top: 2px;
}
@media only screen and (min-width: 900px) {
#CalendarWrapper .csob-cal-date-input-wrapper:first-child {
    margin-left: -140px;
}
}
@media only screen and (min-width: 1200px) {
    #CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth] a[name=CalendarPrevMonth] {
        left: 37%;
    }
    #CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth] a[name=CalendarNextMonth] {
        right: 37%;
    }
}


/* CSOB Shop */
.csob-shop-profilelist-breadcrump, .csob-shop-profilelist-share-area{
    display:none;
}
.csob-shop-template .csob-event .profile__image{
    height: 300px;
    width: 330px;
}
.csob-shop-template .csob-event .profile__image img{
    width: 300px;
    height: auto;
}



/* Footer */
footer {
    background-image: linear-gradient(to bottom, #576a79, #18232e);
    padding: 80px 0;
}
footer, footer a {
    color: #eeeeee;
}
footer h5 {
    font-size: 22px;
    margin-bottom: 10px;
}
footer img.footer-logo-img {
    width: 125px;
}
footer .container.limited-width {
    max-width: 940px;
}
@media only screen and (min-width: 501px) {
footer p:has(.arrow-right) span {
    display: inline-block;
    vertical-align: top;
}
footer p:has(.arrow-right) span.text {
    width: calc(100% - 30px);
}
}