@font-face
{
    font-family: Oracle-bold;
    src: url("../style/Oracle-MonoBold2V7Beta.otf")
    format("opentype");
}

@font-face
{
    font-family: Oracle;
    src: url("../style/Oracle-MediumV7Beta.otf")
    format("opentype");
}

html, body
{
    margin: 0;
    background: url(../img/wirbel.jpg) no-repeat center fixed; 
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      display: flex;
      flex-direction: column;
      height: 100%;
}

.ticker
{
    height: 6.1vh;
    font-size: 4.6vh;
    font-family: Oracle;
    font-variant: small-caps;
    color: #3A6CA4;
    background: #0CBA85;
}

.spacer
{
    background: #A36141;
    height: 0.9vh;
}

.slogan_o
{
    background: #FF4931;
    font-variant: small-caps;
    font-size: 6.1vh;
    line-height: 4vh;
    color: #069868;
    text-align: right;
    font-family: Oracle;
    letter-spacing: 0.1em;
    padding-right: 10px !important;
}

.bottomline
{
    height: 0.3vh;
    background: #C45360;
}

.main
{
    display: flex;
    flex-flow: row wrap;
    height: 75vh;
    clear: both;
}

.text
{
    font-size: 3vh;
    font-family: Oracle;
    color: #2B3962;
}

.shop
{
    display: flex;
    width: 50vw;
    /* justify-content: center;
    align-items: center; */
}

.shopPic
{
    width: 35vh;
}


.insta
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25 !important;
}

.insta_pic
{
    width: 35vh;
}

.logo
{
    width: 35vh;
    height: 8vw;
}

.img
{
    width: 50vh;
}

.img_v
{
    height: 38vh;
}

.bottom
{
    display: flex;
    background: #1324c4;
    bottom: 0px !important;
    width: 100%;
}

.spacerBottom_l
{
    background: #1324c4;
    min-height: 40px;
    font-size: 6vh;
    font-family: Oracle;
    font-variant: small-caps;
    color: #0CBA86;
    padding-right: 50px !important;
    padding-left: 20px !important;
}

.spacerBottom_r
{
    display: flex;
    background: #0CBA86;;
    min-height: 40px;
    font-size: 3vh;
    font-family: Oracle;
    color: #2B3862;
    letter-spacing: 0.1em;
}

.slogan
{
    background: #ff4931;
    display: flex;
    min-height: 40px;
    font-size: 3.1vh;
    margin-top: 0px;
    color: #2B3862;
    font-family: Oracle;
    letter-spacing: 0.1em;
}

.adress
{
    display: flex;
    font-size: 3vh;
    margin-top: 0px;
    font-family: Oracle;
    background: #1324c4;
    color: #0CBA86;
    letter-spacing: 0.1em;
}

.adress:hover
{
    color: #ff4931;
}

.link
{
    color: #2B3962;
}

.link:hover
{
    color: #1324c4;
}