@charset "utf-8";
/* CSS Document */
/*
Theme Name: GPPAD
Author: networkerz gmbh
Author URI: https://networkerz.de/
Description: main css
Version: 1.0
License: private
License URI: https://www.networkerz.de
*/
/* font-faces 
/* fira-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/fira-sans-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/FiraSans-Book.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/fira-sans-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/fira-sans-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


* {
	 margin: 0; padding: 0;
	 box-sizing: border-box;
	 }

html, body {
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:18px;
	line-height: 30px;
	line-height: 1.65;
	margin:0px;
	padding:0px;
	hyphens: auto;
}
strong {
	font-weight:500;
}
h1 {
  font: normal normal 600 40px/52px Fira Sans;
  margin:0;
}
.page-title {
  font: normal normal normal 40px/52px Fira Sans;
}
h2, .acc_headline {
  font: normal normal normal 22px/29px Fira Sans;
}
.home h2 {
	font: normal normal 600 27px/29px Fira Sans;
	text-transform: uppercase;
}
.home footer h2, footer h2, .projects-grid h3  {
  font: normal normal normal 20px/26px Fira Sans;
	text-transform:none;
}
h3 {
  font: normal normal normal 18px/25px Fira Sans;
}
.projects-grid h3 {
  font: normal normal normal 18px/20px Fira Sans;
}
p, button.btn-more, input[type="submit"], ul {
  font: normal normal 400 14px/26px Fira Sans;
}
.caption {
  font: normal normal normal 13px/20px Fira Sans;
}
.image-buttons .number-count {
  font: normal normal bold 63px/75px Fira Sans;
}
.image-buttons p:last-child {
  font: normal normal normal 16px/28px Fira Sans;
}
.home .page-title {
  font: normal normal 300 20px/32px Fira Sans;
}
.home .sub-title{
  font: normal normal 600 20px/32px Fira Sans;
}
input[type="text"], input[type="email"], input[type="checkbox"] + .wpcf7-list-item-label {
  font: normal normal normal 15px/30px Fira Sans;
}
footer li a {
  font: normal normal normal 16px/19px Fira Sans;
}
footer h3 {
	text-transform:uppercase;
	font: normal normal 300 24px/28px Fira Sans;
}
button.btn-more span::after {
		margin-top:4px;
	}
button.btn-more.download span::before {
		margin-top:0px;
	}

@media(min-width:520px) {
  p, button.btn-more, input[type="submit"], ul {
		font: normal normal normal 16px/28px Fira Sans; }
	button.btn-more span::after {
		margin-top:5px;
	}
}
@media(min-width:768px) {
   h1 {
    font: normal normal 600 50px/62px Fira Sans;
  }
  .page-title {
    font: normal normal normal 50px/62px Fira Sans;
  }
  h2, .acc_headline {
      font: normal normal normal 28px/35px Fira Sans;
    }
.home h2 {
  font: normal normal 600 32px/42px Fira Sans;
}
  .home footer h2, footer h2, .projects-grid h3 {
  font: normal normal normal 25px/31px Fira Sans;
}
  h3 {
  font: normal normal normal 22px/29px Fira Sans;
}
  .caption {
  font: normal normal normal 14px/21px Fira Sans;
}
  .image-buttons .number-count {
  font: normal normal bold 90px/100px Fira Sans;
}
.image-buttons p:last-child {
  font: normal normal normal 20px/25px Fira Sans;
}
  .home .intro .page-title {
    font: normal normal 300 35px/42px Fira Sans;
  }
  .home .intro .sub-title {
    font: normal normal 600 35px/42px Fira Sans;
  }
  input[type="text"], input[type="email"], input[type="checkbox"] + .wpcf7-list-item-label {
  font: normal normal normal 16px/30px Fira Sans;
}
}
@media(min-width:950px) {
  h1 {
    font: normal normal 600 60px/72px Fira Sans;
  }
  .page-title {
    font: normal normal normal 60px/72px Fira Sans;
  }
  h2 {
  font: normal normal normal 35px/42px Fira Sans;
  font: normal normal normal 46px/65px Fira Sans;
}
	.acc_headline {
		font: normal normal normal 35px/42px Fira Sans; 
	}
 .home h2 {
  font: normal normal 600 40px/42px Fira Sans;
}
  .home footer h2, footer h2, .projects-grid h3 {
  font: normal normal normal 30px/36px Fira Sans;
}
  h3 {
  font: normal normal normal 25px/32px Fira Sans;
}
  p, button.btn-more, input[type="submit"], ul {
		font: normal normal normal 18px/30px Fira Sans; 
  }
	button.btn-more span::after {
		margin-top:6px;
	}
	button.btn-more.download span::before {
		margin-top:2px;
	}
  .caption {
  font: normal normal normal 15px/22px Fira Sans;
}
  .image-buttons .number-count {
    font: normal normal bold 126px/151px Fira Sans;
  }
  .image-buttons p:last-child {
    font: normal normal normal 23px/28px Fira Sans;
  }
  input[type="text"], input[type="email"], input[type="checkbox"] + .wpcf7-list-item-label {
  font: normal normal normal 17px/30px Fira Sans;
}
}
h1, h2, h3, h4 {
  margin:0;
}
a {
  text-decoration: none!important;
	}
p a { color:var(--main); }
a:visited, a:focus {	}
a:focus { outline: none;}
a:focus,
#footer-menu a:hover, #footer-meta-menu a:hover, p a:hover,
.sites-grid a,
.mobile .current-menu-item > a,
.mobile .current_page_parent > a {
  text-decoration: underline!important;
	}
#main-menu a, #footer-menu a, #footer-meta-menu a {
  text-decoration:none;
}
.textblock a, .strip a, .sites-grid a {
  color:var(--main);
}
ul, li {
		margin: 0;
    padding: 0;
}
.textblock ul, .textblock ol {
	margin-left:30px;
}
.textblock ul li {
  list-style-position: inside;
  text-indent: -25px;
  margin-bottom: 20px;
}
.textblock ol li {
	text-indent:0px;
}
header ul, header li,
footer ul, footer li {
	list-style:none;
}
img {
	height:auto;
	border:none;
	display:block;
	}
p {
  margin-bottom:20px;
}
h3 + p {
	margin-top:50px;
}
h1, h2, h3,
.bg-main-light p,
section.text-image-kombi.teaser.img-right p,
.sites-grid p,
.text-image-kombi.contact p {
  color:var(--main);
}
p {
  color:var(--second-dark);
}
.bg-main h2, .bg-main p,
footer h2 , footer h3,
.mobile .current-menu-item {
  color:var(--lightOnBg);
}
/*   colors   */
:root {
  --main: #056CA7;
  --main-dark: #1D2A4C;
  --main-light: #EBF8FF;
  --main-medium: #CDECFD;
  --highlight: #EB6026;
  --second-dark: #3C3C3C;
  --lightOnBg: #ffffff;
  
}
.bg-main { background-color: var(--main); }
.bg-main-light { background-color: var(--main-light); }
.bg-main-medium { background-color: var(--main-medium); }
.bg-main { background-color: var(--main); color:var(--lightOnBg); }


