body {
    font-family: "RobotoCondensed";
    color: #000000;
}

.h3, h3 {
    font-size: 20px;
}

.mb-100 {
    margin-bottom: 100px;
}

strong {
    font-weight: 700;
}

.bg-blue {
    background-color: #013550;
}
.bg-white {
    background-color: #ffffff;
}
.bg-gray {
    background-color: #90989c;
}
.full-page {
    height: 100vh;
}
.fc-gray {
    color: #90989c;
}
.fc-white {
    color: #ffffff;
}
.fc-blue {
    color: #013550;
}
.startseite .footer {
    position: absolute;
    bottom: 0;
}
.footer {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
}
.extra-padding {
    padding: 0 100px;
}
.extra-padding-responsive {
    padding: 45px 50px;
}
.extra-margin {
    margin-top: 150px;
}
.float-right {
    float: right;
}
.logo.svg {
    width: 185px;
}
.gray-pseudo {
    position: relative;
}
.gray-pseudo:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    height: 100%;
    border-left: 7px solid #90989c;
}
.headline {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 20px;
}
.subheadline {
    font-size: 33px;
    margin: 0;
}
.footer-link,
.footer-link:active,
.footer-link:visited,
.footer-link:focus {
    color: #ffffff;
    text-decoration: none;
}
.footer-link:hover{
    color: #013550;
    text-decoration: none;
}
.footer-link.bold {
    font-weight: 700;
}

@media only screen and (max-width: 1579px) {
    .headline {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 10px;
    }
    .subheadline {
        font-size: 28px;
    }
    .footer .float-right{
        float: none;
    }
    .extra-padding{
        padding: 0 50px;
    }
}

@media only screen and (max-width: 1229px) {
    .headline {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .subheadline {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) {
    .startseite .footer {
        position: relative;
    }
    .full-page {
        height: auto;
    }
    .gray-pseudo:before {
        border-width: 5px;
    }
    .res-margin-20 {
        margin-bottom: 20px;
    }
    .mobile-centered {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .subheadline {
        line-height: 28px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 659px) {
    .headline {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 10px;
    }
    .h1, h1 {
        font-size: 17px;
    }
    .h2, h2 {
        font-size: 16px;
    }
    .h3, h3 {
        font-size: 15px;
    }
    .subheadline {
        font-size: 15px;
        line-height: 18px;
    }
    .logo.svg {
        width: 120px;
    }
}