/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 24 2025 | 08:07:58 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 20 2025 | 18:09:41 */
.unternehmen-new .block-stage .bg {
    background-color: #1F1E21 !important;
} 
@media (min-width:1460px)
{
    header .container-fluid {
 padding-left:unset !important; 
        padding-right:unset !important;
}
}

@media (max-width:1470px) and (min-width:1439px) {
  header .container-fluid {
   padding-left:19px !important;
    padding-right:19px !important;
  }
}
@media (min-width:1280px)
  {
.header nav ul li:last-child {
  margin-right: unset !important;
}
      header .row {
    margin-left:unset !important;
    margin-right:unset !important; 
}
header .container-fluid {
  max-width:1440px !important; 
    padding-left:unset !important;
    padding-right:unset !important;
}
header .wrapper {
  max-width:1440px !important; 
}
li#menu-item-165 {
 margin-right:unset; 
}
      header  {
          padding-left:19px;
          padding-right:19px;
      }
}

/*  CSS For header Above 1280px Desktop related  */
    .small-header header {
        background: #222124!important;
    box-shadow: 0px  1px 2px #0000001A !important;    

}
    .small-header .logo {
        background: unset;
    }
@media (min-width:1280px)
{
/*   header {
    -webkit-transform: unset  !important; 
    -moz-transform: unset  !important;
    -ms-transform: unset  !important;
    transform: unset  !important;  
    -webkit-transition:unset  !important; 
    transition: unset !important;
  } */

  .small-header header {
    background: #222124!important;
    box-shadow: 0px  1px 2px #0000001A !important;
    height:47px;
    padding:11.25px 0px 13.25px 0px !important;
  }
  .small-header header nav ul li a {
    padding-top:6px;
  }
  body header .navigation {
    padding-right:unset; 
  }
  .viewport-scrolled header nav ul li a:after {
    background-color: #EFE9E1 !important;
  }
  .small-header .logo{
    background:unset;
  }
  header nav ul li a:after {
    background-color: #EFE9E1;
  }
/*  .small-header header .header-small-logo {
    height:22px;
    width:100%;
    max-width:196px;
  }*/
  .small-header header .navigation {
    padding-top:unset !important;
  }
  header {
  height:103px; 
  font-size:unset;
  line-height:unset;
  font-weight:unset;
  line-height:unset;
}
header .navigation {
 padding-top:unset; 
}
  body header {
    padding:17px 0px 0px 0px; 
  }
  header .wrapper {
    width:100%;
    max-width:1440px !important;
    margin:0 auto;
      
  }
  body header .col-12 {
    padding-left:unset;
    padding-right:unset;
  }
  header nav ul li a {
    font-size:13px;
    font-weight:500;
    letter-spacing: 0.52px;
    color: #EFE9E1 !important;
    line-height:16px;
    padding-bottom:13.5px;
  }
  header nav ul li:last-child {
    margin:0px 0px 0px 23px;
  }
  body header nav ul {
    margin:unset; 
  }
  header nav ul li:first-child {
    margin-left:unset !important; 
  }
  header nav ul li {
    margin:0px 24px 0px 23px;  
  }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo, .no-stage header .logo {
    margin-left:unset;  
  }
}
@media only screen and (max-width: 1439px) and (min-width:1280px){
  header .navigation {
    opacity:1 !important;
    transform:unset !important;
    -webkit-transform:unset !important;
  } 
  .burger {
    display:none; 
  }
}
@media (min-width:1280px) and (max-width:1490px)
{

  header {
    padding-left:19px !important;
    padding-right:19px !important;
  }    
    
  .small-header header {
    padding: 11.25px 19px 13.25px 19px !important;
  }
}
/* @media (max-width:1420px) and (min-width:1280px)
{
} */

/*************************************************/

/*** HEADER **/
.logo {
    background-color:transparent;
}
.show-navigation .burger span {
   background-color:#EFE9E1 !important;
}
.header {
    background-color: #1F1E21 !important;
}
.mobile-navigation a:after {
  background-color:#EFE9E1 !important;
}
.mobile-navigation {
    background-color:#000;
}

/*.header img {
    width:100% !important;
    height:auto !important;
}*/
.mobile-navigation .menu-item a {
    color:#EFE9E1;
    font-size:44px;
    line-height:60px;
}
.show-navigation .burger {
   color:#EFE9E1;
}
.mobile-navigation .mobile-nav-footer {
   border:none;
}

