@charset "UTF-8";
/*
Theme Name: aerotech preissenberg
Author: networkerz Gmbh - München
Version: 1.0
*/

:root {
  --copy-text: #fff;
  --nav: #80838a;
  --dark: #181E2C;
  --unternehmen: #009EE0;
  --produkte: #385ECC;
  --services: #495779;
  --karriere: #FF746D;
  --kontakt: #40d9d6;  
  --subnav: #8b8d92;
}

@media (min-width:951px) {
	.single .block-text img.size-medium.float.alignleft {
		float: left;
  		margin: 0 30px 20px 0;
	}
	.single .block-text img.size-medium.float.alignright {
		float: right;
  		margin: 0 0 20px 30px;
	}
	.single .block-text img.size-medium.float.alignleft + p,
	.single .block-text img.size-medium.float.alignright + p {
		clear: none;
	}
}
@media (min-width:1401px) {
	.panel { background-size:cover; }
}
@media (max-width:1900px) {

    .page-unternehmen .block-partner-bg,
    .parent-pageid-12.page-kontakt .block-partner-bg,
    .parent-pageid-12 .block-partner-bg,
    .unternehmen .block-partner-bg,
    .page-unternehmen .block-listbox-bg,    
    .parent-pageid-12 .block-listbox-bg,
    .unternehmen .block-listbox-bg    { background: rgb(195,237,254);
background: linear-gradient(90deg, rgba(195,237,254,1) 0%, rgba(195,237,254,1) 3.5%, rgba(154,223,253,1) 3.5%, rgba(154,223,253,1) 4.8%, rgba(95,205,252,1) 4.8%, rgba(95,205,252,1) 7.5%, rgba(26,181,251,1) 7.5%, rgba(26,181,251,1) 9%, rgba(0,158,224,1) 9%, rgba(0,158,224,1) 100%); }

    .page-leistungen-services .block-partner-bg,
    .parent-pageid-14.page-leistungen-services .block-partner-bg,
    .parent-pageid-14 .block-partner-bg,
    .unternehmen .block-partner-bg,
.page-leistungen-services .block-tooltip-bg,    
    .parent-pageid-14 .block-tooltip-bg,
    .leistungen-services .block-tooltip-bg { background: rgb(94,111,147);
background: linear-gradient(90deg, rgba(57,69,97,1) 0%, rgba(57,69,97,1) 3.5%, rgba(94,111,147,1) 3.5%, rgba(94,111,147,1) 4.8%, rgba(151,162,187,1) 4.8%, rgba(151,162,187,1) 7.5%, rgba(201,208,221,1) 7.5%, rgba(201,208,221,1) 9%, rgba(167,177,198,1) 9%, rgba(167,177,198,1) 100%);
    margin-bottom: 70px;
    }

    .page-karriere .block-partner-bg,
    .parent-pageid-16.page-karriere .block-partner-bg,
    .parent-pageid-16 .block-partner-bg,
    .karriere .block-partner-bg,
.page-karriere .block-listbox-bg,    
    .parent-pageid-16 .block-listbox-bg,
    .karriere .block-listbox-bg { background: rgb(94,111,147);
background: linear-gradient(90deg, rgba(255,225,223,1) 0%, rgba(255,225,223,1) 3.5%, rgba(254,205,203,1) 3.5%, rgba(254,205,203,1) 4.8%, rgba(254,165,162,1) 4.8%, rgba(254,165,162,1) 7.5%, rgba(254,146,141,1) 7.5%, rgba(254,146,141,1) 9%, rgba(255,116,109,1) 9%, rgba(255,116,109,1) 100%);
    margin-bottom: 70px;
    }
	
	.panel.karriere { background-position:right; }
}

@media (max-width:1680px) {

    .page-unternehmen .block-partner-bg,
    .parent-pageid-12.page-kontakt .block-partner-bg,
    .parent-pageid-12 .block-partner-bg,
    .unternehmen .block-partner-bg,
    .page-unternehmen .block-listbox-bg,    
    .parent-pageid-12 .block-listbox-bg,
    .unternehmen .block-listbox-bg    { background: rgb(195,237,254);
background: linear-gradient(90deg, rgba(195,237,254,1) 0%, rgba(195,237,254,1) 3.5%, rgba(154,223,253,1) 3.5%, rgba(154,223,253,1) 4.8%, rgba(95,205,252,1) 4.8%, rgba(95,205,252,1) 7.5%, rgba(0,158,224,1) 7.5%, rgba(0,158,224,1) 9%, rgba(0,158,224,1) 9%, rgba(0,158,224,1) 100%); }

    .page-leistungen-services .block-partner-bg,
    .parent-pageid-14.page-leistungen-services .block-partner-bg,
    .parent-pageid-14 .block-partner-bg,
    .unternehmen .block-partner-bg,
.page-leistungen-services .block-tooltip-bg,    
    .parent-pageid-14 .block-tooltip-bg,
    .leistungen-services .block-tooltip-bg { background: rgb(94,111,147);
background: linear-gradient(90deg, rgba(57,69,97,1) 0%, rgba(57,69,97,1) 3.5%, rgba(94,111,147,1) 3.5%, rgba(94,111,147,1) 4.8%, rgba(151,162,187,1) 4.8%, rgba(151,162,187,1) 7.5%, rgba(167,177,198,1) 7.5%, rgba(167,177,198,1) 9%, rgba(167,177,198,1) 9%, rgba(167,177,198,1) 100%);
    margin-bottom: 70px;
    }

    .page-karriere .block-partner-bg,
    .parent-pageid-16.page-karriere .block-partner-bg,
    .parent-pageid-16 .block-partner-bg,
    .karriere .block-partner-bg,
.page-karriere .block-listbox-bg,    
    .parent-pageid-16 .block-listbox-bg,
    .karriere .block-listbox-bg { background: rgb(94,111,147);
background: linear-gradient(90deg, rgba(255,225,223,1) 0%, rgba(255,225,223,1) 3.5%, rgba(254,205,203,1) 3.5%, rgba(254,205,203,1) 4.8%, rgba(254,165,162,1) 4.8%, rgba(254,165,162,1) 7.5%, rgba(255,116,109) 7.5%, rgba(255,116,109,1) 9%, rgba(255,116,109,1) 9%, rgba(255,116,109,1) 100%);
    margin-bottom: 70px;
    }


ul.main-nav {
    padding: 6px 0px 0px 80px;
    width: calc(70% - 100px);
    }
    

.head-inner {
  max-width: 780px;
  margin: 0px auto 0 153px;
}

}


