@charset "UTF-8";
/* Theme Name: Woerle
Author: freshfx
Author URI: https://www.freshfx.at/
Requires at least: 5.3
Requires PHP: 5.6
Version: 1.0
Text Domain: woerle */
/* Fonts
********************************************************************/
/* @font-face {
    font-family: "BreeSerif";
    src: url("./assets/fonts/BreeSerif.woff2") format("woff2"), url("./assets/fonts/BreeSerif.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "BreeSerif-Bold";
    src: url("./assets/fonts/BreeSerif-Bold.woff2") format("woff2"), url("./assets/fonts/BreeSerif-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "BreeSerif-BoldItalic";
    src: url("./assets/fonts/BreeSerif-BoldItalic.woff2") format("woff2"), url("./assets/fonts/BreeSerif-BoldItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "BreeSerif-Italic";
    src: url("./assets/fonts/BreeSerif-Italic.woff2") format("woff2"), url("./assets/fonts/BreeSerif-Italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "BreeSerifLt";
    src: url("./assets/fonts/BreeSerifLt.woff2") format("woff2"), url("./assets/fonts/BreeSerifLt.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */
/* Variables, Mixins, Extends, Functions
********************************************************************/
/* Colors */
/* Example of usage: ".box { @include absolute-position(); }" */
/* Example of usage: "padding-top: px-to-percent(elHeight, elWidth);" */
/* Plugins
********************************************************************/
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
}

.leaflet-container {
    overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
    background: transparent;
}
.leaflet-tile::selection {
    background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    /* Fallback for FF which doesn't support pinch-zoom */
    touch-action: none;
    touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
    -webkit-filter: inherit;
            filter: inherit;
    visibility: hidden;
}

.leaflet-tile-loaded {
    visibility: inherit;
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
    -moz-user-select: none;
}

.leaflet-pane {
    z-index: 400;
}

.leaflet-tile-pane {
    z-index: 200;
}

.leaflet-overlay-pane {
    z-index: 400;
}

.leaflet-shadow-pane {
    z-index: 500;
}

.leaflet-marker-pane {
    z-index: 600;
}

.leaflet-tooltip-pane {
    z-index: 650;
}

.leaflet-popup-pane {
    z-index: 700;
}

.leaflet-map-pane canvas {
    z-index: 100;
}

.leaflet-map-pane svg {
    z-index: 200;
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}

/* control positioning */
.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    /* IE 9-10 doesn't have auto */
    pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.leaflet-top {
    top: 0;
}

.leaflet-right {
    right: 0;
}

.leaflet-bottom {
    bottom: 0;
}

.leaflet-left {
    left: 0;
}

.leaflet-control {
    float: left;
    clear: both;
}

.leaflet-right .leaflet-control {
    float: right;
}

.leaflet-top .leaflet-control {
    margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
    margin-left: 10px;
}

.leaflet-right .leaflet-control {
    margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
    will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -o-transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}

/* cursors */
.leaflet-interactive {
    cursor: pointer;
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
    pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    /* IE 9-10 doesn't have auto */
    pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
    background: #ddd;
    outline: 0;
}

.leaflet-container a {
    color: #0078A8;
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange;
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}

.leaflet-bar a:hover {
    background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px "Lucida Console", Monaco, monospace;
    text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    background: #fff;
    border-radius: 5px;
}

.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.leaflet-control-layers label {
    display: block;
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
    background-image: url(images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
}

.leaflet-control-attribution a {
    text-decoration: none;
}

.leaflet-control-attribution a:hover {
    text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

/* popup */
.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}

.leaflet-popup-content p {
    margin: 18px 0;
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none;
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: white;
    color: #333;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
            box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
    margin-top: 6px;
}

.leaflet-tooltip-top {
    margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px;
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff;
}

.leaflet-tooltip-left {
    margin-left: -6px;
}

.leaflet-tooltip-right {
    margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px;
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff;
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff;
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}
.splide__container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.splide__list {
    margin: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
}

.splide.is-active .splide__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.splide__pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
}

.splide__pagination li {
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0;
}

.splide {
    visibility: hidden;
}

.splide, .splide__slide {
    position: relative;
    outline: none;
}

.splide__slide {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__slider {
    position: relative;
}

.splide__spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    -webkit-animation: splide-loading 1s linear infinite;
            animation: splide-loading 1s linear infinite;
}

.splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
}

.splide--fade > .splide__track > .splide__list {
    display: block;
}

.splide--fade > .splide__track > .splide__list > .splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}

.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide--ttb > .splide__track > .splide__list {
    display: block;
}

.splide--ttb > .splide__pagination {
    width: auto;
}

.splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: none;
    padding: 0;
    opacity: 0.7;
    background: #ccc;
}

.splide__arrow svg {
    width: 1.2em;
    height: 1.2em;
}

.splide__arrow:hover {
    cursor: pointer;
    opacity: 0.9;
}

.splide__arrow:focus {
    outline: none;
}

.splide__arrow--prev {
    left: 1em;
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

.splide__arrow--next {
    right: 1em;
}

.splide__pagination {
    position: absolute;
    z-index: 1;
    bottom: 0.5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0;
}

.splide__pagination__page {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin: 3px;
    padding: 0;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    border: none;
    opacity: 0.7;
}

.splide__pagination__page.is-active {
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);
    background: #fff;
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}

.splide__pagination__page:focus {
    outline: none;
}

.splide__progress__bar {
    width: 0;
    height: 3px;
    background: #ccc;
}

.splide--nav > .splide__track > .splide__list > .splide__slide {
    border: 3px solid transparent;
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
    border-color: #000;
}

.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
    outline: none;
}

.splide--rtl > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
    right: 1em;
    left: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}

.splide--rtl > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

.splide--ttb > .splide__arrows .splide__arrow, .splide--ttb > .splide__track > .splide__arrows .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
}

.splide--ttb > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
    top: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.splide--ttb > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
    top: auto;
    bottom: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.splide--ttb > .splide__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    bottom: 50%;
    left: auto;
    right: 0.5em;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}

.splide__slide--has-video {
    cursor: pointer;
}

.splide__slide--has-video:hover .splide__video__play {
    opacity: 1;
}

.splide__slide__container--has-video {
    cursor: pointer;
    position: relative;
}

.splide__slide__container--has-video:hover .splide__video__play {
    opacity: 1;
}

.splide__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.splide__video div {
    height: 100%;
}

.splide__video iframe, .splide__video video {
    width: 100%;
    height: 100%;
}

.splide__video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #ccc;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0.7;
}

.splide__video__play:after {
    content: "";
    display: inline-block;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 9px 0 9px 17px;
    margin-left: 4px;
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}
.splide__container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.splide__list {
    margin: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
}

.splide.is-active .splide__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.splide__pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 95%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
}

.splide__pagination li {
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0;
}

.splide {
    visibility: hidden;
}

.splide, .splide__slide {
    position: relative;
    outline: none;
}

.splide__slide {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__slider {
    position: relative;
}

.splide__spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    -webkit-animation: splide-loading 1s linear infinite;
            animation: splide-loading 1s linear infinite;
}

.splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
}

.splide--fade > .splide__track > .splide__list {
    display: block;
}

.splide--fade > .splide__track > .splide__list > .splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}

.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide--ttb > .splide__track > .splide__list {
    display: block;
}

.splide--ttb > .splide__pagination {
    width: auto;
}

.splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: none;
    padding: 0;
    background: transparent;
}

.splide__arrow svg {
    width: 2.5em;
    height: 2.5em;
    fill: #00bfff;
    -webkit-transition: fill 0.2s linear;
    -o-transition: fill 0.2s linear;
    transition: fill 0.2s linear;
}

.splide__arrow:hover {
    cursor: pointer;
}

.splide__arrow:hover svg {
    fill: #66d9ff;
}

.splide__arrow:focus {
    outline: none;
}

.splide__arrow--prev {
    left: 1em;
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

.splide__arrow--next {
    right: 1em;
}

.splide__pagination {
    position: absolute;
    z-index: 1;
    bottom: 0.5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0;
}

.splide__pagination__page {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    margin: 3px;
    padding: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: none;
}

.splide__pagination__page.is-active {
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);
    background: #00bfff;
}

.splide__pagination__page:hover {
    cursor: pointer;
    background: #66d9ff;
}

.splide__pagination__page:focus {
    outline: none;
}

.splide__progress__bar {
    width: 0;
    height: 3px;
    background: #00bfff;
}

.splide__spinner {
    border: 2px solid #00bfff;
    border-left-color: transparent;
}

.splide--nav > .splide__track > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
    opacity: 0.7;
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
    border-color: #00bfff;
    opacity: 1;
}

.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
    outline: none;
}

.splide--rtl > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
    right: 1em;
    left: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}

.splide--rtl > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

.splide--ttb > .splide__arrows .splide__arrow, .splide--ttb > .splide__track > .splide__arrows .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
}

.splide--ttb > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
    top: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.splide--ttb > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
    top: auto;
    bottom: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.splide--ttb > .splide__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    bottom: 50%;
    left: auto;
    right: 0.5em;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
html.os-html, html.os-html > .os-host {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important;
}

html.os-html > .os-host > .os-padding {
    position: absolute;
}

body.os-dragging, body.os-dragging * {
    cursor: default;
}

.os-host, .os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
    height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer, .os-host-flexbox > .os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px;
}

#os-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}

#os-dummy-scrollbar-size:before, #os-dummy-scrollbar-size:after, .os-content:before, .os-content:after {
    content: "";
    display: table;
    width: 0.01px;
    height: 0.01px;
    line-height: 0;
    font-size: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    visibility: hidden;
}

#os-dummy-scrollbar-size, .os-viewport {
    -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important;
}

