.uk-flex-gap {
     gap: 10px;
}

.uk-icon-button {
     background: white;
     color: black;
}

.uk-icon-button:hover {
     background: white;
     color: black;
}

#linktree .uk-button-secondary {
     background-color: #222;
     color: #fff;
     border: 1px solid transparent;
     line-height: 100%;
     padding: 19px 20px 16px 20px;
}

#linktree .uk-button-secondary:hover {
     background-color: transparent;
     color: #fff;
     border: 1px solid transparent;
     border-color: #fff;
}

#linktree .uk-button.template-1028 {
     background-color: #b81838;
     color: #fff;
     border-color: #b81838;
}
#linktree .uk-button.template-1286 {
     background-color: #a5bdc3;
     color: #fff;
     border-color: #a5bdc3;
}
#linktree .uk-button.template-1278 {
     background-color: #fff;
     color: black;
     border-color: #fff;
}

.uk-text-xsmall {
     font-size: 0.7rem;
     line-height: 1.5;
}

#modal-center .uk-modal-dialog {
     width: 800px;
     border: 3px solid white;
}
#modal-center h2 {
     font-size: 1.4rem;
}

#modal-center h4 {
     margin-top: 20px !important;
     margin-bottom: 0px !important;
     font-size: 1rem;
}

#modal-center p {
     margin-top: 5px !important;
     font-size: 0.8rem;
}

@media (max-width: 1199px) {
     .sliderViorschau.uk-slider-container {
          overflow-y: visible;
     }

     .sliderVorschau .uk-card.uk-margin-xlarge-top {
          margin-top: 20px !important;
     }
     .sliderVorschauWrapper .tm-button-line:after {
          display: none !important;
     }
     .sliderVorschauWrapper .tm-button-line {
          padding-right: 0px !important;
     }
}

.roomCard .tm-button-line {
     padding-right: 0px !important;
     background-color: transparent;
     padding-bottom: 0px;
     line-height: 100%;
}
.roomCard .tm-button-line:after {
     display: none !important;
}

/* Dotnav */
.uk-dotnav > * > * {
     width: 40px;
     height: 3px;
     border-radius: 100px;
     background: rgba(255, 255, 255, 0.5);
}

.uk-dotnav > .uk-active > * {
     background-color: white;
}

.gang-element-trigger {
     z-index: 800;
}

/* Leaflet Popup */
.leaflet-map {
     width: 100%;
     height: 500px;
     border: none;
}

.leaflet-map .leaflet-tile {
     -webkit-filter: grayscale(100%) contrast(1) brightness(0.3);
     filter: grayscale(100%) contrast(1) brightness(0.3);
}

.leaflet-control-attribution.leaflet-control {
     display: none;
}

.map-popup .logo img {
     position: absolute;
     left: 50%;
     top: 50%;
     width: auto;
     height: 100px;
     max-width: 130px;
     max-height: 130px;
     transform: translate(-50%, -50%);
}

.map-popup,
.leaflet-popup {
     width: 450px;
}

.leaflet-popup-tip {
     border-radius: 4px !important;
}

.leaflet-container a.leaflet-popup-close-button {
     color: white !important;
     background-color: black !important;
     width: 30px !important;
     height: 30px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
}

@media (max-width: 639px) {
     .map-popup,
     .leaflet-popup {
          width: 280px;
     }
}

.map-popup .content {
     padding: 20px;
     color: black;
}

.map-popup .content * {
     color: black;
}

.map-popup .content .tm-button-line {
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     line-height: 100%;
     width: auto;
     text-align: left;
}

.map-popup .content .tm-button-line:after {
     display: none;
}

.leaflet-top.leaflet-left {
     position: absolute !important;
     right: 20px !important;
     left: unset !important;
     top: 20px !important;
}

.leaflet-container {
     background: #ddd !important;
}

.leaflet-tile {
     -ms-interpolation-mode: nearest-neighbor !important;
     image-rendering: -moz-crisp-edges !important;
     image-rendering: pixelated !important;
}

.leaflet-tile {
     outline: 1px solid transparent !important;
}

.leaflet-tile {
     outline: 1px solid transparent !important;
     -webkit-backface-visibility: hidden !important;
     backface-visibility: hidden !important;
}

#map {
     touch-action: pan-y !important;
}