@media (max-width:1600px) {

    .featured-image.sticky {
      width: calc(100% - 320px);
    }
 
}


@media (max-width:1480px) {

    .featured-image.sticky {
      width: 100%;
    }

.page-unternehmen .block-partner-bg,
    .parent-pageid-12.page-kontakt .block-partner-bg,
    .parent-pageid-12 .block-partner-bg,
    .unternehmen .block-partner-bg,
    .page-unternehmen .block-listbox-bg,    
    .parent-pageid-12 .block-listbox-bg,
    .unternehmen .block-listbox-bg,
    /* EN */
    .page-company .block-partner-bg,
    .parent-pageid-1184.page-kontakt .block-partner-bg,
    .parent-pageid-1184 .block-partner-bg,
    .company .block-partner-bg,
    .page-company .block-listbox-bg,    
    .parent-pageid-1184 .block-listbox-bg,
    .company .block-listbox-bg { background: rgb(195,237,254);
background: linear-gradient(90deg, rgba(195,237,254,1) 0%, rgba(195,237,254,1) 2%, rgba(154,223,253,1) 2%, rgba(154,223,253,1) 3.2%, rgba(95,205,252,1) 3.2%, rgba(0,158,224,1) 3.6%, rgba(0,158,224,1) 3.6%, rgba(0,158,224,1) 100%); }

    .page-leistungen-services .block-partner-bg,
    .parent-pageid-14.page-leistungen-services .block-partner-bg,
    .parent-pageid-14 .block-partner-bg,
    .leistungen-services .block-partner-bg,
.page-leistungen-services .block-tooltip-bg,    
    .parent-pageid-14 .block-tooltip-bg,
    .leistungen-services .block-tooltip-bg,
    /* EN*/
    .page-services .block-partner-bg,
    .parent-pageid-1206.page-services .block-partner-bg,
    .parent-pageid-1206 .block-partner-bg,
    .services .block-partner-bg,
    .page-services .block-tooltip-bg,    
    .parent-pageid-1206 .block-tooltip-bg,
    .services .block-tooltip-bg { background: rgb(94,111,147);
background: linear-gradient(90deg, rgba(57,69,97,1) 0%, rgba(57,69,97,1) 2%, rgba(94,111,147,1) 2%, rgba(94,111,147,1) 3.2%, rgba(151,162,187,1) 3.2%, rgba(167,177,198,1) 3.6%, rgba(167,177,198,1) 3.6%, rgba(167,177,198,1) 100%);
    margin-bottom: 70px;
    }


    .parent-pageid-16.page-karriere .block-partner-bg,
    .parent-pageid-16 .block-partner-bg,
    .karriere .block-partner-bg,
    .parent-pageid-1195.page-career .block-partner-bg,
    .parent-pageid-1195 .block-partner-bg,
    .career .block-partner-bg,
    .page-karriere .block-listbox-bg, 
    .parent-pageid-16 .block-listbox-bg, 
    .karriere .block-listbox-bg, 
    .page-career .block-listbox-bg, 
    .parent-pageid-1195 .block-listbox-bg, 
    .career .block-listbox-bg
    { background: rgb(94,111,147);
background: linear-gradient(90deg, rgb(255, 225, 223) 0%, rgb(255, 225, 223) 2%, rgb(254, 205, 203) 2%, rgb(254, 205, 203) 3.2%, rgb(254, 165, 162) 3.2%, rgb(254, 146, 141) 3.6%, rgb(255, 116, 109) 3.6%, rgb(255, 116, 109) 100%);
    margin-bottom: 70px;
    }
    
    .container-fluid {
      padding-right: 60px;
      padding-left: 60px;
    }

    .panel .sectiontext {
      padding-left: 60px;
    }
    
    .pagination {
      right: 60px;
      }    

}



@media (max-width:1420px) {

a.logo {
    left:-10px;
}

ul.main-nav {
  padding: 6px 0px 0px 40px;
  width: calc(70% - 100px);
}
    

.head-inner {
  max-width: 780px;
  margin: 0px auto 0 153px;
}
    
}



@media (max-width:1400px){
	
	.panel.karriere { background-position: 80%; }
	.panel.leistungen-services { background-position: 55%; }

    .featured-image.sticky {
      width: calc(100% - 120px);
    }
    
    .content-inner .content .block-text h1 {
      margin: 10px 0px 55px -100px;
    }

.subnav-active .sub-wrapper {
  width: 900px;
}

}


@media(max-width:1280px) {
    
    .head-inner {
      max-width: 940px;
      margin: 0px auto 0 67px;
    }
    
    .content-inner .content .block-text h1 {
      margin: 10px 0px 55px -30px;
    }

    .section-footer { max-width: 820px;}
    .section-footer p {  margin: 40px 0px 40px 0px; }
    
    .block-download { padding: 30px 60px 55px 60px;}
    
.lets-change-opacity .block-text.shadow {
  padding: 30px 60px 55px 100px;
}    
 .infopool-kachel {
      width: 50%;
      padding-bottom: 100px;
      padding-left:15px;
      padding-right:15px;
    } 


}