.os-content-glue {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.os-padding {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.os-host-overflow > .os-padding {
    overflow: hidden;
}

.os-viewport {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
            box-sizing: inherit !important;
    resize: none !important;
    outline: 0 !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
}

.os-content {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible;
}

.os-content > .os-textarea {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    direction: inherit !important;
    background: 0 0 !important;
    outline: 0 transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    float: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    border: 0 !important;
    resize: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
        transform: none !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-perspective: none !important;
    perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important;
}

.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
    white-space: pre !important;
    margin: 0 !important;
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    -o-text-overflow: inherit;
       text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text;
}

.os-resize-observer, .os-resize-observer-host {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.os-resize-observer-host.observed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
    content: "";
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0;
}

.os-size-auto-observer {
    -webkit-box-sizing: inherit !important;
            box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
}

.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}

.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}

.os-resize-observer {
    -webkit-animation-duration: 0.001s;
    animation-duration: 0.001s;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

@-webkit-keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
@keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0;
    }
    to {
        z-index: -1;
    }
}
.os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner {
    -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
    position: absolute;
    z-index: 999999;
}

.os-scrollbar, .os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0;
}

.os-scrollbar {
    pointer-events: none;
}

.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
}

.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}

.os-scrollbar-handle-off, .os-scrollbar-track-off {
    pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}

.os-scrollbar-vertical {
    top: 0;
    right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
    right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
    right: auto;
    left: 0;
}

.os-scrollbar-auto-hidden, .os-padding + .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0;
}

.os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
}

.os-host-overflow {
    overflow: hidden !important;
}

.os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical, .os-theme-none > .os-scrollbar-corner {
    display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px;
}

.os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0;
}

.os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
}

.os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner {
    background-color: transparent;
}

.os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar {
    padding: 2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: 0 0;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar.os-scrollbar-unusable {
    background: 0 0;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
    background: 0 0;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
    border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px;
}

/*
os-theme-thin-dark
*/
.os-theme-thin-dark > .os-scrollbar-horizontal {
    right: 14px;
    height: 14px;
    padding: 0px 6px;
}

.os-theme-thin-dark > .os-scrollbar-vertical {
    bottom: 14px;
    width: 14px;
    padding: 6px 0px;
}

.os-theme-thin-dark.os-host-rtl > .os-scrollbar-horizontal {
    left: 14px;
    right: 0;
}

.os-theme-thin-dark > .os-scrollbar-corner {
    height: 14px;
    width: 14px;
    background-color: transparent;
}

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track {
    background: transparent;
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    left: 0;
    right: 0;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    top: 0;
    bottom: 0;
    width: 2px;
    left: 50%;
    margin-left: -1px;
}

.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    height: 4px;
    margin-top: -2px;
}

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    width: 4px;
    margin-left: -2px;
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
    background: rgba(0, 0, 0, 0.7);
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
    background: #000;
}

.os-theme-thin-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    height: 100%;
    min-width: 30px;
}

.os-theme-thin-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    width: 100%;
    min-height: 30px;
}

.os-theme-thin-dark.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
    -webkit-transition: height 0.3s, margin-top 0.3s, background 0.2s;
    -o-transition: height 0.3s, margin-top 0.3s, background 0.2s;
    transition: height 0.3s, margin-top 0.3s, background 0.2s;
}

.os-theme-thin-dark.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
    -webkit-transition: width 0.3s, margin-left 0.3s, background 0.2s;
    -o-transition: width 0.3s, margin-left 0.3s, background 0.2s;
    transition: width 0.3s, margin-left 0.3s, background 0.2s;
}

/* Bootstrap
********************************************************************/
/* Leaflet
********************************************************************/
.leaflet-control-layers-toggle {
    background-image: url(./assets/images/leaflet/layers.png);
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(./assets/images/leaflet/layers-2x.png);
}

.leaflet-default-icon-path {
    background-image: url(./assets/images/leaflet/marker-icon.png);
}

/* Bootstrap v4.6.0
********************************************************************/
/*!
 * Bootstrap Reboot v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */

/* Global Styles
********************************************************************/
/* * {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    overflow: hidden;
    font-family: "BreeSerif", Calibri, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #00205b;
}

body {
    overflow-y: scroll;
    background-color: #F1EEE9;
}

h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, ul, label {
    margin-bottom: 0;
}

input, select {
    border: none;
}

ul {
    list-style-type: none;
}

a, a:hover {
    color: #00205b;
    text-decoration: none;
}

img, svg {
    display: block;
    max-width: 100%;
}

::-webkit-input-placeholder {
    font-family: "BreeSerif";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.15;
    color: #00205b;
}

::-moz-placeholder {
    font-family: "BreeSerif";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.15;
    color: #00205b;
}

:-ms-input-placeholder {
    font-family: "BreeSerif";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.15;
    color: #00205b;
}

::-ms-input-placeholder {
    font-family: "BreeSerif";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.15;
    color: #00205b;
}

label, input, textarea, ::placeholder {
    font-family: "BreeSerif";
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.15;
    color: #00205b;
}
@media (min-width: 768px) {
    ::-webkit-input-placeholder {
        font-size: 1.125rem;
    }
    ::-moz-placeholder {
        font-size: 1.125rem;
    }
    :-ms-input-placeholder {
        font-size: 1.125rem;
    }
    ::-ms-input-placeholder {
        font-size: 1.125rem;
    }
    label, input, textarea, ::placeholder {
        font-size: 1.125rem;
    }
}

::-webkit-input-placeholder {
    line-height: 1.3;
}

::-moz-placeholder {
    line-height: 1.3;
}

:-ms-input-placeholder {
    line-height: 1.3;
}

::-ms-input-placeholder {
    line-height: 1.3;
}

::placeholder {
    line-height: 1.3;
}
 */
/* Global classes
********************************************************************/
/*  */
.svg-icon {
    display: block;
}

/*  */
.social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.social-icons a, .social-icons .svg-icon, .social-icons svg {
    display: block;
}
.social-icons .svg-icon {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.social-icons svg {
    fill: #00205b;
}
.social-icons a:hover .svg-icon {
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}

/*  */
/* .btn-link,
.btn-link:hover {
    color: white;
}

.btn-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px;
    background-color: #00205b;
    line-height: 1;
    letter-spacing: 0.065em;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
@media (min-width: 576px) {
    .btn-link {
        padding-left: 21px;
        padding-right: 21px;
    }
}
.btn-link:hover {
    background-color: #002c5a;
}
 */
/*  */
.bee {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    max-width: 179px;
    overflow: hidden;
    background-image: url("./assets/images/bee.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.bee:before {
    content: "";
    display: block;
    padding-top: 95.530726257%;
}
.bee.flipped {
    background-position: 0 100%;
}

/* custom radio/checkbox buttons */
label.custom-toggle,
label.custom-toggle > div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

label.custom-toggle {
    position: relative;
    cursor: pointer;
    /*  */
    /*  */
}
label.custom-toggle input[type=checkbox],
label.custom-toggle input[type=radio] {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    width: auto;
    height: auto;
    visibility: hidden;
    opacity: 0;
}
label.custom-toggle input[type=checkbox]:checked + .selector,
label.custom-toggle input[type=radio]:checked + .selector {
    border-color: #00205b;
}
label.custom-toggle input[type=checkbox]:checked + .selector:after,
label.custom-toggle input[type=radio]:checked + .selector:after {
    visibility: visible;
    opacity: 1;
}
label.custom-toggle .selector {
    display: block;
    margin-right: 15px;
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
label.custom-toggle .selector:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    bottom: auto;
    left: 50%;
    right: auto;
    width: 6px;
    height: 15px;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
            transform: translateY(-50%) translateX(-50%) rotate(45deg);
    visibility: hidden;
    opacity: 0;
    border: solid #00205b;
    border-width: 0 1px 1px 0;
}
label.custom-toggle .selector,
label.custom-toggle .selector:after {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
label.custom-toggle .has-link {
    display: block;
}
label.custom-toggle a {
    text-decoration: underline;
}

/* Header
********************************************************************/
#header {
    /* background-color: white; */
}

/*  */
#header .logo {
/*     font-family: "BreeSerif-BoldItalic";
 */    font-size: 1rem;
    letter-spacing: 0.225em;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
}
@media (min-width: 992px) {
    #header .logo {
        font-size: 1.125rem;
    }
}
@media (min-width: 1440px) {
    #header .logo {
        font-size: 1.25rem;
    }
}
#header .logo a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 15px 0 9px;
    text-decoration: none;
}
#header .logo .column-left:after,
#header .logo .column-right:after {
    content: "";
    display: block;
    padding-bottom: 10%;
}
#header .logo .column-center {
    margin: 0;
    width: 96px;
}
@media (min-width: 768px) {
    #header .logo .column-center {
        width: 126px;
    }
}
@media (min-width: 992px) {
    #header .logo .column-center {
        width: 156px;
    }
}
@media (min-width: 1250px) {
    #header .logo .column-center {
        width: 186px;
    }
}

#header.homepage .logo a {
    margin: 18px 0;
}
@media (min-width: 768px) {
    #header.homepage .logo a {
        margin: 24px 0;
    }
}
@media (min-width: 992px) {
    #header.homepage .logo a {
        margin: 30px 0;
    }
}
@media (min-width: 1250px) {
    #header.homepage .logo a {
        margin: 36px 0;
    }
}

#header.homepage .logo .column-center {
    width: 120px;
}
@media (min-width: 768px) {
    #header.homepage .logo .column-center {
        margin: 0 30px;
        width: 165px;
    }
}
@media (min-width: 992px) {
    #header.homepage .logo .column-center {
        margin: 0 39px;
        width: 210px;
    }
}
@media (min-width: 1440px) {
    #header.homepage .logo .column-center {
        margin: 0 48px;
        width: 255px;
    }
}

