/* Typografie */

p {
    font-size:1.5vw;
    line-height: 1.5;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

/* Headings */
h1 {
    font-size:3.375vw;
    line-height: 1.1;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}
h2 {
    font-size:11.25vw;
    line-height: 1.0;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}
h3 {
    font-size:4.5vw;
    line-height: 1.1;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}
h4 {
    font-size:2.625vw;
    line-height: 1.1;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}
h5 {
    font-size:2.25vw;
    line-height: 2.26;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}
h6 {
    font-size:1.5vw;
    line-height: 1.7;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}




.scrollbox2 {
    width: 42.5vw;
    height: 42.5vw;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-margin-inline: 1vw 2vw;
    padding-right: 2vw;
    margin-top: 1.8vw;
    scroll-behavior: smooth;
}

.scrollbox2 h3 {
    font-family: "Klaus-Bold";
    font-size:1.8vw;
    line-height: 1.5;
    font-weight: normal;
}

.sbx1 h1 {
    font-family: "Klaus-Bold";
    font-size:1.5vw;
    line-height: 1.5;
    font-weight: normal;
}

.sbx1 h2 {
    font-family: "Klaus-Bold";
    font-size:2.2vw;
    line-height: 1.5;
    font-weight: normal;
}





@media(min-width:1400px) {
    p {font-size:16px;
    }
    .sbx1 h1 {
        font-size:16px;
    }
    .sbx1 h2 {
        font-size:44px;
    }
    .scrollbox2 {
        width: 500px;
        height: 500px;
        scroll-margin-inline: 14px 28px;
        padding-right: 28px;
        margin-top: 28px;
        scroll-behavior: smooth;
    }
    .scrollbox2 h3 {
        font-size:32px;
    }
    h1 {
        font-size:38px;
    }
    h2 {
        font-size:127px;
    }
    h3 {
        font-size:50px;
    }
    h4 {
        font-size:29px;
        line-height: 1.1;
        padding-top: 10px;
    }
    h5 {
        font-size:26px;
        line-height: 1.1;
        padding-top: 10px;
    }
    h6 {
        font-size:16px;
    }
    blockquote p{
        font-size:16px;
    }
}
@media(max-width: 900px) {
    h1 {
        font-size:2.8vw;
    }
    h2,
    h3,
    h4 {
        font-size:2.4vw;
    }
    h5,
    h6,
    p {
        font-size:1.9vw;
    }
    .sbx1 h1 {
        font-size:1.9vw;
    }
    .sbx1 h2 {
        font-size:2.7vw;
    }
    .scrollbox2 h3 {
        font-size:2.4vw;
    }

    @media(max-width: 550px) {
        .produkt-container {
            grid-template-columns: auto repeat(22, 3.68vw) auto 0px;
            grid-template-rows:  repeat(3,5.2vw) auto 5.2vw auto repeat(4, 5.2vw);
            height: auto;
        }
        .scrollbox2 {
            overflow:visible;
            height: auto;
            width: 100%;
            padding-right: 0vw;
            margin-top: 4vw;
        }
        .sbx1 h1,.sbx1 h2,.scrollbox2 h3,h1,h2,h3,h4,h5,h6 {
            font-size: 15px;
            line-height: 1.5;
        }
        p {
            font-size:15px;
            line-height: 1.5;
        }
    }
    @media (max-width: 767px) {
        h4, h5 {
            font-size: 7vw;
        }
    }
    @media (min-width: 1400px){
        #hs_cos_wrapper_widget_1667401119177 .box-container {
            grid-template-columns: auto 206px 56px 302px 56px 233px auto 17px!important;
        }
    }