/*  header   */
header {
  position: sticky; 
  height:88px;
  top:0; 
  width:100%; 
  z-index: 100;
  background-color: var(--main);
  box-shadow: 0px 3px 20px #00000029;
  webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.container-fluid {
  margin: 0 auto;
}
header a { color:var(--lightOnBg); }
.logo {
  position: absolute;
  z-index: 10;
  padding: 18px 0 18px 20px;
}
.logo img {
	width:126px;
	height:auto;
	padding-top: 6px;
}
/*  Navigation   */
.main-menu-btn {
  position: absolute;
  margin: 18px 20px 0 auto;
  width: 52px;
  height: 52px;
  text-indent: 52px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  right: 0;
  z-index: 10;
}
.main-menu-btn-icon, .main-menu-btn-icon::before, .main-menu-btn-icon::after {
  position: absolute;
  top: 50%;
  left: 4px;
  height: 2px;
  width: 37px;
  background: var(--lightOnBg);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon::before {
  content: '';
  top: -10px;
  left: 0;
  height: 2px;
}
.main-menu-btn-icon::after {
  content: '';
  top: 10px;
  left: 0;
  height: 2px;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main-menu-state:checked ~ #main-menu a,
#main-menu-state:checked ~ #main-menu a:hover,
#main-menu-state:checked ~ #main-menu a:focus,
#main-menu-state:checked ~ #main-menu a:active {
  opacity:1;
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
#main-menu {
  position: fixed;
	display:none;
  visibility:hidden;
  top:0;
  left:0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  margin: 0;
  padding: 167px 30px 30px 30px;
  border: 0;
  background-color: var(--main);
  transition: all ease 0.7s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mobile {
  padding-top:120px;
  height:auto;
  min-height:  0;
  background-color: var(--main);
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  overflow:scroll;
}
#main-menu-mobile {
  top:0;
  left:0;
  width: 100%;
  height:0;
  margin: 0;
  padding: 30px 30px 30px 30px;
  border: 0;
  transition: all ease 0.55s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
}
#main-menu-mobile > li {
	margin-bottom:18px;
}
#main-menu-mobile > li > a {
	font-size:22px;
}
#main-menu-mobile .sub-menu > li a {
	font-size:18px;
}
#main-menu-mobile .sub-menu > li:first-child {
	padding-top:18px;
}
#main-menu-state:checked ~ .mobile {
  opacity: 1;
  visibility: visible;
	min-height: 100vh;
}
#main-menu-state:checked ~ .mobile #main-menu-mobile {
  opacity: 1;
  visibility: visible;
  padding-top:0px;
	height:auto;
}
header nav .menu-item-has-children {
	position:relative;
}
header nav .menu-item-has-children:after {
	display:none;
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="%23FFF" d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>');
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg id='Ebene_1'%3E%3Cpolygon class='cls-1' points='28.3 17.3 28.3 17.3 13.8 2.8 11.2 5.3 25.8 19.9 11.2 34.4 13.8 37 30.9 19.9 28.3 17.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  margin-top: 10px;
  margin-left:7px;
  background-size: cover;
  transition: all 0.3s ease;
  top: 0;
  left:220px;
}
header nav .menu-item-has-children.active:after {
	transform:rotate(270deg);
}
.mobile .menu-item-has-children span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg id='Ebene_1'%3E%3Cpolygon class='cls-1' points='28.3 17.3 28.3 17.3 13.8 2.8 11.2 5.3 25.8 19.9 11.2 34.4 13.8 37 30.9 19.9 28.3 17.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  margin-top: 10px;
  margin-left: 7px;
  background-size: cover;
  transition: all 0.3s ease;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 220px;
}
.sub-menu {
	margin-left:30px;
}
#main-menu-mobile .sub-menu {
	visibility:hidden;
	opacity: 0;
	height:0;
	max-height:0;
  	margin-left:30px;
	transition: none;
}
#main-menu-mobile .sub-menu li {
	padding-bottom:12px;
}
#main-menu-mobile .active .sub-menu {
  visibility: visible;
  opacity: 1;
  height: auto;
  max-height:300px;
  transition: all 0.7s cubic-bezier(0.215,0.61,0.355,1);
}
.sticky-link {
  position: fixed;
  width: 120px;
  display: flex;
  align-items: center;
  padding-left: 15px; 
	top: 307px;
  right: 0;
  z-index: 11;
  height: 50px;
  width: 120px;
  background-color: var(--main);
  border-radius: 10px 0px 0px 10px;
  box-shadow: 0px 3px 20px #00000029;
}
.sticky-link a {
  color: var(--lightOnBg);
  font-size: 15px;
  line-height: 1.2;
  display: inline-block;
}
/*  content  */
header, main {
	width:100%;
  }
/*   Block Head   */
section.intro .img-wrap {
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100vh - 88px);
  position: relative;
}
.intro .overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:  linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
}

.intro-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  color:var(--main);
}
.intro .text-wrap {
  margin: 30px 20px;
}
.home .intro-inner {
  align-items:center;
}
.home .intro img {
  max-width:300px;
  margin-bottom:40px;
}
.home .intro .page-title {
  margin-bottom:20px;
}
section {
  margin:80px 0;
}
section.intro {
  margin:0 0 80px
}
.container {
 width:calc(100% - 40px);
	margin: 0 auto;
}
/*  Text on Image   */
.text-on-image {
  background-size: cover;
  margin-bottom: -2px;
}
.text-on-image h2 {
  margin-bottom:30px;
}
.text-on-image h3 {
  margin: 30px 0 50px;
}
.text-on-image h3,
.text-on-image p {
  color:var(--main);
}
.text-on-image .container{
	width:100%;
    height: 100%;
  }
.text-on-image .container .col-1 {
  height:100%;
  width: 100%;
  margin: 0 0 0 auto;
  background-color: var(--main-light);
  background-image: none;	
}
.text-on-image .col-1 .img-mobile {
		display:block;
		width: 100%;
		height: 470px;
		background-repeat: no-repeat;
		background-size: cover;
	}
.text-on-image .col-1 .text-wrap {
  max-width: 500px;
  width: calc(100% - 60px);
  padding: 70px 0;
  margin: 0 30px;
}
.text-on-image.text-left  .container .col-1 {
  background-image: linear-gradient( to right, var(--main-light) 70%, rgba(235, 248, 255, 0) );
  margin: 0 auto 0 0;
}
  .text-on-image.text-left .container .col-1 .text-wrap {
	  width:calc(100% - 60px);
	  max-width: 900px;
	  margin:0 auto;
  }
/*  Block Text   */
.textblock {
  margin:130px 0 130px;
}
.textblock.bg-main-light,
.textblock.bg-main {
  margin:0;
}
.textblock + .textblock {
  margin-top:-90px;
}
.textblock.bg-main-light + .textblock,
.textblock.bg-main + .textblock {
  margin-top:90px
}
.textblock + .textblock.bg-main-light,
.textblock + .textblock.bg-main,
.textblock.bg-main-light + .text-on-image.text-left {
  margin-top:0px;
}
.textblock.bg-main-light .container,
.textblock.bg-main .container{
  padding:80px 0px 80px;
  margin:0 auto;
}
.textblock.tile-main-light .container {
  background-color: var(--main-light);
  padding: 80px;
  border-radius: 20px;
}
.textblock.tile-main-light h2 {
	margin-top:0
}
.textblock.tile-main-light .button-wrap .col:last-child {
	margin-bottom:0
}
.intro + .textblock.bg-main-light {
  margin-top:-130px;
  margin-bottom:130px;
}
.intro + .textblock.bg-main {
  margin-top:-80px;
  margin-bottom:130px;
}
.textblock h1 {
  margin-bottom:30px;
}
.textblock h2 {
  margin-top:40px;
  margin-bottom:30px;
}
.page-id-667 .textblock .button-wrap {
	margin-top:50px;
}
.textblock .button-wrap .col:last-child {
  margin-bottom:70px
}
.textblock button.btn-more {
  margin: 30px 0 0px;
}
.textblock button.btn-more.download {
  margin: 30px 0 70px;
}
.imageblock .img-wrap {
  width: calc(100% - 40px);
  margin: 0 auto;
  max-width: 1000px;
  box-shadow: 0px 3px 20px #00000029;
  border-radius: 50px;
  overflow:hidden;
	padding:20px;
	transition:max-width 0.5s ease-out;
}
.imageblock .img-wrap:hover {
	max-width:1190px;
}
.imageblock img {
  width:100%;
}
/*   Text/Image Kombi    */
.bg-main-light + .text-image-kombi,
.text-on-image + .text-image-kombi {
  padding-top: 80px;
}
.text-image-kombi.bg-main-light {
  padding: 130px 0;
}
.text-image-kombi.slider {
  padding: 0px 0 70px;
  overflow: hidden;
}
.text-image-kombi .container {
  margin: 0 auto 130px;
  max-width: 600px;
  width: calc(100% - 60px);
}
.text-image-kombi.bg-main-light .container {
  margin: 0 auto;
}