/*  */
#header .header-menu > ul {
    padding: 15px;
    position: absolute;
    top: var(--header-height);
    bottom: auto;
    left: 0px;
    right: auto;
    width: auto;
    height: calc(100vh - var(--header-height));
    position: fixed;
    background-color: white;
    visibility: hidden;
    opacity: 0;

    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 1.125rem;
    white-space: nowrap;
    z-index: 9;
}
@media (min-width: 768px) {
    #header .header-menu > ul {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) {
    #header .header-menu > ul {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (min-width: 1250px) {
    #header .header-menu > ul {
        padding: 0;
    }
}
#header .header-menu > ul a {
    display: block;
    padding: 12px 30px;
    text-decoration: underline;
}
@media (min-width: 768px) {
    #header .header-menu > ul a {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (min-width: 992px) {
    #header .header-menu > ul a {
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media (min-width: 1250px) {
    #header .header-menu > ul a {
        padding-left: 15px;
        padding-right: 15px;
    }
}
#header .header-menu > ul a:hover {
    text-decoration: none;
}
#header .header-menu > ul .current-menu-item a,
#header .header-menu > ul .current_page_item a {
    text-decoration: none !important;
    pointer-events: none !important;
    color: #A0B26D !important;
}

@media (min-width: 1250px) {
    #header:not(.homepage) .header-menu > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: static;
        height: auto;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
    }
}
#header.homepage .header-menu > ul {
    padding-top: 60px;
    top: 0;
    height: 100%;
}
@media (min-width: 768px) {
    #header.homepage .header-menu > ul {
        padding-top: 90px;
    }
}
@media (min-width: 992px) {
    #header.homepage .header-menu > ul {
        padding-top: 105px;
    }
}
@media (min-width: 1250px) {
    #header.homepage .header-menu > ul {
        padding: 120px 45px 45px;
    }
}
#header.homepage .header-menu > ul a {
    text-decoration: none;
}
@media (min-width: 1250px) {
    #header.homepage .header-menu > ul a {
        padding-left: 75px;
        padding-right: 75px;
    }
}
#header.homepage .header-menu > ul a:hover {
    text-decoration: underline;
}
#header.homepage .header-menu > ul .social-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-top: 1px solid currentColor;
}
#header.homepage .header-menu > ul .social-icons a {
    padding: 24px;
    width: 81px;
}

#header .visible-only-at-homepage,
#header.homepage .not-visible-at-homepage {
    display: none !important;
}

#header.homepage .visible-only-at-homepage {
    display: block !important;
    margin-top: 15px;
    padding: 15px 0;
    border-top: 1px solid currentColor;
}
@media (min-width: 768px) {
    #header.homepage .visible-only-at-homepage {
        margin-top: 30px;
    }
}

/*  */
#header .burger-icon {
    padding-top: 9px;
    width: 30px;
    height: 24px;
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px);
    cursor: pointer;
}
#header .burger-icon span, #header .burger-icon span:before, #header .burger-icon span:after {
    display: block;
    width: 100%;
    height: 2px;
    background: #00205b;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#header .burger-icon span {
    position: relative;
}
#header .burger-icon span:before, #header .burger-icon span:after {
    content: "";
    position: absolute;
    /* prevent jagged edges in firefox */
    outline: 1px solid transparent;
}
#header .burger-icon span:before {
    top: -9px;
}
#header .burger-icon span:after {
    top: 9px;
}
#header .burger-icon.selected span {
    background: transparent !important;
}
#header .burger-icon.selected span:before {
    -webkit-transform: translateY(9px) rotate(-45deg);
        -ms-transform: translateY(9px) rotate(-45deg);
            transform: translateY(9px) rotate(-45deg);
}
#header .burger-icon.selected span:after {
    -webkit-transform: translateY(-9px) rotate(45deg);
        -ms-transform: translateY(-9px) rotate(45deg);
            transform: translateY(-9px) rotate(45deg);
}
#header .burger-icon.selected + ul, #header .burger-icon.selected + .user-panel, #header .burger-icon.selected + .user-section {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

#header.homepage .burger-icon {
    position: absolute;
    top: 24px;
    left: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
@media (min-width: 768px) {
    #header.homepage .burger-icon {
        top: 37px;
        left: 15px;
    }
}
@media (min-width: 992px) {
    #header.homepage .burger-icon {
        top: 51px;
        left: 45px;
    }
}
@media (min-width: 1250px) {
    #header.homepage .burger-icon {
        top: 57px;
    }
}
@media (min-width: 1440px) {
    #header.homepage .burger-icon {
        top: 64px;
    }
}

/*  */
#header .user-section {
    position: absolute;
    top: 39px;
    bottom: auto;
    left: auto;
    right: 6px;
    width: auto;
    height: auto;
}
@media (min-width: 1250px) {
    #header .user-section {
        top: 42px;
    }
}
@media (min-width: 1440px) {
    #header .user-section {
        top: 51px;
    }
}

/*  */
#header .social-icons a {
    padding: 6px;
    width: 48px;
}
#header .social-icons a + a {
    margin-left: 9px;
}

/* Header with slideshow */
#header.has-slideshow {
    height: calc(100% - 45px);
    /* top level holders */
    /* splide layout */
    /*  */
    /*  */
    /*  */
    /*  */
}
@media (min-width: 768px) {
    #header.has-slideshow {
        height: calc(100% - 90px);
    }
}
@media (min-width: 992px) {
    #header.has-slideshow {
        height: calc(100% - 105px);
    }
}
@media (min-width: 1250px) {
    #header.has-slideshow {
        height: calc(100% - 45px);
    }
}
#header.has-slideshow .container-fluid, #header.has-slideshow .container-sm, #header.has-slideshow .container-md, #header.has-slideshow .container-lg, #header.has-slideshow .container-xl, #header.has-slideshow .container-xxl,
#header.has-slideshow .top-section,
#header.has-slideshow .bottom-section {
    position: relative;
}
#header.has-slideshow .container-fluid, #header.has-slideshow .container-sm, #header.has-slideshow .container-md, #header.has-slideshow .container-lg, #header.has-slideshow .container-xl, #header.has-slideshow .container-xxl,
#header.has-slideshow .bottom-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#header.has-slideshow .container-fluid, #header.has-slideshow .container-sm, #header.has-slideshow .container-md, #header.has-slideshow .container-lg, #header.has-slideshow .container-xl, #header.has-slideshow .container-xxl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
#header.has-slideshow .container-fluid:after, #header.has-slideshow .container-sm:after, #header.has-slideshow .container-md:after, #header.has-slideshow .container-lg:after, #header.has-slideshow .container-xl:after, #header.has-slideshow .container-xxl:after {
    content: "";
    display: block;
    padding-top: 19.2%;
}
@media (min-width: 768px) {
    #header.has-slideshow .container-fluid:after, #header.has-slideshow .container-sm:after, #header.has-slideshow .container-md:after, #header.has-slideshow .container-lg:after, #header.has-slideshow .container-xl:after, #header.has-slideshow .container-xxl:after {
        padding-top: 9.6%;
    }
}
@media (min-width: 992px) {
    #header.has-slideshow .container-fluid:after, #header.has-slideshow .container-sm:after, #header.has-slideshow .container-md:after, #header.has-slideshow .container-lg:after, #header.has-slideshow .container-xl:after, #header.has-slideshow .container-xxl:after {
        padding-top: 19.2%;
    }
}
@media (min-width: 1250px) {
    #header.has-slideshow .container-fluid:after, #header.has-slideshow .container-sm:after, #header.has-slideshow .container-md:after, #header.has-slideshow .container-lg:after, #header.has-slideshow .container-xl:after, #header.has-slideshow .container-xxl:after {
        padding-top: 14.4%;
    }
}
@media (min-width: 1440px) {
    #header.has-slideshow .container-fluid:after, #header.has-slideshow .container-sm:after, #header.has-slideshow .container-md:after, #header.has-slideshow .container-lg:after, #header.has-slideshow .container-xl:after, #header.has-slideshow .container-xxl:after {
        padding-top: 9.6%;
    }
}
#header.has-slideshow .bottom-section {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
}
#header.has-slideshow .bottom-section > * {
    max-width: 1066px;
}
#header.has-slideshow .is-slideshow,
#header.has-slideshow .splide__track,
#header.has-slideshow .splide__list {
    height: 100%;
}
#header.has-slideshow .is-slideshow .splide__track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#header.has-slideshow .is-slideshow .splide__slide__container {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
#header.has-slideshow .splide__pagination {
    bottom: 5%;
}
@media (min-width: 768px) {
    #header.has-slideshow .splide__pagination {
        bottom: 8%;
    }
}
@media (min-width: 992px) {
    #header.has-slideshow .splide__pagination {
        bottom: 15%;
    }
}
@media (min-width: 1440px) {
    #header.has-slideshow .splide__pagination {
        bottom: 10%;
    }
}
#header.has-slideshow .splide__pagination .splide__pagination__page {
    margin: 3px;
    width: 12px;
    height: 12px;
    background-color: #F1EEE9;
    opacity: 1;
}
@media (min-width: 768px) {
    #header.has-slideshow .splide__pagination .splide__pagination__page {
        margin-left: 6px;
        margin-right: 6px;
        width: 15px;
        height: 15px;
    }
}
@media (min-width: 992px) {
    #header.has-slideshow .splide__pagination .splide__pagination__page {
        width: 18px;
        height: 18px;
    }
}
#header.has-slideshow .splide__pagination .splide__pagination__page.is-active {
    background-color: #00205b;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
