/* Fonts */
@font-face {
    font-family: CenturyGothic;
    src: local(CenturyGothic), url("/BAL_Webseite/javax.faces.resource/fonts/GOTHIC.TTF.xhtml?ln=balance-layout") format('truetype');
}
@font-face {
    font-family: CenturyGothic-Bold;
    src: local(CenturyGothic-Bold),url("/BAL_Webseite/javax.faces.resource/fonts/GOTHICB.TTF.xhtml?ln=balance-layout") format('truetype');
    font-weight: bold;
}    
@font-face {    
    font-family: CenturyGothic-Italic;
    src: local(CenturyGothic-Italic), url("/BAL_Webseite/javax.faces.resource/fonts/GOTHICI.TTF.xhtml?ln=balance-layout") format('truetype');
    font-style: italic;
}   
@font-face {    
    font-family: CenturyGothic-Bold-Italic;
    src: local(CenturyGothic-Bold-Italic), url("/BAL_Webseite/javax.faces.resource/fonts/GOTHICBI.TTF.xhtml?ln=balance-layout") format('truetype');
    font-weight: bold;
    font-style: italic;
}   

/* Overriden styles */
.ms-lead-navbar {
    height: 67px;
}
.ms-lead-navbar.navbar-scroll .navbar-header .navbar-brand img {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/BAL_Webseite/javax.faces.resource/images/balance_logo2.png.xhtml?ln=balance-layout") no-repeat;
  background-size: auto 35px; /* changed for 25 year */
  width: 178px; /* Width of new image */
  height: 35px; /* Height of new image - now for 25years */
  padding-left: 178px; /* Equal to width of new image */    
  overflow: hidden;
}

.ms-slidebar .ms-slidebar-header {
    min-height: 50px;
    background-color: #ffb300;
    background-image: none;
    position: relative;
}
.ms-lead-navbar.navbar-mode .btn-navbar-menu {
    /*display: contents !important;*/
}

.btn-ms-menu {
    margin-right: 15px;
}

.ms-slidebar .ms-slidebar-header .ms-slidebar-title {
    background-color: rgba(0,0,0,.1);
}

.ms-site-title-lg {
    font-size: 50px;
    line-height: 0.8em;
}

.ms-site-title-lg span {
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    /*font-family: 'Century Gothic';*/
    font-family: CenturyGothic;
}


h1.ms-site-title {
    font-family: CenturyGothic-Bold;
}


/* New styles */
.mt-12 {
    margin-top: 120px !important;
    margin-top: 12rem !important;
}

.light-grey {
    color: #939393 !important;
}

.foto-copyright {
    font-size: 1rem;
    line-height: 1.5rem;
}

.rotate-right {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    -moz-transform-origin: 75% 100%;
    -ms-transform-origin: 75% 100%;
    -o-transform-origin: 75% 100%;
    -webkit-transform-origin: 75% 100%;
    transform-origin: 75% 100%;
}

.rotate-left {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -moz-transform-origin: 75% 100%;
    -ms-transform-origin: 75% 100%;
    -o-transform-origin: 75% 100%;
    -webkit-transform-origin: 75% 100%;
    transform-origin: 75% 100%;
}

.img-fluid-portrait {
    max-width: 55%;
}

.img-fluid-logos {
    max-height: 125px;
    max-width: 100%;
    height: auto;
}

.img-border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #a6a6a6;
    box-shadow: 1px 2px #d9d9d9;
}

.ml-minus-2 {
    margin-left: -20px;
    margin-left: -2rem;
}

.studies-border {
    border-style: solid;
    border-width: 1px;
    border-color: #a6a6a6;
    box-shadow: 1px 2px #c8c8c8;
}

/*.rotate-left.img-fluid, .rotate-right.img-fluid {
    width: auto;
    max-height: 100%;
    max-width: inherit;
    height: inherit;
}*/

/* BAL background images */
.bal-background-start {
    background-image: url("/BAL_Webseite/javax.faces.resource/backgrounds/home-bg.jpg.xhtml?ln=balance-layout");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.bal-background-kompetenz {
    background-image: url("/BAL_Webseite/javax.faces.resource/backgrounds/competence-bg.jpg.xhtml?ln=balance-layout");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.bal-background-produkte{
    background-image: url("/BAL_Webseite/javax.faces.resource/backgrounds/products-services-bg.jpg.xhtml?ln=balance-layout");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.bal-background-referenzen {
    background-image: url("/BAL_Webseite/javax.faces.resource/backgrounds/references-bg.jpg.xhtml?ln=balance-layout");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.bal-background-nachrichten {
    background-image: url("/BAL_Webseite/javax.faces.resource/backgrounds/news-bg.jpg.xhtml?ln=balance-layout");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

/* BAL image size */
.smallHeaderLogoSize {
    max-height: 35px;
}

.smallHeaderLogo25Size {
    max-height: 50px;
}

.imprintImageSmall {
    max-width: 200px;
}

.balIconSize {
    max-height: 2em;
}
.partnerCardSize {
    height: 7em;
}

/* BAL defined text colors */
.color-bal-header-text {
    color: #ff9800 !important;
}

.bg-color-transparent-image {
    background: #9e9e9e;
}

/* BAL card styles */
.card.card-bal {
    border-bottom: solid 3px #ffb300;
    border-radius: 3px;
}

.card.card-bal .card-header, .card.card-bal .card-footer {
    background-color: #959595;
    color: #f5f5f5;
}

/* "More"-Styles */
div.text-container {
    margin: 0 auto;
    width: 75%;
}

.hideContent {
    overflow: hidden;
    line-height: 2.6rem;
    height: 15em;
}

.hideContent.doubleHeight {
    height: 60em;
}

.showContent {
    line-height: 2.6rem;
    height: auto;
}

.show-more {
    padding: 10px 0;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

.intro-full .intro-full-content {
    transform: translate(-50%,-50%);
}

.ms-language-menu {
    font-size: 1.6rem !important;
    font-weight: bold;
    z-index: 999;
}

.ms-language-menu .btn-ms-menu {
    margin-left: 8px;
    margin-right: 1.8rem;
}

.strike-through {
    text-decoration: line-through;
}

/* Empty Boxes */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

@media (max-width:991.98px){
    .navbar-expand-md .navbar-collapse {
        display: none !important;
    }
    .ms-lead-navbar.navbar-mode .btn-navbar-menu.ms-language-menu {
        margin-right: 3.8rem !important;
    }
    
    .ms-lead-navbar.navbar-mode .btn-navbar-menu.ms-hamburger-menu {
        margin-top: 1px;
    }
}

@media (min-width:992px){
    .ms-lead-navbar.navbar-mode .btn-navbar-menu.ms-hamburger-menu {
        display: none !important;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
   .ms-bg-fixed {
        background-attachment:scroll !important;
    }
}