h1{
    font-size: var(--headline-h1-font-size);
    line-height: var(--headline-h1-line-height);
    font-family: var(--unineue-book);
}
h2{
    font-size: var(--headline-h2-font-size);
    line-height: var(--headline-h2-line-height);
    font-family: var(--unineue-regular);
    font-weight: normal;
}
h3{
    font-size: var(--headline-h3-font-size);
    line-height: var(--headline-h3-line-height);
    font-family: var(--unineue-regular);
    font-weight: normal;

}
h4{
    font-size: var(--headline-h4-font-size);
    line-height: var(--headline-h4-line-height);
    font-family: var(--unineue-regular);
    font-weight: normal;

}
h5{
    font-size: var(--headline-h5-font-size);
    line-height: var(--headline-h5-line-height);
    font-family: var(--unineue-bold);
}

h2.with-icon{
    display: flex;
}

h2.with-icon:before{
    content: '';
    width: 60px;
    height: 50px;
    display: block;
    /*background-color: red;*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.411" height="45.836" viewBox="0 0 24.411 45.836"><path d="M1.5,49.534h-3V0h3Z" transform="matrix(0.899, 0.438, -0.438, 0.899, 23.063, 0.658)" fill="%23fff"/></svg>');
    background-repeat: no-repeat;
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="31.534" height="24.237" viewBox="0 0 31.534 24.237"> <g id="Group_2817" data-name="Group 2817" transform="translate(-994.995 -1287.099)"> <path id="Path_1071" data-name="Path 1071" d="M0,0H27.047" transform="translate(994.995 1299.364)" fill="none" stroke="%23e3032d" stroke-width="6"/> <path id="Path_1072" data-name="Path 1072" d="M2.852,22.82l9.333-9.333a.868.868,0,0,0,0-1.254L2.839,2.818" transform="translate(1011.037 1286.395)" fill="none" stroke="%23e3032d" stroke-miterlimit="10" stroke-width="6"/> </g> </svg>');*/
    background-position: center;
}
h2.with-icon.black-icon:before{
    content: '';
    width: 60px;
    height: 50px;
    display: block;
    /*background-color: red;*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.411" height="45.836" viewBox="0 0 24.411 45.836"><path d="M1.5,49.534h-3V0h3Z" transform="matrix(0.899, 0.438, -0.438, 0.899, 23.063, 0.658)" fill="%23000000"/></svg>');
    background-repeat: no-repeat;
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="31.534" height="24.237" viewBox="0 0 31.534 24.237"> <g id="Group_2817" data-name="Group 2817" transform="translate(-994.995 -1287.099)"> <path id="Path_1071" data-name="Path 1071" d="M0,0H27.047" transform="translate(994.995 1299.364)" fill="none" stroke="%23e3032d" stroke-width="6"/> <path id="Path_1072" data-name="Path 1072" d="M2.852,22.82l9.333-9.333a.868.868,0,0,0,0-1.254L2.839,2.818" transform="translate(1011.037 1286.395)" fill="none" stroke="%23e3032d" stroke-miterlimit="10" stroke-width="6"/> </g> </svg>');*/
    background-position: center;
}
h4.with-icon{
    display: flex;
}
h4.with-icon.black-icon:before{
    content: '';
    width: 35px;
    height: 40px;
    display: block;
    /*background-color: red;*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.411" height="45.836" viewBox="0 0 24.411 45.836"><path d="M1.5,49.534h-3V0h3Z" transform="matrix(0.899, 0.438, -0.438, 0.899, 23.063, 0.658)" fill="%23000000"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.block-type-text h3 {
    text-align: center;
}

.plain-text-paragraphs h1,
.plain-text-paragraphs h2,
.plain-text-paragraphs h3,
.plain-text-paragraphs h4,
.plain-text-paragraphs h5,
.plain-text-paragraphs h6 {
    text-align: left;
}

@media (max-width: 480px) {

    h2.with-icon:before, h2.with-icon.black-icon:before {
        content: '';
        width: 41px;
        height: 35px;
        background-size: 18px;
    }

    h1.with-icon:before {
        height: 42px;
        margin-right: 6px;
        background-size: 15px;
    }


}
@media (min-width: 480px) and (max-width: 850px) {

    h2.with-icon:before, h2.with-icon.black-icon:before {
        content: '';
        width: 41px;
        height: 35px;
        background-size: 18px;
    }
    h1.with-icon:before {
        height: 46px;
        margin-right: 8px;
        background-size: 18px;
    }

}
@media (min-width: 851px) and (max-width: 1250px){


    h1 {
        font-size: clamp(2.313rem, 0.625rem + 4.5vw, 4rem) !important;
        line-height: clamp(2.563rem, 0.625rem + 5.167vw, 4.5rem) !important;
        font-family: var(--unineue-book) !important;
    }

    h1.with-icon:before {
        height: clamp(3.25rem, 0.202rem + 5.731vw, 4.5rem);
        margin-right: clamp(0.625rem, -1.509rem + 4.011vw, 1.5rem);
        background-size: clamp(1.25rem, 0.64rem + 1.146vw, 1.5rem);
    }

}