@media (max-width:1180px) {

body {
  font: normal normal 400 20px/26px Montserrat;
  letter-spacing: 0.22px;
}

a.btn {font-size: 23px; line-height: 29px;}

h1 {font: normal normal normal 46px/52px Montserrat; letter-spacing: 0.6px;}
h2 {font: normal normal normal 46px/52px Montserrat; letter-spacing: 0.6px;  margin: 0px 0px 40px 0px;}

    .mobile {display: block;}
    
    .subnav-active .sub-wrapper, 
    .subnav-active .sub-menu {
      display: none !important;
    }
    
    header { max-height: 100px; webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s;}

    header.mobile,
    .home header.show.mobile { max-height: 100%; webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s;}   
        
.home header.show {
  overflow: hidden;
}        
    header .container-fluid .row {display: block; height: auto;}
    
    a.logo {top: 10px; margin-top: 2px; margin-bottom: 25px;}    
    a.toggle-menu {display: inline-block; margin-left:30px; cursor: pointer; top: 35px;}
    
    ul.main-nav {
      position: relative; top:0px;
      margin: 0px; padding: 60px 0px 30px 0px; background-color: #fff; z-index: 100001; width: 100%; max-width: none; height: auto;
      display: block; border-top: 1px solid #181E2C; font-size: 24px; line-height: 29px; text-transform: uppercase;
    }    
    
    .page main,
    .home main {opacity: 1; webkit-transition: all 0.8s; 
        -moz-transition: all 0.8s; 
        -ms-transition: all 0.8s; 
        -o-transition: all 0.8s; 
        transition: all 0.8s;}
    .mobile.page main,
    .mobile.home main {opacity: 0.2; webkit-transition: all 0.8s; 
        -moz-transition: all 0.8s; 
        -ms-transition: all 0.8s; 
        -o-transition: all 0.8s; 
        transition: all 0.8s;
        }
        body.page.active.finish.mobile,
        body.home.mobile {overflow: hidden;}
    
    ul.main-nav li {display: block; margin-left: 0px; padding: 0px 0px 25px 70px;}
    ul.main-nav li a {font-weight: 200; color: var(--dark); padding-left: 15px; }
        ul.main-nav li a:hover,
        ul.mobile.meta li a:hover,
        ul.sprachwahl li a:hover {font-weight: 400;}
    
    div.right-part {align-self:auto; margin-left: auto; position: relative; width: 100%; z-index: 100001; padding: 0px;}
        .vollversion {display: none;}
        
        ul.sprachwahl {
          width: auto;
          height: auto;
          position: relative;
          display: block;
          padding: 20px 0px 20px 0px;
          margin: 0px;
          border-top: 1px solid #181E2C;
          border-bottom: 1px solid #181E2C;
          border-left: 0px;
        }
        
         ul.sprachwahl li {font-size: 24px; line-height: 34px; margin-right: 20px; padding: 0px;}
         ul.sprachwahl li:first-of-type {padding-left: 70px;}
         ul.sprachwahl li a {font-size: 24px; line-height: 34px; font-weight: 200;}
    
     ul.meta {list-style: none; margin: 30px 0px 70px 0px; padding: 0px;}
     ul.meta li {padding-left: 70px; font-size: 16px; margin-bottom: 5px;}
     ul.meta li a { padding-left: 0px;}
    
     ul.main-nav li:hover a::after, 
     ul.main-nav li.current_page_item a::after, 
     ul.main-nav li.current_page_parent a::after {display: none;}
    
     ul.main-nav li a:before{ display: block; content: ''; position: absolute; width:5px; height: 30px; left: 0; top:0px; }
    
    .panel .sectiontext {padding-right: 300px;}
	.panel.kontakt { background-position: 20%; }
    
    .head-inner {max-width: none; margin: 0px 68px 0 68px;}
    
    a.btn.video::after {width:37px; height: 37px; background-size: 37px auto;}    
    a.btn:hover {border-bottom-right-radius: 18px; border-top-right-radius: 18px;}    
    
    .footer-triangle {display: none;}

.lets-change-opacity .block-text.shadow {padding: 10px 40px 55px 50px;}
.content-inner .content .block-text.shadow h5 {font: normal normal 400 22px/32px Montserrat; display: block; max-width: 100%;}

.block-text img.alignright {
  margin: 0px auto 0px auto;
  width: calc(45% - 50px);
  display: block;
}
        
}

 


