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

/* COLORS */
 :root {
    --dd-color-accent: #ffc400;
    --dd-color-accent-contrast: #21382d;
    --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: 700;
}

/* 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-udlejet {
    --dd-status-color: #dd3333;
}

/* HOTSPOT COLORS */
 .dd-hotspot-color-default {
    --dd-hotspot-text-color: #000000;
    --dd-hotspot-background-color: #FFFFFF;
    --dd-hotspot-sublabel-text-color: #FFFFFF;
    --dd-hotspot-sublabel-background-color: #000000;
}

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

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

}

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