@media (max-width:1279px) and (min-width:880px)
{
  header .logo img {
    width:230px !important;
    height:28px !important;
  }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    top:13px !important; 
  }
  header .logo {
    top:0px !important;  
  }
  header {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    padding-top: 12px;
    height: 78px;
  }
  .burger {
    top:28px;
  }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    margin-left:unset; 
  }
  .viewport-scrolled .burger {
    top:16px;
  }
  .half-viewport-scrolled  .burger {
    top:16px;
  }
  .small-header .burger {
    top:16px;
  }
  .viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .half-viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .small-header .burger span {
    background-color:#EFE9E1 !important;
  }
}
@media (max-width:879px)
{
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    top:15px !important; 
  }
  header .logo {
    top:0px !important;  
  }
  header .logo img {
    width:196px !important;
    height:22.5px !important;
  }
  header {
    height:60px !important ;
    padding-top:15px;
  }
/*  header .container-fluid {
    padding-left:19px;
    padding-right:19px;
  }*/
  .viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .half-viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .small-header .burger span {
    background-color:#EFE9E1 !important;
  }
  .viewport-scrolled .burger {
    top:18px;
  }
  .half-viewport-scrolled  .burger {
    top:18px;
  }
  .small-header .burger {
    top:18px;
  }
  body .burger  {
    top:18px;
  }
    header .wrapper {
        padding:unset !important;
    }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    margin-left:unset; 
  }
        .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
        top: 18px !important;
    }
}


.mobile-navigation ul li a {
  font-family: "PP Neue Montreal", sans-serif;
}
nav ul li a {
  font-family: "PP Neue Montreal", sans-serif;
}
@media (min-width:1280px)
{
  .mobile-small {
    display:none !important;
  }
}
@media (max-width:1279px)
{
  .mobile-navigation .mobile-small.single-news-parent {
    margin-top:36px !important;
  }
  .mobile-small a {
    font-size:20px !important;
    line-height:34px !important;
    letter-spacing: 0.2px;
    color: #EFE9E1;
    font-family: "PP Neue Montreal", sans-serif;
  }
  .mobile-small {
    margin-top:10px !important;  
  }
  .mobile-navigation .mobile-small {
    font-size:20px !important;
    line-height:34px !important; 
  }
  .mobile-small a:hover {
    text-decoration:underline; 
  }
}
.burger span {
  background-color: #EFE9E1 !important;
}
.mobile-navigation .mobile-nav-footer { 
    border-top: 1px solid #BABABA;
}
.footer-nav .menu-item a {
    color: #EFE9E1;
    font-size: 15px;
    line-height: 23px;
}
@media (max-width:1279px) {
.burger span {
  background-color: #EFE9E1 !important;
}
    body .mobile-nav-footer  li.lang a {
    font-size:12px;
    line-height:22px;
    letter-spacing: 0.42px;
    color: #EFE9E1;
    font-family: "PP Neue Montreal", sans-serif;
}

body .mobile-nav-footer .menu-item a {
    font-size:12px;
    line-height:22px;
    letter-spacing: 0.42px;
    color: #EFE9E1;
    font-family: "PP Neue Montreal", sans-serif;
}
   .mobile-navigation .mobile-nav-footer ul li {
        margin: 0;
    }
    .social-media-nav {
    display:none !important;
    }
    .mobile-nav-footer .row .col-12 {
        
    display:flex;
    justify-content:space-between;
    }
    #menu-footer {
        display: flex;
        gap: 40px;
        align-items: center;
    }
    .mobile-nav-footer {
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .mobile-navigation a:hover:before {
    display:none;
    }
    .mobile-navigation a:before {
    display:none;
    }


}
@media (max-width: 1279px) and (min-width: 1025px) {
    .mobile-navigation .mobile-nav {
        position:relative !important;
    }
    .mobile-navigation .row .col-12 {
        padding-left: unset !important;
        
    }
    .mobile-nav-footer .lang-nav {
        padding-left:18px;
    }
}
@media (max-width: 767px) {
       body .mobile-nav-footer li.lang a {
        font-size: 14px; 
    }
      .small-header .burger { 
            width: 30px; 
            height: 30px; 
    }
    
}
@media (min-width:1280px)
{
.viewport-scrolled header, .no-stage-home.small-header header, .no-stage header {
    height:47px !important;
}
    }


@media (min-width: 1500px) {
     .Contact-Info header .wrapper {
        max-width: 1440px;
        padding-left: 18px;
        padding-right: 18px; 
    }
}


.unternehmen-new .block-stage .bg {
    background-color: #1F1E21 !important;
} 
header {
        box-shadow: 0px  1px 2px #0000001A !important;
}
@media (min-width:1460px)
{
    header .container-fluid {
 padding-left:unset !important; 
        padding-right:unset !important;
}
}
.no-stage-home.small-header header nav ul li a:after, .nachhaltigkeit header nav ul li a:after {
        background-color: #EFE9E1;
}