@media (max-width:1024px) {


.mobile-info {display: block; color: #fff; text-transform: uppercase; width: auto; font-weight: 700; overflow: hidden; white-space: nowrap; -webkit-transition: all 1s; 
    -moz-transition: all 1.5s; 
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s; 
    transition: all 1.5s;
    margin-left:0px;
    opacity: 1;
    }

.mobile-info.hide {
  margin-left: -100%;
    -webkit-transition: all 1.5s; 
    -moz-transition: all 1.5s; 
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s; 
    transition: all 1.5s;
    opacity: 0;
}


.subnavigation {height: 45px; overflow: hidden; padding-top: 2px; position: relative; margin: 0px auto 0px auto;}
.subnavigation ul {justify-content: flex-start; height:67px; /* 40px - more place for scrollbar, is hidden under parent box */
    white-space:nowrap;  overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling:touch; padding-right: 50px;  }  
    .subnavigation ul:after {content:''; height: 78px; right: 0px; position: absolute; width: 80px; top: 0px; pointer-events: none; }
  
    .subnavigation .button-group { height:auto; padding-bottom:18px; margin: 0 auto; padding-right:50px; justify-content: flex-start; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch;
      padding-bottom: 40px; }
    .subnavigation button { white-space:nowrap; }
    .subnavigation .button-group:after {content:''; height: 78px; right: 0px; position: absolute; width: 80px; top: 0px; pointer-events: none;
    -webkit-box-shadow: -15px -30px 15px 2px var(--infopool) inset; 
      -moz-box-shadow: -15px -30px 15px 2px var(--infopool) inset; 
      box-shadow: -15px -30px 15px 2px var(--infopool) inset; } 


.content-wrapper .sticky-container .nav-arrow {height: 35px; right: 5px; position: absolute; width: 35px; top: 0px; font-weight: 700; font-size: 22px; z-index: 100001; cursor: pointer;
color: #fff; display: block; padding-left: 7px;} 


.unternehmen .subnavigation ul:after,
.page-unternehmen .subnavigation ul:after,
.parent-pageid-12 .subnavigation ul:after {
    -webkit-box-shadow: -15px -30px 15px 2px var(--unternehmen) inset; 
    -moz-box-shadow: -15px -30px 15px 2px var(--unternehmen) inset; 
    box-shadow: -15px -30px 15px 2px var(--unternehmen) inset;
}

.produkte .subnavigation ul:after,
.page-produkte .subnavigation ul:after,
.parent-pageid-10 .subnavigation ul:after {
    -webkit-box-shadow: -15px -30px 15px 2px var(--produkte) inset; 
    -moz-box-shadow: -15px -30px 15px 2px var(--produkte) inset; 
    box-shadow: -15px -30px 15px 2px var(--produkte) inset;
}

.leistungen-service .subnavigation ul:after,
.page-leistungen-service .subnavigation ul:after,
.parent-pageid-14 .subnavigation ul:after {
    -webkit-box-shadow: -15px -30px 15px 2px var(--services) inset; 
    -moz-box-shadow: -15px -30px 15px 2px var(--services) inset; 
    box-shadow: -15px -30px 15px 2px var(--services) inset;
}

.karriere .subnavigation ul:after,
.page-karriere .subnavigation ul:after,
.parent-pageid-16 .subnavigation ul:after {
    -webkit-box-shadow: -15px -30px 15px 2px var(--karriere) inset; 
    -moz-box-shadow: -15px -30px 15px 2px var(--karriere) inset; 
    box-shadow: -15px -30px 15px 2px var(--karriere) inset;
}


.block-tooltip .tooltip-box h3 {
  text-align: left;
}

.subinfo-fact h3 {
  font: normal normal 400 34px/36px Montserrat;
  letter-spacing: 0px;
}

.subnavigation ul li, 
.subnavigation button {margin: 0 10px; }
    .subnavigation ul li:first-of-type,
    .subnavigation button:first-of-type {margin: 0 10px 0 0;}
    .subnavigation ul li:last-of-type,
    .subnavigation button:last-of-type {margin: 0 0px 0 10px;}    
    .subnavigation ul li a {color: #fff;} 
    .subnavigation ul li.active, .subnavigation button.is-checked {font-weight: 700;}
        
    .container-fluid.sticky-container {color: #fff;}
    .unternehmen .container-fluid.sticky-container,
    .page-unternehmen .container-fluid.sticky-container {background-color: var(--unternehmen);}    
    .produkte .container-fluid.sticky-container,
    .page-produkte .container-fluid.sticky-container {background-color: var(--produkte);}    
    .leistungen-services .container-fluid.sticky-container,
    .page-leistungen-services .container-fluid.sticky-container {background-color: var(--services);}    
    .karriere .container-fluid.sticky-container,
    .page-karriere .container-fluid.sticky-container {background-color: var(--karriere);}    
    .kontakt .container-fluid.sticky-container,
    .page-kontakt .container-fluid.sticky-container {background-color: var(--unternehmen);}
    
    .unternehmen .subnavigation ul:after,
    .page-unternehmen .subnavigation ul:after {-webkit-box-shadow: -30px -25px 30px 1px var(--unternehmen) inset; -moz-box-shadow: -30px -25px 30px 1px var(--unternehmen) inset; box-shadow: -30px -25px 30px 1px var(--unternehmen) inset; } 
    .produkte .subnavigation ul:after,
    .page-produkte .subnavigation ul:after {-webkit-box-shadow: -15px -30px 15px 2px var(--produkte) inset; -moz-box-shadow: -15px -30px 15px 2px var(--produkte) inset; box-shadow: -15px -30px 15px 2px var(--produkte) inset; }
    .leistungen-services .subnavigation ul:after,
    .page-leistungen-services .subnavigation ul:after {-webkit-box-shadow: -15px -30px 15px 2px var(--services) inset; -moz-box-shadow: -15px -30px 15px 2px var(--services) inset; box-shadow: -15px -30px 15px 2px var(--services) inset; }
    .karriere .subnavigation ul:after,
    .page-karriere .subnavigation ul:after {-webkit-box-shadow: -15px -30px 15px 2px var(--karriere) inset; -moz-box-shadow: -15px -30px 15px 2px var(--karriere) inset; box-shadow: -15px -30px 15px 2px var(--karriere) inset; }
    .kontakt .subnavigation ul:after,
    .page-kontakt .subnavigation ul:after {-webkit-box-shadow: -15px -30px 15px 2px var(--unternehmen) inset; -moz-box-shadow: -15px -30px 15px 2px var(--unternehmen) inset; box-shadow: -15px -30px 15px 2px var(--unternehmen) inset; }

.content {margin: 0px auto 0px auto;}

.block-text img.alignright {width: calc(75% - 50px);}

.featured-image {margin-top: 60px;}
.content-inner.spacer {margin-top: 117px;}
.featured-image.sticky {top: 97px;}

.page-template-infopool .content-inner.spacer {
  margin-top: 140px;
}  
  
.tooltip-box.visible .tooltip {visibility: visible; opacity: 1;}

.panel.produkte {height: calc(100vh + 150px);}
.panel.kontakt {height: calc(100vh + 0px);}

.prodlist {bottom: 60px;}
    .prodlist img {width: 90%;}
    
    @keyframes moveIn1 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: calc(99% - 250px);}
          100% {right: calc(100% - 250px); opacity: 1;}          
        }
        
    @keyframes moveIn2 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(85% - 250px);}
              100% {right: calc(86% - 250px); opacity: 1;}
            }
    @keyframes moveIn3 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(72% - 250px);}
              100% {right: calc(73% - 250px); opacity: 1;}
            }        
    @keyframes moveIn4 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(58% - 250px);}
              100% {right: calc(59% - 250px); opacity: 1;}
            } 

.block-galerie .splide {max-height: 230px;}  

    .section-footer {padding: 0px 30px;}
    .section-footer::before {
      -webkit-transform: rotate(180deg); transform: rotate(180deg);
      border-width: 20px 20px 20px 20px; left: calc(50% - 20px); bottom: -40px;
    }