.text-image-kombi h2 {
  margin-top: 80px;
  margin-bottom: 30px;
}
.text-image-kombi h3 {
  color:var(--main);
  margin:30px 0 50px;
}
.text-image-kombi img {
  width:100%;
  border-radius:20px;
}
/*   Text-Image-Kombi Teaser   */
section.text-image-kombi.teaser {
  margin:80px 0 80px;
}
section.text-image-kombi.teaser:last-of-type,
section.text-image-kombi.teaser:last-of-type.img-right {
  	margin-bottom:0;
	padding-bottom: 120px;
}
section.text-image-kombi.teaser.img-right {
  padding:80px 0 80px;
}
section.text-image-kombi.teaser.img-right{
	background-color: var(--main-light);
}
.text-image-kombi.teaser .container {
  max-width: 1366px;
  margin:0 auto;
}
.text-image-kombi.teaser.img-right .container,
.text-image-kombi.contact.img-right .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.text-image-kombi.teaser .text-wrap,
.text-image-kombi.contact .text-wrap{
  max-width:470px;
}
.text-image-kombi.teaser img,
.text-image-kombi.contact img{
  border-radius: 50%;
  max-width: 325px;
}
.text-image-kombi.contact .col-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
section.text-image-kombi.contact.img-right .container {
  background-color: var(--main-light);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0px 2px 4px #00000015;
}
.text-image-kombi.contact .col-2:first-child {
  margin-bottom: 80px;
}
/*   Text-Slider-Kombi    */
.text-image-kombi.slider ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.text-image-kombi.slider .col-2:first-child {
	width:100%;
}
.text-image-kombi.slider img {
 border-radius:0px;
}
.splideslider {
  position: relative;
}
.splideslider ul, .splideslider li {
  list-style:none;
}
button.splide__arrow {
  top: calc(50%);
  width: 40px;
  border-radius: 20px;
  z-index: 100;
  height: 40px;
  padding: 0px;
  border: 0px;
  box-shadow: none;
  cursor: pointer;
  position: absolute;
  background-color: transparent;
}
button.splide__arrow--prev {
  left: 10px;
  transform: scaleX(-1) translateY(-50%);
}
button.splide__arrow--next {
  right: 10px;
  transform: translateY(-50%);
}
button.splide__arrow svg {
  fill: #fff;
  width: 20px;
}
.caption {
  color:var(--main);
  margin-top:20px;
}
/*   Buttons   */
button.btn-more {
  position: relative;
  margin-top: 50px;
  height: 45px;
  border: none;
  border-radius: 24px;
  background: var(--main);
  padding:0 47px 0 20px;
  color: var(--lightOnBg);
  cursor:pointer;
  transition: 0.3s ease all;
}
button.btn-more a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
button.btn-more span:after,
.submit-wrap:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' role='img' height='10' width='10' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath fill='%23fff' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  width: 17px;
  height: 17px;
  color: #fff;
  background-size: contain;
  margin-left: 10px;
}
button.btn-more:hover,
button.btn-more:focus {
  color: var(--lightOnBg);
  background: var(--main-dark);
}
button.btn-more:hover {
  margin-left: 5px;
}
button.btn-more:active {
  top: 0.08em;
}
button.btn-more.inverted span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' role='img' height='10' width='10' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath fill='%23056CA7' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E");
}
button.btn-more.inverted {
  color: var(--main);
  background: var(--lightOnBg);
}
button.btn-more.inverted:hover {
  color: var(--lightOnBg);
  background: var(--main-dark);
}
button.btn-more.inverted:hover span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' role='img' height='10' width='10' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath fill='%23fff' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E");
}
button.btn-more.download {
  position: relative;
  top:0px;
  padding: 0 50px 0 80px;
  height: 52px;
  margin: 30px 0 70px;
}
button.btn-more.download span:after {
  display:none;
}
button.btn-more.download span:before {
  content: '';  
  background-repeat: no-repeat;
  position: absolute;
  width: 22px;
  height: 22px;
  color: #fff;
  transform: rotate(90deg);
  transform-origin: center;
  background-size: 14px 17px;
  border-radius: 50%;
  margin-left: -40px;
  margin-top: 2px;
  background-position: 4px 2px;
}
button.btn-more.download.inverted span:before,
button.btn-more.download:hover span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' role='img' height='10' width='10' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath fill='%23056CA7' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E");
  border: 1px solid var(--main);
}
button.btn-more.download:hover {
  top:5px;
  background: var(--main);
}
button.btn-more.download.inverted:hover {  
  color: var(--main);
  background: var(--lightOnBg);
}
button.btn-more.download.inverted:hover span:before,
button.btn-more.download span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' role='img' height='10' width='10' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath fill='%23fff' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E");
  
}
button.btn-more.download span:before {
  border: 1px solid var(--lightOnBg);
}
button.btn-more.download:hover span:before {
  background-color:var(--lightOnBg);
  border: 1px solid var(--lightOnBg);
}
button.btn-more.download.inverted:hover span:before {
  background-color:var(--main);
  border: 1px solid var(--main);
}
/*   Button Grid   */
.button-grid .container {
  width: calc(100% - 40px);
  margin: 150px auto;
}
.button-grid .col-3 {
   display:flex;
    border-radius: 30px;
    overflow: hidden;
  margin: 40px auto;
  max-width: 445px;
  }

.button-grid .img-wrap {
  width:33.33%;
}
.button-grid .img-wrap img{
  width:100%;
	aspect-ratio: 1.67/3;
}
.button-grid .link-wrap {
  position:relative;
  width:66.67%;
  background-color:var(--main);
}
.button-grid .link-wrap p,
.button-grid .link-wrap .link {
  color:#fff;
  text-decoration:none;
  width: 100%;
}
.button-grid .link-wrap .link {
  opacity:0.75;
   transition: 0.3s ease all;
}
.button-grid .link-wrap .link:hover {
  margin-left:5px;
}
.button-grid a {
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  padding: 15%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-decoration:none;
}
.button-grid .link-wrap:hover a {
  text-decoration:none!important;
}
button.large {
  border: 2px solid var(--main-medium);
  background: var(--main-medium);
  color: var(--main);
  width: 100%;
  margin: 7px 0 7px;
  border-radius: 20px;
  transition: all 0.3s ease-out;
}
.button-grid button.large {
  aspect-ratio: 2/1;
  position:relative;
  border:none;
}
.button-grid button.large:hover {
  background: var(--main);
  color: var(--lightOnBg);
}
.button-grid button.large a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.projects-grid p, .projects-grid h3, .projects-grid em {
    position: relative;
    color: #fff;
  margin-bottom:30px;
  }
.projects-grid em {
 margin-bottom: 100px;
  display: block;
}
.projects-grid .container {
  margin: 0 auto;
  width: calc(100% - 40px);
  max-width:1366px;
  }
.projects-grid .col-2 {
    position:relative;
    color: #fff;
    border-radius: 35px;
    padding: 70px 70px 70px 70px;
    margin: 0 auto 30px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size:50%;
    overflow: hidden;  
    max-width:668px;
	background-position-x: calc(100% + 50px);
  	background-position-y: calc(100% + 75px);
  }
  .projects-grid .overlay { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(5, 108, 167, 0.95);
    
  }
/*  infobox   */
.infobox {
  margin:130px 0;
}
.infobox + .infobox {
  margin-top:-90px;
}
.infobox h2, .infobox p, .infobox h3 {
  color:var(--lightOnBg);
}
.infobox h2 {
  margin-bottom:40px;
}
.infobox .box-wrap {
  margin: 40px 20px;
  border-radius: 30px;
  overflow: hidden;
}
.infobox .img-wrap {
  aspect-ratio: 1/1;
  margin: 0 auto;
  background-size:cover;
  background-position:center;
}
.infobox .content-wrap {
  position:relative;
  padding: 60px 5% 60px 10%;
  background-color: var(--main);
}
.infobox .button-wrap .col:last-child button {
	margin-bottom:0;
}
.infobox .text-wrap {
  max-width:670px;
  margin-bottom: 40px;
}
/*  Image Buttons   */
.image-buttons {
  padding: 70px 40px 80px 40px;
}
.image-buttons .col-2 {
  max-width:560px;
  margin: 0 auto;
}
.image-buttons .col-2 {
    margin-bottom:40px;
  }