@media (max-width:1470px) and (min-width:1439px) {
  header .container-fluid {
   padding-left:19px !important;
    padding-right:19px !important;
  }
}
@media (min-width:1280px)
  {
.header nav ul li:last-child {
  margin-right: unset !important;
}
      header .row {
    margin-left:unset !important;
    margin-right:unset !important; 
}
header .container-fluid {
  max-width:1440px !important; 
    padding-left:unset !important;
    padding-right:unset !important;
}
header .wrapper {
  max-width:1440px !important; 
}
li#menu-item-165 {
 margin-right:unset; 
}
      header  {
          padding-left:19px;
          padding-right:19px;
      }
}

/*  CSS For header Above 1280px Desktop related  */
    .small-header header {
        background: #1F1E21 !important;
/*     box-shadow: 0px  1px 2px #0000001A !important;     */

}
    .small-header .logo {
        background: unset;
    }
@media (min-width:1280px)
{
/*   header {
    -webkit-transform: unset  !important; 
    -moz-transform: unset  !important;
    -ms-transform: unset  !important;
    transform: unset  !important;  
    -webkit-transition:unset  !important; 
    transition: unset !important;
  } */

  .small-header header {
    background: #222124!important;

    height:47px;
    padding:11.25px 0px 13.25px 0px !important;
  }
  .small-header header nav ul li a {
    padding-top:6px;
  }
  body header .navigation {
    padding-right:unset; 
  }
  .viewport-scrolled header nav ul li a:after {
    background-color: #EFE9E1 !important;
  }
  .small-header .logo{
    background:unset;
  }
  header nav ul li a:after {
    background-color: #EFE9E1;
  }
/*  .small-header header .header-small-logo {
    height:22px;
    width:100%;
    max-width:196px;
  }*/ 
  .small-header header .header-small-logo {
    height:22px !important;
    width:196px !important;
  }
  .small-header header .navigation {
    padding-top:unset !important;
  }
  header {
  height:47px; 
  font-size:unset;
  line-height:unset;
  font-weight:unset;
  line-height:unset;
}
header .navigation {
 padding-top:unset; 
}
/*  body header {
    padding:17px 0px 0px 0px; 
  }*/
body header {
    padding: 11.25px 19px 13.25px 19px !important;
}
  header .wrapper {
    width:100%;
    max-width:1440px !important;
    margin:0 auto;
    padding-left: 17px;
    padding-right: 17px;
  }
  body header .col-12 {
    padding-left:unset;
    padding-right:unset;
  }
  header nav ul li a {
    font-size:13px;
    font-weight:500;
    letter-spacing: 0.52px;
    color: #EFE9E1 !important;
    line-height:16px;
    padding-bottom:13.5px;
  }
  header nav ul li:last-child {
    margin:0px 0px 0px 23px;
  }
  body header nav ul {
    margin:unset; 
  }
  header nav ul li:first-child {
    margin-left:unset !important; 
  }
  header nav ul li {
    margin:0px 24px 0px 23px;  
  }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo, .no-stage header .logo {
    margin-left:unset;  
  }
}
@media only screen and (max-width: 1439px) and (min-width:1280px){
  header .navigation {
    opacity:1 !important;
    transform:unset !important;
    -webkit-transform:unset !important;
  } 
  .burger {
    display:none; 
  }
}
@media (min-width:1280px) and (max-width:1490px)
{

  header {
    padding-left:19px !important;
    padding-right:19px !important;
  }    
    
  .small-header header {
    padding: 11.25px 19px 13.25px 19px !important;
  }
}
/* @media (max-width:1420px) and (min-width:1280px)
{
} */

/*************************************************/

/*** HEADER **/
.logo {
    background-color:transparent;
}
.show-navigation .burger span {
   background-color:#EFE9E1 !important;
}
.header {
    background-color: #1F1E21 !important;
}
.mobile-navigation a:after {
  background-color:#EFE9E1 !important;
}
.mobile-navigation {
    background-color:#000;
}

/*.header img {
    width:100% !important;
    height:auto !important;
}*/
.header img {
    width: 196px !important;
    height:22px !important;
}
.mobile-navigation .menu-item a {
    color:#EFE9E1;
    font-size:44px;
    line-height:60px;
}
.show-navigation .burger {
   color:#EFE9E1;
}
.mobile-navigation .mobile-nav-footer {
   border:none;
}

