@font-face {
    font-family: 'Avenir Next Regular';
    src: url('../fonts/AvenirNextCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Avenir Next Bold';
    src: url('../fonts/AvenirNextCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Avenir Next Demi';
    src: url('../fonts/AvenirNextCondensed-DemiBoldItalic.ttf') format('truetype');
}

body {
    color: #58595b;
    font-family: "Times New Roman";
    font-size:22px;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    font-family: "Times New Roman";
    font-weight:bold;
}

h3.content-headline {
    margin-top:30px;
}

h4.content-headline {
    font-size:26px;
    margin-top:18px;
}

span.content-bold {
    font-family: "Times New Roman";
    font-weight:bold;
}

.table.table-responsive {
    display:block;
}

.content-wrap {
    width:100%;
}

.section-header .section-title {
    font-size:46px;
    color: #294c82;
}

.section-header .section-subtitle {
    font-size:20px;
}

.title-small {
    color: #294c82;
}

.navbar-container {
    background-color:white;
    border-bottom: 1px solid #333;
}

.navbar.navbar-invers.menu-wrap {
    background-color:#294c82;
}

.navbar.navbar .navbar-nav > .active > a:focus {
    background-color: rgba(255,255,255,0.1);
}

.navbar.menu-wrap .navbar-header {
    margin: 0;
    background-color:white;
}

.navbar .navbar-brand {
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    padding: 0;
    margin: 0;
}

.navbar > .container {
    width:100%;
}

.translation-flags {
    display:inline-block;
    margin-right:10px;
}

.translation-flags img {
    margin-bottom:30px;
}

.hero-area {
    background-image:url(../img/1b-Open_web.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.2s ease-in-out, color 0.2s ease-in-out;
    color: black;
}

.hero-area .contents p {
    font-size:inherit;
}

#close-button {
    background-color: white;
    color: white;
}

#willkommen {
    background-color: #9fb3d9;
}

#willkommen ul li {
    list-style: square;
}

#willkommen .feature-item {
    font-size:24px;
}

#preise {
    background-image: none;
    background-color: #9fb3d9;
    color: black;
}

#preise .content .list-item li {
    color: black;
}

#preise table td {
    padding-left: 0;
}

#home h1 {
    font-size:32px;
    font-family: "Times New Roman";
    font-weight:bold;
}

#home h2 {
    font-family: "Times New Roman";
    margin-top: 0;
}

#home .navbar-container {
    padding-top:0;
    padding-bottom: 0;
    background-color:white;
}

#home .navbar-header.logo-top {
    padding:0;
}

#home .navbar-header.logo-top img {
    width: 100%;
    padding: 10px;
}

#home .navbar-right.box-menu-item {
    width:100%;
    float:none;
    text-align:right;
    margin-top: 20px;
}


#preise .features-content:hover i, #preise .features-content:hover h3 {
    color: #294c82;
}

#preise p {
    line-height:1.5em;
}

#preise .features-content p {
    padding: 0;
}

#bilder {
    background-color: #294c82;
}

#bilder .img-container {
    padding:6px;
    height: 250px;
}

#bilder .img-container img {
    width:100%;
    cursor: zoom-in;
}

.features-text h4 a {
    color: #294c82;
    font-size:24px;
}

#preise .content h2 {
    margin-top:20px;
}

#preise .content .list-item li {
    font-size:20px;
}

#testimonial {
    background-image: url(../img/Testimonials.jpg);
    background-size:cover;
    color: white;
}

#testimonial .carousel-inner .meta p {
    color: #EEEEEE;
    font-weight: bold;
}

#testimonial .carousel-inner .meta p span {
    color: white;
    font-weight:normal;
}

#contact a, #contact a:active {
    color: #333;
}

#contact a:hover {
    text-decoration:none;
}

#contact .info p {
    color: #707070;
}

.contact-form img {
    position: absolute;
    right: 15px;
}

.form-control {
    background-image: linear-gradient(#294c82,#294c82),linear-gradient(#EEEEEE,#EEEEEE);
    font-weight: bold;
}

.form-control::-webkit-input-placeholder {
    color:#58595b !important;
    font-weight: bold;
}

#footer {
    background-color: #58595b;
}

#footer ul li a img {
    display: inline-block;
    margin-bottom: 10px;
}

#copyright .copyright-text a {
    color: #294c82;
}

#additionalContent.section {
    display: none;
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

#additionalContent.section .container.additional {
    display:none;
}

.icon-img {
    width:50px;
}

.subpage-image {
    width: 30%;
}

.btn {
    font-size:18px;
}

.btn.btn-primary.btn-main {
    background-color: #294c82;
}

.btn.btn-primary.btn-main:hover {
    background-color: #ed792e;
}

[class*="mdi-"]:not([class*="mdi-image-timelapse"]) {
    color: #294c82 !important;
}

.btn.btn-primary.btn-main.back-to-top {
    background-color:#333;
    color: #294c82 !important;
}


@media (max-width: 1199px) and (min-width: 768px) {

    #bilder .img-container {
        height: inherit;
    }

    #home .navbar-right.box-menu-item {
        text-align:right;
    }

    .translation-flags {
        display:inline-block;
        margin-right:10px;
    }

    .translation-flags img {
        margin-bottom:30px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #bilder .img-container {
        height: 310px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #bilder .img-container {
        height: inherit;
    }
}


@media (max-width: 767px) and (min-width: 480px) {

    #bilder .img-container {
        height: inherit;
    }

    .navbar-header {
        width:100%;
    }

    .section-header .section-title {
        font-size: 42px;
    }

    #home .navbar-right.box-menu-item {
        text-align:right;
        margin-right:0;
    }

    .translation-flags {
        display:inline-block;
        margin-right:10px;
    }

    .translation-flags img {
        margin-bottom:30px;
    }
}

@media (max-width: 479px) {

    #bilder .img-container {
        height: inherit;
    }

    .section-header .section-title {
        font-size: 36px;
    }

    #home .navbar-container .row .col-xs-5 {
        padding: 0;
    }

    #home .navbar-right.box-menu-item {
        text-align:right;
        margin-right:0;
        margin-top: 0;
    }

    #home .navbar-header.logo-top img {
        padding: 0;
        padding-top: 15px;
    }

    .icon-img {
        width:35px;
    }

    .translation-flags {
        display:inline-block;
        margin-right: 0;
    }

    .menu-icon {
        margin-right: 0;
    }

    .translation-flags img {
        margin-bottom:30px;
    }
}