.image-buttons a, .image-button .link, .image-button .link:after {
  color:#fff;
  text-decoration:none;
}
.image-buttons a {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(5, 108, 167, 0.6);
  color:#fff;
  text-decoration:none;
	transition: 0.3s ease all;
}
.image-buttons .imgbtn-wrap .link {
  transition: 0.3s ease all;
}
.image-buttons .imgbtn-wrap:hover .link {
  margin-left: 5px;
}
.image-buttons .imgbtn-wrap:hover img {
  transform: scale(1.05);
}
.image-buttons .imgbtn-wrap:hover a {
  background-color: rgba(5, 108, 167, 0.9);
}
.image-buttons a .link:after,
.button-grid a .link:after {
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' role='img' height='10' width='10' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath fill='%23fff' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat:no-repeat;
  position:absolute;
  width: 17px;
  height: 17px;
  color: #fff;
  background-size: contain;
  margin-left:5px;
  margin-top: 7px;
}
.image-buttons .imgbtn-wrap {
  position:relative;
  border-radius: 50px;
  overflow:hidden;
}
.image-buttons .imgbtn-wrap img {
  width: 100%;
  height: auto;
  border-radius: 50px;
  transition: 0.3s ease all;
}
.image-buttons .text-wrap {
  margin-top:100px;
}
.image-buttons .text-wrap p {
  margin-bottom:0;
  text-align:center;
}
/*   Sites Grid    */
.sites-grid {
	margin:-90px 0 220px;
}
.sites-grid h3 {
	margin-bottom:40px;
}
.sites-grid h3:before {
	content:'';
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right:30px;
	position: relative;
    top: 5px;
	display:inline-block;
}
.textblock + .sites-grid h3:before {
	background-color:var(--main-dark);
}
.sites-grid + .sites-grid h3:before {
	background-color:var(--highlight);
}
.sites-grid .col-3 {
  background-color: var(--main-light);
  border-radius: 20px;
  padding: 60px;
  margin-bottom: 30px;
  text-align:left;
  max-width:460px;
  margin:30px auto;
}
.sites-grid .icon {
  width:30px;
  height:30px;
  margin-right:30px;
  border-radius:50%;
  background-size:cover;
}
.sites-grid .title {
  display:flex;
  align-items:center;
  margin-bottom:20px;
  min-height: 60px;
  text-transform: uppercase;
  color: var(--main);
}
/*  Accordion   */
.acc_headline, .acc_headline:before,
.acc_panel ul, .acc_panel a {
  color:var(--main);
}
.acc_panel a {
  text-decoration:underline!important;
}
.acc_headline.active {
  color:#fff;
}
.acc_headline {
	background-color:var(--main-light);
	border-radius:10px;
  padding: 21px 0px 21px 80px;position: relative; cursor: pointer;
  transition: all 0.2s ease-out;
}
.acc_headline.active {
  background-color:var(--main);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
  transition: all 0.2s ease-out;
}
    .acc_headline:before {content:''; position: absolute; left:0; margin-left: 30px; width:31px; height: 31px; display: block; top: 20px;transition: transform 0.2s ease-out;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cg id='Mehr' transform='translate(-1389 -1483)'%3E%3Cg id='Gruppe_292' data-name='Gruppe 292' transform='translate(91.766 -6.234)'%3E%3Cline id='Linie_48' data-name='Linie 48' y2='17.531' transform='translate(1312.734 1495.969)' fill='none' stroke='%23056CA7' stroke-width='1'/%3E%3Cline id='Linie_49' data-name='Linie 49' y2='17.531' transform='translate(1321.5 1504.734) rotate(90)' fill='none' stroke='%23056CA7' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
    .acc_headline.active:before { 
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cg id='Mehr' transform='translate(-1389 -1483)'%3E%3Cg id='Gruppe_292' data-name='Gruppe 292' transform='translate(91.766 -6.234)'%3E%3Cline id='Linie_48' data-name='Linie 48' y2='17.531' transform='translate(1312.734 1495.969)' fill='none' stroke='%23FFFFFF' stroke-width='1'/%3E%3Cline id='Linie_49' data-name='Linie 49' y2='17.531' transform='translate(1321.5 1504.734) rotate(90)' fill='none' stroke='%23FFFFFF' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      transform: rotate(-45deg); transition: transform 0.2s ease-out;}
.acc_panel {padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; 
border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
	margin-bottom:20px;
}
.acc_panel ul {margin: 75px 18px 75px 30px;}
/*   Timeline   */
.timeline .acc_panel {
	position:relative;
}
.timeline .line {
  position: absolute;
  width: 24%;
  height: 100%;
  border-left: 2px solid var(--main-medium);
  margin-left: calc(12% - 5px);
}
.timeline article {
	position:relative;
	z-index:10;
	display:flex;
	align-items:center;
    padding:0;
}
.timeline article:last-of-type {
	padding-bottom:40px;
}
.timeline .point {
  width: 15px;
  height: 15px;
  background-color: var(--main-medium);
  border-radius: 50%;
	margin-left: 5px;
}
.timeline .img-wrap  {
 flex-basis: 24%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:30px;
}
.timeline .inner-wrap {
	width: 100%;
  height: 100%;
	aspect-ratio: 1/1;
  background-size: cover;
	border-radius: 50%;
}
.timeline .text-wrap {
	flex-basis:76%;
	margin-left:30px;
	margin-top:40px;
	padding-bottom: 40px;
}
.timeline article:not(:last-of-type) .text-wrap {
  border-bottom: 2px solid var(--main-medium);
  padding-bottom: 40px;
}
.timeline .acc_panel p {
	margin-left:0
}
.timeline .acc_panel ul {
	margin:20px 20px 40px 0px;
}
.timeline .acc_panel li {
	margin:20px;
}
.timeline button.btn-more { 
	margin-right:40px;
	margin-bottom:20px;
	margin-top:20px;
}
.timeline button.btn-more:hover {
  margin-left: 5px;
  margin-right:35px;
}
@media (max-width:767px) {
	.timeline .point {
	  margin-left:7px;
	}
	.timeline .img-wrap {
	  padding:0;
	}	
}
@media (max-width:519px) {
	.timeline .line,
	.timeline .point {
  display:none
}
	.timeline article { 
	display:block;
	}
	.timeline .text-wrap { 
	margin-left:0px;
	}
	.timeline .img-wrap {
	  padding:30px;
	}	
}
/*   Map   */
.map .container {
  margin: 0 auto 0 auto;
  width:calc(100% - 60px);
  overflow:hidden;
}
.map h3 {
  color: var(--main);
  margin: 30px 0 50px;
}
.map-wrap {
  position:relative;
  display:none;
}
.map-wrap img {
  position: relative;
  top: 0;
  left: 0;
  height:auto;
}
.map-wrap.mobil {
	display:block;
	width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.map-wrap.mobil img {
	width: 980px;	
	padding-left: 30px;
}
/* TOOLTIP */
.tooltip {
  display: inline-block;
  position: absolute;
  width: 1.5%;
  height: 2.9%;
  border-radius:50%;
	background-color: var(--main-dark);
  cursor:pointer;
  overflow:hidden;
}
.tooltip.site-finland,
.tooltip.site-london1,
.tooltip.site-london2,
.tooltip.site-usa,
.tooltip.site-bristol,
.tooltip.site-france {	
  background-color: var(--highlight);
}
.tooltip:hover {
  overflow: visible;
  background-color: var(--main);
}
.tooltip:hover .tooltip-content {
  opacity: 1;
  visibility:1;
  bottom: calc(100% + 30px);
}
.tooltip-content {
  position:absolute;
  width: 3000%;
  bottom: calc(100% + 50px);
  left: -1450%;
  margin-top: -20px;
  z-index:1;
  visibility:0;
  opacity: 0;
  transition: all 0.7s ease;
  -webkit-filter: drop-shadow(0px 3px 4px #464646);
  filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.5));
  cursor:auto;
}
.tooltip .tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -20px;
  border-width: 20px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.tooltip-content .col-wrap {
  background-color: #fff;
  position: relative;
  left: 0;
  padding:45px 35px 45px 45px;
}
.tooltip-content .img-wrap {
  background-size:cover;
  aspect-ratio:1;
  border-radius: 50%;
}
.tooltip-content .text-wrap {
  hyphens:none;
}
.tooltip-content .title {
  margin-bottom:40px;
}
.tooltip-content .title::before {
  display:inline-block;
  content: '';
  width:30px;
  height:30px;
  background-size:cover;
  border-radius:50%;
  margin-right:20px;
  margin-bottom:-7px;
}
.site-finland {
  top: 8%;
  left: 78%;
}
.site-sweden {
  top: 44%;
  left: 58.5%;
}
.site-saxony {
  top: 71.8%;
  left: 58.5%;
}
.site-belgium {
  top: 75%;
  left: 41.8%;
}
.site-bavaria {
  top: 88.7%;
  left: 55%;
}
.site-lowersaxony {
  top: 63.3%;
  left: 52.6%;
}
.site-poland {
  top: 65.7%;
  left: 74.3%;
}
.site-oxford {
  top: 70%;
  left: 30%;
}
.site-london1 {
  top: 73%;
  left: 31%;
}
.site-london2 {
  top: 73%;
  left: 32.7%;
}
.site-france {
  top: 83%;
  left: 37%;
}
.site-newcastle {
  top: 47%;
  left: 28.2%;
}
.site-bristol {
  top: 70%;
  left: 28.2%;
}
.site-usa {
  top: 80%;
  left: 13%;
}
.sites-grid .icon {
	background-position: center center;
}
.site-bavaria .tooltip-content .title::before,
.site-saxony .tooltip-content .title::before,
.site-lowersaxony .tooltip-content .title::before,
.sites-grid .icon.bavaria,
.sites-grid .icon.saxony,
.sites-grid .icon.lowersaxony {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-de' viewBox='0 0 640 480'%3E%3Cpath fill='%23fc0' d='M0 320h640v160H0z'/%3E%3Cpath fill='%23000001' d='M0 0h640v160H0z'/%3E%3Cpath fill='red' d='M0 160h640v160H0z'/%3E%3C/svg%3E");
}
.site-belgium .tooltip-content .title::before,
.sites-grid .icon.belgium {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-be' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt'%3E%3Cpath fill='%23000001' d='M0 0h213.3v480H0z'/%3E%3Cpath fill='%23ffd90c' d='M213.3 0h213.4v480H213.3z'/%3E%3Cpath fill='%23f31830' d='M426.7 0H640v480H426.7z'/%3E%3C/g%3E%3C/svg%3E");
}
.site-sweden .tooltip-content .title::before,
.sites-grid .icon.sweden {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-se' viewBox='0 0 640 480'%3E%3Cpath fill='%23005293' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23fecb00' d='M176 0v192H0v96h176v192h96V288h368v-96H272V0z'/%3E%3C/svg%3E");
}
.site-london1 .tooltip-content .title::before,
.site-london2 .tooltip-content .title::before,
.site-newcastle .tooltip-content .title::before,
.site-oxford .tooltip-content .title::before,
.sites-grid .icon.newcastle,
.sites-grid .icon.oxford,
.sites-grid .icon.bristol,
.sites-grid .icon.london {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-gb' viewBox='0 0 640 480'%3E%3Cpath fill='%23012169' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FFF' d='m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z'/%3E%3Cpath fill='%23C8102E' d='m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z'/%3E%3Cpath fill='%23FFF' d='M241 0v480h160V0zM0 160v160h640V160z'/%3E%3Cpath fill='%23C8102E' d='M0 193v96h640v-96zM273 0v480h96V0z'/%3E%3C/svg%3E");
}
.site-poland .tooltip-content .title::before,
.sites-grid .icon.poland {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-pl' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23eee' d='M640 480H0V0h640z'/%3E%3Cpath fill='%23dc143c' d='M640 480H0V240h640z'/%3E%3C/g%3E%3C/svg%3E");
}
.site-finland .tooltip-content .title::before,
.sites-grid .icon.finland {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 512 512' xml:space='preserve'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cpath style='fill:%230052B4;' d='M509.833,222.609H200.349h-0.001V6.085c-23.658,5.246-46.087,13.749-66.783,25.042v191.48v0.001 H2.167C0.742,233.539,0,244.683,0,256s0.742,22.461,2.167,33.391h131.397h0.001v191.481c20.696,11.292,43.125,19.797,66.783,25.042 V289.394v-0.002h309.485C511.256,278.461,512,267.317,512,256S511.256,233.539,509.833,222.609z'/%3E%3C/svg%3E");
}
.site-france .tooltip-content .title::before,
.sites-grid .icon.france {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 512 512' xml:space='preserve'%3E%3Ccircle style='fill:%23F0F0F0;' cx='256' cy='256' r='256'/%3E%3Cpath style='fill:%23D80027;' d='M512,256c0-110.071-69.472-203.906-166.957-240.077v480.155C442.528,459.906,512,366.071,512,256z'/%3E%3Cpath style='fill:%230052B4;' d='M0,256c0,110.071,69.473,203.906,166.957,240.077V15.923C69.473,52.094,0,145.929,0,256z'/%3E%3C/svg%3E");
}
.site-usa .tooltip-content .title::before,
.sites-grid .icon.usa {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64;' xml:space='preserve'%3E%3Cg%3E%3Ccircle style='fill:%23FFFFFF;' cx='32' cy='32' r='32'/%3E%3Cpath style='fill:%23C64252;' d='M32,0c5.907,0,11.435,1.607,16.185,4.398H27.55V0.315C29.005,0.112,30.489,0,32,0z M27.55,34.511 h36.343C63.957,33.682,64,32.846,64,32s-0.043-1.682-0.107-2.511H27.55V34.511z M27.55,14.437h31.196 c-1.189-1.807-2.552-3.49-4.073-5.017H27.55V14.437z M27.55,24.482h35.553c-0.418-1.736-0.972-3.42-1.661-5.033H27.55V24.482z M32,64c5.907,0,11.436-1.607,16.185-4.398h-32.37C20.564,62.393,26.093,64,32,64z M2.558,44.551h58.885 c0.687-1.608,1.239-3.286,1.657-5.017H0.9C1.318,41.264,1.871,42.942,2.558,44.551z M9.327,54.58h45.346 c1.521-1.527,2.884-3.21,4.073-5.017H5.254C6.443,51.37,7.806,53.053,9.327,54.58z'/%3E%3Cpath style='fill:%232B497A;' d='M7.657,11.241c-1.93,2.261-3.548,4.793-4.794,7.532l0.343,1.069h1.466l-1.185,0.854l0.446,1.389 l-1.172-0.867l-1.185,0.867l0.031-0.096c-0.876,2.661-1.42,5.474-1.565,8.392l-0.009,0.362C0.016,31.161,0,31.579,0,32 c0,0.846,0.043,1.682,0.107,2.511H27.55v-5.022v-5.007v-5.033v-5.012V9.42V4.398V0.315c-1.379,0.192-2.728,0.472-4.045,0.834 l0.36,1.12h1.466l-1.185,0.854l0.459,1.402l-1.185-0.867l-1.185,0.854l0.459-1.389l-1.185-0.854h1.466l0.342-1.066 c-2.504,0.705-4.882,1.705-7.096,2.963l-0.211,0.121c-1.444,0.835-2.818,1.777-4.109,2.82l-0.456,0.374 c-1.275,1.07-2.463,2.24-3.557,3.495 M3.933,29.12l-1.172-0.867l-1.185,0.854l0.446-1.389l-1.172-0.854h1.453l0.459-1.389 l0.446,1.389h1.466l-1.185,0.854L3.933,29.12z M8.075,32.624L6.89,31.771l-1.185,0.854l0.459-1.402l-1.185-0.854h1.453l0.459-1.376 l0.446,1.389h1.466l-1.185,0.854L8.075,32.624z M7.616,24.214l0.459,1.376L6.89,24.736L5.704,25.59l0.459-1.389l-1.185-0.854h1.453 l0.459-1.389l0.446,1.402h1.466L7.616,24.214z M7.616,17.179l0.459,1.402L6.89,17.714l-1.185,0.854l0.459-1.389l-1.185-0.854h1.453 l0.459-1.389l0.446,1.389h1.466L7.616,17.179z M12.204,29.12l-1.185-0.867l-1.172,0.854l0.446-1.389l-1.185-0.854h1.478 l0.433-1.389l0.459,1.389h1.453l-1.172,0.854L12.204,29.12z M11.758,20.696l0.446,1.389l-1.185-0.867l-1.172,0.867l0.446-1.402 L9.107,19.83h1.478l0.433-1.376l0.459,1.389h1.453L11.758,20.696z M11.758,13.662l0.446,1.402l-1.185-0.867l-1.172,0.854 l0.446-1.389l-1.185-0.854h1.478l0.433-1.389l0.459,1.389h1.453L11.758,13.662z M16.333,32.624l-1.185-0.854l-1.172,0.854 l0.446-1.402l-1.172-0.854h1.453l0.446-1.376l0.459,1.389h1.453l-1.172,0.854L16.333,32.624z M15.887,24.214l0.446,1.376 l-1.185-0.854l-1.172,0.854l0.446-1.389l-1.172-0.854h1.453l0.446-1.389l0.459,1.402h1.453L15.887,24.214z M15.887,17.179 l0.446,1.402l-1.185-0.867l-1.172,0.854l0.446-1.389l-1.172-0.854h1.453l0.446-1.389l0.459,1.389h1.453L15.887,17.179z M15.887,10.157l0.446,1.389l-1.185-0.867l-1.172,0.867l0.446-1.402l-1.172-0.854h1.453l0.446-1.389l0.459,1.402h1.453 L15.887,10.157z M20.462,29.12l-1.172-0.867l-1.185,0.854l0.446-1.389l-1.172-0.854h1.453l0.459-1.389l0.446,1.389h1.466 l-1.185,0.854L20.462,29.12z M20.016,20.696l0.446,1.389l-1.172-0.867l-1.185,0.867l0.446-1.402l-1.172-0.854h1.453l0.459-1.376 l0.446,1.389h1.466L20.016,20.696z M20.016,13.662l0.446,1.402l-1.172-0.867l-1.185,0.854l0.446-1.389l-1.172-0.854h1.453 l0.459-1.389l0.446,1.389h1.466L20.016,13.662z M20.016,6.64l0.446,1.389l-1.172-0.854l-1.185,0.854L18.55,6.64l-1.172-0.854h1.453 l0.459-1.389l0.446,1.389h1.466L20.016,6.64z M24.603,32.624l-1.185-0.854l-1.185,0.854l0.459-1.402l-1.185-0.854h1.466 l0.446-1.376l0.446,1.389h1.466l-1.185,0.854L24.603,32.624z M24.145,24.214l0.459,1.376l-1.185-0.854l-1.185,0.854l0.459-1.389 l-1.185-0.854h1.466l0.446-1.389l0.446,1.402h1.466L24.145,24.214z M24.145,17.179l0.459,1.402l-1.185-0.867l-1.185,0.854 l0.459-1.389l-1.185-0.854h1.466l0.446-1.389l0.446,1.389h1.466L24.145,17.179z M24.145,10.157l0.459,1.389l-1.185-0.867 l-1.185,0.867l0.459-1.402l-1.185-0.854h1.466l0.446-1.389l0.446,1.402h1.466L24.145,10.157z'/%3E%3C/g%3E%3C/svg%3E");
}
/*   Form Newsletter Subscribe   */
.wpcf7 {
  margin:50px 0;
}
input[type="text"], input[type="email"] {
  max-width:650px;
}
input[type="text"], input[type="email"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: var(--main-light);
  border: none;
  border-radius: 10px;
  color: inherit;
  display: block;
  outline: 0;
  padding: 0;
  text-decoration: none;
  width: 100%;
  padding: 0.8em 1.1em;
}
.wpcf7-form label {
  display: block;
  margin: 0 0 1em 0;
}
.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}
	input[type="radio"],
	input[type="checkbox"]{
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="radio"] + .wpcf7-list-item-label,
		input[type="checkbox"] + .wpcf7-list-item-label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			padding-left: 2.65em;
			padding-right: 0.75em;
			position: relative;
      color:#000;
		}