#header.has-slideshow .bricks,
#header.has-slideshow .bricks:before {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    background-color: #F1EEE9;
}
#header.has-slideshow .bricks {
    bottom: 0;
    width: calc((100% - 1066px) / 2);
    height: 99px;
}
#header.has-slideshow .bricks:before {
    content: "";
    display: block;
    bottom: 100%;
    width: 50%;
    height: 78px;
}
#header.has-slideshow .bricks.left-side, #header.has-slideshow .bricks.left-side:before {
    left: 0;
}
#header.has-slideshow .bricks.right-side, #header.has-slideshow .bricks.right-side:before {
    right: 0;
}
#header.has-slideshow .sticker {
    position: absolute;
    top: auto;
    bottom: 21px;
    left: 5%;
    right: auto;
    width: 33.333%;
    height: auto;
    max-width: 958px;
    background: url("./assets/images/WOE_Rettungsinsel_Plakette_@2x.png") no-repeat;
    background-size: contain;
}
@media (min-width: 768px) {
    #header.has-slideshow .sticker {
        bottom: 45px;
    }
}
@media (min-width: 992px) {
    #header.has-slideshow .sticker {
        bottom: 120px;
        width: 18%;
    }
}
@media (min-width: 1250px) {
    #header.has-slideshow .sticker {
        bottom: 0;
    }
}
@media (min-width: 1440px) {
    #header.has-slideshow .sticker {
        left: 11.9270833333%;
        width: 24.9479166667%;
    }
}
#header.has-slideshow .sticker:before {
    content: "";
    display: block;
    padding-top: 94.363256785%;
}
#header.has-slideshow .slideshow-background {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(34.2905405405%) translateX(-50%);
        -ms-transform: translateY(34.2905405405%) translateX(-50%);
            transform: translateY(34.2905405405%) translateX(-50%);
    max-width: 1285px;
    background: url("./assets/images/wirkt-weiter-background.png") no-repeat 50% 50%;
    background-size: cover;
}
@media (min-width: 768px) {
    #header.has-slideshow .slideshow-background {
        width: 100%;
    }
}
@media (min-width: 1250px) {
    #header.has-slideshow .slideshow-background {
        width: 85%;
    }
}
@media (min-width: 1440px) {
    #header.has-slideshow .slideshow-background {
        width: 66.9270833333%;
    }
}
#header.has-slideshow .slideshow-background:before {
    content: "";
    display: block;
    padding-top: 46.0700389105%;
}
#header.has-slideshow .slideshow-background .bee {
    top: 0;
    left: 0;
    -webkit-transform: translateY(-9.9415204678%) translateX(62.5698324022%);
        -ms-transform: translateY(-9.9415204678%) translateX(62.5698324022%);
            transform: translateY(-9.9415204678%) translateX(62.5698324022%);
    width: 13.9299610895%;
}
#header.has-slideshow .slideshow-background .wirktweiter-logo {
    display: block;
    position: absolute;
    top: auto;
    bottom: 15.3716216216%;
    left: 50%;
    right: auto;
    width: 33.7743190661%;
    height: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
#header.has-slideshow .logo a {
    margin-bottom: 0;
}
#header.has-slideshow .slogan {
    position: relative;
    font-size: 1.75rem;
    font-size: 9vw;
    line-height: 1.08;
}
@media (min-width: 768px) {
    #header.has-slideshow .slogan {
        font-size: 3rem;
    }
}
@media (min-width: 992px) {
    #header.has-slideshow .slogan {
        font-size: 3.625rem;
    }
}
@media (min-width: 1250px) {
    #header.has-slideshow .slogan {
        font-size: 4.25rem;
    }
}
@media (min-width: 1440px) {
    #header.has-slideshow .slogan {
        font-size: 6.125rem;
    }
}
#header.has-slideshow .slogan:after {
    content: "";
    display: block;
    padding-top: 4.5%;
}
#header.has-slideshow .slogan .bee {
    left: 100%;
    -webkit-transform: translateY(-4%) translateX(6%);
        -ms-transform: translateY(-4%) translateX(6%);
            transform: translateY(-4%) translateX(6%);
    width: 26%;
}
#header.has-slideshow .btn-link {
    padding: 15px;
    font-size: 1rem;
    font-size: 4.2vw;
    line-height: 1.15;
}
@media (min-width: 768px) {
    #header.has-slideshow .btn-link {
        padding-left: 24px;
        padding-right: 24px;
        font-size: 1.125rem;
        line-height: 1;
    }
}
@media (min-width: 1250px) {
    #header.has-slideshow .btn-link {
        padding-left: 45px;
        padding-right: 45px;
    }
}

/* Content
********************************************************************/
#content:not(.page-map) p {
    margin: 15px 0;
    line-height: 1.45;
}
@media (min-width: 768px) {
    #content:not(.page-map) p {
        font-size: 1.125rem;
    }
}

#content {
    min-height: var(--popup-window-max-height);
}
#content .link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: underline;
}
#content .link.btn-link {
    text-decoration: none;
}
#content .link .svg-icon {
    margin-top: 3px;
    margin-left: 9px;
    width: 12px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#content .link .svg-icon svg {
    fill: #00205b;
}
#content .link:hover .svg-icon {
    -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
            transform: translateX(3px);
}

/* Add gap between header with slideshow and content */
#header.has-slideshow + #content {
    padding-top: 18px;
}
#header.has-slideshow + #content > .container:before {
    content: "";
    display: block;
    padding-top: 10%;
}
#header.has-slideshow + #content .acf-layouts-holder > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ACF Layouts - Headline
********************************************************************/
#content .headline.section-headline {
    margin: 30px 0;
    font-size: 2.5rem;
    line-height: 1.15;
    letter-spacing: 0.005em;
    text-align: center;
}
@media (min-width: 768px) {
    #content .headline.section-headline {
        margin: 45px 0;
        font-size: 3rem;
    }
}
@media (min-width: 992px) {
    #content .headline.section-headline {
        font-size: 3.5rem;
    }
}
@media (min-width: 1250px) {
    #content .headline.section-headline {
        margin: 60px 0;
        font-size: 4rem;
    }
}
@media (min-width: 1440px) {
    #content .headline.section-headline {
        font-size: 4.5rem;
    }
}

/* ACF Layouts - Rows of content
********************************************************************/
#content .rows-of-content {
    margin: 30px 0;
}
@media (min-width: 768px) {
    #content .rows-of-content {
        margin: 45px 0;
    }
}
@media (min-width: 1250px) {
    #content .rows-of-content {
        margin: 60px 0;
    }
}
#content .rows-of-content > .row + .row {
    margin-top: 60px;
}
#content .rows-of-content .image-holder {
    margin: 0 auto;
    width: 100%;
    max-width: 414px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
@media (min-width: 992px) and (max-width: 1249.98px) {
    #content .rows-of-content .image-holder {
        width: calc(100% - 60px);
    }
}
#content .rows-of-content .image-holder:after {
    content: "";
    display: block;
    padding-top: 69.5652173913%;
}
#content .rows-of-content .bee {
    width: 40%;
    -webkit-transform: translateY(var(--bee-translateY, 0)) translateX(var(--bee-translateX, 0));
        -ms-transform: translateY(var(--bee-translateY, 0)) translateX(var(--bee-translateX, 0));
            transform: translateY(var(--bee-translateY, 0)) translateX(var(--bee-translateX, 0));
}
#content .rows-of-content .bee.position-top {
    top: 0;
}
#content .rows-of-content .bee.position-bottom {
    bottom: 0;
}
#content .rows-of-content .bee.position-left {
    left: 0;
}
#content .rows-of-content .bee.position-right {
    right: 0;
}
@media (min-width: 992px) {
    #content .rows-of-content .bee.position-top {
        --bee-translateY: -35%;
    }
    #content .rows-of-content .bee.position-bottom {
        --bee-translateY: 32%;
    }
    #content .rows-of-content .bee.position-left {
        --bee-translateX: -71%;
    }
    #content .rows-of-content .bee.position-right {
        --bee-translateX: 35%;
    }
}
@media (min-width: 1250px) {
    #content .rows-of-content .bee.position-top {
        --bee-translateY: -37%;
    }
    #content .rows-of-content .bee.position-right {
        --bee-translateX: 15%;
    }
}



/* ACF Layouts - Quote
********************************************************************/
#content .quote {
    margin: 51px 0;
    text-align: center;
    /*  */
    /*  */
}
@media (min-width: 768px) {
    #content .quote {
        margin: 66px 0;
    }
}
@media (min-width: 992px) {
    #content .quote {
        margin: 81px 0;
    }
}
@media (min-width: 1250px) {
    #content .quote {
        margin: 96px 0;
    }
}
@media (min-width: 1440px) {
    #content .quote {
        margin: 111px 0;
    }
}
#content .quote.has-red-lne:before {
    content: "";
    display: block;
    margin: 0 auto 30px;
    width: 57%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#DB1436), color-stop(50%, #DB1436), color-stop(50%, transparent), to(transparent));
    background: -o-linear-gradient(left, #DB1436, #DB1436 50%, transparent 50%, transparent 100%);
    background: linear-gradient(90deg, #DB1436, #DB1436 50%, transparent 50%, transparent 100%);
    background-size: 18px 1px;
    border: none;
}
@media (min-width: 768px) {
    #content .quote.has-red-lne:before {
        margin-bottom: 45px;
        width: 47%;
    }
}
@media (min-width: 1250px) {
    #content .quote.has-red-lne:before {
        margin-bottom: 60px;
        width: 37%;
    }
}
#content .quote blockquote,
#content .quote blockquote p {
    font-size: 1.4375rem;
}
@media (min-width: 768px) {
    #content .quote blockquote,
#content .quote blockquote p {
        font-size: 1.5rem;
    }
}
@media (min-width: 992px) {
    #content .quote blockquote,
#content .quote blockquote p {
        font-size: 1.5625rem;
    }
}
@media (min-width: 1250px) {
    #content .quote blockquote,
#content .quote blockquote p {
        font-size: 1.625rem;
    }
}
@media (min-width: 1440px) {
    #content .quote blockquote,
#content .quote blockquote p {
        font-size: 1.6875rem;
    }
}
#content .quote blockquote {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
/*     font-family: "BreeSerif-Italic";
 */}
#content .quote p {
    margin: 3px 0;
}

