.homeslider__wrapper {
    height: 580px;
    overflow: hidden;
    position: relative;
}

.ad-btn {
    background-color: #194b7e;
    color: white;
    align-self: flex-start;
    padding: 1em 1.25em;
    font-weight: 600;
}

.slide-content {
    margin-left: auto;
    margin-right: auto;
    padding: 4em 0 0 0;
    width: 100%;
    max-width: 1080px;
    display: flex; 
    justify-content: flex-start; 
    left: 0;
    right: 0;
    flex-direction: column;

    position: absolute;
    width: 100%;
    top: 0em;
}

.slide-content .slider-headline {
    max-width: 75%;
    /* padding: 3.2em 0 1em 0; */
}

.slick-slider-nav {
    display: flex;
    justify-content: space-between;
    gap: 1em;
}

.slick-slider-nav a {
    font-size: clamp(16px, 2vw, 20px);
    width: 25%;
    font-weight: 300;
    line-height: normal;
    color: white;
    padding-top: .5em;
    text-shadow: #000 0 0px 11px;
}

.slick-slider-nav a::before {
    content: " ";
    width: calc(25% - 1em);
    outline-width: 0.5px;
    outline-style: solid;
    outline-color: white;
    position: absolute;
    top: 0;
    transition: outline-width 0.2s ease-in; /* Smooth transition for background color */
}

.slick-slider-nav a:focus::before {
    outline-width: 2px;
    outline-style: solid;
    outline-color: white;
}

.nav__wrapper {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1080px;
    position: absolute;
    bottom: 4em;
    /* background: red; */
    display: flex; /* Flexbox für die Button-Positionierung */
    justify-content: center; /* Zentriert die Buttons im Wrapper */
    /* height: inherit; */
}

.slick-slide img {
    min-height: 580px;
    display: block;
    object-fit: cover;
    width: 100%;
}

.slider-headline {
    font-family: 'IBM Plex Sans', 'sans-serif';
    line-height: 1.2em;
    font-size: clamp(2.5rem, 2vw, 2.986rem);
    font-weight: 600;
    padding-bottom: 0.5em;
}

@media (max-width: 1100px) {
    .nav__wrapper {
        padding: 0 2em;
    }
    .slide-content {
        padding: 4em 2em 0 2em;
    }
    .slick-slider-nav a {
        width: 20%;
    }
    
    .slick-slider-nav a::before {
        width: calc(20% - 1em);
    }
}

@media (max-width: 600px) { 
    .slick-slider-nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Zwei gleich große Spalten */
        gap: 1em; /* Abstände zwischen den Spalten */
    }

    .slick-slider-nav a {
        width: 100%;
    }

    .slick-slider-nav a:focus {
        font-weight: 600;
    }

    .slick-slider-nav a::before {
       display:none;
    }

    .nav__wrapper{
        bottom: 3em;
    }
}