input[type="checkbox"] + .wpcf7-list-item-label a {
  color:#000;
}
input[type="checkbox"] + .wpcf7-list-item-label a:hover {
  text-decoration:underline!important;
}
			input[type="radio"] + .wpcf7-list-item-label:before,
			input[type="checkbox"] + .wpcf7-list-item-label:before{
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			input[type="radio"] + .wpcf7-list-item-label:before,
			input[type="checkbox"] + .wpcf7-list-item-label:before{
				background: var(--main-light);
				content: '';
				display: inline-block;
				font-size: 0.8em;
				height: 2.0625em;
				left: 0;
				letter-spacing: 0;
				line-height: 2.0625em;
				position: absolute;
				text-align: center;
				top: -3px;
				width: 2em;
			}

		input[type="radio"]:checked + .wpcf7-list-item-label:before,
		input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
			content: '✕';
			color: var(--main);
		}

		input[type="radio"]:focus + .wpcf7-list-item-label:before,
		input[type="checkbox"]:focus + .wpcf7-list-item-label:before{
			box-shadow: 0 0 0 1px rgb(5, 108, 167);
		}
	
	.wpcf7-form ::-webkit-input-placeholder {
		color: rgba(5, 108, 167, 1) !important;
		opacity: 1.0;
	}

	.wpcf7-form .wpcf7-form :-moz-placeholder {
		color: rgba(5, 108, 167, 1) !important;
		opacity: 1.0;
	}

	.wpcf7-form ::-moz-placeholder {
		color: rgba(5, 108, 167, 1) !important;
		opacity: 1.0;
	}

	.wpcf7-form :-ms-input-placeholder {
		color: rgba(5, 108, 167, 1) !important;
		opacity: 1.0;
	}