.content.lets-change-opacity {
  margin-top: 55px;
  opacity: 1;
    -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition:none !important;
  -o-transition: none !important;
  transition: none !important;
  }
  
  
.content.lets-change-opacity.change-opacity {
  margin-top: 55px;
  opacity: 1;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition:none !important;
  -o-transition: none !important;
  transition: none !important;
} 
  
.page-template-infopool .content.lets-change-opacity, .page-template-infopool .content.lets-change-opacity.change-opacity {
  margin-top:80px;
  }
  
.content-inner .content .block-text h1 {
  font: normal normal 700 32px/40px Montserrat;
  margin: 10px 0px 55px -30px;
}  

.content-inner .content h1 { font: normal normal 700 32px/40px Montserrat}

.kachel { width: calc(50% - 15px); }

footer ul.sitemap {
  flex-wrap: wrap;
   margin: 40px 0px 50px 0px;
  width: 100%;
}

footer ul.sitemap li {
  width: 50%;
  margin-bottom: 30px;
}

footer ul.sitemap li ul li {
  width: 100%;
  margin-bottom: 0px;
}

footer a.logo {
  width: 150px;
  height: 59px;
  }
  
footer ul.meta li {
  font-size: 12px;
  line-height: 16px;
}  


.block-text.shadow, .lets-change-opacity .block-text.shadow { padding: 30px 60px 55px 60px;}
.single-post .block-text.shadow { padding: 70px 30px 55px 30px; }
.block-text.farbe.shadow {padding: 70px 60px 55px 60px;}


    
}


@media (max-width: 1000px) {

.featured-image.sticky {
  width: 100%;
  position: relative;
  top: 0px;
}

.featured-image.sticky.change-opacity {
  opacity: 1;
  }
  


}


@media (max-width:950px) {
        
.page h1 {
  font: normal normal normal 30px/38px Montserrat;
  letter-spacing: 0.52px;
}

    .tooltip-box {width: 50%;}
    
    .scroll-up {top: 28px;}

	.single .block-text img.size-medium.float.alignright {
		width:auto;
		max-width:100%;
		margin-bottom:50px;
	}
	    
}

@media (max-width:880px) {
    .block-partner ul li {width: 33.3%;}
    
    .block-text ul.icons li {width:20%;}
    .block-text ul.icons li img {margin-bottom: 20px;}
    
    
.kachel {
  width: 90%;
  margin: 0px auto 60px auto;
}    

.block-partner {  padding: 30px 0px;}

.subinfo-fact h3 { font: normal normal 400 30px/36px Montserrat;}

}


@media (max-width:767px) {
	
	#BorlabsCookieBox *, .BorlabsCookie, .BorlabsCookie * span, #BorlabsCookieBox p {font-size:11px !important;}
	#BorlabsCookieBox ._brlbs-btn {font-size:11px !important; padding: 5px !important;}
	.BorlabsCookie .col-12 {width:49% !important;} 
	
	.BorlabsCookie .row._brlbs-button-area .col-12 {
	  flex: 0 0 50%;
	  max-width: 100%;
	}

 h1, h2 {font: normal normal normal 38px/42px Montserrat; letter-spacing: 0.6px;}

    a.logo {width: 222px; height: 79px; background-image: url("../img/Logo_ATP_Gothic_white.svg"); }
  
    a.toggle-menu span {background: #fff;}
    .head-inner {max-width: none; margin: 0px; width: calc(100% - 30px); padding: 0px 30px;}    
    .page main,
    body:not(.home).page main {padding-top: 10px;}
    
    .block-text h2 {font: normal normal 700 22px/26px Montserrat;}
    .subinfo-fact h3 {font: normal normal 400 22px/26px Montserrat;}
    
    .section-footer {font-size: 22px; line-height: 30px;}   
    
    .block-text ul.icons li img {margin-bottom: 0px;}
    
    header {
    min-height: 100px;
    max-height: 100px;
    background: rgb(24,30,44);
    background: -webkit-linear-gradient(rgba(24,30,44,1) 60%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(rgba(24,30,44,1) 60%, rgba(255,255,255,0) 100%);
    background: linear-gradient(rgba(24,30,44,1) 60%, rgba(255,255,255,0) 100%);
    webkit-transition: all 0.8s; 
        -moz-transition: all 0.8s; 
        -ms-transition: all 0.8s; 
        -o-transition: all 0.8s; 
        transition: all 0.8s;
     }  
    
    header.mobile,
    header.change-color.mobile {
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    }
    
    header.change-color {
    min-height: 100px;
    max-height: 100px;
    background: rgb(24,30,44);
    background: -webkit-linear-gradient(rgba(24,30,44,1) 0%, rgba(24,30,44,1) 100%);
    background: -o-linear-gradient(rgba(24,30,44,1) 0%, rgba(24,30,44,1) 100%);
    background: linear-gradient(rgba(24,30,44,1) 0%, rgba(24,30,44,1) 100%);
    webkit-transition: all 0.8s; 
        -moz-transition: all 0.8s; 
        -ms-transition: all 0.8s; 
        -o-transition: all 0.8s; 
        transition: all 0.8s;
    }
    
    header.change-color.mobile {max-height: 100%; background-color: #fff; webkit-transition: all 0.8s; 
        -moz-transition: all 0.8s; 
        -ms-transition: all 0.8s; 
        -o-transition: all 0.8s; 
        transition: all 0.8s;}
    
    header.mobile a.logo {background-image: url("../img/Logo_ATP_Gothic.svg");}    
    header.mobile a.toggle-menu span {background: #181e2c; }
    
    ul.main-nav {background-color: transparent; border-top: 0px; opacity: 0; } 
    .mobile ul.main-nav {opacity: 1; }
    ul.pagination {display: none;}
	
    
    .panel {height: calc(100vh - 40px);} 
	.panel.karriere { background-position: 70%; }
	.panel.leistungen-services { background-position: 60%; }
	.panel.produkte { background-position: 50%; }
    .panel.slider .sectiontext {top: 175px; transform: none;}
       
    .panel .sectiontext {padding-right: 30px; top: 175px; transform: none;}
    .panel .sectiontext h1,
    .panel .sectiontext p {max-width: 400px;}
    
    .table-row {display: block;}
    .col2 {width: 100%; padding-bottom: 20px; max-width: none;}
    .col8 {width: 100%; max-width: none;}
    
    @keyframes moveIn1 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: calc(99% - 220px);}
          100% {right: calc(100% - 220px); opacity: 1;}          
        }
        
    @keyframes moveIn2 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(76% - 220px);}
              100% {right: calc(77% - 220px); opacity: 1;}
            }
    @keyframes moveIn3 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(56% - 220px);}
              100% {right: calc(57% - 220px); opacity: 1;}
            }        
    @keyframes moveIn4 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(32% - 220px);}
              100% {right: calc(33% - 220px); opacity: 1;}
            } 
    
 .block-partner ul li {width: 50%;}


  footer ul {float: none;}
  footer ul li {padding-right: 10px; padding-left: 5px; line-height: 16px; border-right:1px solid #ccc; }
  footer ul li a {font-size: 12px; line-height: 16px; border: 0px;}
  
  footer ul.sitemap {margin: 40px 0px 50px 0px;}
  
footer .copyright, footer ul.meta {
  float: none;
}  
  
  .scroll-up {right: 0px; left: auto; top: 30px;}    
  
body:not(.home).page .header-headline {font: normal normal normal 32px/38px Montserrat;}  

.head-inner-spacer {top: calc(50% + 35px); }

.table-row, .content tr {display: block;}

.col2, .content tr td:first-of-type,
.content .wp-block-table tr td:last-of-type {
  width: 100% !important;
  display: block;
  
}

.content tr td:first-of-type {padding-top: 20px !important;}

figure.wp-block-table {
  margin-top: 40px;
  margin-bottom: 80px;
  padding: 40px 35px 5px 35px;
  box-shadow: none;
}

.content .wp-block-table tr td:last-of-type {padding: 20px 0px !important;}

   .infopool-kachel {
      width:90%;
      margin:0 5%;
    padding-left:0;
    padding-right:0; 
    }
    
}






