@media all {
    @font-face {
        font-family: "Hind Vadodara";
        src: url("fonts/HindVadodara-Regular.ttf") format("truetype");
    }
    * {
        margin: 0;
        padding: 0;
    }
    body {
        padding-bottom: 20px;
        background-color: transparent;
        font-size: 16px;
        overflow-y: scroll;
        color: #666;
    }
    h1 {
        font-family: 'Hind Vadodara', sans-serif;
        color: #0c2947;
    }
    h1 span {
        color: #1ab5b7;
        display: block;
    }
    a:hover,
    a:focus,
    a:visited {
        outline: 0;
        text-decoration: none;
    }
    .container {
        width: 100%;
    }
    #index {
        margin: 0;
    }
    .full {
        background: url(../img/gocert-bg.jpg) no-repeat center center fixed;
        background-size: cover;
    }
    /*** NAVI ***/
    navbar .row {
        margin: 0;
    }
    .navbar navbar-inverse {
        margin-bottom: 100px;
    }
    .navbar .container {
        padding: 0;
    }
    .navbar-inverse {
        background-color: rgba(255, 255, 255, 1);
        background-image: none;
        border: 0px;
    }
    .navbar-brand {
        height: auto;
    }
    .navbar-brand img {
        width: 100%;
        max-width: 260px;
        margin: 30px;
    }
    .navbar-right {
        width: 50%;
        position: relative;
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #1ab5b7;
    }
    .navbar ul {
        display: block;
    }
    .navbar ul li {
        list-style-type: none;
        float: left;
        display: block;
        text-align: center;
        width: 25%;
    }
    .navbar ul li a {
        display: block;
        text-transform: uppercase;
        height: 8vw;
        padding: 8vw 0 0 0;
        line-height: 30px;
        color: #1ab5b7;
    }
    .navbar ul li a.active {
        color: #1ab5b7;
    }
    .navbar ul li a:hover {
        color: #1ab5b7;
    }
    .navbar ul li a.menu-gocert {
        background-image: url(../img/menu-gocert.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 260px;
    }
    .navbar ul li a.menu-gocert:hover,
    .navbar ul li a.menu-gocert.active {
        background-image: url(../img/menu-gocert.jpg);
        background-repeat: no-repeat;
        background-position: center -174px;
        background-size: 260px;
    }
    .navbar ul li a.menu-service {
        background-image: url(../img/menu-service.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 260px;
    }
    .navbar ul li a.menu-service:hover,
    .navbar ul li a.menu-service.active {
        background-image: url(../img/menu-service.jpg);
        background-repeat: no-repeat;
        background-position: center -174px;
        background-size: 260px;
    }
    .navbar ul li a.menu-references {
        background-image: url(../img/menu-references.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 260px;
    }
    .navbar ul li a.menu-references:hover,
    .navbar ul li a.menu-references.active {
        background-image: url(../img/menu-references.jpg);
        background-repeat: no-repeat;
        background-position: center -174px;
        background-size: 260px;
    }
    .navbar ul li a.menu-kontakt {
        background-image: url(../img/menu-kontakt.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 260px;
    }
    .navbar ul li a.menu-kontakt:hover,
    .navbar ul li a.menu-kontakt.active {
        background-image: url(../img/menu-kontakt.jpg);
        background-repeat: no-repeat;
        background-position: center -174px;
        background-size: 260px;
    }
    .navbar-toggle {
        border-radius: 0px;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #0c2947;
    }
    .navbar-toggle .icon-bar {
        border-radius: 0px;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #1ab5b7;
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #0c2947;
    }
    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #ffffff;
    }
    /*** CAROUSSEL ***/
    .carousel-inner {
        background-color: rgba(255, 255, 255, 0.6);
        display: block;
        width: 100%;
    }
    .carousel-control {
        bottom: auto;
        top: 42%;
        opacity: 1;
        width: auto;
        margin: 0 30px;
    }
    .carousel-control.right {
        background-image: none;
        text-shadow: 0 0 0;
    }
    .carousel-control.left {
        display: none;
    }
    .carousel-caption {
        position: relative;
        text-align: left;
        top: auto;
        left: auto;
        right: auto;
        overflow-y: hidden;
        color: #666;
        text-shadow: 0 0 0;
        background-color: #fff;
        display: block;
        margin: 30px 80px 30px 30px;
        padding: 20px 20px 20px 20px;
        bottom: auto;
    }
    .carousel-caption ul {
        margin: 0 0 0 30px;
    }
    .weiter {
        background: transparent url(../img/weiter.png) no-repeat;
        background-size: cover;
        width: 24px;
        height: 31px;
        display: block;
    }
    /***UNTERSEITEN ***/
    .bildfull {
        background-image: none;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        height: 100%;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        z-index: 4;
    }
    .gocert {
        background-image: url(../img/gocert-theme.jpg);
    }
    .services {
        background-image: url(../img/services-theme.jpg);
    }
    .philosophie {
        background-image: url(../img/philosophie-theme.jpg);
    }
    .imprint {
        background-image: url(../img/imprint-theme.jpg);
    }
    .kontakt {
        background-image: url(../img/kontakt-theme.jpg);
    }
    .navbar .col-sm-6 {
        padding: 0;
    }
    .col-sm-6.inhalte {
        padding: 60px 40px 10px 40px;
    }
    #content .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    #content .navbar-right {
        width: 100%;
    }
    #content .navbar-header {
        float: right;
    }
    #content .navbar-brand img {
        margin: 0px;
    }
    .inhalte ul {
        margin: 20px 0 0 50px;
    }
    .inhalte ul li {
        list-style-type: none;
        background: transparent url(../img/li.png) no-repeat left top;
        line-height: 25px;
        padding: 0 0 5px 40px;
    }
    /*** FOOTER ***/
    footer.startseite {
        position: fixed;
        bottom: 0;
        display: block;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.6)
    }
    footer.startseite hr {
        margin-top: 0px;
    }
    footer {
        margin: 50px 0 0 0;
        text-align: center;
        font-size: 12px;
    }
    footer span::after {
        content: "|";
        margin: 0 0 0 10px;
        padding: 10px;
    }
    /*** CUSTOM SCROLLBAR ***/
    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px;
        background-color: #DFBA3C;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #C19B19;
    }
}

@media (max-width: 768px) {
    nav .col-sm-6 {
        width: 100%;
    }
    .navbar-right {
        width: 100%;
        height: 100px;
    }
    .navbar-collapse {
        padding-right: 0px;
    }
    h1 {
        font-size: 6vw;
    }
    .bildfull {
        width: 100%;
        height: 150px;
        position: relative;
    }
    #content .navbar-header {
        float: none;
    }
    #content .navbar-brand img {
        margin: 0 0 0 30px;
    }
    .col-sm-6.leer {
        display: none;
    }
}

@media (max-width: 460px) {
    .navbar {
        margin-bottom: 50px;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .navbar ul li {
        width: 50%;
    }
    .navbar ul li a {
        font-size: 12px;
    }
    #content .navbar-brand img {
        margin: 0;
    }
    .navbar ul li a {
        height: 20vw;
        padding: 20vw 0 0 0;
        margin: 0 0 12vw 0;
    }
    .col-sm-6.inhalte {
        padding: 20px;
    }
    .inhalte ul {
        margin: 20px 0 0 0;
    }
    footer span::after {
        content: none;
    }
    footer span {
        display: block;
    }
}