.iwTeaserSlider {
	
    .slider-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        color: #fff;
	    /*max-width: 1920px;*/
	    /*padding-right: 20px;*/
	    /*padding-left: 20px;*/
	    /*margin-right: auto;*/
	    /*margin-left: auto;*/
    }

    .iwTeaserSlider__hr {
        margin-top: 1.25rem;
        margin-bottom: 2.8rem;
        margin-left: 0;
        max-width: 10rem;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .iwTeaserSlider__image--onlyMobile {
        display: none;
    }

    .iwTeaserSlider__swiper--background, .iwTeaserSlider__swiper--backgroundPreview {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        .swiper-wrapper {
            overflow: hidden;
        }

        .swiper-slide {
            display: flex;
            gap: 0;
            flex-direction: row;
        }
    }

	.iwTeaserSlider__swiper--background {
		width: 63%;
		right: 0;
		left: unset;
	}

    .iwTeaserSlider__swiper--backgroundPreview {
        width: 37%;
    }

    .content-wrapper {
        left: 0;
        width: 80%;
        position: relative;
        background: #014987;
        padding: 20px 180px 20px 20px;
        z-index: 1;
        margin: 6.8rem 0;
        box-shadow: 0px 1px 1px rgba(2, 73, 135, 0.02),
        0px 5px 4px rgba(2, 73, 135, 0.03),
        0px 12px 9px rgba(2, 73, 135, 0.05),
        0px 20px 15px rgba(2, 73, 135, 0.06),
        0px 32px 24px rgba(2, 73, 135, 0.08);

    }

    .iwTeaserSlider__slideheadline {
        color: #ffffff;
    }

    .iwTeaserSlider__swiper--content {
        pointer-events: none;
        cursor: unset;
    }

    .iwTeaserSlider__actions {
        margin-top: 5.5rem;

        a {
            color: #fff;
        }

    }

    /* Styling for the navigation buttons */

    .iwTeaserSlider__controls {
        position: absolute;
        width: auto;
        display: flex;
        flex-direction: column;
        bottom: 1.8rem;
        right: 0;
        gap: 0;
    }

    .iwTeaserSlider__navactions {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .iwTeaserSlider__nav {
        position: static; /* Override Swiper's default absolute positioning */
        margin: 0;
        padding: 1.56rem;
        border: none;
        transition: background-color .1s ease-in-out;
    }

    .iwTeaserSlider__nav--prev,
    .iwTeaserSlider__nav--next {
        &:before {
            display: block;
            width: 23px;
            height: 23px;
        }
    }

    .iwTeaserSlider__nav--next {
        background-color: rgba(255, 255, 255, 1);

        &:hover, &:focus {
            background-color: rgba(255, 255, 255, 0.85);
        }

        &:before {
            content: url(./pfeil_rechts_blue.svg);
        }
    }

    .iwTeaserSlider__nav--prev {
        background-color: rgba(255, 255, 255, .1);

        &:hover, &:focus {
            background-color: rgba(255, 255, 255, 0.23);
        }

        &:before {
            content: url(./pfeil_links_white.svg);
        }
    }


    .iwTeaserSlider__pagination {
        position: relative;
        display: flex;
        background: transparent;
        flex-direction: column;
        justify-content: center;
        padding: 1.5rem 1.66rem;
        width: auto;
        height: auto;
        bottom: 0;

        .iwTeaserSlider__pagination--numbers {
            position: relative;
            display: flex;
            overflow: hidden; /* Hide the overflow for the sliding effect */

            > span {
                position: relative;
                width: 100%;
                text-align: center;
                display: none;
                transition: all 0.3s ease-in-out;
            }

            .iwTeaserSlider__pagination--current {
                display: block;
            }
        }

        .iwTeaserSlider__hr {
            width: 100%;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.8);
            margin: .5rem 0;
        }

        .iwTeaserSlider__pagination--total {
            opacity: 0.75;
        }

    }


    .iwTeaserSlider__bgimage {
        overflow: hidden;

        img {
            height: 100%;
            width: 100%;
            object-fit: cover;
	        max-width: none;
        }

        &.iwTeaserSlider__bgimage--original {

        }

        &.iwTeaserSlider__bgimage--filtered {
            position: relative;
            width: 100%;

            img {
                filter: grayscale(0.4) contrast(1.25) brightness(0.25) blur(6px);
                transform: scale(-1.1, 1.1);
            }

            &:after {
                content: '';
                width: 100%;
                height: 100%;
                background-color: #01498790;
                position: absolute;
                top: 0;
                left: 0;
            }
        }
    }

    .iwTeaserSlider__bgimage.iwTeaserSlider__bgimage--original {
        flex-grow: 2;
        flex-shrink: 0; /* Prevents shrinking */
        flex-basis: 0; /* Important for flex-grow to work predictably */
    }

    /*Responsives Design */
    @media (max-width: 767px) {
        .iwTeaserSlider__container {
            padding: 0;

            .content-wrapper {
                width: 100%;
                padding: 30px 20px;
                margin: 0;
            }

        }

        .iwTeaserSlider__swiper--background, .iwTeaserSlider__swiper--backgroundPreview {
            display: none;
        }

        .iwTeaserSlider__image--onlyMobile {
            display: block;
            position: relative;
            aspect-ratio: 16/9;
            width: 100%;
            height: auto;

            img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                aspect-ratio: 16/9;
            }
        }

        .iwTeaserSlider__swiper--content {
            pointer-events: unset;
            cursor: default;
        }

        .iwTeaserSlider__actions {
            margin-top: 30px;
        }

        .iwTeaserSlider__controls {
            margin-top: 30px;
            position: relative;
            flex-direction: row-reverse;
            justify-content: space-between;
            bottom: 0;

            .iwTeaserSlider__navactions {
                flex-direction: row-reverse;
            }

            .iwTeaserSlider__nav {
                padding: 1rem;

                &:before {
                    transform: scale(0.6);
                }

            }

            .iwTeaserSlider__pagination {
                flex-direction: row;
                padding: 0;
                align-items: center;
            }

            .iwTeaserSlider__pagination--numbers {
                flex: 1;

            }

            .iwTeaserSlider__pagination--current {
                padding-right: 0.5rem;
                margin-right: 0.5rem;
                border-right: solid 1px #ffffff;
            }

            .iwTeaserSlider__hr {
                display: none;
            }
        }
    }
    @media (min-width: 991px) {
        .content-wrapper {
            left: 0;
            width: 50%;
            padding: 40px 140px 40px 40px;
        }
    }
}