/* Media queries */
@media (max-width: 1200px) {
    .hoki-slider {
            padding: 0 3em;
    }
}
@media (max-width: 960px) {
    .uk-navbar-right {
        align-items: flex-start !important;
        margin-right: 50px;
        display: flex;
        align-items: center;
        align-content: center;
        gap: 5px!important;
        color: white;
            margin-right: 58px;
    }
    .uk-navbar-item .anfrage-mobile {
            width: 100%;
    }
    .uk-h4, h4 {
            font-size: 18px!important;
    }


    
    .uk-navbar-item .uk-first-column {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-end;
    }
    .anfrage-mobile {
            scale: 1;
                margin-right: 11px;
    }
/* Navbar basti vorschlag
    .uk-navbar-left  {
    border: 21px solid #fbf6f1;
            margin: 14px;
    background: #fbf6f1;
    }
    .uk-navbar-right {
            margin-right: 50px;
            translate: 0 1em;
      }
      */
    a[aria-label="Menü öffnen"] .uk-navbar-toggle-icon {
        color: #fff !important;
    }
    .uk-navbar-left  {
    border: 0px solid #fbf6f1;
    margin-left: 34px;
        border: solid #fbf6f1;
    border-width: 0 20px 20px 0;
            background: #fbf6f1;
                
    }
    .uk-navbar-left a {
        width: 50px;
    }
    .uk-navbar-right {
        margin-right: 55px;
    }
    
    a[aria-label="Menü öffnen"]:before {
        background: #d08223!important;
        color: white;
    }

    .tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent), 
    .tm-header-mobile .uk-navbar {
        background: transparent;
            top: 25px;
    }
    
    .uk-navbar-sticky {
        background: #fff!important;
    }
    .tm-header-mobile .uk-navbar-sticky .uk-navbar {
        top: 0;
    }
    .uk-navbar-sticky .uk-navbar-left {
        border: 0px solid #fbf6f1;
        margin-left: 34px;
        border: solid #fbf6f1;
        border-width: 0 0 0 0;
        background: transparent;
    }
    .uk-navbar-sticky .uk-navbar-right {
        margin-right: 43px;
    }
    
    
    .scstart-panel {
        margin-bottom: 5em!important;
    }


#hoki-marker a.el-marker::before {
    height: 133vmax;
}
    #hoki-marker .uk-drop.uk-open {
    width: 70vw !important;
    }
    .mobile-shift {
        margin-top: 20em!important;
    }
    .circle-icon {
    padding: 20%;
    }
    
    #hoki-marker .uk-card-default {
    display: grid;
    grid-template-columns: 1fr;       /* nur eine Spalte */
    grid-template-rows: 50% 1fr;      /* zwei Reihen: obere Hälfte 50%, untere den Rest */
    gap: 10px;
    align-items: stretch;
    background: transparent;
    border: none;
    height: 100%;
    }
    #hoki-marker [uk-drop="pos: right-center; mode: click; auto-update: false;"] .uk-card-default > .uk-card-media-top {
        order: 1;
    }
    #hoki-marker [uk-drop="pos: right-center; mode: click; auto-update: false;"] .uk-card-default > .uk-card-body {
        order: 2;
    }
    #hoki-marker .el-marker {
        scale: 0.7;
    }
}

.overlap-slider:has(.uk-slidenav) {
  margin: 0em 3em;
}

@media (max-width: 640px) {
        .home-button a {
        font-size: 19px!important;
    }
    .overlap-slider.ic-border.mobile .el-item{
        border: 0px solid #fbf6f1;
    }
        .anfrage-mobile {
            scale: 1.2;
                margin-right: 11px;
    }
    
    .hoki-slider-mobile p{
            font-size: 14px!important;
    }
    
    .circle-icon img {
        height: 70%;
        aspect-ratio: 70 / 70;
    }
    
a[aria-label="Menü öffnen"]:hover .uk-navbar-toggle-icon {
    background-color: white!important ;
    color: #d08223 !important;
}
    .uk-navbar-right {
        margin-right: 49px;
    }
    .uk-navbar-right .uk-navbar-item {
            width: 142px;
    }
    a[aria-label="Menü öffnen"]:before {
        display: none;
    }
    a[aria-label="Menü öffnen"] .uk-navbar-toggle-icon {
        margin-right: 0;
            padding: 14px;
    border-radius: 100%;
    background: #d08223 !important
    }
    
    #dialog-acc .el-title {
        font-size: 19px !important;
    }
    a.uk-button {
        font-size: 13px;
    }
    .uk-navbar-sticky {
        background: #fff!important;
    }
    .tm-header-mobile .uk-navbar-sticky .uk-navbar {
        top: 0;
    }
    .uk-navbar-sticky .uk-navbar-left {
        border: 0px solid #fbf6f1;
        margin-left: 34px;
        border: solid #fbf6f1;
        border-width: 0 0 0 0;
        background: transparent;
    }
    .uk-navbar-sticky .uk-navbar-right {
        margin-right: 43px;
    }
    .footer-menu ul.uk-nav-sub li a, .footer-menu li.menu-item a{
        justify-content: center;
}
.overlap-slider:has(.uk-slidenav) {
  margin: 0em 0em;
}
.uk-slidenav {
    color: #fff !important;
}
        .map-elements{
        width: 111%;
        scale: 0.7;
        transform-origin: top left;
}


  .ic-border.big{
        border: 2,px solid #fbf6f1;
    }
  #Hero .uk-container-expand {
    padding: 20px;
  }
  #Hero-content p {
      display:none;
  }
  #Hero div div div div:has(.uk-heading-3xlarge) {
  display: none;
}
  .ic-height-start {
        height: 300px;
  }
  #start-img {
      border: none;
      padding-right: 0;
  }
}

div[style="background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.49) 0%, rgba(13, 16, 23, 0) 100%); background-clip: padding-box;"] {
  background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.49) 0%, rgba(13, 16, 23, 0) 100%);
}