/* ACF Layouts - FAQ
********************************************************************/
#content .faq {
    margin: 30px 0 60px;
    overflow: hidden;
    /*  */
    /*  */
    /*  */
    /*  */
}
#content .faq .headline {
    margin: 15px 0;
    text-align: center;
    font-size: 1.5rem;
    font-size: 6.2vw;
    line-height: 1;
    letter-spacing: 0.008em;
}
@media (min-width: 768px) {
    #content .faq .headline {
        margin: 30px 0;
        font-size: 3rem;
    }
}
@media (min-width: 992px) {
    #content .faq .headline {
        margin: 45px 0;
        font-size: 3.75rem;
    }
}
@media (min-width: 1250px) {
    #content .faq .headline {
        margin: 60px 0;
        font-size: 4.5rem;
    }
}
#content .faq .search-field {
    margin: 69px 0 39px;
}
#content .faq .search-field input[type=text] {
    display: block;
    padding: 6px 0;
    width: 100%;
    background-color: transparent;
    line-height: normal;
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(0, 62, 126, 0.2);
}
#content .faq .search-field .svg-icon {
    margin-left: 6px;
    width: 18px;
}
#content .faq .accordion {
    margin: 15px 0;
    overflow: hidden;
}
@media (min-width: 768px) {
    #content .faq .accordion {
        margin: 30px 0;
    }
}
#content .faq .accordion .headline.group-name {
    margin: 18px 0;
/*     font-family: "BreeSerifLt";
 */    font-size: 1.375rem;
    font-size: 6.2vw;
    line-height: 1.15;
    letter-spacing: -0.008em;
}
@media (min-width: 768px) {
    #content .faq .accordion .headline.group-name {
        margin-top: 36px;
        font-size: 2.25rem;
    }
}
@media (min-width: 992px) {
    #content .faq .accordion .headline.group-name {
        font-size: 3rem;
    }
}
@media (min-width: 1250px) {
    #content .faq .accordion .headline.group-name {
        margin: 54px 0 36px;
    }
}
#content .faq .accordion .headline.group-name ~ .headline.group-name {
    margin-top: 54px;
}
@media (min-width: 768px) {
    #content .faq .accordion .headline.group-name ~ .headline.group-name {
        margin: 36px 0 12px;
    }
}
@media (min-width: 1250px) {
    #content .faq .accordion .headline.group-name ~ .headline.group-name {
        margin-top: 54px;
    }
}
#content .faq .accordion .headline.group-name + .accordion-group {
    border-top: 1px solid rgba(0, 62, 126, 0.2);
}
#content .faq .accordion .accordion-group {
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-bottom: 1px solid rgba(0, 62, 126, 0.2);
}
#content .faq .accordion .accordion-group.reveal .accordion-toggle .close-icon {
    --accordion-toggle-rotation: 0deg;
}
#content .faq .accordion .accordion-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 0;
    position: relative;
    min-height: 81px;
    cursor: pointer;
}
#content .faq .accordion .accordion-toggle .question {
    padding-right: 75px;
/*     font-family: "BreeSerif-Bold";
 */    font-size: 1rem;
}
@media (min-width: 768px) {
    #content .faq .accordion .accordion-toggle .question {
        font-size: 1.125rem;
    }
}
#content .faq .accordion .accordion-toggle .close-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 21px;
    width: 33px;
    height: 33px;
    -webkit-transform: rotate(var(--accordion-toggle-rotation, -45deg));
        -ms-transform: rotate(var(--accordion-toggle-rotation, -45deg));
            transform: rotate(var(--accordion-toggle-rotation, -45deg));
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#content .faq .accordion .accordion-toggle .close-icon:before, #content .faq .accordion .accordion-toggle .close-icon:after {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: auto;
    border-top: 1px solid #00205b;
}
#content .faq .accordion .accordion-toggle .close-icon:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#content .faq .accordion .accordion-toggle .close-icon:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#content .faq .accordion .accordion-content {
    overflow: hidden;
}
#content .faq .accordion .accordion-content .answer {
    margin: 12px 0 18px;
}

/* ACF Layouts - WYSIWYG editor
********************************************************************/
#content .wysiwyg-editor {
    margin: 39px 0;
    overflow: hidden;
}
#content .wysiwyg-editor h1 {
    margin: 15px 0;
    font-size: 1.5rem;
    font-size: 6.3vw;
    line-height: 1;
    letter-spacing: 0.008em;
}
@media (min-width: 768px) {
    #content .wysiwyg-editor h1 {
        margin: 30px 0;
        font-size: 3rem;
    }
}
@media (min-width: 992px) {
    #content .wysiwyg-editor h1 {
        font-size: 3.5rem;
    }
}
@media (min-width: 1250px) {
    #content .wysiwyg-editor h1 {
        margin: 48px 0;
        font-size: 4rem;
    }
}
@media (min-width: 1440px) {
    #content .wysiwyg-editor h1 {
        font-size: 4.5rem;
    }
}
#content .wysiwyg-editor h2 {
    margin: 30px 0;
/*     font-family: "BreeSerifLt";
 */    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    #content .wysiwyg-editor h2 {
        font-size: 2.5rem;
    }
}
@media (min-width: 1250px) {
    #content .wysiwyg-editor h2 {
        font-size: 3rem;
    }
}
#content .wysiwyg-editor h3 {
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0.003em;
}
@media (min-width: 768px) {
    #content .wysiwyg-editor h3 {
        font-size: 1.125rem;
    }
}
@media (min-width: 1250px) {
    #content .wysiwyg-editor h3 {
        font-size: 1.3125rem;
    }
}
#content .wysiwyg-editor h4 {
/*     font-family: "BreeSerif-Bold";
 */    font-size: 1rem;
    line-height: 1.3;
}
@media (min-width: 768px) {
    #content .wysiwyg-editor h4 {
        font-size: 1.125rem;
    }
}
#content .wysiwyg-editor p {
    margin: 24px 0;
    line-height: 1.3;
}
#content .wysiwyg-editor h4 + p {
    margin-top: 0;
}
#content .wysiwyg-editor a {
    text-decoration: underline;
}

/* ACF Layouts - Partners
********************************************************************/
#content .partners {
    margin: 78px 0 51px;
    /*  */
    /*  */
}
@media (min-width: 768px) {
    #content .partners {
        margin: 99px 0 66px;
    }
}
@media (min-width: 992px) {
    #content .partners {
        margin: 123px 0 81px;
    }
}
@media (min-width: 1250px) {
    #content .partners {
        margin: 144px 0 96px;
    }
}
@media (min-width: 1440px) {
    #content .partners {
        margin: 168px 0 111px;
    }
}
#content .partners .headline.section-headline {
    font-size: 2rem;
    line-height: 0.9;
}
@media (min-width: 768px) {
    #content .partners .headline.section-headline {
        font-size: 2.25rem;
    }
}
@media (min-width: 992px) {
    #content .partners .headline.section-headline {
        margin-top: 0;
        font-size: 2.5rem;
    }
}
@media (min-width: 1250px) {
    #content .partners .headline.section-headline {
        font-size: 2.75rem;
    }
}
@media (min-width: 1440px) {
    #content .partners .headline.section-headline {
        font-size: 3rem;
    }
}
#content .partners .logos {
    background-color: white;
}
#content .partners .single-logo {
    padding: 30px;
    max-width: 345px;
}
#content .partners a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#content .partners a:hover {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
}

/* Footer
********************************************************************/
#footer {
    padding: 12px 0;
    text-align: center;
    background-color: white;
    /*  */
    /*  */
    /*  */
}
@media (min-width: 768px) {
    #footer {
        padding: 18px 0;
    }
}
@media (min-width: 992px) {
    #footer {
        padding: 30px 0 15px;
        text-align: left;
    }
    #footer [class*=col] + [class*=col] {
        border-left: 1px solid #00205b;
    }
}
@media (min-width: 1250px) {
    #footer {
        padding: 45px 0 15px;
    }
}
#footer hr {
    margin: 18px 0;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#DB1436), color-stop(50%, #DB1436), color-stop(50%, transparent), to(transparent));
    background: -o-linear-gradient(left, #DB1436, #DB1436 50%, transparent 50%, transparent 100%);
    background: linear-gradient(90deg, #DB1436, #DB1436 50%, transparent 50%, transparent 100%);
    background-size: 18px 1px;
    border: none;
}
@media (min-width: 768px) {
    #footer hr {
        margin: 21px 0;
    }
}
#footer p {
    font-size: 1.125rem;
    line-height: 1.35;
    letter-spacing: -0.035em;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #footer p {
        padding: 9px 0;
    }
}
#footer p a:hover {
    text-decoration: underline;
}
#footer p.copyright {
    padding: 6px 0;
}
#footer p.copyright span {
    display: block;
}
@media (min-width: 768px) {
    #footer p.copyright span {
        display: inline;
    }
}
@media (max-width: 991.98px) {
    #footer .social-icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
#footer .social-icons a {
    width: 30px;
}
#footer .social-icons a + a {
    margin-left: 45px;
}

/* Map
********************************************************************/
html.page-map,
body.page-map {
    overflow: hidden;
}

body.page-map {
    position: relative;
}

#header.page-map {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 9999;
}

/*  */
#header.page-map .logged-in-user .burger-icon {
    margin-right: 15px;
}

#header.page-map .logged-in-user p {
    margin-right: 75px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-size: 1.125rem;
    letter-spacing: -0.025em;
}