@media (max-width:650px) {

    body {font: normal normal 400 16px/20px Montserrat; letter-spacing: 0.22px; }
    
    ul.main-nav {font-size: 22px; line-height: 26px;}
    ul.sprachwahl li a {font-size: 22px;}
    ul.main-nav {padding: 40px 0px 30px 0px;}
        
    a.btn.video::after {width:34px; height: 34px; background-size: 34px auto;}    
   
    .container-fluid {padding-right: 25px; padding-left: 25px;}
    
    .head {height: 500px; position: relative;}    
    .page h1 {font: normal normal normal 28px/34px Montserrat; letter-spacing: 0.32px;}  
    
    h1, h2 {font: normal normal normal 28px/32px Montserrat; letter-spacing: 0.6px;}
    
    .block-text h2 { margin: 10px 0px 30px 0px;}
    
    .block-subinfo {padding: 0px 0px 30px 0px;}
    .block-subinfo .subinfo-inner {background-color: #fff; border-radius: 0px; padding: 30px;}
    
    body:not(.home).page .header-headline { font: normal normal normal 30px/35px Montserrat; letter-spacing: 0.4px; }    
    
    .subinfo-inner .subinfo-fact h3 img {  width: 55px; margin-right: 20px; }     
    .subinfo-inner .subinfo-fact p {margin-left: 75px; }
    
    .panel.kontakt { background-position: 40%; }   
    .panel.slider .sectiontext, 
    .panel.leistungen-services .sectiontext,
    .panel.karriere .sectiontext,
    .panel.kontakt .sectiontext {top: 50%; transform: translateY(-50%);} 
    .panel.produkte {height: 100vh;}
    .panel .sectiontext {padding-left: 25px; max-width: none; padding-right: 25px;}
    .panel .sectiontext p {width: 100%; max-width: none;}
    
    a.btn {font-size: 20px; line-height: 25px;}
    
    .prodlist {width: 155px;}
    
    
.block-download { padding: 30px 30px 55px 30px; }   
.block-download h4 {  margin: 30px 0px 45px 0px; }

.downloads { padding: 20px 0px 20px 15px;}
    
    @keyframes moveIn1 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: calc(99% - 160px);}
          100% {right: calc(100% - 160px); opacity: 1;}          
        }
        
    @keyframes moveIn2 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(78% - 160px);}
              100% {right: calc(79% - 160px); opacity: 1;}
            }
    @keyframes moveIn3 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(55% - 160px);}
              100% {right: calc(56% - 160px); opacity: 1;}
            }        
    @keyframes moveIn4 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(32% - 160px);}
              100% {right: calc(33% - 160px); opacity: 1;}
            }    
            
.block-text.shadow, .lets-change-opacity .block-text.shadow {padding: 30px 40px 55px 40px;}
.block-text.farbe.shadow {padding: 70px 30px 55px 30px;}

    .block-galerie button.splide__arrow--prev { left: -30px;}
    .block-galerie button.splide__arrow--next { right: -30px;}
            
    .section-footer {display: block; padding: 20px 30px 30px 30px;}
    .section-footer img {margin: 10px auto 20px auto; display: block;}

 
}


