/*// RUN CodeKit for minifying --*/

:root {
    /*Link Color*/
    --bulma-link: #3b0c02;
    --bulma-link-text: #3b0c02;
    --bulma-link-h: 6deg;
    --bulma-link-s: 94%;
    --bulma-link-l: 11%;

    /*Typography*/
    --bulma-family-primary: adelle-condensed, serif;
    --bulma-family-secondary: ainsdale, sans-serif;
    --bulma-body-size: 1rem;
    --bulma-body-weight: 300;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Update CSS variables */

        /*--bulma-body-background-color: #2a1e15;*/

        --bulma-link: #d3d3d3;
        --bulma-link-text: #d3d3d3;
        --bulma-link-h: 0deg;
        --bulma-link-s: 0%;
        --bulma-link-l: 83%;

        --bulma-navbar-h: 0deg;
        --bulma-navbar-s: 0%;
        --bulma-navbar-item-color: 93%;

        --bulma-text-h: 0deg;
        --bulma-text-s: 0%;
        --bulma-text-l: 83%;
    }
}

body {
    scroll-behavior: smooth;
    font-style: normal;
    max-width: 1600px;
}

.no-break {
    white-space: nowrap;
}

/*Adjusting all Cells to the same hight*/

.fixed-grid .cell {
    display: flex;
    flex-direction: column;
}

.fixed-grid .cell .box {
    flex: 1;
}

/*.fixed-grid .cell img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/

.fixed-grid .cell .content {
    flex: 1;
}

.fixed-grid .cell .content img {
    max-width: 100%;
    height: auto;
}

/*Flaschen*/
.flasche, .flaschenkiste {
    max-height: 70vh;
    width: auto;
    display: block;
    margin: 0 auto;
}

#mainVid {
    margin-top: -3px; /*remove gray top border of video*/
}
#wetzel_wein {
    margin-top: -27vw;
}
@media (max-width: 768px) {
    #wetzel_wein {
        margin-top: -33vw;
    }
}
#derWeinberg div.hero-body {
    margin-top: -22vw;
}
@media (max-width: 768px) {
    #derWeinberg div.hero-body {
        margin-top: -33vw;
    }
}
.logo {
    width: 1.5em;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0.2em;
    fill: red;
    color: red;
}
.logo-plus {
    width: 2.2em;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0.4em;
}

.is-1xl {
    font-family: ainsdale, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(30px, 12vw, 200px);
}
.is-2xl {
    font-family: ainsdale, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(10px, 10vw, 160px);
}
.is-ainsdale {
    font-family: ainsdale, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.navbar {
    padding: 0 30% 0 15%;
}
.navRabe {
    padding: 0 0 0 0;
}
.navRabe img {
    height: 50px;
    max-height: 60px;
}
@media only screen and (max-width: 1023px) {
    .navbar {
        padding: 0 0 0 0;
    }
}

.has-rounded-corners {
    border-radius: 10px; /* Adjust the value as needed */
}