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

/* COLORS */
 :root {
    --dd-color-accent: #dd3333;
    --dd-color-accent-contrast: #FFFFFF;
    --dd-color-background: #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;
}

/* 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;
}

/* HOTSPOT COLORS */
 .dd-hotspot-color-default {
    --dd-hotspot-text-color: #ffffff;
    --dd-hotspot-background-color: #e54b41;
    --dd-hotspot-sublabel-text-color: #ffffff;
    --dd-hotspot-sublabel-background-color: #9fbfc4;
}

.dd-hotspot-color-black {
    --dd-hotspot-text-color: #FFFFFF;
    --dd-hotspot-background-color: #000000;
    --dd-hotspot-sublabel-text-color: #000000;
    --dd-hotspot-sublabel-background-color: #FFFFFF;
}

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

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

.dd-hotspot-size-large {
    --dd-hotspot-height: 48px;
}

/* 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;
}

.dd-hotspot-size-large {
    --dd-hotspot-height: 40px;
}

}

/* 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-blue .dd-mask-path {
    --dd-mask-fill: #008dd4;
    --dd-mask-stroke: #008dd4;
}

.dd-mask-style-purple .dd-mask-path {
    --dd-mask-fill: #8224e3;
    --dd-mask-stroke: #8224e3;
}

.dd-mask-style-orange .dd-mask-path {
    --dd-mask-fill: #dd9933;
    --dd-mask-stroke: #dd9933;
}