@media (max-width:1279px) and (min-width:880px)
{
  header .logo img {
    width:196px !important;
    height:22px !important;
  }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    top:13px !important; 
  }
  header .logo {
    top:0px !important;  
  }
  header {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    padding-top: 12px;
    height: 47px !important;
  }
  .burger {
    top:16px;
  }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    margin-left:unset; 
  }
  .viewport-scrolled .burger {
    top:16px;
  }
  .half-viewport-scrolled  .burger {
    top:16px;
  }
  .small-header .burger {
    top:16px;
  }
  .viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .half-viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .small-header .burger span {
    background-color:#EFE9E1 !important;
  }
}
@media (max-width:879px)
{
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    top:15px !important; 
  }
  header .logo {
    top:0px !important;  
  }
  header .logo img {
    width:196px !important;
    height:22.5px !important;
  }
  header {
    height:55px !important ;
    padding-top:15px;
  }
  header .container-fluid {
    padding-left:20px;
    padding-right:20px;
  }
  .viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .half-viewport-scrolled .burger span {
    background-color:#EFE9E1 !important;
  }
  .small-header .burger span {
    background-color:#EFE9E1 !important;
  }
  .viewport-scrolled .burger {
    top:18px;
  }
  .half-viewport-scrolled  .burger {
    top:18px;
  }
  .small-header .burger {
    top:15px;
  }
  body .burger  {
    top:15px;
  }
    header .wrapper {
        padding:unset !important;
    }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
    margin-left:unset; 
  }
  .viewport-scrolled header .logo, .no-stage-home.small-header header .logo {
        top: 15px !important;
    }
}


.mobile-navigation ul li a {
  font-family: "PP Neue Montreal", sans-serif;
}
nav ul li a {
  font-family: "PP Neue Montreal", sans-serif;
}
@media (min-width:1280px)
{
  .mobile-small {
    display:none !important;
  }
}
@media (max-width:1279px)
{
  .mobile-navigation .mobile-small.single-news-parent {
    margin-top:36px !important;
  }
  .mobile-small a {
    font-size:20px !important;
    line-height:34px !important;
    letter-spacing: 0.2px;
    color: #EFE9E1;
    font-family: "PP Neue Montreal", sans-serif;
  }
  .mobile-small {
    margin-top:10px !important;  
  }
  .mobile-navigation .mobile-small {
    font-size:20px !important;
    line-height:34px !important; 
  }
  .mobile-small a:hover {
    text-decoration:underline; 
  }
}
.burger span {
  background-color: #EFE9E1 !important;
}
.mobile-navigation .mobile-nav-footer { 
    border-top: 1px solid #BABABA;
}
.footer-nav .menu-item a {
    color: #EFE9E1;
    font-size: 15px;
    line-height: 23px;
}
@media (max-width:1279px) {
.burger span {
  background-color: #EFE9E1 !important;
}
    body .mobile-nav-footer  li.lang a {
    font-size:12px;
    line-height:22px;
    letter-spacing: 0.42px;
    color: #EFE9E1;
    font-family: "PP Neue Montreal", sans-serif;
}

body .mobile-nav-footer .menu-item a {
    font-size:12px;
    line-height:22px;
    letter-spacing: 0.42px;
    color: #EFE9E1;
    font-family: "PP Neue Montreal", sans-serif;
}
   .mobile-navigation .mobile-nav-footer ul li {
        margin: 0;
    }
    .social-media-nav {
    display:none !important;
    }
    .mobile-nav-footer .row .col-12 {
        
    display:flex;
    justify-content:space-between;
    }
    #menu-footer {
        display: flex;
        gap: 40px;
        align-items: center;
    }
    .mobile-nav-footer {
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .mobile-navigation a:hover:before {
    display:none;
    }
    .mobile-navigation a:before {
    display:none;
    }


}
@media (max-width: 1279px) and (min-width: 1025px) {
    .mobile-navigation .mobile-nav {
        position:relative !important;
    }
    .mobile-navigation .row .col-12 {
        padding-left: unset !important;
        
    }
    .mobile-nav-footer .lang-nav {
        padding-left:18px;
    }
}
@media (max-width: 767px) {
       body .mobile-nav-footer li.lang a {
        font-size: 14px; 
    }
      .small-header .burger { 
            width: 36px; 
            height: 20px; 
    }
    header .inner-wrapper {
      height: unset;
    }
    
}
@media (min-width:1280px)
{
.viewport-scrolled header, .no-stage-home.small-header header, .no-stage header {
    height:47px !important;
}
    }


@media (min-width: 1500px) {
     .Contact-Info header .wrapper {
        max-width: 1440px;
        padding-left: 18px;
        padding-right: 18px; 
    }
}


/* CSS to remove logo transition effect */
.no-stage-home header, header .logo, .logo img {
    transition: unset !important;
    transform: unset !important;
    -webkit-transition: unset !important;
}