html,body {
    font-family: industry, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #312c2d;
    background-color: #f8f8f8;
}

a {
    color: #312c2d;
}

a:hover,
a:focus {
    color: #312c2d;
    text-decoration: underline;
}

.hero {
    background-image: url('../img/feinkost/bg-1_tinified.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.hero .nav, .hero.is-success .nav {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.hero-head.fk-head-padding {
    padding-top: 50px;
}

.fk-mode-1 {
    font-weight: 700;
    font-size: 2rem !important;
    color: #312c2d;
}

.rcorners1,
.rcorners2 {
    padding: 2rem;
    border-radius: 10px;
    background-color: rgba(248, 248, 248, 0.8)
  
}

.subtitle {
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #312c2d;
}

.subtitle .head {
    font-weight: 700;
    text-transform: lowercase;
    color: #312c2d;
}

li::marker {
    color: blue;
}

li.fk-transparent_marker::marker  {
    color: transparent;
}

.button.is-white.is-outlined {
    background-color: transparent;
    border-color: transparent;
    color: #312c2d;
}

.fk-logo-1,
.fk-logo-2,
.fk-logo-3,
.fk-logo-4 {
    padding: 20px 40px 5px 40px;
    font-weight: 900;
    font-style: italic;
    font-size: 4.8rem;
    text-transform: uppercase;
    background-color: rgba(234,86,81, 0.5);
    color: blue;
    border-radius: 8px;
    -webkit-text-stroke: 4px lightblue;
}

.fk-logo-1 {
    text-decoration: line-through;
    font-size: 1.8rem;
}

.fk-logo-3,
.fk-logo-4 {
    padding: 10px 15px 5px 15px;
    background-color: rgba(0, 90, 255, 0.5);
    color: red;
    font-size: 2rem;
    -webkit-text-stroke: 1px white;
    line-height: 1;
}

.fk-logo-4 {
    font-size: 2.8rem;
    background-color: rgba(156,255,0,0.7);
    color: blue;
    padding-bottom: 50px;
}

.fk-logo-baby-mobile {
    color: red;
    font-style: italic;
    font-weight: 700;
    font-size: 1.5rem;
    padding-top: 0.4rem;
}

.fk-logo-baby-desktop {
    color: red;
}

.fk-image-fireworks {
    max-width:4rem;
}

.fk-links-my_top10_lists {
    padding: 1rem;
    color: green;
    background-color: rgba(128, 0, 128, 0.7);
}

@media screen and (max-width: 1600px) {
    .subtitle {
        padding: 1rem;
        font-size: 1.3rem;
        line-height: 1.3;
    }
}

@media screen and (max-width: 1025px) {
    .logo__container, .burger__container-1 {
        background-color: transparent !important;
    }
}

@media screen and (max-width: 768px) { 

    .hero {

        background: clear;

        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;

        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    .hero-head.fk-head-padding {
        padding-top: 0;
    }

    .fk-padding-top-1 {
        padding-top: 5rem;
    }

    .hero .subtitle {
        font-size: 1.5rem;
        padding: 0 10px;

    }

    .fk-logo-1,
    .fk-logo-2 {
        font-size: 2rem;
    }

    .fk-logo-4 {
        font-size: 3rem;
        padding-bottom: 0;
    }

    .fk-box-mobile-temp-1 {
        background-color: rgba(248, 248, 248, 0.8);
    }

    .swap-on-hover {
        margin-top: 9px;
    }

    .fk-image-fireworks {
        max-width:100%;
    }

    .fk-links-my_top10_lists {
        font-size: 2rem;
        padding: 20px;
        background-color: rgba(128, 0, 128, 0.5);
    }

}

/* OVERRIDE 2024 */

@media screen and (max-width: 768px) {

    .hero-body {
        padding-top: 1rem;
    }

    .fk-logo-4 {
        padding-bottom: 0.5rem;
    }

    .fk-image-supplychain-mobile {
        margin-top: -300px;
        padding-top: 0;
    }

    .fk-image-supplychain-mobile h2 {
        display: none;
    }

    img.fk-image-links-mobile {
    padding-top: 2rem;
    }

    .fk-logo-3,
    .fk-logo-4 {
        background-color: rgba(156, 255, 0, 0.7);
        color: blue;
    }

    img.fk-image-aboutme-mobile {
            /* background-color:rgba(248, 248, 248, 0.8); */
        margin-top: 3rem;
        border-radius: 10px;
    }

}