#header.page-map .user-panel {
    padding-left: 33px;
    padding-right: 15px;
    position: absolute;
    top: calc(var(--header-height) );
    bottom: auto;
    left: auto;
    right: 0;
    width: 100%;
    height: calc(100vh - var(--header-height) - 30px);
    /* position: fixed; */
    max-width: 462px;
    background-color: #efedea;
    visibility: hidden;
    opacity: 0;



    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 1.125rem;
    white-space: nowrap;
    z-index: 9999;
    /*  */
    /*  */
}
#header.page-map .user-panel:after {
    content: "";
    display: block;
    margin-right: 18px;
    border-top: 1px solid #00205b;
}
@media (max-width: 767.98px) {
    #header.page-map .user-panel:after {
        display: none;
    }
}
#header.page-map .user-panel .has-scrollbars {
    padding-right: 18px;
    height: calc(100% - var(--footer-height) - 15px);
}
@media (max-width: 767.98px) {
    #header.page-map .user-panel .has-scrollbars {
        height: 100%;
    }
}
#header.page-map .user-panel li,
#header.page-map .user-panel .headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#header.page-map .user-panel li.fill {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#header.page-map .user-panel li.fill > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
}
#header.page-map .user-panel li.view-options {
    padding-top: 45px;
}
#header.page-map .user-panel .svg-icon {
    margin-top: 3px;
    margin-right: 18px;
    width: 24px;
}
#header.page-map .user-panel hr {
    margin: 12px 0;
    border: none;
    border-top: 1px solid #00205b;
}
#header.page-map .user-panel p {
    margin: 18px 0;
}
#header.page-map .user-panel a,
#header.page-map .user-panel label {
    display: block;
}
#header.page-map .user-panel a,
#header.page-map .user-panel .headline {
    padding: 11px 0;
}

#header.page-map .control-panel-holder .leaflet-control-layers {
    padding: 0;
    color: #00205b;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}
#header.page-map .control-panel-holder .leaflet-control-layers .leaflet-control-layers-toggle {
    display: none;
}

#header.page-map .control-panel-holder label.custom-toggle {
    padding: 9px 0 18px;
}

#content.page-map {
    padding-top: var(--header-height);
    /*  */
}
#content.page-map .rows-of-content {
    margin: 0;
}
@media (min-width: 768px) {
    #content.page-map .rows-of-content h3 {
        margin-top: 0;
    }
}

#map-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    height: calc(var(--map-wrapper-max-height, 100vh) - 22px );
    overflow: hidden;
}
body.map-is-loading #map-wrapper {
    background: url("./assets/images/loading.gif") no-repeat 50% 50%;
}
body.map-is-loading #map-wrapper > * {
    visibility: hidden;
    opacity: 0;
}

#map-holder {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    width: 100%;
    height: 100%;
/*     font-family: "BreeSerif", Calibri, Arial, Helvetica, sans-serif;
 */    font-size: 1rem;
    color: #00205b;
    /* icons */
    /* tooltip */
}
#map-holder .leaflet-div-icon {
    background: transparent;
    border: none;
    /*  */
    /*  */
}
#map-holder .leaflet-div-icon .with-images,
#map-holder .leaflet-div-icon .highlighted {
    visibility: hidden !important;
}
#map-holder .leaflet-div-icon.with-images .with-images, #map-holder .leaflet-div-icon.highlighted .highlighted {
    visibility: visible !important;
}
#map-holder .leaflet-div-icon.highlighted .highlighted path {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-animation: pulse 3s linear infinite;
            animation: pulse 3s linear infinite;
}
#map-holder .leaflet-div-icon a {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0px;
    right: auto;
    width: 100%;
    height: auto;
    color: #00205b;
    text-align: center;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#map-holder .leaflet-div-icon a:hover {
    text-decoration: none;
}
#map-holder .leaflet-div-icon.highlighted a,
#map-holder .leaflet-div-icon .svg-icon.icon-marker-cat3 + a {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
}
#map-holder .leaflet-popup-content-wrapper,
#map-holder .leaflet-popup-tip {
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
}
#map-holder .leaflet-popup-content-wrapper {
    padding: 0;
    width: 225px;
    border-radius: 0;
}
#map-holder .leaflet-popup-content {
    margin: 0;
    padding: 21px;
}
#map-holder .leaflet-popup-content .paragraph {
    margin: 0;
}
#map-holder .leaflet-popup-content .paragraph + .paragraph {
    margin-top: 12px;
}
#map-holder .marker-tooltip,
#map-holder .marker-tooltip a {
    color: #00205b;
}
#map-holder .marker-tooltip {
    font-size: 0.875rem;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
    }
}
.popup-window,
.popup-window * {
    pointer-events: none;
}

.popup-window,
.popup-window .close-button:before,
.popup-window .close-button:after {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.popup-window {
    padding: 54px 0 24px;
    position: absolute;
    top: 0px;
    bottom: auto;
    left: auto;
    right: auto;
    width: calc(100% - 30px);
    height: auto;
    max-width: 813px;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
    z-index: 999;
    /*  */
    /*  */
    /*  */
}
@media (min-width: 768px) {
    .popup-window {
        padding: 69px 0 39px;
    }
}
@media (min-width: 1250px) {
    .popup-window {
        padding: 69px 0;
    }
}
.popup-window.is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(calc((var(--popup-window-max-height) - 100%) / 2));
        -ms-transform: translateY(calc((var(--popup-window-max-height) - 100%) / 2));
            transform: translateY(calc((var(--popup-window-max-height) - 100%) / 2));
}
.popup-window.is-visible, .popup-window.is-visible * {
    pointer-events: auto;
}
.popup-window .window-content {
    padding: 0 24px;
}
@media (min-width: 768px) {
    .popup-window .window-content {
        padding: 0 39px;
    }
}
@media (min-width: 1250px) {
    .popup-window .window-content {
        padding: 0 69px;
    }
}
.popup-window .has-scrollbars {
    max-height: calc(var(--popup-window-max-height) - 108px);
    overflow: hidden;
    overflow-y: auto;
}
@media (min-width: 768px) {
    .popup-window .has-scrollbars {
        max-height: calc(var(--popup-window-max-height) - 168px);
    }
}
.popup-window .close-button {
    position: absolute;
    top: 12px;
    bottom: auto;
    left: auto;
    right: 6px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 9;
}
@media (min-width: 768px) {
    .popup-window .close-button {
        top: 21px;
        right: 18px;
    }
}
@media (min-width: 1250px) {
    .popup-window .close-button {
        top: 30px;
        right: 30px;
    }
}
.popup-window .close-button:before, .popup-window .close-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(var(--close-button-rotation, 0));
        -ms-transform: translateY(-50%) translateX(-50%) rotate(var(--close-button-rotation, 0));
            transform: translateY(-50%) translateX(-50%) rotate(var(--close-button-rotation, 0));
    border-bottom: 1px solid #00205b;
}
.popup-window .close-button:before {
    --close-button-rotation: 45deg;
}
.popup-window .close-button:after {
    --close-button-rotation: -45deg;
}
.popup-window .close-button:hover:before {
    --close-button-rotation: 40deg;
}
.popup-window .close-button:hover:after {
    --close-button-rotation: -40deg;
}
.popup-window .headline {
    margin: 18px 0 24px;
/*     font-family: "BreeSerifLt";
 */    font-size: 2rem;
    font-size: 8vw;
    line-height: 1.15;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .popup-window .headline {
        font-size: 2.25rem;
    }
}
@media (min-width: 992px) {
    .popup-window .headline {
        font-size: 2.5rem;
    }
}
@media (min-width: 1250px) {
    .popup-window .headline {
        font-size: 2.75rem;
    }
}
@media (min-width: 1440px) {
    .popup-window .headline {
        font-size: 3rem;
    }
}
.popup-window p {
    margin: 9px 0;
    line-height: 1.3;
}
@media (min-width: 768px) {
    .popup-window p {
        margin: 15px 0;
        font-size: 1.125rem;
    }
}

#add-marker {
    top: 30px;
    /* show spinner while validation is in progresss */
}
@media (min-width: 768px) {
    #add-marker {
        top: 42px;
    }
}
@media (min-width: 1250px) {
    #add-marker {
        top: 54px;
    }
}
#add-marker.is-visible {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}
#add-marker .has-scrollbars {
    max-height: calc(var(--popup-window-max-height) - 123px);
}
@media (min-width: 768px) {
    #add-marker .has-scrollbars {
        max-height: calc(var(--popup-window-max-height) - 168px);
    }
}
@media (min-width: 1250px) {
    #add-marker .has-scrollbars {
        max-height: calc(var(--popup-window-max-height) - 207px);
    }
}
#add-marker .window-content {
    padding-right: 12px;
}
@media (min-width: 768px) {
    #add-marker .window-content {
        padding-right: 24px;
    }
}
@media (min-width: 1250px) {
    #add-marker .window-content {
        padding-right: 39px;
    }
}
#add-marker .splide__list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
#add-marker .is-validating .acf-spinner {
    display: inline-block !important;
}

/*  */
#add-marker .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 15px;
    bottom: auto;
    left: 50%;
    right: auto;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media (min-width: 768px) {
    #add-marker .pagination {
        top: 24px;
    }
}
@media (min-width: 1250px) {
    #add-marker .pagination {
        top: 33px;
    }
}
#add-marker .pagination .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 24px;
    height: 24px;
    background-color: #00205b;
    color: white;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: 1px solid #00205b;
}
#add-marker .pagination .slide.current-slide {
    background-color: transparent;
    color: #00205b;
}
#add-marker .pagination .slide ~ .slide {
    margin-left: 48px;
}
#add-marker .pagination .slide ~ .slide:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: auto;
    right: calc(100% + 9px);
    width: 33px;
    height: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-top: 1px solid #00205b;
}
#add-marker .pagination p {
    font-size: 0.875rem;
    line-height: 1;
}

/*  */
#add-marker .splide__slide__container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75) url("./assets/images/spinner.gif") no-repeat 50% 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 99;
}

#add-marker .splide__slide.is-loading .splide__slide__container:before {
    visibility: visible;
    opacity: 1;
}

#add-marker .splide__slide__container {
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    /* common layout */
    /* common form fields */
    /* hide arrows from input number */
    /* ACF from fields */
    /* labels */
    /* radio/checkbox buttons */
    /*  */
    /*  */
    /*  */
    /*  */
}
#add-marker .splide__slide__container > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .step-1-postcode,
#add-marker .splide__slide__container .step-3-postcode {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
                flex: 0 0 20%;
        width: 20%;
    }
    #add-marker .splide__slide__container .step-1-city,
