u/** Fonts **/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin/open-sans-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin/open-sans-v17-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

#svgholder{display:none;}
body,html{font: 300 24px/35px Open Sans;color:#191919;margin:0; padding:0;}

.wrapper{width: 100%;margin:0 auto;}
.content{padding:38px 140px; width:1380px;margin:0 auto;}

.left{text-align: left}
.center{text-align: center}
.right{text-align: right}

h1{font: bold 56px/65px Open Sans;margin:0 0 28px}
h2{font: normal 33px/41px Open Sans;margin:0 0 28px}
h3{font: Bold 30px/40px Open Sans;margin:0 0 28px}
h4{font: Bold 22px/38px Open Sans;margin:0}
h5{font: Bold 20px/30px Open Sans;margin:0}
p{margin:28px 0}

a.more{position:relative;display:inline-block; transition: 0.5s all;	padding-left:40px; text-decoration:none;color:inherit;}
a.more:hover,
a.more:hover svg{color:#0058A6;}
a.more:after{  content: "";
  position: absolute;
  bottom: -2px;
	right:0;
  width: 0px;
  height: 2px;
  margin: 2px 0 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.25s;
  background-color: #0058A6;}
a.more:hover:after{width:calc(100% - 40px)}
a.more svg{position:absolute; top:50%; left:0; transform:translateY(-50%);color:#D20D3D; transition: 0.5s all;}
a.more svg.plus{width:28px; height:28px;}
a.more:hover svg.plus{transform:translateY(-50%) rotate(405deg);}
a.more svg.check{width:28px; height:28px;}
.mored{max-height: 0; transition:0.5s max-height;overflow: hidden}
.mored.open{max-height:500px}

a.button{position:relative;overflow: hidden; border-radius: 40px;background:#fff;color:#D20D3D;padding:10px 60px; text-decoration: none;font: Bold 18px/30px Open Sans;white-space: nowrap;}
a.button .text{display:inline-block; position:relative;z-index:10;transition:0.5s color linear 0.7s;}
a.button:before{content:"";position:absolute; right:-100px;opacity:0;width:0px;height:2px;top:calc(50% - 1px);background:#AFCB37;transition:0.5s all;}
a.button .filler{content:"";position:absolute;bottom:0;left:0;right:0;top:0;border-radius:40px;background:#fff;transition:0.5s translate;overflow:hidden;}
a.button .filler:after{content:"";height:0;position:absolute;bottom:0;left:0;right:0;background:#AFCB37;transition:2s height ease-out 0.5s;}
a.button:hover .filler:after{height:45px;}
a.button:hover .text{color:#191919}
a.button:hover:before{opacity:1;width:100px;}

a.textlink{color:inherit}

.tooltip-holder{position:relative;cursor:pointer;}
.tooltip-holder .tooltip{z-index:0;opacity: 0; transition:0.5s opacity;position: absolute;left: 0;right: 0;bottom: 0;top: 0;padding: 10px 20px;border: 3px solid #AFCB37;background: #ffffff;font: Normal 20px/30px Open Sans;display: flex;align-items: center;}
.tooltip-holder:hover .tooltip{z-index:20;opacity:1;}

ul.chevron{list-style: none; padding:0;margin:0}
ul.chevron li{padding:5px 0;margin:0;}
ul.chevron li::before{content:"\276F";padding-right:10px;}
ul.chevron li a{color:#4c89c0;text-decoration: none;}



.arrowbox{display:inline-block; margin-top:20px;}
.arrowbox .inner{display:flex; height:70px; align-items: stretch;}
.arrowbox .text{background:#AFCB37;color:#191919;display:flex;align-items: center;padding:0 30px;font: Regular 24px/42px Open Sans;}
.arrowbox svg{color:#AFCB37;height:70px;}
.arrowbox svg{color:#AFCB37;height:70px;}

.radialicon{background: transparent radial-gradient(closest-side at 50% 50%, #B2CCE4 0%, #A4C3DF 0%, #6EA0CC 36%, #0058A6 100%) 0% 0% no-repeat padding-box;width: 176px;height: 176px; border-radius: 176px;}

.swoosh{width:750px;height:1085px}

.grid{display:flex; flex-wrap: nowrap; justify-content: center; align-items: center}
.grid.between{justify-content: space-between}
.grid .child{}
.grid .child:nth-child(1){padding-right:20px;} 
.grid .child.center{display:flex; justify-content: center}
.grid .child-25{width:25%; text-align: center}
.grid .child-34{width:34%; text-align: center}
.grid .child-49{width:49%; text-align: left;}
.grid .child-66{width:66%; text-align: left}

.wrapper#head{position:fixed;top:0;z-index: 50; background:#fff; box-shadow: 0px 3px 25px #00000029;}
.wrapper#head .content{display:flex;}
.wrapper#head .content a.logo{flex:auto 0 0;margin-right:30px;}
.wrapper#head .content a.logo svg{display:block;}
.wrapper#head nav {display:flex; width:100%; align-items: center}
.wrapper#head nav a{text-decoration:none; color:inherit;margin:0 30px;font: Normal 18px/30px Open Sans;}
.legal h1{font: normal 33px/41px Open Sans;margin:0 0 28px}

#legal{margin-top:240px;}
#mood{margin-top:110px;background:url("../images/mood.jpg") no-repeat center center; color:#fff; text-shadow: #000000a6 0px 0px 10px; position: relative;z-index:10; padding:120px 0;background-size: cover;}
#mood .content div{width:680px; z-index: 10; position: relative;} 
.wrapper#mood #headervideo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrapper#mood #headervideo video {
    min-width: 100%;
    min-height: 100%;
}

.wrapper#alltag{background:#F8F8F8;margin:0 auto; padding:120px 0}
.wrapper#alltag .content{position:relative;}
.wrapper#alltag .content p{width:830px;} 
.wrapper#alltag .content .swooshholder{ position:absolute;top:50%; right:140px; transform: translateY(-50%)}
.wrapper#alltag .content .swooshholder .swoosh {color:#d20f3e}
.wrapper#alltag .content .swooshholder ul { position:absolute;top:50%; left:50%; transform: translateY(-50%); color:#fff;font: Bold 24px/35px Open Sans; margin:0; padding:0}
.wrapper#alltag .content .swooshholder ul li {padding:20px; list-style-type: none; display:flex; align-items: center}
.wrapper#alltag .content .swooshholder ul li .check {width:31px; height:31px;flex-shrink: 0; margin-right:10px;}
.wrapper#alltag .content .swooshholder ul li:nth-child(1)  {padding-left:30px;}
.wrapper#alltag .content .swooshholder ul li:nth-child(2)  {padding-left:45px;}
.wrapper#alltag .content .swooshholder ul li:nth-child(3)  {padding-left:30px;}
.wrapper#alltag .content .swooshholder ul li:nth-child(4)  {padding-left:0px;}

.wrapper#loesungen{background:#fff;margin:0 auto; position:relative; z-index:10;padding:120px 0;}
.wrapper#loesungen .grid{ align-items: stretch}
.wrapper#loesungen .grid .radialicon{display:flex; color:#fff;margin:0 auto; justify-content: center; align-items: center; margin-bottom:20px}
.wrapper#loesungen .grid .child{padding:40px 0;}
.wrapper#loesungen .grid .child:nth-child(1){background: transparent linear-gradient(180deg, #0058A6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
.wrapper#loesungen .grid .child:nth-child(2){background: transparent linear-gradient(180deg, #4C89C0 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
.wrapper#loesungen .grid .child:nth-child(3){background: transparent linear-gradient(180deg, #7FABD2 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
.wrapper#loesungen .grid .child:nth-child(4){background: transparent linear-gradient(180deg, #B2CCE4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}

.wrapper#branche{background: transparent linear-gradient(129deg, #0058A6 0%, #4C89C0 48%, #B2CCE4 100%) 0% 0% no-repeat padding-box;margin:0 auto; position: relative; z-index: 10;}
.wrapper#branche .content{padding-top:0;}
.wrapper#branche .content .bluerastered{padding:80px 80px 40px; color:#fff; overflow:hidden;}
.wrapper#branche .content .bluerastered > .grid {margin:80px -80px 40px}
.wrapper#branche .content .bluerastered > .grid .brandselect{color:#0058A6; fill:#fff; transition: 0.3s all}
.wrapper#branche .content .bluerastered > .grid .slide_opener:hover .brandselect{color:#fff; fill: #d20f3e;}
.wrapper#branche .content .bluerastered > .grid .slide_opener{cursor:pointer}
.wrapper#branche .content .bluerastered > .grid .slide_opener.active .brandselect{color:#fff; fill: #d20f3e;}
.wrapper#branche .content .bluerastered .slideholder{margin:0 -40px; overflow:hidden;}
.wrapper#branche .content .bluerastered .slideholder_inner{display:flex; flex-wrap: nowrap; width:400%; transition: 1s transform ease-in-out}
.wrapper#branche .content .bluerastered .slide {background:#fff; color:#191919; border-radius: 5px;font: 300 20px/30px Open Sans;position:relative; flex: 1 0 0;}
.wrapper#branche .content .bluerastered .slide > .grid{align-items: flex-start}
.wrapper#branche .content .bluerastered .slide .child { margin:60px 40px;}
.wrapper#branche .content .bluerastered .slide .child:nth-child(1) {background:#EDEDED; padding:60px 40px;}
.wrapper#branche .content .bluerastered .slide .child:nth-child(2) {}
.wrapper#branche .content .bluerastered .slide ul {margin:0; padding:0; list-style-type: none}
.wrapper#branche .content .bluerastered .slide ul li {padding:20px 0; list-style-type: none; display:flex; align-items: center}
.wrapper#branche .content .bluerastered .slide ul li .check {width:31px; height:31px; margin-right:10px;flex-shrink: 0; color:#AFCB37}

.wrapper#zitat {position:relative;margin:0 auto;background:#F8F8F8;z-index:10}
.wrapper#zitat .portrait{width:100%; height:auto; border-radius: 100%}
.wrapper#zitat .content{padding: 110px 80px;}

.wrapper#technologie{background:url("../images/technologie_back.jpg") no-repeat center center; color:#191919; position: relative;z-index:10; padding:120px 0;background-size: cover;}
.wrapper#technologie .content{padding-left:140px;} 
.wrapper#technologie .content div{width:680px; margin:0 0 0 auto} 

.wrapper#mainova{;margin:120px auto}
.wrapper#mainova .content{position:relative;}
.wrapper#mainova .content p,
.wrapper#mainova .content h3,
.wrapper#mainova .content .accordeon{width:830px; z-index:10; position:relative} 
.wrapper#mainova .content .swooshholder{ position:absolute;top:50%; right:140px; transform: translateY(-50%)}
.wrapper#mainova .content .swooshholder .swoosh {color:#FFF}
.wrapper#mainova .content .swooshholder .logoholder {position:absolute;top:50%; transform:translate(50%,-50%); right: 29%; display:flex; flex-direction: column;justify-content: center}
.wrapper#mainova .content .swooshholder .logo_chargemaker{margin:20px 0}
.wrapper#mainova .content .swooshholder .logo_mainova{margin:20px 0}
.wrapper#mainova .content .swooshholder .logo_dussmann{margin:20px 0}

.wrapper#boxenstop{position:relative;margin:0 auto;background:#F8F8F8;z-index:10}
.wrapper#boxenstop .content{padding: 110px 140px;}

.wrapper#kontakt{background:#0058A6;margin:0 auto;color:#fff;}
.wrapper#kontakt .power{width:320px;opacity:0.2}
.wrapper#kontakt .power .rect_1{opacity:0.2}
.wrapper#kontakt .power .rect_2{opacity:0.5}
.wrapper#kontakt .power .rect_3{opacity:0.8}
.wrapper#kontakt .content {overflow: hidden}

footer .wrapper{background:#F8F8F8;margin:0px auto 0;}
footer .content{font-size:14px; font-weight:normal; padding:20px 140px}
footer a{text-decoration:none;color:inherit}


#ekontaktform{
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom:0;
  padding:100px;
  z-index: 1000;
 /* transition: 1s transform;*/
}
#ekontaktform .shaddow{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;background: #cccccc66;backdrop-filter: blur(10px);}
#ekontaktform iframe{display: block;height:100% !important;box-shadow: 0px 0px 60px #000000;position: relative;}
#ekontaktform .close{cursor:pointer;color: #d20f3e;transform: rotate(45deg);position: absolute;top: 30px;right: 30px;z-index: 1000;width: 50px;height: 50px;}

.contactoverlay #ekontaktform{transform:none;}



/* Accordion styles */
.accordeon input{position: absolute; opacity: 0; z-index: -1;}
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.tab {
  width: 100%;
  overflow: hidden;
}
.tab-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
	align-items: center;
  padding: 12px 10px;
	height:60px;
	box-sizing: border-box;
  font-weight: bold;
  cursor: pointer;
	border-radius:40px;
	border: 1px solid #707070;
	margin:5px 0;
  /* Icon */
}
.accordeon.inline .tab-label {border:none;padding:0;}

.tab-label .icon{flex:auto 0 0; width:40px; margin:0 10px; display:flex; justify-content: center; color:#0058A6}
.tab-label .icon svg{display:block}
.tab-label h5{text-align: left;flex:auto 1 1;}
.tab-label:hover {
}
.tab-label::after {
  content: " ";
	display:block;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.9 17.3"><path fill="%234c89c0" d="M31.5.4c-.5-.5-1.4-.5-1.9 0L16 14.1 2.3.4C1.8-.1.9-.1.4.4S-.2 1.7.3 2.3L15 16.9c.5.5 1.4.5 1.9 0L31.5 2.3c.5-.5.5-1.4 0-1.9z"/></svg>');
	background-repeat: no-repeat;
	flex:auto 0 0;
	margin:0 30px;
	width: 32px;
  height: 18px;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.accordeon.inline .tab-label::after{content:none; }
.accordeon.inline .tab-label::before{  content: " ";
	display:block;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.9 17.3"><path fill="%234c89c0" d="M31.5.4c-.5-.5-1.4-.5-1.9 0L16 14.1 2.3.4C1.8-.1.9-.1.4.4S-.2 1.7.3 2.3L15 16.9c.5.5 1.4.5 1.9 0L31.5 2.3c.5-.5.5-1.4 0-1.9z"/></svg>');
	background-repeat: no-repeat;
	flex:auto 0 0;
	margin:0 15px 0 0;
	width: 32px;
  height: 18px;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  background: white;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.accordeon.inline .tab-content{padding:0}
.tab-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
}

input:checked + .tab-label {
}
input:checked + .tab-label::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordeon.inline input:checked + .tab-label::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
input:checked ~ .tab-content {
  max-height: 200px;
  padding: 1em;
}
.accordeon.inline input:checked ~ .tab-content {
  max-height: 400px;
  padding: 0;
}

/* https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

.cc-window{overflow:visible}
.cc-revoke.cc-top{left:auto; right:3em;}
.cc-window::before {
    content: "";
    position: absolute;
    background: #143050;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.cc-window::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 99;
}
.cc-message, .cc-compliance{z-index:200 !important;position:relative !important;}



 

/* Responsive */
@media (max-width: 1680px) {
	.content{width:100%;box-sizing: border-box}
	.wrapper#alltag .content p,
	.wrapper#alltag .content h3,
	.wrapper#mainova .content p, 
	.wrapper#mainova .content h3, 
	.wrapper#mainova .content .accordeon{width:calc(100% - 450px);}
	.tooltip-holder .tooltip{font: Normal 16px/24px Open Sans;}
	.wrapper#zitat .content { padding: 110px 140px;}
}

@media (max-width: 1300px) {
	body,html{font: 300 20px/30px Open Sans;}
	.content{padding:38px 70px;}
	footer .content{padding: 20px 70px;}
	.wrapper#zitat .content{padding:110px 70px}
	.wrapper .swooshholder{right:70px !important;}
	.wrapper#technologie .content div{width:calc(100% - 300px)}
}
@media (max-width: 1024px) {
	.wrapper .swooshholder .swoosh{display:none;}
	.wrapper .swooshholder{height:100%;width:200px;}
	.swooshholder ul{left:auto !important; right:0 !important}
	.swooshholder ul li{padding:20px 0 !important;color:#191919}
	.wrapper .content .swooshholder .logoholder{left:auto !important; right:50% !important}
	.wrapper#alltag .content p,
	.wrapper#alltag .content h3,
	.wrapper#mainova .content p, 
	.wrapper#mainova .content h3, 
	.wrapper#mainova .content .accordeon{width:calc(100% - 320px);}
	.hidden-on-mobile{display:none;}
	.grid .child-25{width:50%}
	.wrapper#loesungen .grid{flex-wrap:wrap;}
	.wrapper#mood #headervideo video{min-width: auto;}
}
@media (max-width: 800px) {
	.wrapper#alltag,
	.wrapper#loesungen,
	.wrapper#technologie,
	.wrapper#mainova{padding:60px 0 !important; margin:0}
	.wrapper#alltag .content p,
	.wrapper#alltag .content h3,
	.wrapper#mainova .content p, 
	.wrapper#mainova .content h3, 
	.wrapper#mainova .content .accordeon{width:100%;}
	.swooshholder{position:static !important;top:auto !important;transform:none !important; width:100% !important; right:auto !important}	
	.swooshholder ul,
	.wrapper#mainova .content .swooshholder .logoholder{position:static !important;top:auto !important; left:auto !important;right:auto !important;transform:none !important; display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch}
	.swooshholder ul li,
	.wrapper#mainova .content .swooshholder .logoholder svg{ flex:100px 1 1; padding:20px 0 0 !important; width:auto !important; height:auto !important;  margin:20px; padding:0!important}
	.wrapper#technologie .content div{width:100%}
	.wrapper#zitat .grid{align-items:flex-start}
	#mood .content div{width:100%}
	.wrapper#head nav{display:none !important;}
	.wrapper#head .content{justify-content: center}
	footer .content{text-align:center;}
}
@media (max-width: 600px) {
	.grid {flex-wrap: wrap}
	.grid .child{width:100%; padding:0 !important;}
	.wrapper#loesungen .grid .child { padding: 40px 0 !important;}
	.wrapper#technologie .content,
	.wrapper .content{padding:30px 50px !important;}
	h1 {font: bold 42px/55px Open Sans;}
	h2 {font: normal 28px/40px Open Sans;}
	h3 {font: Bold 26px/34px Open Sans;}
	body, html {font: 300 18px/28px Open Sans;}
	.wrapper#alltag .content .swooshholder ul{font: Bold 18px/28px Open Sans;}
	.wrapper#alltag .content .swooshholder ul li .check{width:24px; height:24px;}
	.wrapper#zitat .portrait {width:320px;}
	.wrapper#zitat .grid{flex-direction: column-reverse}
	.wrapper#kontakt .child{padding:20px 0px !important; text-align: center;}
	.hidden-on-smartphone{display:none;}
	footer .content{display:flex;flex-direction: column; line-height: 40px}
	#mood { margin-top: 90px;}
	.cc-revoke{display: none;}
	.wrapper#mood #headervideo{display: none}
}
@media (max-width: 500px) {
	a.button{padding:10px; display:block;}
}