@media (max-width:580px) {

body:not(.home).page .header-headline { font: normal normal normal 26px/32px Montserrat; letter-spacing: 0.32px;}

body:not(.home).page .content-wrapper {font: normal normal 400 14px/23px Montserrat;}
.subnavigation ul li a, .subnavigation .button-group button {font-size: 14px;}

.page h1 {font: normal normal normal 26px/32px Montserrat; letter-spacing: 0.32px;}

.content-inner .content .block-text h1 {
  font: normal normal 700 26px/34px Montserrat;
  margin: 10px 0px 45px -30px;
}

.content-inner .content h1 { font: normal normal 700 26px/34px Montserrat;}

.content-inner .content .kachel-content h3 {
  font-size: 20px;}
  
  footer a.logo {width: 140px; height: 49px;}
  

.block-text h2 {font: normal normal 700 18px/22px Montserrat;}
.block-text, .block-text.farbe {padding: 20px;}

    a.logo {width: 160px; height: 58px;}    
    a.toggle-menu {top: 32px; width: 40px; }    
    a.toggle-menu span + span {margin-top: 10px;}
    
    a.btn {font-size: 16px; line-height: 25px; width: 100%; display: block; text-align: center; padding: 4px 12px;}
    a.btn:hover {padding: 4px 20px; border-radius: 0px !important;}
    
    a.btn.video {width:calc(100% - 40px);}
    a.btn.video:hover:after {padding-right: 0px; border-radius: 0px !important;}
    
    .prodlist {width: 130px; bottom: 60px;} 
    .panel.produkte {height: calc(100vh - 40px);}
    
    @keyframes moveIn1 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: calc(99% - 130px);}
          100% {right: calc(100% - 130px); opacity: 1;}          
        }
        
    @keyframes moveIn2 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(78% - 130px);}
              100% {right: calc(79% - 130px); opacity: 1;}
            }
    @keyframes moveIn3 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(57% - 130px);}
              100% {right: calc(58% - 130px); opacity: 1;}
            }        
    @keyframes moveIn4 {
              0% {right: -10%; opacity: 0;}
              40% {opacity: 1;}
              80% {right: calc(35% - 130px);}
              100% {right: calc(36% - 130px); opacity: 1;}
            }   
            
.panel {height: calc(100vh - 105px);}
.panel li.splide__slide {height: calc(100vh - 105px);}
.panel.kontakt {height: calc(100vh - 105px);}

.block-text ul.icons li {width:33.3%;}
.block-text ul.icons li img {margin-bottom: 5px;}

.subinfo-inner .subinfo-fact p {margin-left: 0px;}

.block-galerie li.splide__slide img {
  width: auto;
  max-height: 100%;
  opacity: 1;
  transform: none;
  border-radius: 10px;
  margin: 0px auto;
  max-width: 90%;
  height: auto;
}

.subnavigation ul::after {width: 80px;}

.subinfo-inner .subinfo-fact a.btn { margin-left: 0px;}


.block-galerie button.splide__arrow {top: calc(50% - 8px);}
.block-galerie button.splide__arrow--prev {left: -20px;}
.block-galerie button.splide__arrow--next {right: -20px;}
.block-galerie .splide__pagination {bottom: -30px;}

.tooltip-box {width: 95%;}

.downloads {font-size: 22px; line-height: 24px; letter-spacing: 0.38px; padding: 15px 0px 15px 20px; }
.downloads::after {top: 12px;}

.download-panel ul {margin: 10px 0px 40px 0px; padding: 0px 0px 0px 20px; }

.block-galerie li img {max-width: 250px; margin: 20px auto 0px auto;}

.content-inner .content .block-text.shadow h5 {
  font: normal normal 400 18px/26px Montserrat;
  display: block;
  max-width: 100%;
  margin: 20px 20px 40px 0px;
}

.section-footer {display: block; padding: 20px 30px 30px 30px; }
.section-footer p { margin: 30px 0px 20px 0px;}

.sectiontext a.kontakt {
  line-height: 33px;
}

.unternehmen .subnavigation ul:after,
.page-unternehmen .subnavigation ul:after,
.parent-pageid-12 .subnavigation ul:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--unternehmen) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--unternehmen) inset; 
    box-shadow: -30px -30px 14px 10px var(--unternehmen) inset;
}

.produkte .subnavigation ul:after,
.page-produkte .subnavigation ul:after,
.parent-pageid-10 .subnavigation ul:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--produkte) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--produkte) inset; 
    box-shadow: -30px -30px 14px 10px var(--produkte) inset;
}

.leistungen-service .subnavigation ul:after,
.page-leistungen-service .subnavigation ul:after,
.parent-pageid-14 .subnavigation ul:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--services) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--services) inset; 
    box-shadow: -30px -30px 14px 10px var(--services) inset;
}

.karriere .subnavigation ul:after,
.page-karriere .subnavigation ul:after,
.parent-pageid-16 .subnavigation ul:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--karriere) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--karriere) inset; 
    box-shadow: -30px -30px 14px 10px var(--karriere) inset;
}
.subnavigation .button-group:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--infopool) inset; 
      -moz-box-shadow: -30px -30px 14px 10px var(--infopool) inset; 
      box-shadow: -30px -30px 14px 10px var(--infopool) inset; }          
}    

@media (max-width:550px) {

    .prodlist {display: none;} 
    .panel.produkte { height: calc(100vh - 105px);}
}

@media (max-height:650px) {

    .panel.slider .splide__pagination {display: none;}    
    .block-galerie button.splide__arrow {z-index: 100001;}
    


}