.declaration {
  margin-top: 50px;
}
.declaration p {
  color:#000;
}
.submit-wrap {
  height: 45px;
  margin-top:30px;
  border: none;
  border-radius: 24px;
  background-color: var(--main);
  color: var(--lightOnBg);
  display: inline-block;
  padding: 0 60px 0 30px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease all;
}
.submit-wrap::after {
  margin-top:14px;
}
.submit-wrap:hover, .submit-wrap:focus {
  color: var(--lightOnBg);
  background: var(--main-dark);
}
.submit-wrap:hover {
  margin-left:5px;
}
.submit-wrap:hover input[type="submit"] {
  background-color: var(--main-dark);
}
input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  background-color: var(--main);
  color: var(--lightOnBg);
  cursor: pointer;
  line-height: 45px;
  transition: 0.3s ease all;
}
.wpcf7-list-item {
  margin-left:0!important;
}
.wpcf7-not-valid-tip {
  font-size:0.7em!important;
}
.wpcf7-spinner {
  margin: 10px 24px 0 70px!important;
  position: absolute!important;
  background-color: var(--main-dark)!important;
}
/*  Scroll to Top - Button   */
.scroll-up.showScrollBtn {
  z-index: 2000;
  opacity:1;
  transition: all 0.8s ease;
}
.scroll-up, a.scroll-up:visited {
  position: fixed;
  z-index:0;
  bottom: 47px;
  width: 45px;
  opacity:0;
  outline: none;
  transition: all 0.8s ease;
  height: 55px;
  right: 30px;
  overflow: hidden;
  cursor:pointer; 
}
.scroll-up svg {
  width:35px;
}
.scroll-up:hover {
  height:65px;
}
.bg-globe {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: bottom right;
  position: absolute;
  bottom: -100px;
  right:0;
  z-index: 1000;
  opacity: 0.2;
  max-width:400px;
  overflow: hidden;
	background-position-x: 100px;
}
.text-image-kombi.slider .bg-globe {
	max-width:400px;
	z-index: 0;
  	opacity: 0.05;
}
/*  Footer  */
footer {
  background-color: var(--main);
  padding:50px 20px 60px;
  z-index: 10;
  position: relative;
  overflow: hidden;
	}
