:root {
    /* --dark-main-color: #009ce2;
    --main-color: #01438d;
    --third-color: #ec1a3b;
    --grey: #3c3c3b;
    --front-color: #fff;
    --light-grey: rgba(255,255,255,.4);
    --map-control-background: rgba(0,60,136,.5);
    --map-control-background-hover: rgba(0,60,136,.7);
    --button-border: 3px solid var(--main-color);
    --button-border-radius: 25px/50%;
    --frame-border-radius: 25px;

    --label-height: 2.8em;
    --main-height: calc(100vh - 155px);
    --media-size: 600px;
    --tool-height: 2em; */

    --main-color-dark: #2196F3;
    --main-color-light: #62B7FC;
    --main-color-highlight: #f44236;
    --main-color-highlight-light: #e8796e;
    --secondary-color: #F3ECDA;
}

.wcag-black-yellow-contrast {
    background: #000 !important;
    color: #FF0 !important;
    fill: #FF0 !important;
}
.slider.wcag-black-yellow-contrast,
.wcag-black-yellow-contrast.slider::-moz-range-thumb,
.opacity-slider.wcag-black-yellow-contrast {
    background: #FF0 !important;
    opacity: unset;
}
#logotypes-main {
    position: absolute;
    bottom: 0;
}
.logotypes img {
    display: block;
    margin: 10px auto auto auto;
    max-width: calc(100% - 30px);
}
.logotypes p {
    padding: 1em;
}