@media (max-width:480px) {



.content-wrapper .container-fluid {padding-right: 0px; padding-left: 0px;  }
.subnavigation {padding-left: 20px}

body.page .content-wrapper {font: normal normal 400 15px/24px Montserrat; background-image: none !important;}
.subinfo-fact h3 {font: normal normal 400 18px/26px Montserrat;}

ul.main-nav li {padding: 0px 0px 25px 20px;}
ul.sprachwahl li:first-of-type {padding-left: 20px;}
ul.meta li {padding-left: 20px;}

ul.main-nav, ul.sprachwahl li a {font-size: 20px; line-height: 23px;}

.block-subinfo .subinfo-inner {padding: 20px;}
.subinfo-inner .subinfo-fact p {margin-left: 0px;}

.section-footer {font-size: 18px; line-height: 24px;}

    .page h1 {font: normal normal normal 20px/26px Montserrat; letter-spacing: 0.22px;}    
    .block-partner ul li {width: 100%;} 
    
.block-text ul {padding: 0px 0px 0px 20px;}    

.content-inner .content .block-text h1 {margin: 10px 0px 45px 0px;}
.content-inner.spacer, .active.finish .content-inner.spacer {margin-top: 0px;}

.content-wrapper.sticky-bg .content-inner.spacer {margin-top: 57px;}
.featured-image {margin-top: 0px; }

.block-listbox-bg .block-text, .block-listbox-bg .block-text.farbe {
  max-width: none;
  padding: 35px 25px 35px 25px;
}

.content h3 { font: normal normal 600 14px/24px Montserrat;}
.block-partner h3 {margin: 0px 25px;}

.block-kacheln .content-inner.spacer { margin-top: 15px;}

.block-kacheln h4 {margin-left: 25px;}
.kachel-content {  padding: 20px 10px 30px 10px;}
    .kachel {margin: 0px auto 40px auto;}
    
    .kachel-content a.btn:hover {  padding: 10px 30px 10px 30px;}
    
.marquee { margin: 30px 0px 40px;}  

.block-galerie h3 { margin: 0px 0px 20px 25px;}

.block-galerie button.splide__arrow--prev {left: 0px; z-index: 100001; }
.block-galerie button.splide__arrow--next {right: 0px; z-index: 100001;}
.single .block-galerie button.splide__arrow--prev { z-index: 1001; }
.single .block-galerie button.splide__arrow--next { z-index: 1001;}

.block-galerie li img { max-width: 280px; margin: 20px auto 0px auto; }

.block-galerie button.splide__arrow {top: calc(50% - 0px); }

.section-footer {margin: 90px auto 80px auto;}
    .section-footer p {margin: 20px 0px 10px 0px; }
    
.lets-change-opacity .block-text.shadow,
.container-fluid:last-of-type .block-text.shadow:last-child,
.block-text.shadow {
  box-shadow: none !important;
}
  .single-post .block-text.shadow {
    padding: 0px 30px 55px 30px;
  }

.container-fluid:last-of-type .block-text.shadow:last-child {
  margin-bottom: 0px;
}

.downloads { padding: 15px 0px 15px 15px; font-size: 19px;}

.downloads::after { right: 10px;}
.downloads.active::after {right: 10px; top: 12px; }

.content-inner .content h1 {
  font: normal normal 700 26px/32px Montserrat;
  margin: 0px 20px 30px 30px;
}

figure.wp-block-table {padding: 20px 20px 5px 30px;}

.block-listbox-bg {margin-bottom: 20px;}

.unternehmen .subnavigation ul:after,
.page-unternehmen .subnavigation ul:after,
.parent-pageid-12 .subnavigation ul:after,
.unternehmen .mobile-info:after,
.page-unternehmen .mobile-info:after,
.parent-pageid-12 .mobile-info:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--unternehmen) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--unternehmen) inset; 
    box-shadow: -50px -30px 14px 10px var(--unternehmen) inset;
}

.produkte .subnavigation ul:after,
.page-produkte .subnavigation ul:after,
.parent-pageid-10 .subnavigation ul:after,
.produkte .mobile-info:after,
.page-produkte .mobile-info:after,
.parent-pageid-10 .mobile-info:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--produkte) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--produkte) inset; 
    box-shadow: -50px -30px 14px 10px var(--produkte) inset;
}


.leistungen-service .subnavigation ul:after,
.page-leistungen-services .subnavigation ul:after,
.parent-pageid-14 .subnavigation ul:after,
.leistungen-service .mobile-info:after,
.page-leistungen-service .mobile-info:after,
.parent-pageid-14 .mobile-info:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--services) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--services) inset; 
    box-shadow: -50px -30px 14px 10px var(--services) inset;
}

.karriere .subnavigation ul:after,
.page-karriere .subnavigation ul:after,
.parent-pageid-16 .subnavigation ul:after,
.karriere .mobile-info:after,
.page-karriere .mobile-info:after,
.parent-pageid-16 .mobile-info:after {
    -webkit-box-shadow: -30px -30px 14px 10px var(--karriere) inset; 
    -moz-box-shadow: -30px -30px 14px 10px var(--karriere) inset; 
    box-shadow: -50px -30px 14px 10px var(--karriere) inset;
}
.subnavigation .button-group:after {
    -webkit-box-shadow: -50px -30px 14px 10px var(--infopool) inset; 
      -moz-box-shadow: -50px -30px 14px 10px var(--infopool) inset; 
      box-shadow: -50px -30px 14px 10px var(--infopool) inset; }     

.mobile-info {max-width: 300px; width:auto; position: relative; padding-left: 0px; }
.mobile-info:after {width: 25px; content:'...'; position: absolute; right: 0px; text-align: center; display: none;}

.infopool-kachel {
      width:100%;
      margin:0;
    }
  .page-template-infopool .content-wrapper.sticky-bg .content-inner.spacer {
    margin-top: 80px;
  }
   .page-template-infopool .content.lets-change-opacity, .page-template-infopool .content.lets-change-opacity.change-opacity {
     margin-top:20px;
  }
footer a.logo {display: none;}

.scroll-up {
  right: -20px;
  left: auto;
  top: -10px;
}
 

}
      
      

@media (max-width:400px) {
  body:not(.home).page.active.finish.page-template-infopool { overflow-x:hidden; }
      
    .content-inner .content h1 {
      font: normal normal 700 22px/28px Montserrat;
      margin: 0px 20px 10px 20px;
      padding-left: 15px;
    }
    
.content-inner .content .block-text h1 {
        font: normal normal 700 20px/28px Montserrat;
        margin: 0px 0px 40px -5px;
        padding-left: 15px;
    }
  .single .tooltip-box {
    flex-wrap: wrap;
  }
  .single .tooltip-box img {
    margin-bottom: 30px;
  }
  header { overflow-x:hidden; }
.head-inner {
  max-width: none;
  margin: 0px;
  width: calc(100% - 10px);
  padding: 0px 10px;
}

    
}