footer .container-fluid {
  z-index: 10001;
  position: relative;
}
footer, footer a {
  color: var(--lightOnBg);
	}
footer h2 {
  margin:0 0 30px;
  hyphens:none;
}
footer h3 {
  margin:40px 0 0;
  hyphens:none;
}
footer button.btn-more {
  margin-top:0;
}
footer .logo {
  position:relative;
}
footer .logo img {
	width:167px;
	height:auto;
}
footer .col-wrap:last-child {
	margin-top:155px;
}
footer .col-2 {
  margin-bottom:30px;
}
footer .col-wrap:first-child {
	display:none;
}
footer .col-wrap:last-child {
	margin-top:0;
}
#footer-menu .sub-menu {
  display:block;
  margin-left:30px; 
}
/* back to Top - Button  */

/*  DESKTOP  */
@media(min-width:520px) {
	section.intro .img-wrap {
		height:500px;
	}
  .infobox .img-wrap {
  aspect-ratio: 1.6/1;
  }
  .infobox .box-wrap {
  margin: 40px;
}
  .projects-grid .col-2 {
    padding: 70px 100px 70px 70px;
  }
  .acc_headline {
    padding: 21px 0px 21px 80px;
  }
  .acc_panel ul {
  margin: 75px 18px 75px 80px;
}
  button.btn-more {
    padding:0 57px 0 30px;
  }
}
@media (min-width:650px) {
  .home section.intro .img-wrap {
    height: auto;
    aspect-ratio: 1.2/1;
  }
} 
@media (min-width: 768px) {
  h1 {
  margin:0;
}
  .container-fluid {
    max-width:1366px;
    margin:0 auto;
	width: calc(100% - 60px);
  }
.container {
    max-width:1366px;
	width: calc(100% - 120px);
	margin:0 auto;
  }
	.acc_headline::before {
		top:26px;
	}
/*   Block  Head   */
  .intro .text-wrap {
   width: calc(100% - 120px);
    margin: 80px auto;
  }
  .home .intro-inner {
    align-items: flex-start;
  }  
   .home .intro .text-wrap {
   width: calc(100% - 60px);
    margin: 80px auto;
  }
.text-image-kombi .container {
/*   padding-left: 5%;
    padding-right: 5%; */
}
  .bg-main-light + .text-image-kombi, .text-on-image + .text-image-kombi {
    padding-top: 130px;
}

  /*   Block Text    */
  .textblock .text-wrap,
  .textblock .button-wrap {
    max-width:850px;
  }
  .textblock.centered .text-wrap,
	.textblock.centered .button-wrap {
    margin:0 auto;
  }
  .infobox .img-wrap {
    aspect-ratio: 2/1;
  }
	.map-container {
		width:calc(100% - 60px);
		max-width:1366px;
		margin:0 auto;
	}
	.map-wrap.mobil {
		overflow-x: auto;
	}
	.map-wrap.mobil img {
		width: 100%;
  		padding-left: 0;
	}
  /*   Footer  */
  footer .col-wrap {
    display:flex;
  }
  footer .col-wrap:last-child {
    align-items:flex-end;
  }
  footer .col-2:first-child {
    flex-grow: 3;
  }
  footer .col-2:last-child {
    min-width: 250px;
    margin-left: 40px;
}
  #footer-menu {
    padding-top: 10px;
  }
}
@media (min-width: 950px) {
	header {
		height:88px;
		padding-top:0;
	}
	.container-fluid {
		  width: calc(100% - 40px);
	}
	.logo {
		padding-left:0px;
	}
	.logo img {
	width:148px;
}
	/*  Navigation   */
  .main-menu-btn, .mobile {
    display: none;
  }
	header nav .menu-item-has-children:after {
		display:none;
	}
	header nav .menu-item-has-children > a:after {
	content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="%23FFF" d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>');
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg id='Ebene_1'%3E%3Cpolygon class='cls-1' points='28.3 17.3 28.3 17.3 13.8 2.8 11.2 5.3 25.8 19.9 11.2 34.4 13.8 37 30.9 19.9 28.3 17.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  margin-top: 7px;
  margin-left:7px;
  background-size: cover;
  transition: all 0.3s ease;
}
header nav .menu-item-has-children:hover > a:after {
	transform: rotate(270deg);
}
	a:hover, #main-menu a:hover {
  text-decoration: underline!important;
	}
  header nav .menu-item-has-children:hover > a {
	text-decoration:underline;
}
  #main-menu {
    position:relative;
    top:unset;
    display:flex;
    justify-content: flex-end;
    align-items: center;
    left: 0;
    opacity: 1;
    visibility: visible;
    width:auto;
    height:auto;
    margin:0 0 0 auto;
    padding:30px 0px 0 0;
  }
  #main-menu > li {
    position:relative;
    margin-right: 28px;
    padding-right: 22px;
  }
  #main-menu > li:last-child {
    margin-right:0px;
  }
  #main-menu > li.menu-item-has-children:hover .sub-menu {
    visibility:visible;
    opacity:1;
	  transition: 0.3s ease-out all;
  }
  #main-menu > li.menu-item-has-children:last-child .sub-menu {
    right:0;
    margin: 0 -20px 0 auto;
    text-align: right;
  }
  .sub-menu { 
	min-width:220px;
	margin-left:-20px;
	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
    
    display:block;
	left:0;
	z-index:-1;
	position: absolute;
	visibility:hidden;
    opacity:0;
	background-color: var(--main);
    padding: 40px 20px 20px;
  }
	.sub-menu > li {
		margin-bottom:8px;
	}
	#main-menu > li:nth-child(3) .sub-menu {
		min-width:340px;
	}
	#main-menu > li:nth-child(4) .sub-menu {
	min-width:390px;	
	}
.sticky-link {
  top: 307px;
	width:180px;
  padding-left: 30px;
}
	.sticky-link a {
	font-size: 18px;
	  line-height: 50px;
	  display: inline;
	}
  section {
  margin:130px 0;
}
	.textblock + .projects-grid {
		margin-top:-80px;
	}
	.intro + .textblock.bg-main {
  margin-top:-130px;
}
  section.intro {
  margin:0 0 130px;
}
  section.intro .img-wrap,
  .home section.intro .img-wrap{
    aspect-ratio:2/1;
    height:auto;
}
  .textblock.bg-main-light .container {
  padding:110px 0px 130px;
  margin:0 auto;
}
  .text-image-kombi h2 {
    margin-top:0;
  }
