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

/* COLORS */
 :root {
    --dd-color-accent: #2a9bd9;
    --dd-color-accent-contrast: #FFFFFF;
}

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

/* MAX WIDTHS */
 :root {
    --dd-max-width: 1830px;
    --dd-max-width-infospots: 900px;
}

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

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

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

/* HOTSPOT COLORS */
 .dd-hotspot-color-default {
    --dd-hotspot-text-color: #2d131e;
    --dd-hotspot-background-color: #fffcf4;
    --dd-hotspot-sublabel-text-color: #FFFFFF;
    --dd-hotspot-sublabel-background-color: #495843;
}

.dd-hotspot-color-blaa-kornblomst {
    --dd-hotspot-text-color: #fffcf4;
    --dd-hotspot-background-color: #2d131e;
    --dd-hotspot-sublabel-text-color: #2d131e;
    --dd-hotspot-sublabel-background-color: #c6cae0;
}

.dd-hotspot-color-nabolag {
    --dd-hotspot-text-color: #fffcf4;
    --dd-hotspot-background-color: #2d131e;
    --dd-hotspot-sublabel-text-color: #000000;
    --dd-hotspot-sublabel-background-color: #FFFFFF;
}

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

.dd-hotspot-size-small {
    --dd-hotspot-height: 28px;
}

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

.dd-hotspot-size-small {
    --dd-hotspot-height: 24px;
}

}

/* MASK COLORS */
 .dd-mask-path {
    --dd-mask-fill: #fffbf7;
    --dd-mask-fill-opacity: 0.00;
    --dd-mask-stroke: #fffbf7;
    --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-ler .dd-mask-path {
    --dd-mask-fill: #eba87a;
    --dd-mask-stroke: #eba87a;
}

.dd-mask-style-blaa-kornblomst .dd-mask-path {
    --dd-mask-fill: #c6cae0;
    --dd-mask-stroke: #c6cae0;
}

.dd-mask-style-groen-korngul .dd-mask-path {
    --dd-mask-fill: #cdc57a;
    --dd-mask-stroke: #cdc57a;
}

.dd-mask-style-kridt .dd-mask-path {
    --dd-mask-stroke: #f7f5e7;
}

.dd-mask-style-dis .dd-mask-path {
    --dd-mask-fill: #fffbf7;
    --dd-mask-stroke: #fffbf7;
    --dd-mask-stroke-width: 1px;
}