#add-marker .splide__slide__container .step-3-city {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(80% - 18px);
                flex: 0 0 calc(80% - 18px);
        width: calc(80% - 18px);
    }
    #add-marker .splide__slide__container .step-1-latitude,
#add-marker .splide__slide__container .step-1-longitude,
#add-marker .splide__slide__container .step-3-name,
#add-marker .splide__slide__container .step-3-surname {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 9px);
                flex: 0 0 calc(50% - 9px);
        width: calc(50% - 9px);
    }
}
#add-marker .splide__slide__container ::-webkit-input-placeholder {
    font-size: 1rem;
}
#add-marker .splide__slide__container ::-moz-placeholder {
    font-size: 1rem;
}
#add-marker .splide__slide__container :-ms-input-placeholder {
    font-size: 1rem;
}
#add-marker .splide__slide__container ::-ms-input-placeholder {
    font-size: 1rem;
}
#add-marker .splide__slide__container label, #add-marker .splide__slide__container input, #add-marker .splide__slide__container textarea, #add-marker .splide__slide__container ::placeholder {
    font-size: 1rem;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container ::-webkit-input-placeholder {
        font-size: 1.125rem;
    }
    #add-marker .splide__slide__container ::-moz-placeholder {
        font-size: 1.125rem;
    }
    #add-marker .splide__slide__container :-ms-input-placeholder {
        font-size: 1.125rem;
    }
    #add-marker .splide__slide__container ::-ms-input-placeholder {
        font-size: 1.125rem;
    }
    #add-marker .splide__slide__container label, #add-marker .splide__slide__container input, #add-marker .splide__slide__container textarea, #add-marker .splide__slide__container ::placeholder {
        font-size: 1.125rem;
    }
}
#add-marker .splide__slide__container input:not([type=checkbox]),
#add-marker .splide__slide__container input:not([type=radio]),
#add-marker .splide__slide__container input:not([type=submit]),
#add-marker .splide__slide__container textarea {
    padding: 9px 0;
    line-height: 1.3;
    outline: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 62, 126, 0.2);
}
#add-marker .splide__slide__container textarea {
    padding: 6px;
    border: 1px solid rgba(0, 62, 126, 0.2);
}
#add-marker .splide__slide__container input::-webkit-outer-spin-button,
#add-marker .splide__slide__container input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
#add-marker .splide__slide__container input[type=number] {
    -moz-appearance: textfield;
}
#add-marker .splide__slide__container .acf-field {
    margin: 6px 0;
}
#add-marker .splide__slide__container .acf-field.step-1-category {
    margin-top: 45px;
}
#add-marker .splide__slide__container .acf-button {
    display: inline-block;
    margin: 30px 0 36px;
    padding: 12px 30px !important;
    width: 100%;
    background-color: #00205b;
    text-align: center;
    white-space: normal;
    color: white;
    letter-spacing: 0.1em;
    border: none;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .acf-button {
        padding-left: 45px !important;
        padding-right: 45px !important;
        width: auto;
        min-width: 258px;
    }
}
#add-marker .splide__slide__container .acf-label {
    display: none;
}
#add-marker .splide__slide__container .acf-label label {
/*     font-family: "BreeSerif-Bold";
 */    font-weight: normal;
}
#add-marker .splide__slide__container .step-1-category > .acf-label,
#add-marker .splide__slide__container .step-3-gender > .acf-label {
    display: block;
}
#add-marker .splide__slide__container .acf-field.step-1-category {
    margin: 45px 0 18px;
}
#add-marker .splide__slide__container .acf-field.step-1-category .acf-label {
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container ul.acf-radio-list,
#add-marker .splide__slide__container ul.acf-checkbox-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
#add-marker .splide__slide__container .step-1-category li + li,
#add-marker .splide__slide__container .step-3-gender li + li {
    margin-top: 9px;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .step-1-category li + li,
#add-marker .splide__slide__container .step-3-gender li + li {
        margin-top: 0;
        margin-left: 15px;
    }
}
#add-marker .splide__slide__container .skeep-current-step {
    margin-bottom: 24px;
    font-size: 1rem;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .skeep-current-step {
        margin-bottom: 6px;
        margin-left: 33px;
        font-size: 1.125rem;
    }
}
#add-marker .splide__slide__container .enable-address-inputs {
    display: none;
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    width: 100%;
    height: 100%;
    background: url("./assets/images/icons/pencil.png") no-repeat calc(100% - 15px) 50%;
    background-size: auto 40%;
}
#add-marker .splide__slide__container input:disabled + .enable-address-inputs {
    display: block;
}
#add-marker .splide__slide__container .user-permissions {
    margin-top: 27px;
}
#add-marker .splide__slide__container .user-permissions .acf-field {
    margin: 15px 0;
}
#add-marker .splide__slide__container .step-3-terms-and-conditions label.custom-toggle,
#add-marker .splide__slide__container .step-3-data-processing label.custom-toggle,
#add-marker .splide__slide__container .add_marker_step_3_newsletters label.custom-toggle {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
#add-marker .splide__slide__container .information {
    margin: 24px 0 36px;
}
#add-marker .splide__slide__container .or-separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 15px 0 12px;
}
@media (min-width: 1440px) {
    #add-marker .splide__slide__container .or-separator {
        font-size: 1.125rem;
    }
}
#add-marker .splide__slide__container .or-separator:before, #add-marker .splide__slide__container .or-separator:after {
    content: "";
    display: block;
    margin-top: 3px;
    width: 33px;
    border-top: 1px solid #00205b;
}
#add-marker .splide__slide__container .or-separator:before {
    margin-right: 15px;
}
#add-marker .splide__slide__container .or-separator:after {
    margin-left: 15px;
}
#add-marker .splide__slide__container .get-gps-coordinates {
    margin: 9px 0 6px;
    /*  */
    /*  */
}
body.no-gps #add-marker .splide__slide__container .get-gps-coordinates {
    display: none;
}
#add-marker .splide__slide__container .get-gps-coordinates p {
    margin-bottom: 6px;
}
#add-marker .splide__slide__container .get-gps-coordinates .btn-link {
    display: block;
    padding-top: 10px;
    padding-bottom: 11px;
    background-color: transparent;
    text-align: center;
    color: #00205b;
    letter-spacing: normal;
    border: 1px solid #00205b;
}
#add-marker .splide__slide__container .get-gps-coordinates .btn-link:hover {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 62, 126, 0.75);
            box-shadow: inset 0 0 3px rgba(0, 62, 126, 0.75);
}
#add-marker .splide__slide__container .instructions {
    margin-top: 9px;
    font-size: small;
}

/* Upload images screen */
#add-marker .splide__slide__container {
    /*  */
    /*  */
    /*  */
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-row-handle.order,
#add-marker .splide__slide__container .acf-field.step-2-images .acf-row-handle.remove,
#add-marker .splide__slide__container .acf-field.step-2-single-image .show-if-value .file-icon,
#add-marker .splide__slide__container .acf-field.step-2-single-image .show-if-value .acf-actions,
#add-marker .splide__slide__container .acf-field.step-2-single-image .file-info p * {
    display: none;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-table {
    margin: 0;
    table-layout: fixed;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-table > tbody > tr > td {
    border: none !important;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-fields > .acf-field {
    padding: 0;
    margin: 0;
    border: none;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-fields > .acf-field + .acf-field {
    margin-top: 21px;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-button {
    margin: 0;
    background-color: transparent;
    color: #00205b;
    border: 1px solid #00205b;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .acf-field.step-2-single-image .acf-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #add-marker .splide__slide__container .acf-field.step-2-single-image .acf-input .acf-notice.acf-error-message {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        width: 100%;
    }
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .acf-button[data-name=add] {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    letter-spacing: normal;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .acf-input:hover .acf-button[data-name=add] {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 62, 126, 0.75);
            box-shadow: inset 0 0 3px rgba(0, 62, 126, 0.75);
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .acf-file-uploader {
    position: static;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /*min-width: 0;*/
    overflow: hidden;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .acf-field.step-2-single-image .acf-file-uploader {
        margin-left: 15px;
    }
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .show-if-value {
    display: block;
    min-height: 0px;
    border: none;
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .hide-if-value,
#add-marker .splide__slide__container .acf-field.step-2-single-image .hide-if-value * {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    width: 100%;
    height: 100%;
    opacity: 0;
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .file-info {
    margin: 0;
    padding: 0;
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .file-info [data-name=filename] {
    display: block;
    margin-top: 15px;
    padding: 9px 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    cursor: default;
    pointer-events: none;
/*     font-family: "BreeSerif";
 */    font-weight: normal;
    font-size: 1rem;
    line-height: 1.3;
    color: #00205b;
    border-bottom: 1px solid rgba(0, 62, 126, 0.2);
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .acf-field.step-2-single-image .file-info [data-name=filename] {
        margin-top: 0;
        font-size: 1.125rem;
    }
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .file-info [data-name=filename]:before {
    content: "Keine Datei ausgewählt **";
}
#add-marker .splide__slide__container .acf-field.step-2-single-image .acf-file-uploader.has-value [data-name=filename]:before,
#add-marker .splide__slide__container .acf-field.step-2-single-image [data-name=filename].has-value:before {
    display: none;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-actions {
    text-align: left;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-button[data-event=add-row] {
    padding-left: 39px !important;
    padding-right: 0 !important;
    position: relative;
    font-size: 1rem;
    text-align: left;
    letter-spacing: normal;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: none;
}
@media (min-width: 768px) {
    #add-marker .splide__slide__container .acf-field.step-2-images .acf-button[data-event=add-row] {
        font-size: 1.125rem;
    }
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-button[data-event=add-row]:before, #add-marker .splide__slide__container .acf-field.step-2-images .acf-button[data-event=add-row]:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% + 2px);
    bottom: auto;
    left: 0px;
    right: auto;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-button[data-event=add-row]:before {
    width: 24px;
    border-top: 1px solid #00205b;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-button[data-event=add-row]:after {
    left: 12px;
    height: 24px;
    border-left: 1px solid #00205b;
}
#add-marker .splide__slide__container .acf-field.step-2-images .acf-button[data-event=add-row]:hover {
    text-indent: 3px;
}

#add-marker.has-success-message {
    top: 0;
    /*  */
    /*  */
}
#add-marker.has-success-message.is-visible {
    -webkit-transform: translateY(calc((var(--popup-window-max-height) - 100%) / 2));
        -ms-transform: translateY(calc((var(--popup-window-max-height) - 100%) / 2));
            transform: translateY(calc((var(--popup-window-max-height) - 100%) / 2));
}
#add-marker.has-success-message .has-scrollbars {
    max-height: calc(var(--popup-window-max-height) - 123px);
}
@media (min-width: 768px) {
    #add-marker.has-success-message .has-scrollbars {
        max-height: calc(var(--popup-window-max-height) - 168px);
    }
}
@media (min-width: 1250px) {
    #add-marker.has-success-message .has-scrollbars {
        max-height: calc(var(--popup-window-max-height) - 207px);
    }
}
#add-marker.has-success-message .success-message {
    padding-right: 12px;
}
@media (min-width: 768px) {
    #add-marker.has-success-message .success-message {
        padding-right: 24px;
    }
}
@media (min-width: 1250px) {
    #add-marker.has-success-message .success-message {
        padding-right: 39px;
    }
}
#add-marker.has-success-message .pagination,
#add-marker.has-success-message .acf-form {
    display: none;
}
#add-marker.has-success-message .headline {
    margin: 0 0 24px;
