@charset "UTF-8";
@font-face {
    font-family: Frutiger;
    src: url(assets/frutiger/vr051___-webfont.eot);
    src: url(assets/frutiger/vr051___-webfont.eot?#iefix) format("embedded-opentype"), url(assets/frutiger/vr051___-webfont.woff) format("woff"), url(assets/frutiger/vr051___-webfont.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Frutiger;
    src: url(assets/frutiger/vr021___-webfont.eot);
    src: url(assets/frutiger/vr021___-webfont.eot?#iefix) format("embedded-opentype"), url(assets/frutiger/vr021___-webfont.woff) format("woff"), url(assets/frutiger/vr021___-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Frutiger;
    src: url(assets/frutiger/vr025___-webfont.eot);
    src: url(assets/frutiger/vr025___-webfont.eot?#iefix) format("embedded-opentype"), url(assets/frutiger/vr025___-webfont.woff) format("woff"), url(assets/frutiger/vr025___-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: Frutiger;
    src: url(assets/frutiger/vr085___-webfont.eot);
    src: url(assets/frutiger/vr085___-webfont.eot?#iefix) format("embedded-opentype"), url(assets/frutiger/vr085___-webfont.woff) format("woff"), url(assets/frutiger/vr085___-webfont.ttf) format("truetype");
    font-weight: bold;
    font-style: italic;
}


html, body{
    font-family: Frutiger;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px;
}


.logozeile{
    flex: 0 1;
    min-height: 240px;
    display: flex;
    align-items: center;
}
.kachelzeile{
    flex: 1;
    display: flex;
    height: 100%;
}

.kachel{
    background-color: #005DAA;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 30px;
}

.kachel:hover{
    background-color: #FEBD11;
    color: #005DAA;
}

.kachel.links{
    margin-right: 1px;
    border-radius: 0px 10px 0px 0px;
}
.kachel.rechts{
    margin-left: 1px;
    border-radius: 10px 0px 0px 0px;
}

@media screen and (max-width: 992px) {
    body {
      
    }
    .kachelzeile{
        flex-direction: column;
    }
    .kachel{
        border-radius: 0px !important;
        margin: 2px 0px 0px 0px !important;
    }
  }