@charset "UTF-8";
/*
Theme Name: aerotech peissenberg
Theme URI: 
Author: networkerz GmbH, Muenchen
Version: 1.0
*/


/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/montserrat-v24-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v24-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v24-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
font-display: swap;
}



/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v24-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: swap;       
}


/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v24-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
 font-display: swap;       
}



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


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}



html {
  height: -webkit-fill-available;
  scroll-behavior:smooth; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body {
    font: normal normal 400 24px/30px Montserrat; 
    letter-spacing: 0.32px;
	color:var(--copy-text);
	background-color: #fff;
	margin: 0px;
	padding: 0px;
    text-align: left;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:relative; overflow-x:hidden;
}

 body:not(.home).page .content-wrapper,
 body:not(.home).single-post .content-wrapper {
    font: normal normal 400 16px/24px Montserrat; 
    color:var(--dark);
    letter-spacing: 0px;
background-attachment: fixed;
background-size: 100% auto;
background-repeat: no-repeat;
}


.clear {clear:both;}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.dotted-line {clear: both; height: 10px; width:100%; border-top: 2px dotted #646b7d;}

a.logo {
    width: 222px;
    height: 79px;
    background-image: url("img/Logo_ATP_Gothic.svg");   
    background-repeat: no-repeat;
    background-size:100% auto;
    position: relative;
    left: 0px;
    top: 10px;
    display: block;    
    margin: 0px 0px 0 0px;
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; 
    transition: all 0.3s;
    align-self: flex-start;
}
a.logo:hover {opacity: 0.75;}


a,
a:focus {text-decoration: none; position: relative; color:var(--copy-text);}

button {font-family: inherit; cursor: pointer;}

a.btn {padding: 4px 20px; 
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-transition: all 0.4s; 
    -moz-transition: all 0.4s; 
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    }
    
    a.btn span, a.btn strong {font-weight: 700;}
    
    .subnavigation ul li.current_page_item a {color: #fff;}
    
    .parent-pageid-12 a.btn,
    .parent-pageid-12 p.info:before,
    .parent-pageid-12 .farbbalken,
    .parent-pageid-12 .block-partner-bg .content,
    .parent-pageid-12 .block-text.farbe,
    .parent-pageid-12 .parent-name,
    .parent-pageid-12 .subnavigation ul li.active a,     
    .parent-pageid-12 .subnavigation ul li a:hover,
    .parent-pageid-12 .section-footer,
    .parent-pageid-12 .mobile-info,  
    .parent-pageid-12.page-kontakt a.btn,
    .parent-pageid-12.page-kontakt p.info:before,
    .parent-pageid-12.page-kontakt .farbbalken,
    .parent-pageid-12.page-kontakt .block-partner-bg .content,
    .parent-pageid-12.page-kontakt .block-text.farbe,
    .parent-pageid-12.page-kontakt .parent-name,
    .parent-pageid-12.page-kontakt .subnavigation ul li.active a,
    .parent-pageid-12.page-kontakt .subnavigation ul li.current_page_item a, 
    .parent-pageid-12.page-kontakt .subnavigation ul li a:hover,
    .parent-pageid-12.page-kontakt .section-footer,
    .parent-pageid-12.page-kontakt .mobile-info,
    .page-unternehmen a.btn,
    .page-unternehmen p.info:before,
    .page-unternehmen .farbbalken,
    .page-unternehmen .block-partner-bg .content,
    .page-unternehmen .block-text.farbe,
    .page-unternehmen .parent-name,
    .page-unternehmen .subnavigation ul li.active a,
    .page-unternehmen .subnavigation ul li.current_page_item a,
    .page-unternehmen .subnavigation ul li a:hover,
    .page-unternehmen .section-footer,
    .page-unternehmen .mobile-info,
    .unternehmen a.btn,
    .unternehmen p.info:before,
    .unternehmen .farbbalken,
    .unternehmen .block-partner-bg .content,
    .unternehmen .block-text.farbe,
    .unternehmen .parent-name,
    .unternehmen .subnavigation ul li.active a,
    .unternehmen .subnavigation ul li.current_page_item a,
    .unternehmen .subnavigation ul li a:hover,
    .unternehmen .section-footer,
    .unternehmen .mobile-info,
    ul.main-nav li.subnav-active.unternehmen ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.unternehmen ul.sub-menu li:hover a,
    .page-unternehmen .block-footer-bg,
    .parent-pageid-12 .block-footer-bg,
/* EN colouring */
    .parent-pageid-1184 a.btn,
    .parent-pageid-1184 p.info:before,
    .parent-pageid-1184 .farbbalken,
    .parent-pageid-1184 .block-partner-bg .content,
    .parent-pageid-1184 .block-text.farbe,
    .parent-pageid-1184 .parent-name,
    .parent-pageid-1184 .subnavigation ul li.active a,     
    .parent-pageid-1184 .subnavigation ul li a:hover,
    .parent-pageid-1184 .section-footer,
    .parent-pageid-1184 .mobile-info,  
    .parent-pageid-1184.page-kontakt a.btn,
    .parent-pageid-1184.page-kontakt p.info:before,
    .parent-pageid-1184.page-kontakt .farbbalken,
    .parent-pageid-1184.page-kontakt .block-partner-bg .content,
    .parent-pageid-1184.page-kontakt .block-text.farbe,
    .parent-pageid-1184.page-kontakt .parent-name,
    .parent-pageid-1184.page-kontakt .subnavigation ul li.active a,
    .parent-pageid-1184.page-kontakt .subnavigation ul li.current_page_item a, 
    .parent-pageid-1184.page-kontakt .subnavigation ul li a:hover,
    .parent-pageid-1184.page-kontakt .section-footer,
    .parent-pageid-1184.page-kontakt .mobile-info,
    .page-company a.btn,
    .page-company p.info:before,
    .page-company .farbbalken,
    .page-company .block-partner-bg .content,
    .page-company .block-text.farbe,
    .page-company .parent-name,
    .page-company .subnavigation ul li.active a,
    .page-company .subnavigation ul li.current_page_item a,
    .page-company .subnavigation ul li a:hover,
    .page-company .section-footer,
    .page-company .mobile-info,
    .company a.btn,
    .company p.info:before,
    .company .farbbalken,
    .company .block-partner-bg .content,
    .company .block-text.farbe,
    .company .parent-name,
    .company .subnavigation ul li.active a,
    .company .subnavigation ul li.current_page_item a,
    .company .subnavigation ul li a:hover,
    .company .section-footer,
    .company .mobile-info,
    ul.main-nav li.subnav-active.company ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.company ul.sub-menu li:hover a,
    .page-company .block-footer-bg,
    .parent-pageid-1184 .block-footer-bg,
/* EN colouring */
    .page-template-textseiten .farbbalken
    {background-color: var(--unternehmen);}
    
    .page-unternehmen .block-footer-bg,
    .parent-pageid-12 .block-footer-bg,
/* EN colouring */
    .page-company .block-footer-bg,
    .parent-pageid-1184 .block-footer-bg
/* EN colouring */
    {background-image: url("img/aerotech-peissenberg-unternehmen.svg"); background-position: left bottom; background-repeat: no-repeat; background-size: auto 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 colouring */
    .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
/* EN colouring */
    { background: rgb(195,237,254);
background: linear-gradient(90deg, rgba(195,237,254,1) 0%, rgba(195,237,254,1) 5%, rgba(154,223,253,1) 5%, rgba(154,223,253,1) 6.2%, rgba(95,205,252,1) 6.2%, rgba(95,205,252,1) 9.1%, rgba(26,181,251,1) 9.1%, rgba(26,181,251,1) 15%, rgba(0,158,224,1) 15%, rgba(0,158,224,1) 100%); }

.page-leistungen-services .block-tooltip-bg,    
    .parent-pageid-14 .block-tooltip-bg,
    .leistungen-services .block-tooltip-bg,
/* EN colouring */
    .page-capabilities .block-tooltip-bg,    
    .parent-pageid-1206 .block-tooltip-bg,
    .capabilities .block-tooltip-bg
/* EN colouring */ { background: rgb(94,111,147);
background: linear-gradient(90deg, rgba(57,69,97,1) 0%, rgba(57,69,97,1) 5%, rgba(94,111,147,1) 5%, rgba(94,111,147,1) 6.2%, rgba(151,162,187,1) 6.2%, rgba(151,162,187,1) 9.1%, rgba(201,208,221,1) 9.1%, rgba(201,208,221,1) 15%, rgba(167,177,198,1) 15%, rgba(167,177,198,1) 100%);
    margin-bottom: 70px;
    }

    .page-karriere .block-listbox-bg,    
    .parent-pageid-16 .block-listbox-bg, 
    .karriere .block-listbox-bg,
/* EN colouring */
    .page-career .block-listbox-bg,    
    .parent-pageid-1195 .block-listbox-bg, 
    .career .block-listbox-bg
/* EN colouring */ { background: rgb(94,111,147);
background: linear-gradient(90deg, rgba(255,225,223,1) 0%, rgba(255,225,223,1) 5%, rgba(254,205,203,1) 5%, rgba(254,205,203,1) 6.2%, rgba(254,165,162,1) 6.2%, rgba(254,165,162,1) 9.1%, rgba(254,146,141,1) 9.1%, rgba(254,146,141,1) 15%, rgba(255,116,109,1) 15%, rgba(255,116,109,1) 100%);
    margin-bottom: 70px;
    }
    
    
    .parent-pageid-10 a.btn,
    .parent-pageid-10 p.info:before,
    .parent-pageid-10 .farbbalken,
    .parent-pageid-10 .block-partner,
    .parent-pageid-10 .block-text.farbe,
    .parent-pageid-10 .parent-name,
    .parent-pageid-10 .subnavigation ul li.active a,     
    .parent-pageid-10 .subnavigation ul li a:hover,
    .parent-pageid-10 .section-footer,
    .parent-pageid-10 .mobile-info,
    .page-produkte a.btn,
    .page-produkte p.info:before,
    .page-produkte .farbbalken,
    .page-produkte .block-partner,
    .page-produkte .block-text.farbe,
    .page-produkte .parent-name,
    .page-produkte .subnavigation ul li.active a,
    .page-produkte .subnavigation ul li.current_page_item a,
    .page-produkte .subnavigation ul li a:hover,
    .page-produkte .section-footer,
    .page-produkte .mobile-info,
    .produkte a.btn,
    .produkte p.info:before,
    .produkte .farbbalken,
    .produkte .block-partner,
    .produkte .block-text.farbe,
    .produkte .parent-name,
    .produkte .subnavigation ul li.active a,
    .produkte .subnavigation ul li.current_page_item a,
    .produkte .subnavigation ul li a:hover,
    .produkte .section-footer,
    .produkte .mobile-info,
    ul.main-nav li.subnav-active.produkte ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.produkte ul.sub-menu li:hover a,
    .page-produkte .block-footer-bg,
    .parent-pageid-10 .block-footer-bg,
/* EN colouring */
    .parent-pageid-1235 a.btn,
    .parent-pageid-1235 p.info:before,
    .parent-pageid-1235 .farbbalken,
    .parent-pageid-1235 .block-partner,
    .parent-pageid-1235 .block-text.farbe,
    .parent-pageid-1235 .parent-name,
    .parent-pageid-1235 .subnavigation ul li.active a,     
    .parent-pageid-1235 .subnavigation ul li a:hover,
    .parent-pageid-1235 .section-footer,
    .parent-pageid-1235 .mobile-info,
    .page-products a.btn,
    .page-products p.info:before,
    .page-products .farbbalken,
    .page-products .block-partner,
    .page-products .block-text.farbe,
    .page-products .parent-name,
    .page-products .subnavigation ul li.active a,
    .page-products .subnavigation ul li.current_page_item a,
    .page-products .subnavigation ul li a:hover,
    .page-products .section-footer,
    .page-products .mobile-info,
    .products a.btn,
    .products p.info:before,
    .products .farbbalken,
    .products .block-partner,
    .products .block-text.farbe,
    .products .parent-name,
    .products .subnavigation ul li.active a,
    .products .subnavigation ul li.current_page_item a,
    .products .subnavigation ul li a:hover,
    .products .section-footer,
    .products .mobile-info,
    ul.main-nav li.subnav-active.products ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.products ul.sub-menu li:hover a,
    .page-products .block-footer-bg,
    .parent-pageid-1235 .block-footer-bg
/* EN colouring */    
    {background-color: var(--produkte);}       
    
    .page-produkte .block-footer-bg,
    .parent-pageid-10 .block-footer-bg,
/* EN colouring */
    .page-products .block-footer-bg,
    .parent-pageid-1235 .block-footer-bg
/* EN colouring */
    {background-image: url("img/aerotech-peissenberg-produkte.svg"); background-position: left bottom; background-repeat: no-repeat; background-size: auto 100%;}
    
    .parent-pageid-14 a.btn,
    .parent-pageid-14 p.info:before,
    .parent-pageid-14 .farbbalken,
    .parent-pageid-14 .block-partner,
    .parent-pageid-14 .block-text.farbe,
    .parent-pageid-14 .parent-name,
    .parent-pageid-14 .subnavigation ul li.active a,
    .parent-pageid-14 .subnavigation ul li a:hover,
    .parent-pageid-14 .section-footer,
    .parent-pageid-14 .mobile-info,
    section.page-leistungen-services,
    .page-leistungen-services a.btn,
    .page-leistungen-services p.info:before,
    .page-leistungen-services .farbbalken,
    .page-leistungen-services .block-partner,
    .page-leistungen-services .block-text.farbe,
    .page-leistungen-services .parent-name,
    .page-leistungen-services .subnavigation ul li.active a,
    .page-leistungen-services .subnavigation ul li.current_page_item a, 
    .page-leistungen-services .subnavigation ul li a:hover,
    .page-leistungen-services .section-footer,
    .page-leistungen-services .mobile-info,
    section.leistungen-services,
    .leistungen-services a.btn,
    .leistungen-services p.info:before,
    .leistungen-services .farbbalken,
    .leistungen-services .block-partner,
    .leistungen-services .block-text.farbe,
    .leistungen-services .parent-name,
    .leistungen-services .subnavigation ul li.active a,
    .leistungen-services .subnavigation ul li.current_page_item a,
    .leistungen-services .subnavigation ul li a:hover,
    .leistungen-services .section-footer,
    .leistungen-services .mobile-info,
    ul.main-nav li.subnav-active.leistungen-services ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.leistungen-services ul.sub-menu li:hover a,
    .page-leistungen-services .block-footer-bg,
    .parent-pageid-14 .block-footer-bg,
/* EN colouring */
    .parent-pageid-1206 a.btn,
    .parent-pageid-1206 p.info:before,
    .parent-pageid-1206 .farbbalken,
    .parent-pageid-1206 .block-partner,
    .parent-pageid-1206 .block-text.farbe,
    .parent-pageid-1206 .parent-name,
    .parent-pageid-1206 .subnavigation ul li.active a,
    .parent-pageid-1206 .subnavigation ul li a:hover,
    .parent-pageid-1206 .section-footer,
    .parent-pageid-1206 .mobile-info,
    section.page-capabilities,
    .page-capabilities a.btn,
    .page-capabilities p.info:before,
    .page-capabilities .farbbalken,
    .page-capabilities .block-partner,
    .page-capabilities .block-text.farbe,
    .page-capabilities .parent-name,
    .page-capabilities .subnavigation ul li.active a,
    .page-capabilities .subnavigation ul li.current_page_item a, 
    .page-capabilities .subnavigation ul li a:hover,
    .page-capabilities .section-footer,
    .page-capabilities .mobile-info,
    section.capabilities,
    .capabilities a.btn,
    .capabilities p.info:before,
    .capabilities .farbbalken,
    .capabilities .block-partner,
    .capabilities .block-text.farbe,
    .capabilities .parent-name,
    .capabilities .subnavigation ul li.active a,
    .capabilities .subnavigation ul li.current_page_item a,
    .capabilities .subnavigation ul li a:hover,
    .capabilities .section-footer,
    .capabilities .mobile-info,
    ul.main-nav li.subnav-active.capabilities ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.capabilities ul.sub-menu li:hover a,
    .page-capabilities .block-footer-bg,
    .parent-pageid-1206 .block-footer-bg    
/* EN colouring */
    {background-color: var(--services);}
    
    .page-leistungen-services .block-footer-bg,
    .parent-pageid-14 .block-footer-bg,
/* EN colouring */
    .page-capabilities .block-footer-bg,
    .parent-pageid-1206 .block-footer-bg
/* EN colouring */
    {background-image: url("img/aerotech-peissenberg-leistungen.svg"); background-position: left bottom; background-repeat: no-repeat; background-size: auto 100%;}
    
    .parent-pageid-16 a.btn,
    .parent-pageid-16 p.info:before,
    .parent-pageid-16 .farbbalken,
    .parent-pageid-16 .block-partner,
    .parent-pageid-16 .block-text.farbe,
    .parent-pageid-16 .parent-name,
    .parent-pageid-16 .subnavigation ul li.active a, 
    .parent-pageid-16 .subnavigation ul li a:hover,
    .parent-pageid-16 .section-footer,
    .parent-pageid-16 .mobile-info,
    section.page-karriere,
    .page-karriere a.btn,
    .page-karriere p.info:before,
    .page-karriere .farbbalken,
    .page-karriere .block-partner,
    .page-karriere .block-text.farbe,
    .page-karriere .parent-name,
    .page-karriere .subnavigation ul li.active a,
    .page-karriere .subnavigation ul li.current_page_item a, 
    .page-karriere .subnavigation ul li a:hover,
    .page-karriere .section-footer,
    .page-karriere .mobile-info,
    section.karriere,
    .karriere a.btn,
    .karriere p.info:before,
    .karriere .farbbalken,
    .karriere .block-partner,
    .karriere .block-text.farbe,
    .karriere .parent-name,
    .karriere .subnavigation ul li.active a,
    .karriere .subnavigation ul li.current_page_item a,
    .karriere .subnavigation ul li a:hover,
    .karriere .section-footer,
    .karriere .mobile-info,
    ul.main-nav li.subnav-active.karriere ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.karriere ul.sub-menu li:hover a,
    .page-karriere .block-footer-bg,
    .parent-pageid-16 .block-footer-bg,         
    .parent-pageid-1195 a.btn,
    .parent-pageid-1195 p.info:before,
    .parent-pageid-1195 .farbbalken,
    .parent-pageid-1195 .block-partner,
    .parent-pageid-1195 .block-text.farbe,
    .parent-pageid-1195 .parent-name,
    .parent-pageid-1195 .subnavigation ul li.active a, 
    .parent-pageid-1195 .subnavigation ul li a:hover,
    .parent-pageid-1195 .section-footer,
    .parent-pageid-1195 .mobile-info,
    section.page-career,
    .page-career a.btn,
    .page-career p.info:before,
    .page-career .farbbalken,
    .page-career .block-partner,
    .page-career .block-text.farbe,
    .page-career .parent-name,
    .page-career .subnavigation ul li.active a,
    .page-career .subnavigation ul li.current_page_item a, 
    .page-career .subnavigation ul li a:hover,
    .page-career .section-footer,
    .page-career .mobile-info,
    section.career,
    .career a.btn,
    .career p.info:before,
    .career .farbbalken,
    .career .block-partner,
    .career .block-text.farbe,
    .career .parent-name,
    .career .subnavigation ul li.active a,
    .career .subnavigation ul li.current_page_item a,
    .career .subnavigation ul li a:hover,
    .career .section-footer,
    .career .mobile-info,
    ul.main-nav li.subnav-active.career ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.career ul.sub-menu li:hover a,
    .page-career .block-footer-bg,
    .parent-pageid-1195 .block-footer-bg {background-color: var(--karriere);} 
    
    
    .parent-pageid-2188 a.btn,
    .parent-pageid-2188 p.info:before,
    .parent-pageid-2188 .farbbalken,
    .parent-pageid-2188 .block-partner-bg .content,
    .parent-pageid-2188 .block-text.farbe,
    .parent-pageid-2188 .parent-name,
    .parent-pageid-2188 .subnavigation ul li.active a,     
    .parent-pageid-2188 .subnavigation ul li a:hover,
    .parent-pageid-2188 .section-footer,
    .parent-pageid-2188 .mobile-info,  
    .parent-pageid-2188.page-kontakt a.btn,
    .parent-pageid-2188.page-kontakt p.info:before,
    .parent-pageid-2188.page-kontakt .farbbalken,
    .parent-pageid-2188.page-kontakt .block-partner-bg .content,
    .parent-pageid-2188.page-kontakt .block-text.farbe,
    .parent-pageid-2188.page-kontakt .parent-name,
    .parent-pageid-2188.page-kontakt .subnavigation ul li.active a,
    .parent-pageid-2188.page-kontakt .subnavigation ul li.current_page_item a, 
    .parent-pageid-2188.page-kontakt .subnavigation ul li a:hover,
    .parent-pageid-2188.page-kontakt .section-footer,
    .parent-pageid-2188.page-kontakt .mobile-info,
    .page-infopool a.btn,
    .page-infopool p.info:before,
    .page-infopool .farbbalken,
    .page-infopool .block-partner-bg .content,
    .page-infopool .block-text.farbe,
    .page-infopool .parent-name,
    .page-infopool .subnavigation ul li.active a,
    .page-infopool .subnavigation ul li.current_page_item a,
    .page-infopool .subnavigation ul li a:hover,
    .page-infopool .section-footer,
    .page-infopool .mobile-info,
    .single-post .farbbalken,
    .single-post .parent-name,
    .infopool a.btn,
    .infopool p.info:before,
    .infopool .farbbalken,
    .infopool .block-partner-bg .content,
    .infopool .block-text.farbe,
    .infopool .parent-name,
    .infopool .subnavigation ul li.active a,
    .infopool .subnavigation ul li.current_page_item a,
    .infopool .subnavigation ul li a:hover,
    .infopool .section-footer,
    .infopool .mobile-info,
    ul.main-nav li.subnav-active.infopool ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.infopool ul.sub-menu li:hover a,
    .page-infopool .block-footer-bg,
    .parent-pageid-2188 .block-footer-bg,
/* EN colouring */
   
    .single-post a.btn
    {background-color: var(--infopool);}    
    
    
    
    
    .page-karriere .block-footer-bg,
    .parent-pageid-16 .block-footer-bg, 
    .page-career .block-footer-bg,
    .parent-pageid-1195 .block-footer-bg {background-image: url("img/aerotech-peissenberg-karriere.svg"); background-position: left bottom; background-repeat: no-repeat; background-size: auto 100%;}    
    
    
    section.page-kontakt,
    .page-kontakt a.btn,
    .page-kontakt p.info:before,
    .page-kontakt .farbbalken,
    .page-kontakt .block-partner,
    .page-kontakt .block-text.farbe,
    .page-kontakt .parent-name,
    .page-kontakt .subnavigation ul li.active a, 
    .page-kontakt .subnavigation ul li a:hover,
    .page-kontakt .section-footer,
    .page-kontakt .mobile-info,
    section.kontakt,
    .kontakt a.btn,
    .kontakt p.info:before,
    .kontakt .farbbalken,
    .kontakt .block-partner,
    .kontakt .block-text.farbe,
    .kontakt .parent-name,
    .kontakt .subnavigation ul li.active a,
    .kontakt .subnavigation ul li.current_page_item a,
    .kontakt .subnavigation ul li a:hover,
    .kontakt .section-footer,
    .kontakt .mobile-info,
    ul.main-nav li.subnav-active.kontakt ul.sub-menu li.current-menu-item a,
    ul.main-nav li.subnav-active.kontakt ul.sub-menu li:hover a,
    .kontakt .block-footer-bg {background-color: var(--kontakt);}
    
    a.btn:hover {
        padding: 4px 66px 4px 20px;
        border-bottom-right-radius: 23px;
        border-top-right-radius: 23px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    a.btn.video {position: relative;}
    
    a.btn.video:hover {border-bottom-right-radius: 0px;
        border-top-right-radius: 0px; padding: 4px 20px;}
        
    a.btn.video:after {content:''; left: calc(100% + 5px); top: 0px; width: 44px; height: 44px; background-image: url("img/icon-video-play.gif"); background-color: var(--unternehmen); display: block; position: absolute; background-size: 44px auto; background-position: left top; background-repeat: no-repeat; padding-right: 10px; -webkit-transition: all 0.4s; border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;}
    
    a.btn.video:hover:after {padding-right:66px;
        border-bottom-right-radius: 23px;
        border-top-right-radius: 23px; -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;}
    

p {margin: 0 0 25px 0;}

    p.info {position: relative; padding-left: 25px;}
    p.info:before {content: ''; position: absolute; height:100%; width:4px; left: 0px; top: 0px; background-color: #fff; }


strong {font-weight: 700;}

iframe {width:100%; height:auto;}


h1 {font: normal normal normal 54px/60px Montserrat; text-transform: uppercase; letter-spacing: 0.8px; margin: 0px 0px 40px 0px;}  
    h1 strong,
    h2 strong,
    .head-inner .header-headline strong {font-weight: 700; display: inline-block;}
    
     body:not(.home).page .header-headline {font: normal normal normal 36px/42px Montserrat; text-transform: uppercase; letter-spacing: 0.8px;}
     body:not(.home).page .header-headline {margin: 0px 0px;}
    
h2 {font: normal normal normal 54px/60px Montserrat; text-transform: uppercase; letter-spacing: 0.8px; margin: 0px 0px 40px 0px;}

h3 {font: normal normal 700 16px/24px Montserrat; text-transform: none; letter-spacing: 0px; margin: 0px 0px 30px 0px;}

.tooltip-box h3 {font: normal normal 700 24px/34px Montserrat; text-transform: none; letter-spacing: 0px; margin: 0px 0px 30px 0px;}



    .container-fluid {
        max-width: 1920px;
        position:relative;                
        padding-right: 160px;
        padding-left: 160px;
        margin-right: auto;
        margin-left: auto;        
    }            

    .row {
        margin-right: 0px;
        margin-left: 0px;  
        position: relative;
    }
    

.clearfix::after, .clearfix::before, 
.container-fluid::after, .container-fluid::before {
    display: table;
    content: " ";
}

.container-fluid::after {clear: both;}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



body:not(.home).page,
body:not(.home).single-post { -webkit-transition: all 1s; 
    -moz-transition: all 1s; 
    -ms-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s;
    overflow: hidden;
    }

body:not(.home).page.active,
body:not(.home).single-post.active { -webkit-transition: all 0.7s; 
    -moz-transition: all 0.7s; 
    -ms-transition: all 0.7s; 
    -o-transition: all 0.7s; 
    transition: all 0.7s;    
    }
    
body:not(.home).page.active.finish,
body:not(.home).single-post.active.finish { -webkit-transition: all 0.7s; 
    -moz-transition: all 0.7s; 
    -ms-transition: all 0.7s; 
    -o-transition: all 0.7s; 
    transition: all 0.7s;
    overflow: auto;
    }    
    
    body.home .whiteout {display: none;}
    body:not(.home) .whiteout {background-color: #fff; width: 100%; min-height: 50%; max-height: 50%; position: fixed; z-index: 10012; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s;  -o-transition: all 0.7s; transition: all 0.7s;}
        .top-layer {top: 0px;}
        .bottom-layer {bottom: 0vh;}
        
        body:not(.home).page.active.finish .top-layer,
        body:not(.home).single.active.finish .top-layer {min-height: 0%; max-height: 0%;}
        body:not(.home).page.active.finish .bottom-layer,
        body:not(.home).single.active.finish .bottom-layer {min-height: 0%; max-height: 0%;}
    
    body.home .animation-loader {display: none;}
    body:not(.home) .animation-loader {width:300px; height: 2px; position: fixed; z-index: 10013; left: calc(50% - 150px); right: calc(50% - 150px); top: calc(50% - 1px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-size: 200% 100%; animation: progressbar 1.1s ease-in-out infinite; }
    
    body:not(.home) .animation-loader, /* impressum, datenschutz */    
    body:not(.home).page-unternehmen .animation-loader,
    body:not(.home).page-company .animation-loader,
    body:not(.home).parent-pageid-12 .animation-loader,
    body:not(.home).parent-pageid-12.page-kontakt .animation-loader,
    body:not(.home).parent-pageid-1184 .animation-loader,
    body:not(.home).parent-pageid-1184.page-unternehmen .animation-loader
    {background: linear-gradient(to left, #181E2C 50%, #009EE0 50% ); background-size: 200% 100%;
        animation: progressbar 1.1s ease-in-out infinite}
        
        
    body:not(.home).page-produkte .animation-loader,
    body:not(.home).parent-pageid-10 .animation-loader,
    body:not(.home).page-products .animation-loader,
    body:not(.home).parent-pageid-1235 .animation-loader {background: linear-gradient(to left, #ebecf0 50%, #385ECC 50% ); background-size: 200% 100%;
        animation: progressbar 1.1s ease-in-out infinite}
        
        
    body:not(.home).page-leistungen-services .animation-loader,
    body:not(.home).parent-pageid-14 .animation-loader,
    /* EN colouring */
        body:not(.home).page-capabilities .animation-loader,
        body:not(.home).parent-pageid-1206 .animation-loader
    /* EN colouring */
    {background: linear-gradient(to left, #ebecf0 50%, #495779 50% ); background-size: 200% 100%;
        animation: progressbar 1.1s ease-in-out infinite}
        
        
    body:not(.home).page-karriere .animation-loader,
    body:not(.home).parent-pageid-16 .animation-loader,
    body:not(.home).page-career .animation-loader,
    body:not(.home).parent-pageid-1195 .animation-loader {background: linear-gradient(to left, #181E2C 50%, #FF746D 50% ); background-size: 200% 100%;
        animation: progressbar 1.1s ease-in-out infinite} 
        

    body:not(.home).single-post .animation-loader,
    body:not(.home).page-infopool .animation-loader,
    body:not(.home).parent-pageid-2188 .animation-loader,
    body:not(.home).parent-pageid-ENiD .animation-loader {background: linear-gradient(to left, #181E2C 50%, #B2D238 50% ); background-size: 200% 100%;
        animation: progressbar 1.1s ease-in-out infinite} 
        
        
    body:not(.home).page-kontakt .animation-loader {background: linear-gradient(to left, #181E2C 50%, #009EE0 50% ); background-size: 200% 100%;
        animation: progressbar 1.1s ease-in-out infinite}

@keyframes progressbar {
	0% {
		background-position: 100% 0%;
	}
	100% {
		background-position: 0% 50%;
	}

}

    body:not(.home).active .animation-loader {width:100%; background: #181E2C; left:0%; right: 0%; }
    body:not(.home).finish .animation-loader {display: none;}
        
        body:not(.home).page main,
        body:not(.home).single-post main {padding-top: 100px;}
        body:not(.home).page main .content a:hover,
        body:not(.home).single-post main .content a:hover {text-decoration: underline;}
        
         body:not(.home).page main .content a, /* impressum, datenschutz */       
         body:not(.home).page.parent-pageid-12 main .content a,
         body:not(.home).page.parent-pageid-12 .block-tooltip,
         body:not(.home).page.parent-pageid-12 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-12 .block-tooltip .tooltip-box a,         
         body:not(.home).page.page-unternehmen main .content a,
         body:not(.home).page.page-unternehmen .block-tooltip,
         body:not(.home).page.page-unternehmen .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-unternehmen .block-tooltip .tooltip-box a,
         li.unternehmen .sub-wrapper .headline,
         
         body:not(.home).page.parent-pageid-1184 main .content a,
         body:not(.home).page.parent-pageid-1184 .block-tooltip,
         body:not(.home).page.parent-pageid-1184 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-1184 .block-tooltip .tooltip-box a,         
         body:not(.home).page.page-company main .content a,
         body:not(.home).page.page-company .block-tooltip,
         body:not(.home).page.page-company .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-company .block-tooltip .tooltip-box a,
         li.company .sub-wrapper .headline {color: var(--unternehmen);}
         
         body:not(.home).page.parent-pageid-10 main .content a,
         body:not(.home).page.parent-pageid-10 .block-tooltip,
         body:not(.home).page.parent-pageid-10 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-10 .block-tooltip .tooltip-box a,
         body:not(.home).page.page-produkte main .content a,
         body:not(.home).page.page-produkte .block-tooltip,
         body:not(.home).page.page-produkte .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-produkte .block-tooltip .tooltip-box a,
         li.produkte .sub-wrapper .headline,
         /* EN colouring */
         body:not(.home).page.parent-pageid-1235 main .content a,
         body:not(.home).page.parent-pageid-1235 .block-tooltip,
         body:not(.home).page.parent-pageid-1235 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-1235 .block-tooltip .tooltip-box a,
         body:not(.home).page.page-products main .content a,
         body:not(.home).page.page-products .block-tooltip,
         body:not(.home).page.page-products .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-products .block-tooltip .tooltip-box a,
         li.products .sub-wrapper .headline
          /* EN colouring */ 
          {color: var(--produkte);}
         
         body:not(.home).page.parent-pageid-14 main .content a,
         body:not(.home).page.parent-pageid-14 .block-tooltip,
         body:not(.home).page.parent-pageid-14 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-14 .block-tooltip .tooltip-box a,
         body:not(.home).page.page-leistungen-services main .content a,
         body:not(.home).page.page-leistungen-services .block-tooltip,
         body:not(.home).page.page-leistungen-services .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-leistungen-services .block-tooltip .tooltip-box a,
         li.leistungen-services .sub-wrapper .headline,
    /* EN colouring */
        body:not(.home).page.parent-pageid-1206 main .content a,
         body:not(.home).page.parent-pageid-1206 .block-tooltip,
         body:not(.home).page.parent-pageid-1206 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-1206 .block-tooltip .tooltip-box a,
         body:not(.home).page.page-capabilities main .content a,
         body:not(.home).page.page-capabilities .block-tooltip,
         body:not(.home).page.page-capabilities .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-capabilities .block-tooltip .tooltip-box a,
         li.capabilities .sub-wrapper .headline
    /* EN colouring */
         {color: var(--services);}
         
         body:not(.home).page.parent-pageid-16 main .content a,
         body:not(.home).page.parent-pageid-16 .block-tooltip,
         body:not(.home).page.parent-pageid-16 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-16 .block-tooltip .tooltip-box a,
         body:not(.home).page.page-karriere main .content a,
         body:not(.home).page.page-karriere .block-tooltip,
         body:not(.home).page.page-karriere .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-karriere .block-tooltip .tooltip-box a,
         li.karriere .sub-wrapper .headline,
    /* EN colouring */
         body:not(.home).page.page-career main .content a,
         body:not(.home).page.page-career .block-tooltip,
         body:not(.home).page.page-career .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-career .block-tooltip .tooltip-box a,
         li.career .sub-wrapper .headline,
         body:not(.home).page.parent-pageid-1195 main .content a,
         body:not(.home).page.parent-pageid-1195 .block-tooltip,
         body:not(.home).page.parent-pageid-1195 .block-tooltip .tooltip-box h3,
         body:not(.home).page.parent-pageid-1195 .block-tooltip .tooltip-box a
    /* EN colouring */
        {color: var(--karriere);}   
         
         body:not(.home).page.page-kontakt main .content a,
         body:not(.home).page.page-kontakt .block-tooltip,
         body:not(.home).page.page-kontakt .block-tooltip .tooltip-box h3,
         body:not(.home).page.page-kontakt .block-tooltip .tooltip-box a,
         li.kontakt .sub-wrapper .headline {color: var(--unternehmen);}
         
         body:not(.home).page.infopool main .content a,
         body:not(.home).page.infopool .block-tooltip,
         body:not(.home).page.infopool .block-tooltip .tooltip-box h3,
         body:not(.home).page.infopool .block-tooltip .tooltip-box a,
         body:not(.home).single-post main .content a,
         body:not(.home).single-post .block-tooltip .tooltip-box.visible,
         body:not(.home).single-post .block-tooltip .tooltip-box.visible h3,
         body:not(.home).single-post .block-tooltip .tooltip-box.visible a,
         li.infopool .sub-wrapper .headline
        {color: var(--infopool);} 
        
         body:not(.home).single-post .block-tooltip,
         body:not(.home).single-post .block-tooltip .tooltip-box h3,
         body:not(.home).single-post .block-tooltip .tooltip-box a {color: #fff; text-align: left;} 
        
        body:not(.home).single-post .block-tooltip {background-color: var(--infopool);}
        
        body:not(.home).single-post .block-tooltip .tooltip-box h3 {max-width: none;}
        body:not(.home).single-post .block-tooltip .tooltip p {margin: 0px; text-align: left;}
        body:not(.home).single-post .block-tooltip .tooltip-box.visible p {color: #000;}

header {position: fixed; width:100%; min-height: 100px; max-height: 100px; overflow: hidden; z-index: 10001; background-color: #fff;}
.home header {min-height: 0px; max-height: 0px; webkit-transition: all 0.6s; 
        -moz-transition: all 0.6s; 
        -ms-transition: all 0.6s; 
        -o-transition: all 0.6s; 
        transition: all 0.6s;}
    
    .home header.show,
    header.overflow {min-height: 100px; max-height: 100px; overflow: visible;}
    .single header { z-index: 1000001; }

    header .container-fluid .row {display: flex; height: 85px;}   
    
   

/* navigation */

.mobile {display: none;}

a.toggle-menu {display: none; position: absolute; width: 50px; right: -0px; top: 34px; }

    a.toggle-menu span {display: block; width: calc(100% - 10px); height: 2px; background: var(--dark); transition: all .3s; position: relative;}
    a.toggle-menu span + span {margin-top: 14px; }
    a.toggle-menu span.line2 {margin-left: 8px;}






	ul.main-nav {position: relative; top: 56px; margin: 0px; font-size: 16px; line-height: 19px; display: flex; flex-wrap: wrap; padding: 6px 60px 0px 90px; width: calc(100% - 493px); max-width: 910px; height: 30px; justify-content:space-between; align-self: flex-start; /* border-right: 1px solid #181E2C; */}
    ul.main-nav li {display: inline-block; padding: 0px 0px 19px 0px; margin: 0px 10px 0px 10px;} 
        ul.main-nav li:first-child {margin-left: 0px;}
        ul.main-nav li:last-child {margin-right: 0px;}
        
        ul.main-nav ul li {display: block; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} 
    
    ul.main-nav li a:after{ display: none; content: ''; position: absolute; width:11px; background-color: #000; height: 11px; left: 0; bottom:0px; color: #000; transition: all; animation: moveRight 5s 0.2s infinite;
    }
    ul.main-nav li.unternehmen a:before,
    ul.main-nav li.unternehmen:hover a:after,
    ul.main-nav li.unternehmen.current_page_item a:after,
    ul.main-nav li.unternehmen.current_page_parent a:after,
    ul.main-nav li.unternehmen.current-page-ancestor a:after {background-color: var(--unternehmen);}    
    
    ul.main-nav li.produkte a:before,
    ul.main-nav li.produkte:hover a:after,
    ul.main-nav li.produkte.current_page_item a:after,
    ul.main-nav li.produkte.current_page_parent a:after,
    ul.main-nav li.produkte.current-page-ancestor a:after,
/* EN colouring */
    ul.main-nav li.products a:before,
    ul.main-nav li.products:hover a:after,
    ul.main-nav li.products.current_page_item a:after,
    ul.main-nav li.products.current_page_parent a:after,
    ul.main-nav li.products.current-page-ancestor a:after
/* EN colouring */ 
    {background-color: var(--produkte);}
    
    ul.main-nav li.leistungen-services a:before,
    ul.main-nav li.leistungen-services:hover a:after,
    ul.main-nav li.leistungen-services.current_page_item a:after,
    ul.main-nav li.leistungen-services.current_page_parent a:after,
    ul.main-nav li.leistungen-services.current-page-ancestor a:after {background-color: var(--services);}
    
   ul.main-nav li.karriere a:before,
   ul.main-nav li.karriere:hover a:after,
    ul.main-nav li.karriere.current_page_item a:after,
    ul.main-nav li.karriere.current_page_parent a:after,
    ul.main-nav li.karriere.current-page-ancestor a:after {background-color: var(--karriere);}
    
    ul.main-nav li.kontakt a:before,
    ul.main-nav li.kontakt:hover a:after,
    ul.main-nav li.kontakt.current_page_item a:after,
    ul.main-nav li.kontakt.current_page_parent a:after,
    ul.main-nav li.kontakt.current-page-ancestor a:after {background-color: var(--kontakt);}
    
    ul.main-nav li.infopool a:before,
    ul.main-nav li.infopool:hover a:after,
    ul.main-nav li.infopool.current_page_item a:after,
    ul.main-nav li.infopool.current_page_parent a:after,
    ul.main-nav li.infopool.current-page-ancestor a:after {background-color: var(--infopool);}
    
    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,
    ul.main-nav li.current-page-ancestor a:after {display: block;}
    
    ul.main-nav li:hover ul li a:after,
    ul.main-nav li.current_page_item ul li a:after,
    ul.main-nav li.current_page_parent ul li a:after,
    ul.main-nav li.current-page-ancestor ul li a:after {display: none;}
    

    
    
        @keyframes moveRight {
          0% {
            left: 0%;
          }
          50% {
            left: calc(100% - 11px);
          }
          100% {
            left: 0%;
          }
        }
    
   
        ul.main-nav li a {color:var(--nav); position: relative; padding: 0px 0px 16px 5px;}                
            ul.main-nav li a:hover,
            ul.main-nav li.current_page_item a,
            ul.main-nav li.current_page_parent a {color:var(--dark);} 
            
            .sub-wrapper-inner {overflow: hidden; position: relative; height: 360px;}
            
            .produkte .sub-wrapper-inner,
            .products .sub-wrapper-inner {overflow: hidden; position: relative; height: 400px;}
            
            .sub-wrapper-inner .img-wrapper {position: absolute; right: 0px; top: 80px; z-index: 100002; max-width: 360px;}
            .sub-wrapper-inner img {max-width: 360px;}
                        
            .sub-wrapper {display: none; z-index: 100001; padding: 25px 30px;}
                .subnav-active .sub-wrapper {position: absolute; background-color: #fff; color:var(--dark);  width:1020px; left: 30px;  top: 44px; height: 450px; border-top: 15px solid; letter-spacing: 0px; margin-top: 0px;}     
                
                 .produkte.subnav-active .sub-wrapper,
                 .products.subnav-active .sub-wrapper {height: 500px}
                .sub-wrapper .headline {font-size: 24px; line-height: 29px; text-transform: uppercase; border-bottom: 2px solid #c6c7cb; padding-bottom: 15px; position: relative;}
                .sub-wrapper .headline .close {position: absolute; right: 0px; height: 30px; width: 30px; display: block; cursor: pointer; top: 0px;}
                .sub-wrapper .subline {font-size: 12px; line-height: 18px; font-style: italic;}

        .sub-menu {display: none;}
            
        .subnav-active .sub-wrapper,
        .subnav-active .sub-menu {display: block;}
        
        .subnav-active .sub-menu {position: absolute; background-color: #fff; color:var(--dark); z-index: 100002; left: 60px; padding: 0px; margin: 0px; top: 158px; width: 360px;}
        
        ul.main-nav li.subnav-active ul.sub-menu li a {font-size: 16px; line-height: 45px; padding: 4px 13px 3px; color: var(--subnav);}
        ul.main-nav li.subnav-active ul.sub-menu li.current-menu-item a {font-weight: 700; color: #fff;}
        ul.main-nav li.subnav-active ul.sub-menu li:hover a {color: #fff;}
        
        
        
            
    div.right-part {align-self: flex-end; margin-left: auto;}
    
    ul.sprachwahl {width: 85px; height: 30px; position: relative; display: inline-block; padding: 0px 0px 0px 25px; margin: 0px; border-left: 1px solid #181E2C; }
        ul.sprachwahl li {display: inline-block;}
        ul.sprachwahl li a {color:var(--dark); font-size: 16px; line-height: 19px; opacity: 0.5;}
        ul.sprachwahl li.active a {opacity: 1;}
        
    .vollversion {height: 30px; position: relative; display: inline-block; padding: 0px 25px 0px 30px; border-left: 1px solid #181E2C;}      
    .vollversion a {color:var(--nav); font-size: 16px; line-height: 19px; display: none;}
    .vollversion a span {width:20px; display: inline-block;}
    .vollversion a.linkicon {display: block; margin-top: 3px;}
            
    .suche {padding-left: 5px; height: 30px; position: relative; top: 54px; display: none;}    
    .suche svg {position: absolute; top: 9px; webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s;}  
    
    .suche label:hover svg {webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s;
        transform: scale(1.2);
        }

        .search-field {
          background-color: transparent;
          border: none;
          cursor: pointer;
          height: 32px;
          margin: 0px 0;
          padding: 0 0 0 34px;
          position: relative;
          -webkit-transition: all 1s;
          transition: all 1s;
          width: 100%;
          text-align: left;
          color:var(--dark); font-size: 16px; line-height: 19px;
        }
        
        input.search-field:focus-visible {outline: 0px;}
        
        input.search-field:focus-visible::-webkit-input-placeholder,
        input.search-field:focus-visible::placeholder {color: #fff;}
        
        input {font: normal normal 400 16px/19px Montserrat;}
        input::placeholder {color: var(--dark); margin: 0px; padding: 0px; text-align: left; opacity: 1;}
        input::-webkit-input-placeholder {opacity: 1;}
        
        .search-submit, .screen-reader-text {
              display: none;
            }
            	
    .subnavi-container {display: none;}                
  
    
main {position: relative;}                
main img {width: 100%; display: block; height: auto;}
    
section {position: relative;}
section .inner {padding: 60px 0px 80px;}

    section .farbbalken {height: 15px; width: 0%; position: absolute; left: 0px; bottom:0px; z-index: 10000; webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
    body:not(.home).page .farbbalken,
    body:not(.home).single-post .farbbalken {height: 15px; width: 100%; position: relative; left: 0px; top:0px; z-index: 10000;}
    
        body:not(.home).page .farbbalken.sticky,
        body:not(.home).single-post .farbbalken.sticky {position: fixed; top: 100px;}
    
    section.active .farbbalken {width: 100%; webkit-transition: all 2s; 
        -moz-transition: all 2s; 
        -ms-transition: all 2s; 
        -o-transition: all 2s; 
        transition: all 2s;}
    
    .prodlist {position: absolute; width: 185px; bottom:10%; right: -10%; opacity: 0;}
    
    .prodlist.prod1.moved {animation: moveIn1 1.5s 1s ease-out forwards /*, compress1 2s 5s forwards; */}
    .prodlist.prod2.moved {animation: moveIn2 1.5s 2s ease-out forwards /*, compress2 2s 5s forwards; */}
    .prodlist.prod3.moved {animation: moveIn3 1.5s 3s ease-out forwards /*, compress3 2s 5s forwards; */}
    .prodlist.prod4.moved {animation: moveIn4 1.5s 4s ease-out forwards /*, compress4 2s 5s forwards; */}
        
@keyframes moveIn1 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: 42%;}
          100% {right: 43%; opacity: 1;}          
        }
        
@keyframes moveIn2 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: 34%;}
          100% {right: 35%; opacity: 1;}
        }
@keyframes moveIn3 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: 26%;}
          100% {right: 27%; opacity: 1;}
        }        
@keyframes moveIn4 {
          0% {right: -10%; opacity: 0;}
          40% {opacity: 1;}
          80% {right: 18%;}
          100% {right: 19%; opacity: 1;}
        }      


/*

@keyframes compress1 {
          0% {right: 43%; opacity: 1;}          
          100% {right: 32%; opacity: 1;}          
        }
        
@keyframes compress2 {
          0% {right: 35%; opacity: 1;}
          100% {right: 32%; opacity: 1;}    
        }
@keyframes compress3 {
          0% {right: 27%; opacity: 1;}          
          100% {right: 32%; opacity: 1;}    
        }        
@keyframes compress4 {
          0% {right: 19%; opacity: 1;}          
          100% {right: 32%; opacity: 1;}    
        }
*/
      

.video-player {
    position: absolute;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
   
    z-index: -10;
}

.video-player iframe,
.video-player object,
.video-player embed {
    position: absolute;
    top: 45px;
    left: 10%;
    width: 80%;
    height: 100%;
}
      

    a.video-close {position: absolute; right: 40px; top: 40px; color: #fff; cursor: pointer; font-size: 35px;}

.overlay {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -10;   background-color:#181E2C;}

.visible {display: block;}      
.video-player.visible { position:relative; z-index: 10112; } 
.overlay.visible { z-index: 10111; }

.pagination {position: fixed; top: 50%; transform: translateY(-50%); font-size: 16px; z-index: 10000; list-style: none; text-align: right; right: 160px; text-transform: uppercase; margin: 0px; padding: 0px; opacity: 1; webkit-transition: all 1s; 
        -moz-transition: all 1s; 
        -ms-transition: all 1s; 
        -o-transition: all 1s; 
        transition: all 1;}
        

.pagination.hide {opacity: 0; right: 100px; webkit-transition: all 1s; 
        -moz-transition: all 1s; 
        -ms-transition: all 1s; 
        -o-transition: all 1s; 
        transition: all 1s;}

    .pagination li {position: relative; margin-bottom: 25px;}
        .pagination li a {padding-right: 20px; line-height: 42px; display: block;}
        .pagination li a:after {content:''; display: block; position: absolute; right: 2px; width: 2px; height: 100%; top: 0px; z-index: 10001; -webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s;
        transform: scaleX(1);
        }
        
            .pagination li a.Unternehmen:after, .pagination li a.Company:after {background-color: var(--unternehmen); }
            .pagination li a.Produkte:after, .pagination li a.Products:after {background-color: var(--produkte); }
            .pagination li a.Leistungen-Services:after, .pagination li a.Leistungen:after, .pagination li a.Capabilities:after {background-color: var(--services); }
            .pagination li a.Karriere:after, .pagination li a.Career:after {background-color: var(--karriere); }
            .pagination li a.Kontakt:after, .pagination li a.Contact:after {background-color: var(--kontakt); }
            
    .pagination li a {opacity: 0.8; -webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s; }
        
    .pagination li a.active,
    .pagination li a:hover {opacity: 1; -webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s; }
    
    .pagination li a.active:after,
    .pagination li a:hover:after {transform: scaleX(3); -webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s; }


.panel {height: 100vh; background-repeat: no-repeat;}
.panel.produkte { overflow-x:hidden; }

.panel .sectiontext {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10000; max-width: 1920px; padding-right: 160px; padding-left: 160px; margin-right: auto; margin-left: auto; }

    .sectiontext a.kontakt {position: relative; padding-left: 50px; display: inline-block; font-weight: 700;}
        a.phone {margin: 20px 0px 10px 0px;}
        a.mail {margin: 10px 0px 25px 0px;}
    
        a.phone:before {content:''; background-image: url("img/icon-phone.svg"); width: 39px; height: 39px; background-size: 39px 39px; background-repeat: no-repeat; position: absolute; left: 0px; top: -3px; }
        a.mail:before {content:''; background-image: url("img/icon-letter.svg"); width: 39px; height: 39px; background-size: 39px 39px; background-repeat: no-repeat; position: absolute; left: 0px; top: -3px; }

.panel.slider .sectiontext {top: calc(50% + 50px);}
        .sectiontext p {padding-left: 17px; border-left: 10px solid; max-width: 840px; width: 100%; margin: 0px 0px 50px 0px;}
        
        .unternehmen .sectiontext p,
        .unternehmen.subnav-active .sub-wrapper,
        .page-unternehmen .content-inner .content .block-text h1,
        .page-template-textseiten .content-inner .content .block-text h1,
        .page-unternehmen .block-kacheln h4,
        .page-unternehmen .content-inner .content h2,
        .parent-pageid-12 .content-inner .content h1,
        .parent-pageid-12 .content-inner .content .block-download h4,
        /* EN colouring */
        .company .sectiontext p,
        .company.subnav-active .sub-wrapper,
        .page-company .content-inner .content .block-text h1,
        .page-company .block-kacheln h4,
        .page-company .content-inner .content h2,
        .parent-pageid-1184 .content-inner .content h1,
        .parent-pageid-1184 .content-inner .content .block-download h4
        /* EN colouring */ {border-color: var(--unternehmen); }
        
        .produkte .sectiontext p,
        .produkte.subnav-active .sub-wrapper,
        .page-produkte .content-inner .content .block-text h1,
        .page-produkte .block-kacheln h4,
        .page-produkte .content-inner .content h2,
        .parent-pageid-10 .content-inner .content h1,
        .parent-pageid-10 .content-inner .content .block-download h4,
        /* EN colouring */
        .products .sectiontext p,
        .products.subnav-active .sub-wrapper,
        .page-products .content-inner .content .block-text h1,
        .page-products .block-kacheln h4,
        .page-products .content-inner .content h2,
        .parent-pageid-1235 .content-inner .content h1,
        .parent-pageid-1235 .content-inner .content .block-download h4  
        /* EN colouring */
        {border-color: var(--produkte); }
        
        .leistungen-services .sectiontext p,
        .leistungen-services.subnav-active .sub-wrapper,
        .page-leistungen-services .content-inner .content .block-text h1,
        .page-leistungen-services .block-kacheln h4,
        .page-leistungen-services .content-inner .content h2,
        .parent-pageid-14 .content-inner .content h1,
        .parent-pageid-14 .content-inner .content .block-download h4,    
        /* EN colouring */
            .capabilities .sectiontext p,
            .capabilities.subnav-active .sub-wrapper,
            .page-capabilities .content-inner .content .block-text h1,
            .page-capabilities .block-kacheln h4,
            .page-capabilities .content-inner .content h2,
            .parent-pageid-1206 .content-inner .content h1,
            .parent-pageid-1206 .content-inner .content .block-download h4 {border-color: var(--services); }
        /* EN colouring END */
        
        .karriere .sectiontext p,
        .karriere.subnav-active .sub-wrapper,
        .page-karriere .content-inner .content .block-text h1,
        .page-karriere .block-kacheln h4,
        .page-karriere .content-inner .content h2,
        .parent-pageid-16 .content-inner .content h1,
        .parent-pageid-16 .content-inner .content .block-download h4,
    /* EN colouring */
        .career .sectiontext p,
        .career.subnav-active .sub-wrapper,
        .page-career .content-inner .content .block-text h1,
        .page-career .block-kacheln h4,
        .page-career .content-inner .content h2,
        .parent-pageid-1195 .content-inner .content h1,
        .parent-pageid-1195 .content-inner .content .block-download h4 {border-color: var(--karriere); }    
        
        .kontakt .sectiontext p {border-color: var(--kontakt); max-width:640px; }
        .kontakt.subnav-active .sub-wrapper,
        .page-kontakt .content-inner .content .block-text h1,
        .page-kontakt .block-kacheln h4,
        .page-kontakt .content-inner .content h2,
        .parent-pageid-28 .content-inner .content h1,
        .parent-pageid-28 .content-inner .content .block-download h4 {border-color: var(--unternehmen); }
        
        .infopool .sectiontext p,
        .infopool.subnav-active .sub-wrapper,
        .page-infopool .content-inner .content .block-text h1,
        .page-infopool .block-kacheln h4,
        .page-infopool .content-inner .content h2,
        .parent-pageid-2188 .content-inner .content h1,
        .parent-pageid-2188 .content-inner .content h2,
        .parent-pageid-2188 .content-inner .content .block-download h4,
        /* EN colouring */
        .parent-pageid-ENiD .content-inner .content h1,
        .parent-pageid-ENiD .content-inner .content .block-download h4
        /* EN colouring */ {border-color: var(--infopool); }

                

.panel ul.splide {list-style: none; padding: 0px; margin: 0px; height: 100vh; width: 100%; overflow: hidden;}
    .panel li.splide__slide {overflow: hidden; height: 100vh; width: 100%;}
    .panel li.splide__slide img {min-height: 100%; min-width: 100%; width: auto;}
    

.block-galerie {padding: 30px 0px; margin-bottom: 60px; }
.block-galerie .splide {margin: 0px auto 40px auto; max-height: 250px;}    
    .block-galerie li {overflow: hidden; height: auto;}
    .block-galerie li img {min-height: none; min-width: none; width: 100%; height: auto; opacity: 0.25; transform: scale(0.95); border-radius: 10px; -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; 
    transition: all 0.3s;}
    
    .block-galerie li.is-active.is-visible img {opacity: 1; transform: scale(1); -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; 
    transition: all 0.3s;}
    
    
    .block-galerie .splide__pagination {bottom: -30px;}
    .block-galerie .splide__pagination li {width:26px; margin: 0px 7px;} 
    
    .block-galerie button.splide__arrow {background-color: transparent; padding: 0px; border: 0px; box-shadow: none; cursor: pointer; position: absolute; top: calc(50% - 15px);}
    
    .block-galerie button.splide__arrow--prev {left: -50px; transform: scaleX(-1) translateY(-50%);}
    .block-galerie button.splide__arrow--next {right: -50px; transform: translateY(-50%);}
    
    .block-galerie button.splide__arrow svg {width:20px;}
    
    .parent-pageid-12 .block-galerie h3,
    .parent-pageid-12 .block-tooltip h3,
    .page-unternehmen .block-galerie h3,
    .page-unternehmen .block-tooltip h3,
    /* EN colouring */
    .parent-pageid-1184 .block-galerie h3,
    .parent-pageid-1184 .block-tooltip h3,
    .page-company .block-galerie h3,
    .page-company .block-tooltip h3
    /* EN colouring */
    {border-left: 6px solid var(--unternehmen); padding: 2px 12px;}
    
    .parent-pageid-10 .block-galerie h3,
    .parent-pageid-10 .block-tooltip h3,
    .page-produkte .block-galerie h3,
    .page-produkte .block-tooltip h3,
    /* EN colouring */
    .parent-pageid-1235 .block-galerie h3,
    .parent-pageid-1235 .block-tooltip h3,
    .page-products .block-galerie h3,
    .page-products .block-tooltip h3
    /* EN colouring */ {border-left: 6px solid var(--produkte); padding: 2px 12px;}
    
    .parent-pageid-14 .block-galerie h3,
    .parent-pageid-14 .block-tooltip h3,
    .page-leistungen-services .block-galerie h3,
    .page-leistungen-services .block-tooltip h3,
        /* EN colouring */
        .parent-pageid-1206 .block-galerie h3,
        .parent-pageid-1206 .block-tooltip h3,
        .page-capabilities .block-galerie h3,
        .page-capabilities .block-tooltip h3 {border-left: 6px solid var(--services); padding: 2px 12px;}
        /* EN colouring */

    
    .parent-pageid-16 .block-galerie h3,
    .parent-pageid-16 .block-tooltip h3,
    .page-karriere .block-galerie h3,
    .page-karriere .block-tooltip h3,
    /* EN colouring */
    .parent-pageid-1195 .block-galerie h3,
    .parent-pageid-1195 .block-tooltip h3,
    .page-career .block-galerie h3,
    .page-career .block-tooltip h3
    /* EN colouring */
    {border-left: 6px solid var(--karriere); padding: 2px 12px;}
    
    
    .parent-pageid-12 .block-galerie button.splide__arrow svg path,
    .page-unternehmen .block-galerie button.splide__arrow svg path,
    .parent-pageid-1184 .block-galerie button.splide__arrow svg path,
    .page-company .block-galerie button.splide__arrow svg path {fill: var(--unternehmen);}
    
    .parent-pageid-10 .block-galerie button.splide__arrow svg path,
    .page-produkte .block-galerie button.splide__arrow svg path,
    .parent-pageid-1235 .block-galerie button.splide__arrow svg path,
    .page-products .block-galerie button.splide__arrow svg path {fill: var(--produkte);}
    
    .parent-pageid-14 .block-galerie button.splide__arrow svg path,
    .page-leistungen-services .block-galerie button.splide__arrow svg path,
        /* EN colouring */
            .parent-pageid-1206 .block-galerie button.splide__arrow svg path,
            .page-capabilities .block-galerie button.splide__arrow svg path {fill: var(--services);}
        /* EN colouring */
    
    
    
    .parent-pageid-16 .block-galerie button.splide__arrow svg path,
    .page-karriere .block-galerie button.splide__arrow svg path,
    .parent-pageid-1195 .block-galerie button.splide__arrow svg path,
    .page-career .block-galerie button.splide__arrow svg path {fill: var(--karriere);}
    
    .page-kontakt .block-galerie button.splide__arrow svg path,
    .page-contact .block-galerie button.splide__arrow svg path {fill: var(--kontakt);}
    

    .splide__pagination {bottom: 74px; left: 50%; position: absolute; transform: translateX(-50%); width: 100%; z-index: 10000; padding-left:0px;}
	.home .splide__pagination { display:none; }
    .single .splide__pagination { z-index:100; }
    .splide__pagination li {
      display: inline-block;
      line-height: 1;
      list-style-type: none;
      margin: 0px 15px;
      pointer-events: auto;
      width: 54px;
      height: 20px;
      position: relative;
    }
    
    .splide__pagination__page {
      background: transparent;
      border: 0;
      border-radius: 0px;
      display: block;
      height: 30px;      
      padding: 0;         
      width: 100%;       
      cursor: pointer;
    }    

    .splide__pagination__page.is-active:before,
    .splide__pagination__page:hover:before{
        transform: scaleY(3);
        -webkit-transition: all 0.3s; 
        -moz-transition: all 0.3s; 
        -ms-transition: all 0.3s; 
        -o-transition: all 0.3s; 
        transition: all 0.3s; 
        bottom: 5px; 
        background-color: #fff;
        opacity: 1;
        }
        
        
        .splide__pagination__page:before {
            content:' ';
            height: 2px;
            width: 100%;
            background-color: #fff;
            display: block;
            position: absolute; 
            bottom: 5px;
            -webkit-transition: all 0.3s; 
            -moz-transition: all 0.3s; 
            -ms-transition: all 0.3s; 
            -o-transition: all 0.3s; 
            transition: all 0.3s;
        }
        .parent-pageid-12 .block-galerie .splide__pagination__page:before,
        .page-unternehmen .block-galerie .splide__pagination__page:before,
        .parent-pageid-12 .container-fluid.sticky-container,
        .page-unternehmen .container-fluid.sticky-container,
		/* EN colouring */
        .parent-pageid-1184 .block-galerie .splide__pagination__page:before,
        .page-company .block-galerie .splide__pagination__page:before,
        .parent-pageid-1184 .container-fluid.sticky-container,
        .page-company .container-fluid.sticky-container
        /* EN colouring */
        {background-color: var(--unternehmen);}      
        
        .parent-pageid-10 .block-galerie .splide__pagination__page:before,
        .page-produkte .block-galerie .splide__pagination__page:before,
        .parent-pageid-10 .container-fluid.sticky-container,
        .page-produkte .container-fluid.sticky-container,
        /* EN colouring */
        .parent-pageid-1235 .block-galerie .splide__pagination__page:before,
        .page-products .block-galerie .splide__pagination__page:before,
        .parent-pageid-1235 .container-fluid.sticky-container,
        .page-products .container-fluid.sticky-container
        /* EN colouring */
        {background-color: var(--produkte);}
        
        .parent-pageid-14 .block-galerie .splide__pagination__page:before,
        .page-leistungen-services .block-galerie .splide__pagination__page:before,
        .parent-pageid-14 .container-fluid.sticky-container,
        .page-leistungen-services .container-fluid.sticky-container,
            /* EN colouring */
                .parent-pageid-1206 .block-galerie .splide__pagination__page:before,
                .page-capabilities .block-galerie .splide__pagination__page:before,
                .parent-pageid-1206 .container-fluid.sticky-container,
                .page-capabilities .container-fluid.sticky-container {background-color: var(--services);}
            /* EN colouring */

        
        .parent-pageid-16 .block-galerie .splide__pagination__page:before,
        .parent-pageid-1195 .block-galerie .splide__pagination__page:before,
        .page-karriere .block-galerie .splide__pagination__page:before,
        .page-career .block-galerie .splide__pagination__page:before,
        .parent-pageid-16 .container-fluid.sticky-container,
        .parent-pageid-1195 .container-fluid.sticky-container,
        .page-karriere .container-fluid.sticky-container,
        .page-career .container-fluid.sticky-container {background-color: var(--karriere);}
        
        .parent-pageid-28 .block-galerie .splide__pagination__page:before,
        .page-kontakt .block-galerie .splide__pagination__page:before,
        .parent-pageid-28 .container-fluid.sticky-container,
        .page-kontakt .container-fluid.sticky-container,
        .parent-pageid-28 .block-galerie .splide__pagination__page:before,
        .page-contact .block-galerie .splide__pagination__page:before,
        .parent-pageid-28 .container-fluid.sticky-container,
        .page-contact .container-fluid.sticky-container {background-color: var(--unternehmen);}
        

        .parent-pageid-2188 .block-galerie .splide__pagination__page:before,
        .parent-pageid-enID .block-galerie .splide__pagination__page:before,
        .page-infopool .block-galerie .splide__pagination__page:before,
        .parent-pageid-2188 .container-fluid.sticky-container,
        .parent-pageid-enID .container-fluid.sticky-container,
        .page-infopool .container-fluid.sticky-container,
        .single-post .container-fluid.sticky-container-single,
        .single-post .block-galerie .splide__pagination__page:before {background-color: var(--infopool);}
        
        .single-post .block-galerie button.splide__arrow path { fill: var(--infopool); }
        

.head {height: 650px; position: relative;}
    .head .container-fluid, .head .container-fluid .row {height: 100%;}
        .head-inner {max-width: 925px; margin: 0px auto 0 153px; position: relative; height: 100%;}
            .head-inner-spacer {position: absolute; top: 50%; transform: translateY(-50%);}
            .parent-name {font-size: 16px; line-height: 22px; letter-spacing: 0.64px; padding: 5px 12px 4px 12px; margin-bottom: 15px; text-transform: uppercase; font-weight: 700; display: inline-block;}
         

    .subnavigation {width: 100%; max-width: 1280px; margin: 15px auto 30px auto;}
    .subnavigation ul {margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: space-between;}
    .subnavigation .button-group {margin: 15px auto 30px auto; max-width: 1280px; width: 100%; padding: 0px; list-style: none; display: flex; justify-content: space-between;}
    
    
        .subnavigation ul li a,
        .subnavigation .button-group button {text-transform: uppercase; color: #fff; padding: 3px 10px; text-decoration: none; font-size: 16px; line-height: 19px; background-color: transparent; border: 0px; border-radius: 0px;}
        .subnavigation .button-group button:hover { color:var(--infopool);}
        
        .subnavigation ul li.active a,
        .subnavigation ul li a:hover,
        .subnavigation ul li.current_page_item a,
        .subnavigation .button-group button:hover,
        .subnavigation .button-group button.is-checked {background-color: #fff !important;}
        
        .parent-pageid-12 .subnavigation ul li.active a,
        .page-unternehmen .subnavigation ul li.active a,
        .parent-pageid-12 .subnavigation ul li a:hover,
        .page-unternehmen .subnavigation ul li a:hover,
        .parent-pageid-12 .subnavigation ul li.current_page_item a,
            /* EN colouring */
                .parent-pageid-1184 .subnavigation ul li.active a,
                .page-company .subnavigation ul li.active a,
                .parent-pageid-1184 .subnavigation ul li a:hover,
                .page-company .subnavigation ul li a:hover,
                .parent-pageid-1184 .subnavigation ul li.current_page_item a
            /* EN colouring */ {color: var(--unternehmen);}
        
        .parent-pageid-10 .subnavigation ul li.active a,
        .page-produkte .subnavigation ul li.active a,
        .parent-pageid-10 .subnavigation ul li a:hover,
        .page-produkte .subnavigation ul li a:hover,
        .parent-pageid-10 .subnavigation ul li.current_page_item a,
            /* EN colouring */
                .parent-pageid-1235 .subnavigation ul li.active a,
                .page-products .subnavigation ul li.active a,
                .parent-pageid-1235 .subnavigation ul li a:hover,
                .page-products .subnavigation ul li a:hover,
                .parent-pageid-1235 .subnavigation ul li.current_page_item a
            /* EN colouring */ {color: var(--produkte);}

        .parent-pageid-14 .subnavigation ul li.active a,
        .page-leistungen-services .subnavigation ul li.active a,
        .parent-pageid-14 .subnavigation ul li a:hover,
        .page-leistungen-services .subnavigation ul li a:hover,
        .parent-pageid-14 .subnavigation ul li.current_page_item a,
            /* EN colouring */
                .parent-pageid-1206 .subnavigation ul li.active a,
                .page-capabilities .subnavigation ul li.active a,
                .parent-pageid-1206 .subnavigation ul li a:hover,
                .page-capabilities .subnavigation ul li a:hover,
                .parent-pageid-1206 .subnavigation ul li.current_page_item a {color: var(--services);}
            /* EN colouring */


        .parent-pageid-16 .subnavigation ul li.active a,
        .parent-pageid-1195 .subnavigation ul li.active a,
        .page-karriere .subnavigation ul li.active a,
        .page-career .subnavigation ul li.active a,
        .parent-pageid-16 .subnavigation ul li a:hover,
        .parent-pageid-1195 .subnavigation ul li a:hover,
        .page-karriere .subnavigation ul li a:hover,
        .page-career .subnavigation ul li a:hover,
        .parent-pageid-16 .subnavigation ul li.current_page_item a,
        .parent-pageid-1195 .subnavigation ul li.current_page_item a {color: var(--karriere);}

        .parent-pageid-28 .subnavigation ul li.active a,
        .page-kontakt .subnavigation ul li.active a,
        .parent-pageid-28 .subnavigation ul li a:hover,
        .page-kontakt .subnavigation ul li a:hover,
        .parent-pageid-28 .subnavigation ul li.current_page_item a,
        .parent-pageid-28 .subnavigation ul li.active a,
        .page-contact .subnavigation ul li.active a,
        .parent-pageid-28 .subnavigation ul li a:hover,
        .page-contact .subnavigation ul li a:hover,
        .parent-pageid-28 .subnavigation ul li.current_page_item a {color: var(--unternehmen);}


        .parent-pageid-2188 .subnavigation ul li.active a,
        .subnavigation .button-group button.is-checked,        
        .page-infopool .subnavigation ul li.active a,
        .parent-pageid-2188 .subnavigation ul li a:hover,
        .page-infopool .subnavigation ul li a:hover,
        .parent-pageid-2188 .subnavigation ul li.current_page_item a,    
        .single-post .subnavigation ul li.active a,             
            /* EN colouring */
                .parent-pageid-ENiD .subnavigation ul li.active a,
                .parent-pageid-ENiD .subnavigation ul li a:hover,
                .parent-pageid-ENiD .subnavigation ul li.current_page_item a
            /* EN colouring */ {color: var(--infopool);}

    
        
        .mobile-info { margin: -1px 15px 0px 0px; padding: 1px 10px 1px 10px; display: none; overflow: hidden; width: auto; float: left; }
        .nav-arrow {display: none;}

.single-post .content-inner {margin-top: 85px;}

.content-inner, .content-inside {width: 100%; max-width: 1280px; margin: 0px auto;}
.content-inner.spacer {margin-top: 165px;}

    .featured-image {max-height: 450px; overflow: hidden; margin-top: 80px; opacity: 1; -webkit-transition: opacity 1s; 
    -moz-transition: opacity 1s; 
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s; 
    transition: opacity 1s;}
    
    .featured-image.sticky {max-width: 1280px; position: fixed; top: 104px; width: 100%;}
    .featured-image.sticky.change-opacity {opacity: 0; -webkit-transition: opacity 1.1s ease; 
    -moz-transition: opacity 1.1s ease; 
    -ms-transition: opacity 1.1s ease;
    -o-transition: opacity 1.1s ease; 
    transition: opacity 1.1s ease;}

    .content {width: 100%; margin: 0px auto 0px auto; background-color: transparent; position: relative;}

    .content.lets-change-opacity {margin-top: 700px; opacity: 0;     -webkit-transition: all 0.6s ease-out; 
    -moz-transition: all 0.6s ease-out; 
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out; 
    transition: all 0.6s ease-out;
    }
.page-id-2505 .content.lets-change-opacity {opacity:1;}
.wp-block-embed__wrapper {
  padding-bottom: 56%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.wp-block-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
    .lets-change-opacity .block-text {
      padding: 10px 30px 60px 30px;
      background-color: transparent;
    }

    .lets-change-opacity .block-text.shadow { -webkit-box-shadow: 0px 0px 24px -13px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 24px -13px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 24px -13px rgba(0,0,0,0.5);
            max-width: none;
            padding: 30px 100px 55px 160px;
            }

    .block-text.shadow,
    .single-post .block-text.shadow { -webkit-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            max-width: none;
            padding: 70px 160px 55px 160px;
            }
            
    .page-stellenangebote .block-text.shadow {margin-bottom:60px;}
            
    .block-listbox-bg.shadow {background: none !important;}

    
     .container-fluid:last-of-type .lets-change-opacity .block-text.shadow:last-child,
     .container-fluid:last-of-type .block-text.shadow:last-child {margin-bottom: 90px;}

    .content.lets-change-opacity.change-opacity {margin-top: 700px; opacity: 1; -webkit-transition: all 0.6s; 
    -moz-transition: all 0.6s; 
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s; 
    transition: all 0.6s;}
    
    .container-fluid.sticky-container.sticky {position: fixed; top: 115px; left: 0; right: 0; z-index: 10000; } 
    
    .container-fluid.sticky-container-single.sticky {position: fixed; top: 115px; left: 0; right: 0; z-index: 10000; } 

    .block-text {max-width: 1020px; margin: 0px auto; background-color: #fff;}
    
    .block-listbox-bg .block-text,
    .block-listbox-bg .block-text.farbe {max-width: none; padding: 55px 55px 55px 0px;}
    
    .block-text.farbe, figure.wp-block-table {padding: 15px 55px 5px 20px;}
    figure.wp-block-table {
        -webkit-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
        margin-top: 40px;
        margin-bottom: 80px;
        padding: 20px 20px 5px 55px;
        background-color: #fff;
        }
figure.wp-block-embed {
  -webkit-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
	margin:40px auto 80px;
  padding: 20px;
  background-color: #fff;
	max-width:800px;
}
    .block-text {padding: 80px 30px 30px 30px;}
    
    .single-post .block-text {padding: 40px 30px 30px 30px;}

    .content-inner .content h1 {font: normal normal 700 36px/36px Montserrat; text-transform: uppercase;  letter-spacing: 0px; margin: 0px 0px 30px 0px;   padding-top: 0px; padding-left: 20px; border-left: 10px solid; }   
    
    .content-inner .content .block-text h1  {font: normal normal 700 36px/42px Montserrat; margin: 10px 0px 55px -160px;}   
    
    .content h2 {font: normal normal 200 36px/42px Montserrat; text-transform: uppercase; letter-spacing: 0.7px; margin: 0px 0px 40px 0px;}        
    .content h3 {font: normal normal 600 16px/24px Montserrat; text-transform:none; letter-spacing: 0px; margin: 0px 0px 40px 0px;}
    
    .content-inner .content .block-text.shadow h5 {font: normal normal 400 24px/36px Montserrat; text-transform: none; letter-spacing: 0.48px; margin: 50px 20px 40px 0px; display: inline-block; max-width: 50%;}
    
    .block-text ul {margin: 15px 0px 20px 0px; padding: 0px 0px 0px 30px;}    
    .block-text p:last-of-type {margin: 0px;}
    .block-text img {margin-bottom: 30px; max-width: 100%; width:auto; margin: 30px auto 50px auto;}
    .block-text img.alignright {margin: 0px 0px 0px 20px; display: inline; width: calc(50% - 50px);}
    
    .block-text .icons img {margin: 6px 3px 0px 3px;}
    
    .block-text p {clear: both;}    
    
    body:not(.home).page main .content .block-text a.btn {color: #fff; margin-top: 25px; display: inline-block; font-size: 16px; line-height: 24px; padding: 8px 30px 8px 30px;}
    body:not(.home).page main .content .block-text a.btn:hover {text-decoration: none; padding: 8px 50px 8px 30px;}
    
    .block-text.farbe {color: #fff;} 
    .block-text.farbe.shadow {padding: 70px 160px 55px 160px;}
    
    .block-text ul.icons {display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 20px 0px; padding: 0px;}
        .block-text ul.icons li {width:11.1%;}
        .block-text ul.icons li img {max-width: 100px;}

.block-partner  {padding: 30px; overflow: hidden;}
    .block-partner h3, .block-text.farbe h3, .block-text.farbe strong {color: #fff; border-left: 5px solid #fff; padding-left: 12px;}

    .block-partner ul {margin: 40px 10px 25px 10px; padding: 0px; list-style: none; }
        .block-partner ul li {width: 25%; margin: 10px 0px 10px; text-align: center;}
        main .block-partner ul li img {max-width: 170px; margin: 0px auto;}
        
/*       

.marquee-content {  display: flex; animation: scrolling 100s linear infinite; }
.marquee-content li {flex: 0 0 12vw; margin: 0 1vw;}
.marquee-content li img {display: block; width: 100%; }

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}

*/

:root {
  --size: 170px;
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}


.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: calc(var(--size) / 14);
  margin: 100px 0px;
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: calc(var(--size) / 14);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}


/* Element styles */
.marquee img {
  display: grid;
  place-items: center;
  width: var(--size);
  padding: calc(var(--size) / 10);
  opacity: 0.6;
}        
        
    .content .wp-block-table tr td:last-of-type {padding: 30px 0px !important; border-bottom: 1px solid #c9cbce !important; width: 90%; max-width: 802px;}

    .table-row, .content tr {display: flex;  align-content: center; }
    .table-row:last-of-type, .content .wp-block-table tr:last-of-type td:last-of-type {border-bottom: 0px !important;}
    .col2, .content tr td:first-of-type {width: 20%; min-width: 170px; max-width: 170px; font-size: 42px; line-height: 42px; letter-spacing: 0.42px; display: flex; align-items: center; font-weight: 400;}
    .col8 {display: flex; align-items: center;}
    
.wp-block-table td, .wp-block-table th {
  border: 0px solid !important;
  padding: 0px !important;
}

        .parent-pageid-12 .col2, .unternehmen .col2,
        .parent-pageid-12 .content tr td:first-of-type,
        .page-unternehmen .col2, .unternehmen .col2 {color: var(--unternehmen);}

    .col8 {width: 80%; max-width: calc(100% - 170px); }
    
    .wp-block-table td {border: 0px;}


.block-kacheln h3, .block-kacheln h4 {border-left: 5px solid; padding-left: 10px; margin-bottom: 25px;}
.block-download h4 {border-left: 5px solid; padding-left: 10px; margin: 30px 0px 75px 0px;}
.kacheln {display: flex; flex-wrap: wrap; justify-content: space-between;}

 .block-kacheln .content-inner.spacer { margin-top: 65px; margin-bottom: 50px; }


.kachel {width: calc(50% - 30px); max-width: 600px; margin-bottom: 60px; -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1); }
.kachel-content {background-color: #fff; padding: 20px 30px 30px 30px;  text-align: center; }
.content-inner .content .kachel-content h3 {font-size: 24px; border-left: 0px; margin-bottom: 10px; text-align: left; padding-left: 0px; text-transform: none; font-weight: 700;}
.kachel-content p {text-align: left;}
.kachel-content a.btn,
.infopool-kachel a.btn,
.single-post a.btn {color: #fff !important; font-size: 16px; line-height: 24px; padding: 10px 30px; margin: 0px auto;}


.kachel-content a.btn:hover {padding: 10px 60px 10px 30px; text-decoration: none;}

.kachel-img {overflow: hidden;}
.kachel-img img {  transition: transform 1.2s; /* Animation */ }

.kachel-img img:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


div.test:after {content:''; display: block; width:100%; height: 100%; background-color: #f1f1f2; overflow: hidden;}
div.test:before {content:''; background-color: #fff; width: 200%; height: 150%; position: fixed; left: -100%; top: -75%; border-radius: 50%;}


.section-footer {margin:150px auto 120px auto; width: 90%; max-width: 960px; color: #fff; font-size: 24px; line-height: 35px; text-align: center; display: flex; justify-content: center; align-items: center; text-transform: uppercase; position: relative; border: 1px solid #fff;}
    .section-footer .span {width:50px;}
    .section-footer p {margin: 40px 20px 40px 0px; color: #fff !important;}
    .section-footer p a {color: #fff !important;}
    .section-footer img {display: inline-block; width: auto; margin-right:20px;}    
    
    .section-footer:before { content: ''; display: block; position: absolute; left: -20px; bottom:0px;}
    
    .parent-pageid-12 .section-footer:before,
    .parent-pageid-12.page-kontakt .section-footer:before,   
    .page-unternehmen .section-footer:before,
        /* EN colouring */
            .parent-pageid-1184 .section-footer:before,
            .parent-pageid-1184.page-kontakt .section-footer:before,
            .page-company .section-footer:before
        /* EN colouring */ {border-color: transparent transparent var(--unternehmen) transparent;}
    
    .parent-pageid-10 .section-footer:before,
    .page-produkte .section-footer:before,
        /* EN colouring */
            .parent-pageid-1235 .section-footer:before,
            .page-products .section-footer:before
        /* EN colouring */ {border-color: transparent transparent var(--produkte) transparent;}
    
    .parent-pageid-14 .section-footer:before,
    .page-leistungen-services .section-footer:before,
        /* EN colouring */
            .parent-pageid-1206 .section-footer:before,
            .page-capabilities .section-footer:before {border-color: transparent transparent var(--services) transparent;}
        /* EN colouring */
    
    .parent-pageid-16 .section-footer:before,
    .parent-pageid-1195 .section-footer:before,
    .page-karriere .section-footer:before,
    .page-career .section-footer:before {border-color: transparent transparent var(--karriere) transparent;}
    
    .parent-pageid-12 .footer-triangle,
    .page-unternehmen .footer-triangle,
        /* EN colouring */
            .parent-pageid-1184 .footer-triangle,
            .page-company .footer-triangle
        /* EN colouring */ {background-color: var(--unternehmen);}
    
    .parent-pageid-10 .footer-triangle,
    .page-produkte .footer-triangle,
        /* EN colouring */
            .parent-pageid-1235 .footer-triangle,
            .page-products .footer-triangle
        /* EN colouring */ {background-color: var(--produkte);}
    
    .parent-pageid-14 .footer-triangle,
    .page-leistungen-services .footer-triangle,
        /* EN colouring */
            .parent-pageid-1206 .footer-triangle,
            .page-capabilities .footer-triangle {background-color: var(--services);}
        /* EN */

    .parent-pageid-16 .footer-triangle,
    .parent-pageid-1195 .footer-triangle,
        /* EN colouring */
            .page-karriere .footer-triangle,
            .page-career .footer-triangle
        /* EN colouring */ {background-color: var(--karriere);}
    
    
.footer-triangle {
  width: 25px;
  height: 35px;
  border-left: 1px solid white;
  position: absolute;
  left: -30px;
  bottom: -6px;
  margin: 0px;
  transform: rotate(-90deg);
} 
.footer-triangle::before,
.footer-triangle::after {
  content: "";
  position: absolute;
  height: 1px;  
  transform-origin: 0 0;
}
.footer-triangle::before {
  top: 0px;
  left: 0px;
  right: -18px;
  background: white;
  transform: rotate(55deg);
}    

.footer-triangle::after {
  bottom: 0;
  right: 25px;
  left: -1.5px;
  transform: rotate(0deg);  
}
    
    

.block-subinfo {padding: 0px 0px 30px 0px; margin-bottom: 80px;}
    .block-subinfo .subinfo-inner {background-color: #fff; border-radius: 0px; padding: 55px 55px 80px 50px; -webkit-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
        }
    
        .subinfo-inner img {border-radius: 50px; margin-bottom: 45px;}        
        .subinfo-fact {padding-bottom: 0px; margin-bottom: 30px; }
            .subinfo-fact h3 {font: normal normal 400 36px/36px Montserrat; text-transform: uppercase; letter-spacing: 0.48px; margin: 0px 0px 22px 0px; display: flex; align-items: center;}
            .subinfo-inner .subinfo-fact h3 img {width:75px; border-radius: 0px; margin-bottom: 0px; margin-right: 40px;}
            .subinfo-inner .subinfo-fact p {margin-left: 115px;}
            .subinfo-inner .subinfo-fact p:last-child {border-bottom: 1px solid #bcbdc0; padding-bottom: 40px;}
            .subinfo-inner .subinfo-fact:last-child p:last-child {border-bottom: 0px solid #bcbdc0; padding-bottom: 0px;}
            .subinfo-inner .subinfo-fact a.btn {color: #fff; margin-left: 0px; margin-bottom: 50px; display: inline-block; font-size: 16px;}
            
            body:not(.home).page.parent-pageid-1184 main .content .subinfo-inner .subinfo-fact a.btn {color: #fff;}
            
            body:not(.home).page main .content .subinfo-fact a.btn:hover {text-decoration: none;}
            
        
            .subinfo-fact:last-of-type {margin-bottom: 0px; border-bottom: 0px solid #bcbdc0;}            
            .block-subinfo.newBottomCorners .subinfo-fact:last-of-type {margin-bottom: 0px; border-bottom: 1px solid #bcbdc0; }
            
            .subinfo-fact:last-of-type p:last-of-type {margin-bottom: 0px;}
            
            .subinfo-fact:last-of-type a:last-of-type {margin-top: 25px;}
            
            body:not(.home).page.parent-pageid-12 main .content .subinfo-fact a.btn,
            body:not(.home).page.page-unternehmen main .content .subinfo-fact a.btn,
            
            body:not(.home).page.parent-pageid-10 main .content .subinfo-fact a.btn,
            body:not(.home).page.page-produkte main .content .subinfo-fact a.btn,
            
            body:not(.home).page.parent-pageid-14 main .content .subinfo-fact a.btn,
            body:not(.home).page.page-leistungen-services main .content .subinfo-fact a.btn,
                /* EN colouring */
                body:not(.home).page.parent-pageid-1206 main .content .subinfo-fact a.btn,
                body:not(.home).page.page-capabilities main .content .subinfo-fact a.btn,

            body:not(.home).page.parent-pageid-16 main .content .subinfo-fact a.btn,
            body:not(.home).page.page-karriere main .content .subinfo-fact a.btn,
            body:not(.home).page.parent-pageid-1195 main .content .subinfo-fact a.btn,
            body:not(.home).page.page-career main .content .subinfo-fact a.btn {color: #fff;}
            
.block-tooltip {padding: 30px;}


    .parent-pageid-12 .block-tooltip,
    .page-unternehmen .block-tooltip {background-color: #DCDEE5;}
    .parent-pageid-10 .block-tooltip,
    .page-produkte .block-tooltip {background-color: #DCDEE5;}
    .parent-pageid-14 .block-tooltip,
    .page-leistungen-services .block-tooltip {background-color: #a7b1c6;}
        /* EN colouring */
            .parent-pageid-1206 .block-tooltip,
            .page-capabilities .block-tooltip {background-color: #a7b1c6;}
        /* EN colouring */
        
    .parent-pageid-16 .block-tooltip,
    .page-karriere .block-tooltip,
/* EN colouring */
    .page-career .block-tooltip,
    .parent-pageid-1195 .block-tooltip
/* EN colouring */
    {background-color: #DCDEE5;}
    
    .parent-pageid-12 .block-tooltip,
    .page-kontakt .block-tooltip {background-color: #DCDEE5;}
    
        .tooltip-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0px 20px;}
            .tooltip-box {display: flex; align-items: center; width: calc(33% - 15px); min-width:235px; margin-bottom: 30px; margin-top: 30px; position: relative;  }
            .tooltip-box img {max-width: 76px; margin-right: 20px;}
            .block-tooltip .tooltip-box h3 {margin-bottom: 6px; line-height: 24px; border-left: 0px; padding-left: 0px; text-transform: uppercase; text-align: center; width: 210px;}
            .block-tooltip .tooltip-box div.more {display: inline-block; font-size: 16px; line-height: 24px; padding-left: 35px; position: relative; cursor: pointer;}
            .block-tooltip .tooltip-box div.more:before {content:''; position: absolute; width:27px; background-image: url("img/icon-pfeil.svg"); background-size: 27px 9px; background-repeat: none; left: 0px; top: 8px; display: block; height: 9px; }                       
            
            .tooltip-box.visible .tooltip {visibility: visible; opacity: 1;}
            .tooltip {border-radius: 20px; padding: 25px 20px 20px 20px; background-color: #fff; position: absolute; left: 0px; top: -10px; right: 0px; width: calc(100% - 20px); z-index: 9999;  text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.25s linear; font-size: 13px; line-height: 16px; -webkit-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.75);}
            .block-tooltip .tooltip-box .tooltip h3 {width: 100%; text-align: center; max-width: 200px; margin-left: auto; margin-right:auto;}
            .tooltip p {margin: 0px; text-align: center;}
            .tooltip ul {padding:5px 0px 0px 15px; margin: 10px 0px 5px; text-align: left;}
            .block-tooltip .tooltip-box .tooltip h3 {margin-bottom: 12px;}
            .tooltip .close {display: none; position: absolute; right: 17px; font-weight: 700; top: 11px; cursor: pointer;}
            .tooltip-box.visible .tooltip .close {display: block;}

.block-bild {max-height: 450px; overflow: hidden;}

.block-download {margin-bottom: 80px; -webkit-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            max-width: none;
            padding: 30px 160px 55px 160px;}

.downloads {font-size: 24px; line-height: 24px; letter-spacing: 0.48px; padding: 20px 0px 20px 35px; text-transform: uppercase; position: relative; border-top: 1px solid var(--dark); cursor: pointer;}
    .downloads:after {content:''; position: absolute; right: 20px; width:31px; height: 31px; display: block; background-image: url(img/icon-plus.svg); top: 17px;}
    .downloads.active:after {content:''; position: absolute; right: 20px; width:31px; height:31px; display: block; background-image: url(img/icon-minus.svg); top: 17px;}
.download-panel {padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.download-panel ul {margin: 0px 0px 40px 20px;}
.download-panel:last-of-type, .downloads:last-of-type {border-bottom: 0px solid var(--dark);}
.download-panel p {margin-left: 20px;}

.page-template-infopool .content-inner { margin-top:0px; }
.page-template-infopool .content-inner.spacer { margin-top:235px; }
.infopool {display: flex; flex-wrap: wrap; gap: 30px; padding: 30px 0px 70px 0px;}

    .infopool-kachel {width:calc(33.33% - 20px); 
            
            max-width: none;            
            position: relative;
            padding: 0px 30px 100px;
            }
    .infopool .shadow-wrap {
            -webkit-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 30px -13px rgba(0,0,0,0.5);
        }
        .grid-sizer {width: calc(33.33% - 20px);}
        
        .gutter-sizer {width: 20px;}
        
        .infopool-kachel-inner {
            padding: 15px 15px 90px 15px;  
            text-align: center;
            }
            
            
    .content .infopool-kachel h2 {
      font: normal normal 600 16px/24px Montserrat;
      text-transform: none;
      letter-spacing: 0px;
      margin: 10px 0px 0px 0px;
      text-align: left;
    }
    
    .lets-change-opacity .infopool-kachel .block-text {
      padding: 10px 0px 0px 0px;
      background-color: transparent;
    }    
    
    .content .infopool-kachel small,
    .content .infopool-kachel p {
        text-align: left;
        display: block;
        }
    
    .infopool-kachel a.btn {
      position: absolute;
      bottom: 140px;
      width: calc(100% - 80px);
      left: 40px;
    }
    .page-template-infopool .featured-image.sticky.change-opacity,
    .page-template-infopool .featured-image {
        transition: none;
        display: none;
    }
    .page-template-infopool .content.lets-change-opacity,
    .page-template-infopool .content.lets-change-opacity.change-opacity {
        margin-top:150px;
        opacity:1;
        transition:none;
    }
    .page-template-infopool .content.lets-change-opacity .block-text {
      padding: 80px 30px 30px 30px;
    }

footer {padding: 25px 0px 25px 0px; position: relative; background-color: var(--dark); z-index: 10002;}    
.single footer { z-index:1000;}
    footer a.logo {width: 222px; height: 79px; background-image: url("img/Logo_ATP_Gothic_white.svg"); float: left;}
    footer .copyright {font-size:12px; float: left; width: 310px;}
    
    footer ul.sitemap {list-style: none; margin: 40px 0px 50px 100px; padding: 0px; float: left; display: flex; width: calc(100% - 350px); max-width: 930px; justify-content: space-between;}
    footer ul.sitemap li {display: inline-block; font-size: 12px; line-height: 24px; padding-right: 10px; padding-left: 10px; border-right: 0px solid #fff; font-weight: 700;}
    footer ul.sitemap li ul.sub-menu li a {color:#B1B9CE;}
    footer ul.sitemap li ul.sub-menu li a:hover {color:#fff;}
        footer ul.sitemap li ul.sub-menu {display: block; padding-left: 0px;}
            footer ul.sitemap li ul.sub-menu li {display: block; font-weight: 400; padding-right: 0px; padding-left: 0px;}
    
    footer ul.meta {list-style: none; margin: 0px; padding: 0px; float: right;}
        footer ul.meta li {display: inline-block; font-size: 14px; line-height: 21px; padding-right: 20px; padding-left: 20px; border-right: 1px solid #fff;}
        footer ul.meta li:last-child {border-right: 0px; padding-right: 0px; }
        footer ul.meta li:first-child {padding-left: 0px; }        
        footer ul.meta li a:hover {text-decoration:underline;}
    
    .scroll-up {position: absolute; right: 0; top:28px; width: 45px; text-align: center; height: 70px; cursor: pointer; font-size: 12px; background-image: url("img/Back2Top.svg"); background-repeat: no-repeat;}
        .scroll-up:hover {font-weight: 700;}