body {margin: 0;
padding: 0;
letter-spacing: 1px;
font-family: 'Prata', serif;
color: #2E2E2D;
width: 100%;
}
.all {
    margin: 0 auto 0 auto;
    padding: 150px 0 0 0;
    display: block;
}
.headall {
    top: 0px;
    width: 100%;
    padding: 0 0 0 0;
    display: block;
    position: fixed;
    background: #ffffff;
    z-index: 9999;
    opacity: 0.9;
}
.header {
    font-family: 'Playfair Display', serif;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}
.header .headerlogo {
    padding: 20px 0 0 0;
    min-height:80px;
}
.header .headerlogo img {
    width: 300px;
    height: auto;
}
.headerlogomobile {
    display: none;
}
.headernavi {
    max-width: 822px;
    text-align: left;
    margin: 0 auto 10px auto;
    color: #ffffff;
    font-size: 14px;
    height: 44px;
    padding: 0;
    display: block;
}
.headernavi ul {
    list-style-image: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    text-align: center;
}
.headernavi ul li {
    display: inline-block;
    padding: 0 0px 0 0px;
    margin: 0 0 0 0;
}
.headernavi ul li a {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #AB253B;
    text-decoration: none;
    padding: 20px 6px 5px 6px;
    margin: 0 0 0 0;
    display: block;
    -webkit-transition: border 0.4s ease, color 0.4s ease-in;
    -moz-transition: border 0.4s ease, color 0.4s ease-in;
    -ms-transition: border 0.4s ease, color 0.4s ease-in;
    -o-transition: border 0.4s ease, color 0.4s ease-in;
    transition: border 0.4s ease, color 0.4s ease-in;
}
.headernavi ul ul.onlymobile {
    display: none;
}
.header .socialmedia {
    position: relative;
    max-width: 822px;
    margin: 0 auto;
}
.header .socialmedia a.facebooklink {
    position: absolute;
    top: -125px;
    right: 87px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(images/visit-us-on-facebook.png) no-repeat left top,url(images/visit-us-on-facebook-blue.png) no-repeat 30px top;
        background-size: auto, auto;
    background-size: 30px auto;
}
.header .socialmedia a.xinglink {
    position: absolute;
    top: -125px;
    right: 47px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(images/Xing-Logo-SW.png) no-repeat left top,url(images/Xing-Logo-Color.png) no-repeat 30px top;
        background-size: auto, auto;
    background-size: 30px auto;
}
.header .socialmedia a.linkedinlink {
    position: absolute;
    top: -125px;
    right: 7px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(images/LinkedInLogo-SW2.png) no-repeat left top,url(images/LinkedInLogo-Color2.png) no-repeat 30px top;
        background-size: auto, auto;
    background-size: 30px auto;
}
.header .langnavi {
    position: relative;
    max-width: 822px;
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
}
.header .langnavi .langnaviinner {
    position: absolute;
    right: 0px;
    top: -80px;
}
.header .langnavi a {
    color: #70767A;
    text-decoration: none;
    -webkit-transition: border 0.4s ease, color 0.4s ease-in;
    -moz-transition: border 0.4s ease, color 0.4s ease-in;
    -ms-transition: border 0.4s ease, color 0.4s ease-in;
    -o-transition: border 0.4s ease, color 0.4s ease-in;
    transition: border 0.4s ease, color 0.4s ease-in;
}
.subheadall .subheader {
    display: block;
    position: relative;
}

