/* ==========================================================
   Ubuntu lokal einbinden
   ========================================================== */

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/media/fonts/Ubuntu-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================
   Typografie
   ========================================================== */

body{
    font-family:'Ubuntu',sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:1.75;
    color:#444;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,h4,h5,h6{
    font-family:'Ubuntu',sans-serif;
    color:#1f2937;
    line-height:1.25;
    margin-bottom:.8rem;
}

h1{
    font-size:clamp(2.6rem,5vw,3.6rem);
    font-weight:700;
}

h2{
    font-size:clamp(2rem,4vw,2.8rem);
    font-weight:700;
}

h3{
    font-size:clamp(1.6rem,3vw,2.1rem);
    font-weight:500;
}

h4{
    font-size:1.5rem;
    font-weight:500;
}

h5{
    font-size:1.25rem;
    font-weight:500;
}

h6{
    font-size:1.1rem;
    font-weight:500;
}

p{
    margin-bottom:1.2rem;
}

.btn,
.sppb-btn{
    font-family:'Ubuntu',sans-serif;
    font-weight:500;
}