/* CORNERS */
 :root {
    --dd-button-border-radius: 99px;
    --dd-element-radius: 16px;
    --dd-window-radius: 20px;
}

/* COLORS */
 :root {
    --dd-color-accent: #ffffff;
    --dd-color-accent-contrast: #373d3d;
    --dd-color-background: #FFFFFF;
}

/* FONTS */
 :root {
    --dd-font-default: 'Figtree', Tahoma, Verdana, sans-serif;
}

/* MAX WIDTHS */
 :root {
    --dd-max-width: 1680px;
    --dd-max-width-infospots: 680px;
}

/* PADDING */
 :root {
    --dd-window-padding: 40px;
}

@media screen AND (max-width:767px) {
    :root {
    --dd-window-padding: 40px;
}

}

/* STATUS COLORS */
 .dd-status-ledig {
    --dd-status-color: #81d742;
}

.dd-status-reserveret {
    --dd-status-color: #efa91c;
}

.dd-status-solgt {
    --dd-status-color: #dd3333;
}

.dd-status-udlejet {
    --dd-status-color: #dd3333;
}

.dd-status-kontrakt_ude {
    --dd-status-color: #2ba9bc;
}

/* HOTSPOT COLORS */
 .dd-hotspot-color-default {
    --dd-hotspot-text-color: #ffffff;
    --dd-hotspot-background-color: #8e988f;
    --dd-hotspot-sublabel-text-color: #96b7bc;
    --dd-hotspot-sublabel-background-color: #ffffff;
}

.dd-hotspot-color-hvid {
    --dd-hotspot-text-color: #373d3d;
    --dd-hotspot-background-color: #ffffff;
    --dd-hotspot-sublabel-text-color: #ffffff;
    --dd-hotspot-sublabel-background-color: #373d3d;
}

.dd-hotspot-color-orange {
    --dd-hotspot-text-color: #373d3d;
    --dd-hotspot-background-color: #e9b4a1;
    --dd-hotspot-sublabel-text-color: #000000;
    --dd-hotspot-sublabel-background-color: #FFFFFF;
}

.dd-hotspot-color-blaa {
    --dd-hotspot-text-color: #373d3d;
    --dd-hotspot-background-color: #abc5ca;
    --dd-hotspot-sublabel-text-color: #000000;
    --dd-hotspot-sublabel-background-color: #FFFFFF;
}

.dd-hotspot-color-roed {
    --dd-hotspot-text-color: #373d3d;
    --dd-hotspot-background-color: #d8acad;
    --dd-hotspot-sublabel-text-color: #000000;
    --dd-hotspot-sublabel-background-color: #FFFFFF;
}

.dd-hotspot-color-groen1 {
    --dd-hotspot-text-color: #FFFFFF;
    --dd-hotspot-background-color: #8e988f;
    --dd-hotspot-sublabel-text-color: #000000;
    --dd-hotspot-sublabel-background-color: #FFFFFF;
}

.dd-hotspot-color-groen2 {
    --dd-hotspot-text-color: #373d3d;
    --dd-hotspot-background-color: #8e988f;
    --dd-hotspot-sublabel-text-color: #000000;
    --dd-hotspot-sublabel-background-color: #FFFFFF;
}

/* HOTSPOT SIZES */
 .dd-hotspot-size-default {
    --dd-hotspot-height: 30px;
}

/* HOTSPOT SIZES - MOBILE */
 @media screen AND (max-width:767px) {
    .dd-hotspot-size-default {
    --dd-hotspot-height: 24px;
}

}

/* HOTSPOT CORNERS */
 :root {
    --dd-hotspot-radius-text: 99px;
    --dd-hotspot-radius-icon: 99px;
}

/* MASK COLORS */
 .dd-mask-path {
    --dd-mask-fill: #FFFFFF;
    --dd-mask-fill-opacity: 0.00;
    --dd-mask-stroke: #FFFFFF;
    --dd-mask-stroke-opacity: 1;
    --dd-mask-stroke-width: 3px;
}

.dd-mask-path.dd-color-mask-by-status {
    --dd-mask-fill-opacity: 0.35;
    --dd-mask-stroke-width: 2px;
}

.dd-mask-style-orange .dd-mask-path {
    --dd-mask-fill: #e0a492;
    --dd-mask-fill-opacity: 0.3;
    --dd-mask-stroke: #e0a492;
}

.dd-mask-style-blaa .dd-mask-path {
    --dd-mask-fill: #9fbfc4;
    --dd-mask-fill-opacity: 0.3;
    --dd-mask-stroke: #9fbfc4;
}

.dd-mask-style-grey .dd-mask-path {
    --dd-mask-fill: #808080;
    --dd-mask-fill-opacity: 0.3;
    --dd-mask-stroke: #808080;
}

.dd-mask-style-roed .dd-mask-path {
    --dd-mask-fill: #d8acad;
    --dd-mask-fill-opacity: 0.3;
    --dd-mask-stroke: #d8acad;
}