@media all and (max-width:750px) {
  .all {padding:60px 0 0 0;}
  .headerlogo {display:none;}
  .headernavi ul ul li:first-child {display:block;}
  #menu-button {display:block;text-align:center;padding-top:10px;padding-bottom:50px;cursor:pointer;}
  ul#menu ul li {padding-top:40px;}
  ul#menu ul li + li {padding-top:0px;}
  #menusidelines::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #70767A;
    right: 38px;
    top: 39px;
  }
  #menusidelines::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #70767A;
    border-bottom: 2px solid #70767A;
    right: 38px;
    top: 29px;
  }
  #menu-button {color:#70767A;}
  .header .bottomcontact {display:inline-block;width:100%;text-align:center;}
  .header .bottomcontact div {padding:100px 0 60px 0;margin:0 auto;font-size:9px;letter-spacing:2px;text-align:center;background-size:30px auto;font-family: 'Montserrat', sans-serif;}
  .header .bottomcontact div.socialmedia {padding:0;margin:0 auto;font-size:9px;letter-spacing:2px;text-align:center;background-size:30px auto;font-family: 'Montserrat', sans-serif;text-align:center;}
  .header .bottomcontact div.socialmedia a {display:inline-block;position:relative;top:auto;right:auto;margin:20px 10px 0 0;padding:0;border:none;}
  .header {height:80px;overflow:visible;border-top:none;background:url(../images/bls-logo-klein.png) no-repeat center 25px #ffffff;; background-size:70px auto;}
  .header {height:80px;overflow:visible;border-top:none;background:none; }
  .headernavi {position:relative;padding:0 0 0 0;border-bottom:none;height:80px;}
  .headernavi #menu {position:absolute;top:80px;left:0px;right:0px;display:none;z-index:999999;}
  .headernavi #menu.open {display:block; position:absolute; 
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
  }
  .headernavi ul li {display:block;text-align:center;background:#AB253B;}
  .headernavi ul li a {padding:10px;border-bottom:1px solid #ffffff;width:80%;margin:0 auto;color:#ffffff;}
  .headernavi ul li:hover a {padding:10px;border-bottom:1px solid #ffffff;width:80%;margin:0 auto;color:#ffffff;}
  .headernavi ul li.jetztaktiv a {padding:10px;border-bottom:1px solid #ffffff;width:80%;margin:0 auto;color:#ffffff;color:#70767A;}
  
  .subheadall .subheader .subnavi {margin-top:30px; font-size:12px;column-count:2; -moz-column-count:2; -webkit-column-count:2;background:url(images/subnavi-back.jpg)repeat-y left top;background-size:152% auto;}
  #c3507 ul {margin-top:30px; font-size:12px;column-count:2; -moz-column-count:2; -webkit-column-count:2;background:url(images/subnavi-back.jpg)repeat-y left top;background-size:152% auto;}
  #c3513 ul {margin-top:30px; font-size:12px;column-count:2; -moz-column-count:2; -webkit-column-count:2;background:url(images/subnavi-back.jpg)repeat-y left top;background-size:152% auto;}
  
  .contenthead {font-size:18px;padding:90px 10px 10px 0;}
  .header .langnavi {font-size:8px;}
  
  .news-list-container .news-list-item {width:95%;}
  .news .newsright { display:none;}
  

  .headall {position:relative;}
  .headernavi #menu.open {position:relative;margin-bottom:80px;top:10px;}
  .header {min-height:80px;height:auto;display:block;}
  .headernavi {height:auto;min-height:80px;}
  .all {padding:0;}
  .header .socialmedia {display:none;}
  .header .langnavi {position:absolute;top:85px;right:5px;z-index:99999;}
  .header .langnavi .langnaviinner {min-width:150px;text-align:right;}
  
  .headernavi ul ul.onlymobile.show {display:block;}
  

  .mobilemenu {position:relative;}
  .mobilemenuexpander {position:absolute;top:-40px;right:8%;width:40px;height:40px;cursor:pointer;background:url(images/pfeil-runter-weiss.png) no-repeat center 5px;background-size:80% auto;border-left:1px solid #ffffff;}
  .jetztaktiv .mobilemenuexpander {background:url(images/pfeil-runter-grau.png) no-repeat center 5px;background-size:80% auto;border-left:1px solid #70767A;top:-40px;}
  .mobilemenuexpander.open {background:url(images/x-weiss.png) no-repeat 5px 5px;background-size:80% auto;}
  .jetztaktiv .mobilemenuexpander.open {background:url(images/x-grau.png) no-repeat 5px 5px;background-size:80% auto;}
  
   .mobilemenu.open {padding-bottom:40px;}
  
  ul#menu ul li ul li {padding-top:0px;}
  ul#menu ul li ul li a {font-weight:100;text-transform:none;border-bottom:0px;}
  .subheadall {display:none;}
  #PageID80 .subheadall {display:block;}
  
  
  .headernavi ul li a:hover, .headernavi ul li.jetztaktiv a {background-color:#ffffff;  color:#70767A;border-bottom:0px solid  #AB253B;}
  .headernavi ul li.jetztaktiv ul li a{background-color:#AB253B;  color:#ffffff;}
  .headernavi ul li.jetztaktiv ul li.jetztaktiv a {background-color:#ffffff;  color:#70767A;}
  ul#menu ul li ul li a[title='In cooperation with:']{padding-top:30px;color:#000000;}
  ul#menu ul li ul li a[title='In Kooperation mit:']{padding-top:30px;color:#000000;}
  ul#menu ul li ul li a[title=TeamTrenner]{color:#AB253B;height:0px;overflow:hidden;padding:0px;}
  ul#menu ul li ul li a[title=' ']{color:#AB253B;height:0px;overflow:hidden;padding:0px;}
  ul#menu ul li ul li a[title=TeamTrenner]:hover{color:#ffffff;}
  ul#menu ul li ul li a[title=TeamTrenner]::parent{display:none;}
  ul#menu ul li.jetztaktiv ul li a[title=TeamTrenner]{color:#ffffff;}
  
  .headerlogomobile {display:block;position:absolute;top:10px;left:50%;z-index:9999999999;}
  .headerlogomobile a img {width:90px;height:auto;position:relative;left:-45px;}
  
  .header .bottomcontact {height:40px;overflow:hidden;}
}