.uk-navbar-sticky {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.uk-navbar-sticky .uk-navbar-item,
.uk-navbar-sticky .uk-navbar-nav>li>a,
.uk-navbar-sticky .uk-navbar-toggle {
    min-height: 90px;
}
.uk-navbar-sticky .uk-logo img {
    max-width: 200px;
}

/*
.uk-dropbar {
    background: no-repeat center right;
    background-size: contain;
}
.vd-drop_kfz .uk-dropbar {background-image: url(../images/service_kfz-gutachten.jpg);}
.vd-drop_lkw .uk-dropbar {background-image: url(../images/service_lkw-gutachten.jpg);}
.vd-drop_motorrad .uk-dropbar {background-image: url(../images/service_motorrad-gutachten.jpg);}
.vd-drop_brandgutachten .uk-dropbar {background-image: url(../images/service_brandgutachten.jpg);}
.vd-drop_wertminderung .uk-dropbar {background-image: url(../images/service_wertminderung.jpg);}
.vd-drop_wertgutachten .uk-dropbar {background-image: url(../images/service_wertgutachten-allgemein.jpg);}
.vd-drop_oldtimer .uk-dropbar {background-image: url(../images/service_oldtimer.jpg);}
.vd-drop_fahrzeugzustandsbericht .uk-dropbar {background-image: url(../images/service_fahrzeugzustandsbericht.jpg);}
*/

.vd-service-header .uk-grid > *:last-child {
    padding-left: calc(((100vw - 1500px - 20px) / 2) );
    padding-bottom: 8vh;
}


/* Automatische Sidebar */

.vd-sidebar {
    z-index: 0;
}
.vd-sidebar-header > * {
    color: #fff;
    margin: 0;
}
.vd-sidebar-content {
}
.vd-sidebar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.vd-sidebar li a {
    font-size: 15px;
    color: #2d2e33;
    display: block;
}

.vd-sidebar li.vd-h2 {
    margin-top: 10px;
}

.vd-sidebar li.vd-h2 a {
    font-weight: 600;
}
.vd-sidebar li.vd-h3 a {
    padding-left: 20px;
    color: #7b7e8c;
    margin-top: 6px;
}
.vd-sidebar li.vd-h4 a {
    padding-left: 10px;
    color: #44454d;
}

.vd-sidebar li.active a {
    color: #226CB0;
    font-weight: 500;
}

#vd-content h2 {font-size: 45px;}
#vd-content h3 {font-size: 30px;}
#vd-content h4 {font-size: 27px;}
#vd-content h5 {font-size: 24px;}
#vd-content h6 {font-size: 21px;}



.vd-marquee {
    overflow: hidden;
}
.marquee-rotate {
    transform: rotate(7deg);
}
.marquee-container {
    width: 100%; /* Breite nach Bedarf anpassen */
    height: 500px; /* Höhe nach Bedarf anpassen */
    overflow: hidden;
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

.marquee {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    gap: 10px;
}

.vd-gutachten-kacheln {

}
.vd-gutachten-kacheln .el-item > * {
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.vd-gutachten-kacheln > * > *:nth-of-type(1) > * > * {
    background-color: #1A578E;
}

.vd-gutachten-kacheln > * > *:nth-of-type(2) > * > * {
    background-color: #226CB0;
}
.vd-gutachten-kacheln .el-item {
    transition: all 0.3s;
}
.vd-gutachten-kacheln .el-item:hover {
    transform: scale(1.04);
    z-index: 1;
    transition: all 0.3s;
}
.vd-gutachten-kacheln > * > *:nth-of-type(3) > * > * {
    background-color: #2980D0;
}



.vd-switch:nth-of-type(odd) > .uk-container > .uk-grid > *:first-child {
    order: 2;
}



@media screen and (min-width: 960px) {
    .uk-dropbar {
        background-color: #fff;
    }

}
@media screen and (max-width: 960px) {
    #animatedBackground > * {
        min-height: 400px !important;
    }
    .uk-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    html {
        font-size: 16px;
    }
    .uk-h2, h2 {
        font-size: 24px;
        line-height: 1.3;
        font-weight: 700;
    }
    h3, .uk-h3, #vd-content h2 {
        font-size: 24px;
        line-height: 1.4;
        font-weight: 700;
    }
    h4, .uk-h4, #vd-content h3 {
        font-size: 21px;
    }
    h6, .uk-h6 {
        font-size: 18px;
    }
    .uk-section-small {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .uk-section-xsmall {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .uk-button-default {
        padding: 0 30px;
        font-size: 16px;
        line-height: 48px;
    }

    .vd-switch > .uk-container > .uk-grid > *:first-child {
        order: 2;
    }
    .vd-switch > .uk-container {
        padding: 0;
    }
    .vd-switch > .uk-container > .uk-grid > *:last-child > * {
        padding: 0 15px 40px;
    }
    .uk-overlay {
        padding: 20px 25px;
    }

    .vd-service-header .uk-grid > *:last-child {
        padding: 50px 15px 40px;
    }
    .tm-header-placeholder {
        display: none;
    }

    .single-service .tm-header-mobile {
        height: 120px;
        position: absolute;
        background: linear-gradient(rgba(0,0,0,0.85), transparent);
        width: 100%;
    }
}
@media screen and (max-width: 769px) {

    .vd-gutachten-kacheln .el-item .el-link,
    .vd-gutachten-kacheln .el-item .el-title span {
        display: none;
    }
    .vd-gutachten-kacheln .el-item .el-title {
        font-size: 18px;
        margin-top: 10px !important;
    }
    .vd-gutachten-kacheln .el-item img {
        max-width: 45px;
    }
}