body {
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    margin:0;
    padding:0;
}

#header {
    padding:10px 0;
}

#header img {
    display:block;
    margin:0 auto;
    width:300px;
    height:100px;
}

#header .mobile {
    display:none;
}

.container .content, .headline .content {
    max-width:1310px;
    margin:0 auto;
    padding:1% 5%;
}

.container .content {
    color:#343434;
}

.container .content a, .container .content a:visited {
    color:inherit;
}

.container .content a:hover {
    text-decoration: none;
}

.headline {
    background-color:rgba(205, 46, 46,1);
    color:#ffffff;
}

.flex-container {
    display:flex;
    flex-wrap:wrap;
    align-items: stretch;
    height:calc(100vh - 120px);
}

.column-50 {
    flex:0 0 50%;
    padding-bottom:50px;
}

.flex-container .content {
    padding:5%;
    color:#fff;
}

.flex-container .content a, .flex-container .content a:visited,
.footer-menu a, .footer-menu a:visited {
    color:#fff;
    text-decoration: none;
}

.flex-container .content a:hover,
.footer-menu a:hover {
    text-decoration: underline;
}

.fuhrer-auto {
    text-align: right;
    background-color:rgba(205, 46, 46,1);
    transition: background-color 0.4s ease-in-out;
}

.fuhrer-auto:hover {
    background-color:rgba(205, 46, 46,0.9);
    transition: background-color 0.4s ease-in-out;
}

.fuhrer-moto {
    background-color:rgba(62, 62, 62,1);
    transition: background-color 0.4s ease-in-out;
}

.fuhrer-moto:hover {
    background-color:rgba(62, 62, 62,0.95);
    transition: background-color 0.4s ease-in-out;
}

.column-50 .col-header {
    background-size: contain;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #000;
}

.col-header img {
    width:100%;
    height:auto;
    margin:0 auto;
}


.fuhrer-auto .col-header {
    /* background-image: url('../img/Auto_Weiche-1920x600.jpg'); */
}

.fuhrer-moto .col-header {
    /* background-image: url('../img/Moto_Weiche-1920x600.jpg'); */
}

.logo-container {
    max-width:220px;
    width:220px;
    padding-bottom:15px;
    margin-bottom:30px
}

.logo-auto {
    margin-left: auto;
    margin-right: 0;
    border-bottom:3px solid rgba(62, 62, 62,1);
}

.logo-moto {
    border-bottom:3px solid rgba(205, 46, 46,1);
}

.btn {
    border:2px solid #fff;
    border-radius:8px;
    text-transform: uppercase;
    font-weight: bold;
    color:#fff;
    padding:10px 15px;
    transition: background-color 0.4s ease-in-out;
}

.btn:hover {
    text-decoration: none!important;
    transition: background-color 0.4s ease-in-out;
}

.btn-auto {
    background-color:rgba(62, 62, 62,1);
}

.btn-auto:hover {
    background-color:rgba(62, 62, 62,0.95)
}

.btn-moto {
    transition: background-color 0.4s ease-in-out;
    background-color:rgba(205, 46, 46,1);
}

.btn-moto:hover {
    transition: background-color 0.4s ease-in-out;
    background-color:rgba(205, 46, 46,0.9);
}

.back-btn {
    position:fixed;
    text-decoration:none;
    background-color:rgba(205, 46, 46,0.8);
}

.footer-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.footer-menu ul {
    float:right;
    padding:0;
}

.footer-menu ul>li {
    display: inline;
    list-style-type: none;
    padding:5px 15px;
    color:#ffffff;
    font-size:13px;

}

@media (min-width:990px) {
    img {
        image-rendering:optimizeSpeed;              /* Legal fallback                 */
        image-rendering:-moz-crisp-edges;           /* Firefox                        */
        image-rendering:-o-crisp-edges;             /* Opera                          */
        image-rendering:-webkit-optimize-contrast;  /* Chrome (and eventually Safari) */
        image-rendering:crisp-edges;                /* CSS3 Proposed                  */
        -ms-interpolation-mode:bicubic;             /* IE8+                           */
    }
}

@media (max-width:989px) {
    #header .mobile {
        display:block;
    }

    #header .desktop {
        display: none;
    }
}

@media (max-width:767px) {
    .column-50 {
        flex:0 0 100%;
        text-align:center;
        padding-bottom:25px;
    }

    .logo-auto, .logo-moto {
        margin:0 auto!important;
    }

    .footer-menu {
        position: relative;
        background-color:rgba(62, 62, 62,1);
    }
}
