@media (min-width: 850px) {

    .header-wrapper #logo {
        width:320px !important;
    }

    .header-wrapper.stuck #logo {
        width:220px !important;
    }

}


.woocommerce-checkout .shop_table {
    padding:0px;
}

form.checkout.woocommerce-checkout .col-inner.has-border  {
    background: #f9f9f9;
    border: 2px solid #191919;
    border-radius: 15px;
}

#content ul li {
 margin-bottom:0 !important;
}

#content .icon-box p {
margin:0 !important;
padding:0 !important;
}

ul.product-categories li {
    text-transform: uppercase;
}

table.variations th.label {
    display:none !important;
}

/* Faktum Light */
@font-face {
    font-family: 'Faktum';
    src: url('../fonts/faktum/Faktum-Light.woff2') format('woff2'),
         url('../fonts/faktum/Faktum-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Faktum Regular */
@font-face {
    font-family: 'Faktum';
    src: url('../fonts/faktum/Faktum-Regular.woff2') format('woff2'),
         url('../fonts/faktum/Faktum-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Faktum Bold */
@font-face {
    font-family: 'Faktum';
    src: url('../fonts/faktum/Faktum-Bold.woff2') format('woff2'),
         url('../fonts/faktum/Faktum-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Anwendung auf alle Texte */
body, p, div {
    font-family: 'Faktum', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400 !important;
}

/* Überschriften mit Bold */
corporate-font,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Faktum', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 700 !important;
}

/* Light für bestimmte Elemente (optional) */
.tagline, .subtitle {
    font-family: 'Faktum', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 300;
}


/* Styles für HERO BANNER SEKTIONEN auf der Startseite */

@media (max-width: 549px) {
    
    .hero .headline {
        font-size: 3.2em;
        line-height: 1.05 !important;
        font-weight: 700 !important;
        margin-bottom: 0.3em !important;
        text-transform: uppercase;
    }

    .hero .fliesstext {
        font-size: 1.35em;
        line-height: 1.45 !important;
        margin-bottom: 1em !important;
    }

    .hero .button span {
        line-height: 3.3 !important;
        font-size: 110% !important;
    }

}


@media (min-width: 550px) and (max-width: 849px) { 

    .hero .headline {
        font-size: 2.2em;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin-bottom: 0.3em !important;
        text-transform: uppercase;
    }

    .hero .fliesstext {
        font-size: 1.1em;
        line-height: 1.3 !important;
        margin-bottom: 0 !important;
    }

    .hero .button span {
        line-height: 2 !important;
    }

}

@media (min-width: 850px) {

    .hero .headline {
        font-size: 4.2em;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        margin-bottom: 0.3em !important;
        text-transform: uppercase;
    }

    .hero .fliesstext {
        font-size: 1.5em;
        line-height: 1.3 !important;
        margin-bottom: 1em !important;
    }

    .hero .button span {
        line-height: 3 !important;
    }
}


/* Styles für Textblöcke auf der Startseite und auch KATEGORIESeiten */

.shop-container .term-description {
    margin-bottom: 2.5em !important;
}


@media (max-width: 549px) {
    
    .shop-container .term-description h1,
    .headline {
        font-size: 2.2em;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        margin-bottom: 0.3em !important;
        text-transform: uppercase;
    }

    .shop-container .term-description p,
    .fliesstext {
        font-size: 1.05em;
        line-height: 1.45 !important;
        margin-bottom: 0 !important;
    }

}


@media (min-width: 550px) and (max-width: 849px) { 

    .headline {
        font-size: 2.2em;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin-bottom: 0.3em !important;
        text-transform: uppercase;
    }

    .fliesstext {
        font-size: 1.1em;
        line-height: 1.3 !important;
        margin-bottom: 0 !important;
    }

}

/* Flatsome Desktop */
@media (min-width: 850px) {

    .shop-container .term-description h1,
    .headline {
        font-size: 2.2em;
        line-height: 1.5 !important;
        font-weight: 700 !important;
        margin-bottom: 0.3em !important;
        text-transform: uppercase;
    }

    .shop-container .term-description p,
    .fliesstext {
        font-size: 1.1em;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
    }
}