.text-image-kombi.slider {
  padding: 130px 0;
	overflow:hidden;
}
.text-image-kombi.bg-main-light .slider-wrap {
    max-width:500px;
}
  .text-image-kombi .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1366px;
  }
  section.text-image-kombi.contact.img-right .container {
    padding: 60px 120px 60px 90px;
    margin-bottom:0;
  }
   .text-image-kombi .container > .col-2, 
  .text-image-kombi.img-right .container > .col-2 {
    width: calc(50% - 25px);
     max-width: 600px;
  }
  .text-image-kombi.img-right .container,
  .text-image-kombi.teaser.img-right .col-wrap {
    flex-direction: row-reverse;
    justify-content:none;
  } 
  section.text-image-kombi.contact.img-right .col-wrap {
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: none;
    width: 100%;
  }
  section.text-image-kombi.teaser {
    margin: 150px 0;
  }
  .text-image-kombi.teaser .col-wrap {
    display:flex;
    max-width: 900px;
  }
  .text-image-kombi.teaser .col-2:first-child {
    margin-right:100px;
  }
  .text-image-kombi.contact .col-wrap{
    flex-wrap: nowrap;
    max-width: 900px;
  }
  .text-image-kombi.contact .col-2:first-child {
      margin-bottom: 0px;
    }
  .text-image-kombi.contact .col-2 {
      display: flex;
      align-items: center;
    }
  .text-image-kombi.contact .text-wrap {
    margin-right: 200px;
	  margin-right: 200px;
      max-width: 500px;
  }
  .text-image-kombi.teaser.img-right .col-2:first-child {
    margin-left:100px;
    margin-right: 0;
  }
	.text-image-kombi.slider .bg-globe {
		max-width:600px;
		width: 30%;
	}
	.text-on-image .container {
		margin-right:0;
	}
	.text-on-image .container .col-1 {
    background-image: linear-gradient( to left, var(--main-light) 45%, rgba(235, 248, 255, 0) );
		background-color:transparent;
  }
	.text-on-image .col-1 .img-mobile {
		display:none;
	}
  .text-on-image .col-1 .text-wrap {
    margin: 0 6% 0 auto;
	padding: 180px 0;
  }
	.text-on-image.text-left .container {
  width: 100%;
  background-color: rgba(255,255,255,0.8);
  max-width: none;
}
.text-on-image.text-left .container .col-1 {
	width: calc(100% - 120px);
	  margin: 0 auto;
	  max-width: 1366px;
		background-image: none;
	}
	 .text-on-image.text-left .container .col-1 .text-wrap {
	  width:100%;
	  margin:0;
  }
  /*   infobox   */
  .infobox .box-wrap {
    display:flex;
    border-radius: 30px;
    overflow: hidden;
  }
  .infobox .box-wrap {
    max-width:1366px;
    margin: 40px;
}
  .infobox .content-wrap {
  padding: 60px 40px 60px 70px;
}
.infobox .img-wrap {
  width:25%;
}
.infobox .img-wrap img{
  width:100%;
}
.infobox .content-wrap {
  width:75%;
}
  .infobox .button-wrap,
  .textblock .button-wrap.cols {
    display: flex;
    flex-wrap: wrap;
  }
  .textblock .button-wrap.cols {
    justify-content: space-between;
    max-width: 1190px;
  }
  .textblock .button-wrap.cols .col {
		min-width:520px;
	}

  .col {
  	margin-right: 70px;
    min-width: 215px;
}

   /*   Sites Grid   */
.sites-grid .col-wrap {
    display: flex;
    flex-wrap: wrap;
    }
  .sites-grid .col-3 {
    width: calc(50% - 15px);
    margin: 7px 0;
  }
  .sites-grid .col-3:nth-child(2n+1) {
    margin-right:7px;
  }
  .sites-grid .col-3:nth-child(2n) {
    margin-left:7px;
  }
  /*   Button Grid   */
  .button-grid .col-wrap {
    margin: 50px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .button-grid .col-3 {
    margin:20px;
    width: calc(50% - 40px);
  }
  .button-grid .text-wrap {
    max-width:700px;
    margin:0 auto;
  }
  .button-grid .col-4 {
    width:calc(50% - 7px);
    max-width:none;
}
  .image-buttons {
  padding: 70px 40px 80px 40px;
}
  .image-buttons .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1160px;
    margin:0 auto;
    flex-wrap:wrap;
  }
  .image-buttons .col-2 {
    width:calc(50% - 40px);
  }
  .image-buttons .col-2 {
    margin-bottom: 0;
  }
  .image-buttons .col-2:first-child {
    margin-right:0px;
  }
	.image-button .col-2:last-child {
		margin-right:0px;
	}
  .image-buttons .text-wrap {
    width:100%;
    text-align:center;
  }
  .projects-grid .container {
    display: flex;
  }
	.projects-grid .col-wrap {
		width:calc(50% - 15px);
	}
	.projects-grid .col-wrap:first-child {
		margin-right:15px;
	}
	.projects-grid .col-wrap:last-child {
		margin-left:15px;
	}
  .acc_headline {
    padding: 21px 0px 21px 150px;
  }
	section.accordion {
		margin:0;
	}
	section.accordion:last-of-type {
		margin-bottom:130px;
	}
  .acc_panel ul, .acc_panel li,
  .acc_panel p  {margin: 40px 18px 40px 150px;}
  footer .col-wrap:last-child .col-2:first-child {
    flex-grow: 1;
  }
  #footer-meta-menu {
    display:flex;
  }
  #footer-meta-menu li {
    margin-right:30px;
  }
}
@media (min-width:1100px) {
	 /*   Map   */
	.map-wrap {
		display:block;
	}
	.map-wrap.mobil {
		display:none;
	}
  .map .container {
	margin: 0 auto 0px;
  	width: calc(100% - 60px);
    max-width:1366px;
  }
	.map .container:last-of-type {
		margin-bottom:150px;
	}
	.map-wrap {
      width: 100%;
      overflow-x: unset;
      -webkit-overflow-scrolling: unset;
    }
  .map-wrap img {
    width:100%;
  }
  .tooltip-content .col-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 20px;
  }
  .tooltip .col-2 {
    width: calc(50% - 22px);
  }
   /*   Button Grid   */
  .button-grid .container {
    max-width:1366px;
    margin:150px auto;
  }
  .button-grid .text-wrap {
    max-width:900px;
    margin:0;
  }
  .button-grid .col-wrap {
    max-width:930px;
    justify-content: space-between;
  }
  .button-grid .col-4 {
    width:calc(33.3% - 7px);
    max-width:none;
}
  .text-on-image .container .col-1 {
    width: 85%;
	background-image: linear-gradient( to left, var(--main-light) 56%, rgba(235, 248, 255, 0) );
  }
  .text-on-image .container .col-1 .text-wrap {
    margin: 0 0 0 41%;
  }
}
@media (min-width:1280px) {
	.intro-inner {
  	max-width: 1366px;
  	margin: 0 auto;
  	position: relative;
		width: calc(100% - 60px);
}
	.intro .text-wrap {
		width: calc(100% - 60px);
	}
	.home .intro-inner {
	max-width: 1366px;
    margin: 0 auto;
    position: relative;
	}
	.home .intro .text-wrap {
		margin-top: 130px;
    margin-left: 0;
    width: 100%;
		
	}
	.home .intro .text-wrap img {
		max-width:470px
	}
  .text-on-image .container .col-1 {
    width: 74%;
  }
  .sites-grid .col-3 {
    width: calc(33.33% - 10px);    
  }
  section.sites-grid:first-of-type {
    min-height: 610px;
  }
  .sites-grid .col-3:nth-child(2n-1),
  .sites-grid .col-3:nth-child(2n){
    margin:7px 0;
  }
  .sites-grid .col-3:nth-child(3n+2) {
    margin-left:15px;
    margin-right:15px;
  }
}
@media (min-width:1440px) {
header .container-fluid {
    padding-left: 0;
    padding-right: 0
  }
	.intro .text-wrap {
		width:100%;
	}
   /*   Button Grid   */
  .button-grid .col-wrap {
    max-width:1400px;
    justify-content: flex-start;
    margin: 50px -20px;
  }
.button-grid .col-3 {
    width: calc(33.3% - 40px);
  }
  .infobox .box-wrap {
    margin:0 auto;
}
}
@media (min-width:1680px) {
	.text-on-image .container .col-1 {
    width: 100%;
  }
}
@media (max-width:949px) {
	.text-image-kombi.slider .container {
		display:flex;
		flex-wrap: wrap-reverse;
	}
	.text-image-kombi.slider .text-wrap {
		margin-bottom:60px;
	}
}
@media(max-width:649px) {
	.home section.intro .img-wrap {
		background-image: url('https://gppad.laborumgebung.de/wp-content/uploads/2024/09/gppad-prevention-of-autoimmune-diabetes-home-mobil.jpg') !important;
		background-position: 50% 80%!important;
		height:100vh;
	}
	.home .intro-inner {
	  align-items: start;
	}
	.home .intro .text-wrap {
	  margin-top: 50px;
	}
}
@media(max-width:519px) {
  input[type="checkbox"] + .wpcf7-list-item-label {
    font: normal normal normal 12px/20px Fira Sans;
  }
  input[type="checkbox"] + .wpcf7-list-item-label::before {
    top:0;
  }
}
@media (max-width:449px) {
	.textblock.tile-main-light .container {
  padding: 60px 5% 60px 10%;
}
  .sites-grid .col-3 {
    padding:30px;
  }
}