#teaser .k_00 {
    background-image: url(../images/k_000.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_00 {
        background-image: url(../images/k_000.png);
        background-position: 50% 50%;
    }
}

#teaser .k_01 {
    background-image: url(../images/k_001.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_01 {
        background-image: url(../images/k_001.png);
        background-position: 50% 50%;
    }
}

#teaser .k_02 {
    background-image: url(../images/k_002.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_02 {
        background-image: url(../images/k_002.png);
        background-position: 50% 50%;
    }
}

#teaser .k_03 {
    background-image: url(../images/k_003.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_03 {
        background-image: url(../images/k_003.png);
        background-position: 50% 50%;
    }
}
#teaser .k_04 {
    background-image: url(../images/k_004.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_04 {
        background-image: url(../images/k_004.png);
        background-position: 50% 50%;
    }
}

#teaser .k_05 {
    background-image: url(../images/k_005.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_05 {
        background-image: url(../images/k_005.png);
        background-position: 50% 50%;
    }
}

#teaser .k_06 {
    background-image: url(../images/k_006.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_06 {
        background-image: url(../images/k_006.png);
        background-position: 50% 50%;
    }
}

#teaser .k_07 {
    background-image: url(../images/k_007.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_07 {
        background-image: url(../images/k_007.png);
        background-position: 50% 50%;
    }
}

#teaser .k_08 {
    background-image: url(../images/k_008.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_08 {
        background-image: url(../images/k_008.png);
        background-position: 50% 50%;
    }
}

#teaser .k_09 {
    background-image: url(../images/k_009.png);
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) and (orientation: landscape),
       only screen and (max-height: 273px) and (orientation: portrait) {
    #teaser .k_09 {
        background-image: url(../images/k_009.png);
        background-position: 50% 50%;
    }
}


.hinweis-tafel-wrapper {
    width: 100%;
    padding: 30px 0;
    overflow: hidden;
}

.hinweis-tafel {
    max-width: 960px;
    margin: 0 auto;
    background: #ffffff;
    color: #333333;

    padding: 24px 32px;
    font-size: 16px;
    line-height: 1.55;

    border: 4px solid #DB380F;
    border-radius: 6px;


    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}

.hinweis-content {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.hinweis-icon svg {
    width: 54px;
    height: 54px;
    fill: #DB380F;
    flex-shrink: 0;
}

.hinweis-text strong {
    font-weight: 600;
}

@media (max-width: 768px) {
    .hinweis-tafel {
        font-size: 15px;
        padding: 18px 22px;
    }

    .hinweis-content {
        gap: 14px;
    }

    .hinweis-icon svg {
        width: 40px;
        height: 40px;
    }
}