/*     font-family: "BreeSerifLt";
 */    font-size: 2rem;
    font-size: 8vw;
    line-height: 1.15;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    #add-marker.has-success-message .headline {
        margin-bottom: 30px;
        font-size: 2.25rem;
    }
}
@media (min-width: 992px) {
    #add-marker.has-success-message .headline {
        margin-bottom: 36px;
        font-size: 2.5rem;
    }
}
@media (min-width: 1250px) {
    #add-marker.has-success-message .headline {
        margin-bottom: 42px;
        font-size: 2.75rem;
    }
}
@media (min-width: 1440px) {
    #add-marker.has-success-message .headline {
        margin-bottom: 54px;
        font-size: 3rem;
    }
}
#add-marker.has-success-message p {
    line-height: 1.2;
}
@media (min-width: 768px) {
    #add-marker.has-success-message p {
        font-size: 1.125rem;
        line-height: 1.3;
    }
}
#add-marker.has-success-message p + p {
    margin-top: 12px;
}
@media (min-width: 768px) {
    #add-marker.has-success-message p + p {
        margin-top: 24px;
    }
}
#add-marker.has-success-message .btn-link {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    #add-marker.has-success-message .btn-link {
        margin-top: 27px;
        width: auto;
        min-width: 255px;
        letter-spacing: 0.1em;
    }
}

#marker-info {
    padding-top: 0;
    /*  */
    /*  */
}
#marker-info .splide__arrow {
    height: 100%;
    border-radius: 0;
}
#marker-info .splide__arrow svg {
    fill: #00205b;
}
#marker-info .splide__arrow--prev {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 1250px) {
    #marker-info .splide__arrow--prev {
        padding-right: 9px;
        left: auto;
        right: 100%;
        background: none;
    }
}
#marker-info .splide__arrow--next {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@media (min-width: 1250px) {
    #marker-info .splide__arrow--next {
        padding-left: 9px;
        left: 100%;
        right: auto;
        background: none;
    }
}
#marker-info .headline {
    margin: 15px 0 21px;
    font-size: 1.375rem;
}
@media (min-width: 768px) {
    #marker-info .headline {
        margin: 21px 0 24px;
        font-size: 1.5rem;
    }
}
@media (min-width: 992px) {
    #marker-info .headline {
        margin-top: 18px;
        font-size: 1.75rem;
    }
}
@media (min-width: 1250px) {
    #marker-info .headline {
        margin-top: 21px;
        font-size: 2rem;
    }
}
@media (min-width: 1440px) {
    #marker-info .headline {
        font-size: 2.25rem;
    }
}
@media (min-width: 768px) {
    #marker-info .image-title {
        max-width: 70%;
        text-align: center;
    }
}
#marker-info .image-date p {
    display: none;
}
#marker-info .image-count p,
#marker-info .image-title p,
#marker-info .image-date p,
#marker-info .image-description {
    line-height: 1.4;
}
#marker-info .image-count p,
#marker-info .image-title p,
#marker-info .image-date p {
    margin: 15px 0 0;
}
#marker-info .image-count.image-date p + p {
    margin-top: 0;
}
#marker-info .image-description {
    margin: 21px 0 0;
}
#marker-info .image-count,
#marker-info .image-title,
#marker-info .image-date,
#marker-info .image-description {
    -webkit-transform: translateZ(1px);
            transform: translateZ(1px);
}
#marker-info .edit-current-marker {
    padding: 9px;
    position: absolute;
    top: 0px;
    bottom: auto;
    left: auto;
    right: 0;
    width: auto;
    height: auto;
    background-color: white;
    line-height: normal;
}

#acf-layouts {
    max-width: 1153px;
}

#legend {
    padding: 24px 30px;
    max-width: 450px;
}
#legend .window-content {
    padding: 0;
}
#legend .leaflet-control-layers {
    margin-top: 24px;
    padding: 0;
    float: none;
    color: #00205b;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
}
#legend .leaflet-control-layers .leaflet-control-layers-list {
    padding-right: 0;
    height: auto !important;
    overflow: initial;
}
#legend .leaflet-control-layers .leaflet-control-layers-toggle {
    display: none;
}
#legend label.custom-toggle {
    padding: 9px 0 18px;
}
#legend label.custom-toggle .selector {
    margin-right: 63px;
}
#legend label.custom-toggle .svg-icon {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 39px;
    right: auto;
    width: 39px;
    height: auto;
}
#legend label.custom-toggle .with-images,
#legend label.custom-toggle .highlighted {
    display: none;
}

#email-address-has-been-verified,
#email-address-has-not-been-verified {
    padding: 24px 0;
}
#email-address-has-been-verified .headline,
#email-address-has-not-been-verified .headline {
    margin-top: 0;
}
#email-address-has-been-verified .btn-link.back-to-map,
#email-address-has-not-been-verified .btn-link.back-to-map {
    margin-top: 15px;
}

#footer.page-map,
#footer.page-map a[role=button],
#footer.page-map .leaflet-control-zoom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*  */
#footer.page-map {
    padding: 0 15px 15px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 999;
    /*  */
    /* common styles for buttons */
    /*  */
}
body.map-is-loading #footer.page-map > * {
    visibility: hidden;
    opacity: 0;
}
@media (min-width: 768px) {
    #footer.page-map {
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        z-index: 9999;
    }
    body.user-panel-is-visible #footer.page-map {
        -webkit-transform: translateX(-18px);
            -ms-transform: translateX(-18px);
                transform: translateX(-18px);
    }
    body.user-panel-is-visible #footer.page-map .copyright {
        display: none;
    }
}
#footer.page-map p {
    font-size: 0.9375rem;
    line-height: 1.45;
    letter-spacing: -0.04em;
}
#footer.page-map p a {
    text-decoration: underline;
}
#footer.page-map p a:hover {
    text-decoration: none;
}
#footer.page-map .copyright {
    padding-right: 15px;
    text-align: right;
    white-space: nowrap;
    text-shadow: 1px 1px 3px white;
}
#footer.page-map .copyright span {
    display: block;
}
#footer.page-map a[role=button] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 63px;
    height: 63px;
    background-color: white;
    /*  */
}
#footer.page-map a[role=button].highlight-markers {
    position: relative;
}
#footer.page-map a[role=button].highlight-markers svg {
    width: 50%;
}
#footer.page-map a[role=button].highlight-markers .tooltip {
    display: block;
    margin-bottom: 15px;
    padding: 3px 9px;
    position: absolute;
    top: auto;
    bottom: 100%;
    left: 50%;
    right: auto;
    width: auto;
    height: auto;
    -webkit-transform: translateY(var(--tooltip-translateY, -15px)) translateX(-50%);
        -ms-transform: translateY(var(--tooltip-translateY, -15px)) translateX(-50%);
            transform: translateY(var(--tooltip-translateY, -15px)) translateX(-50%);
    background-color: white;
    white-space: nowrap;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 3px;
}
#footer.page-map a[role=button].highlight-markers .tooltip:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-style: solid;
    border-width: 12px 6px 0 6px;
    border-color: white transparent transparent transparent;
}
#footer.page-map a[role=button].highlight-markers:hover .tooltip {
    pointer-events: initial;
    visibility: visible;
    opacity: 1;
    --tooltip-translateY: 0;
}
#footer.page-map a[role=button].legend svg {
    width: 62%;
}
#footer.page-map a[role=button].highlighted .highlighted {
    fill: #DB1436 !important;
}
#footer.page-map a[role=button]:not(.leaflet-control-zoom-out) {
    margin-right: 3px;
}
#footer.page-map .leaflet-control-zoom {
    float: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
#footer.page-map .leaflet-control-zoom a {
    position: relative;
    line-height: initial;
    border: none;
    border-radius: 0;
}
#footer.page-map .leaflet-control-zoom a:before, #footer.page-map .leaflet-control-zoom a.leaflet-control-zoom-in:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}
#footer.page-map .leaflet-control-zoom a:before {
    width: 33px;
    border-top: 2px solid #00205b;
}
#footer.page-map .leaflet-control-zoom a.leaflet-control-zoom-in:after {
    height: 33px;
    border-left: 2px solid #00205b;
}
#footer.page-map .leaflet-control-zoom a.leaflet-disabled {
    pointer-events: none;
    background-color: #F0F0F0;
}
/*# sourceMappingURL=style.css.map */