/* oliver seller
------------------------------ */

@font-face
{
font-family:"snow";
src:url("/assets/fonts/snow.eot");
src:url("/assets/fonts/snow.eot?#iefix") format("embedded-opentype"),
url("/assets/fonts/snow.woff2") format("woff2"),
url("/assets/fonts/snow.woff") format("woff");
font-display: swap;
}


:root {
    --content-width: 71.25rem;
    --content-width-small: 42rem;
    --color-grey: #d3d5cf;
    --color-blue: #00a2da;
    --color-font:  var(--color-grey);
}

*,
*:after,
*:before{
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    color:var(--color-font);
}

.no-border{
    border:0;
}
/* color
------------------------------ */
.grey {background: var(--color-blue);}
.yellow {background: var(--color-grey);}

/* basic__container
------------------------------ */
#basic__container .yellow {
    min-height:50vh;
}
#basic__container .grey {
    min-height:50vh;
}
@media (min-width: 767px) {
#basic__container .yellow {
    height:100vh;
}
#basic__container .grey {
    height:100vh;
}
}
.grey{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    flex: 0 1;
}
#basic__container .col .basic__container_box1{
    padding:0em 1.5em 1.5em;
}

#basic__container .col .basic__container_box2{
    padding:1.5em;
}
.flocke{
    display: none;
}


@media (min-width: 767px) {
.flocke{
    display:block;
    position:absolute;
    left:0.55rem;
    top:-1.3rem;
    right:auto;
    pointer-events: none; 
}

.yellow {
    -ms-flex-order: 1;
    order: 1; }

.grey {
    -ms-flex-order: 2;
    order: 2; }
}
}