* { font-family: 'Roboto', sans-serif;  font-weight: 500; }
h1, h2, h3, h4 { font-weight: 500; }
img { max-width: 100%; }
/* Prevents img without src to appear */
img:not([src]) {
    visibility: hidden;
}
iframe { max-width: 100% !important;}
.float-r { float: right;}
.job-btn { margin-bottom: 0 !important; margin-top: 4px;}
.row { overflow: hidden; }
.red-font { color: #8e2820 !important; }
.white-font { color: #fff !important; }
.bold { font-weight: bold; }
.modal-title { color: #8e2820 !important; text-align: center; font-weight: 500; }
.modal-header { border-color: #8e2820; }
.header-container { background-color: #e7e7e7; height: 100px; width: 100%; padding-top: 25px; top: 0; left: 0; z-index: 999; }
.languageSwitch { position: absolute; top: 0px; right: 25px; color: #8e2820; z-index: 100; }
    .languageSwitch a { color: #8e2820; }
.navbar { background-color: #e7e7e7; padding-left: 0; padding-right: 0; }
    .navbar * { font-size: 18px !important; color: #333333 !important; }
.navbar-brand { padding: 6px 0 0 0; }
    .navbar-brand a { padding: 0; }
.navbar-nav > li > a { margin: 0 40px 0 0; padding: 0; line-height: 50px; }
 .socialnavi { /*margin-right: 20px !important;*/}
.inner-content { margin: 100px -15px 0 -15px; background-color: #fff; }
.text-content { margin-top: 34px; margin-bottom: 34px; }
.red-line { margin: 32px auto; height: 2px; background-color: #8e2820; }
.white-line { margin: 16px auto; height: 2px; background-color: #fff; width: 75px; display: inline-block; }
.grey-line { margin: 16px auto; height: 2px; background-color: #333333; width: 75px; display: inline-block; }
.grey-bg { background-color: #e8e8e8; }
.m-top-0 { margin-top: 0px; }
.m-bottom-0 { margin-bottom: 0px; }
.no-padding { padding: 0; }
.kontakt-holder { background: transparent url('../img/home-sw.jpg') top center no-repeat; -ms-background-size: cover; background-size: cover; margin-top: 0px; }
    .kontakt-holder h3 { color: #fff; margin-top: 46px; font-size: 30px; }
    .kontakt-holder p { color: #fff; }
.textbox { border: 3px solid #fff; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.7); width: 98%; margin-bottom: 10px; padding: 0 12px; line-height: 38px; }
input[type=text].textbox { height: 44px;}
.carousel-inner .item img { margin: auto; }
.alternating-colors .alt-row { background-color: #e8e8e8; }
    .alternating-colors .alt-row:nth-child(odd) { background-color: #e8e8e8; color: #333333; }
        .alternating-colors .alt-row:nth-child(odd) * { color: #333333; }
        /*.alternating-colors .alt-row:nth-child(odd) .team-row .col-sm-6 { float: right;}*/
        .alternating-colors .alt-row:nth-child(odd) .white-line { background-color: #333; }
    .alternating-colors .alt-row:nth-child(even) { background-color: #8e2820; color: #fff; }
        .alternating-colors .alt-row:nth-child(even) * { color: #fff; }
        .alternating-colors .row
.alt-row .col-sm-6, .alt-row .col-xs-12 { padding: 0; }
.alt-row p { margin: 0 0 24px 0; padding: 0 20px; }
.alt-row .white-line { margin: 16px 20px; }
.alt-row h3 { margin: 24px 20px 0; font-size: 28px !important; }
.alt-row .container-fluid { max-width: 1140px; margin: auto; }
.news-detail .alt-row .col-sm-6 { margin: 0 -15px; }
.alt-row .col-sm-6 { margin: 0 -15px; }
.das-team { margin-bottom: 34px; }
    .das-team h2, .das-team h2 span { font-weight: 400; cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.15s linear; }

        .das-team h2:hover { font-weight: bold; }
            .das-team h2:hover span { font-weight: bold; color: #8e2820; }
.footer { bottom: 0px; left: 0px; height: 190px; width: 100%; }
.lower-footer { height: 70px; background-color: #8e2820; }
    .lower-footer p { margin-top: 12px; }
.upper-footer { height: 120px; background-color: #bebebe; }
::-webkit-input-placeholder { /* WebKit browsers */ color: #333; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333; }
.carousel { margin-left: auto; margin-right: auto; }
.adminpanel { z-index: 9999; position: fixed; background-color: red; padding: 5px; color: #fff; border: 1px solid #000; }
    .adminpanel a { color: #fff; }
.team-xing { float: right; height: 30px; width: 30px; background: transparent url('../img/xing-white.png') top left; margin-right: 4px; }
    .team-xing:hover { background: transparent url('../img/xing-white-hover.png') top left; }
.team-xing-grau { float: right; height: 30px; width: 30px; background: transparent url('../img/xing-black-hover.png') top left; margin-right: 4px; }
    .team-xing-grau:hover { background: transparent url('../img/xing-black.png') top left; }
.team-linked:hover { background: transparent url('../img/linked-white-hover.png') top left; }
.team-linked-grau:hover { background: transparent url('../img/linked-black.png') top left; }
.team-linked { float: right; height: 30px; width: 30px; background: transparent url('../img/linked-white.png') top left; }
.team-linked-grau { float: right; height: 30px; width: 30px; background: transparent url('../img/linked-black-hover.png') top left; }
.socialicon { vertical-align: -2px !important; }
.langBtn, .langBtn a { color: #8e2820 !important; font-size: 13px !important; }
.menu_active { font-weight: bold; color: #8e2820 !important; }
.team-mehr-rot { margin-bottom: 10px; display: inline-block; padding: 14px 20px; border: 2px solid #fff; color: #fff !important; background-color: transparent; margin-left: 20px; text-decoration: none !important; font-weight: bold; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
input.error, textarea.error { border-color: red;}
label { color: red;}
label.error { color: red !important;}
.form-control label { color: #000; margin-left: 4px; }
.job { background-color: #fff; padding: 10px; margin-bottom: 10px; box-shadow: 1px 3px 7px -2px; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.job:hover { box-shadow: none;}

    .team-mehr-rot:hover { background-color: #fff; color: #8e2820 !important; }
.team-mehr-black { margin-bottom: 10px; display: inline-block; padding: 14px 20px; border: 2px solid #333; color: #333 !important; background-color: transparent; margin-left: 20px; text-decoration: none !important; font-weight: bold; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
    .team-mehr-black:hover { background-color: #333; color: #fff !important; }
.senden-btn { padding: 10px 20px; border: 2px solid #ffffff; color: #ffffff !important; background-color: transparent; margin-left: 20px; text-decoration: none !important; font-weight: bold; cursor: pointer; float: right; margin-right: 2%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
    .senden-btn:hover { background-color: #fff; color: #8e2820 !important; }
.news-img { display: block;margin: auto;}
.dropdown-menu { background-color: #E7E7E7; border: none; box-shadow: 2px 4px 10px -4px #000; }
    .dropdown-menu li a.menu_active { font-weight: bold; }
    .btn-primary { margin-bottom: 10px;}

.office { background-color: transparent; background-position: center center; background-size: 280px 280px; background-repeat: no-repeat; height: 280px; margin: 40px 0; cursor: pointer;}
.aachen { background-image: url('/img/aachen_off.png');}
.berlin { background-image: url('/img/berlin_off.png'); }
.rhein {background-image: url('/img/rhein_off.png');}
.international {background-image: url('/img/international_off.png');}
.aachen:hover, .aachen.active { background-image: url('/img/aachen_on.png');}
.berlin:hover, .berlin.active { background-image: url('/img/berlin_on.png'); }
.rhein:hover, .rhein.active {background-image: url('/img/rhein_on.png');}
.international:hover, .international.active {background-image: url('/img/international_on.png');}
.office-location { height: 0; min-height: 0; transition: all 0.4s ease-out;}
.office-location.active { min-height: 335px; height: 335px;}
.kontaktform { margin-top: 40px; margin-bottom: 40px;}
#DataPrivacy { margin-top: 100px;}
.d-flex {display: flex;}
.justify-between {justify-content: space-between;}
.justify-center {justify-content: center;}
.items-center {align-items: center;}
.footer-side-container{width: 450px; gap: 20px;}
.upper-footer-direction {flex-direction:row; justify-content: space-between;}
.fill-height { height: 100%;}
.footer-mid-item {min-height: 60px;}

@media (max-width: 1280px) { 
    .navbar-nav > li > a { margin: 0 15px 0 0; }
    .socialnavi { margin-right: 10px !important;}
    .lower-footer { height: auto; }
    .upper-footer { height: auto; }
    .footer { height: auto; }
    .upper-footer-direction {flex-direction: column; align-items: center; margin-top: 20px;}
    .footer-side-container {flex-wrap: wrap; width: auto; justify-content: center; }
}

@media (max-width: 1024px) {
    .navbar-brand { width: 125px; margin-top: 6px; }
    .navbar-nav > li > a { margin: 0 7px 0 0; font-size: 16px !important; }
    .footer { height: auto; }
    .lower-footer { height: auto; }
    .upper-footer { height: auto; }
}

@media (max-width: 768px) {
    #news h2 { font-size: 20px;}
    .office-location.active { min-height: 335px; height: 550px;}
    .langBtn { display: none; }
    .navbar-brand { width: auto; margin-top: 0px; }
    .nav > li { border-bottom: 1px solid #808080 !important; background-color: #e7e7e7; padding-left: 30px; }
    /*.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: -45px; margin-right: -45px; }*/
    .navbar-header { padding-left: 0; }
    .languageSwitch { display: none; }
    .inner-content { margin: 0px -15px 0 -15px; }
    .alt-row { border-bottom: 20px solid #fff; }
    #news .alt-row { border-bottom: 0; }
    .upper-footer { height: auto; }
    .footer { height: auto; }
    .lower-footer { height: auto; }
    #susanndetails .alt-row, #robertodetails .alt-row, #barbaradetails .alt-row { border: none !important; }
    .headroom { position: fixed; top: 0; left: 0; right: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .headroom--unpinned { top: -100px; }
    .headroom--pinned { top: 0; }
    .headroom--top { position: relative; }
    .kontakt-holder { margin-top: 34px; }
    #DataPrivacy { margin-top: 0; }
}

@media(max-width: 576px){
    .footer-mid-item {margin-top: 20px;}
}

@media (min-width: 768px) {
    .header-container { position: fixed; -webkit-box-shadow: 0px 1px 22px -3px #333; -ms-box-shadow: 0px 1px 22px -3px #333; box-shadow: 0px 1px 22px -3px #333; }
    .langMenuItem { display: none !important; }
    .doubled-line-md {line-height: 66px;}
}