.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;
}

/* Hamburger New */
.hamburgerWrapper {
     position: relative;
     z-index: 999;
}
.hamburgerWrapper #hamburger {
     padding: 10px 0 10px 10px;
     transition: all 0.2s ease-in-out;
}

.hamburgerWrapper #hamburger:hover {
     cursor: pointer;
}

.hamburgerText {
     line-height: 100%;
     margin: 0 10px 0 0;
     transform: translateY(2px);
     transition: all 0.2s ease-in-out;
}

.hamburgerInner {
     position: relative;
     height: 14px;
     width: 30px;
}
.hamburgerInner span {
     position: absolute;
     left: 0;
     height: 2px;
     width: 100%;
     background-color: white;
     transform: translateY(-50%);
     transition: all 0.2s ease-in-out;
}

.hamburgerInner span:nth-child(1) {
     top: 0;
}
.hamburgerInner span:nth-child(2) {
     top: 50%;
}
.hamburgerInner span:nth-child(3) {
     top: 100%;
}

.hamburgerWrapper #hamburger.isactive {
     opacity: 0;
     transform: translateX(10px);
     transition: all 0.2s ease-in-out;
}

.hamburgerWrapper #hamburger.isactive .hamburgerText {
     opacity: 0;
     transform: translateY(2px) translateX(-5px);
     transition: all 0.2s ease-in-out;
}
.hamburgerWrapper #hamburger.isactive span {
     transition: all 0.2s ease-in-out;
}
.hamburgerWrapper #hamburger.isactive span:nth-child(1) {
     top: 50%;
     transform: translateY(-50%) rotate(45deg);
}
.hamburgerWrapper #hamburger.isactive span:nth-child(2) {
     top: 50%;
     opacity: 0;
}
.hamburgerWrapper #hamburger.isactive span:nth-child(3) {
     top: 50%;
     transform: translateY(-50%) rotate(-45deg);
}

/* mobilemenue */
#mobilemenue {
     position: fixed;
     z-index: 910;
     right: -20px;
     top: 0;
     height: 100vh;
     opacity: 0;
     background-color: black;
     pointer-events: none;
     transition: all 0.2s ease-in-out;
}

#mobilemenue.isactive {
     position: fixed;
     right: 0;
     opacity: 1;
     pointer-events: all;
     transition: all 0.2s ease-in-out;
}

#closeButton {
     position: absolute;
     height: 30px;
     width: 30px;
     top: 25px;
     right: 40px;
}

#closeButton:hover {
     cursor: pointer;
}

#closeButton span {
     position: absolute;
     left: 0;
     height: 2px;
     width: 100%;
     background-color: white;
}

#closeButton span:nth-child(1) {
     top: 50%;
     transform: translateY(-50%) rotate(45deg);
}
#closeButton span:nth-child(2) {
     top: 50%;
     transform: translateY(-50%) rotate(-45deg);
}

.mobilemenueInner {
     padding: 120px 0px;
     min-width: 300px;
     max-width: 100vw;
}

#overlay {
     position: fixed;
     top: 0;
     left: 0;
     height: 100vh;
     width: 100vw;
     background-color: black;
     opacity: 0;
     pointer-events: none;
     transition: all 0.2s ease-in-out;
}

#overlay.isactive {
     z-index: 900;
     opacity: 0.8;
     pointer-events: all;
     transition: all 0.2s ease-in-out;
}

.mobilemenueInner .firstLevel a {
     padding-left: 20px;
     padding-right: 20px;
}
.mobilemenueInner .firstLevel .firstLevelSub {
     background-color: white;
     padding: 10px 20px;
}
.mobilemenueInner .secondLevel a {
     padding-left: 0px;
     padding-right: 0px;
     color: black;
}