.mask_headerbild figure {
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 8/3;
    max-height: 430px;
}

.mask_headerbild .header {
    position: absolute;
    top: 66%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}
.mask_headerbild .header.left {
    right: unset;
    left:0;
}
.mask_headerbild .header.vertical-center {
    top: 52%;
}
.mask_headerbild .header .h1 {
    font-size: 60px;
    line-height: 75px;
    font-family: var(--myriad-pro-semicn);
    color: var(--color-sherpa-blue);
    padding: 8px 24px 8px 23px;
    background-color: rgba(255,255,255,0.9);
    position: absolute;
    right: 50%;
    bottom: calc(100%);
    font-weight: 600;
}
.mask_headerbild .header.left .h1 {
    right: unset;
    left: 50%;
}
.mask_headerbild .header .h2 {
    padding: 8px 27px 8px 33px;
    background-color: rgba(255,255,255,0.9);
    margin-left: auto;
    margin-bottom:0;
    line-height:20px;
}
.mask_headerbild .header .h2 svg {
    width: 256px;
}
.mask_headerbild .header.mobile {
    width: 100%;
}
.mask_headerbild .header.mobile .h1 {
    left: 0;
    right: unset;
}
.mask_headerbild .header.left.mobile .h2 {
    margin-right: auto;
    margin-left: unset;
}

.mask_headerbild picture {
    display: block;
    height: 100%;
}

.mask_headerbild img {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 1280px){
    .mask_headerbild .header .h1 {
        font-size: 44px;
        line-height: 55px;
    }
    .mask_headerbild .header .h2 svg {
        width:181px;
    }
}
@media screen and (max-width: 500px){
    .mask_headerbild .header .h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .mask_headerbild .header .h2 svg {
        width:139px;
    }
}