/*
    Theme Name: Cellere
    Theme URI: https://www.figma.com/file/GaXrR4kIjKZArKM3ZZy7R2/Cellere-Bau-AG
    Description: Cellere
    Version: 2.0
    Author: Felix Schlatter
    Author URI: https://schwizerschlatter.com
    Tags: No Tags

*/




/*
Gelb: #FFBE00;
Font: #151515;
*/

html{
   margin:0;
  background-color: #fff;
}
body {
  margin:0;
  background-color: #fff;
  position:relative;
}
.noscroll {
  overflow:hidden;
  /* position: fixed; */
}


@font-face {font-family: 'cd_light';src: url('fonts/Calibre-Light.eot');src: url('fonts/Calibre-Light.eot?#iefix') format('embedded-opentype'),url('fonts/Calibre-Light.woff2') format('woff2'),url('fonts/Calibre-Light.woff') format('woff'),url('fonts/Calibre-Light.ttf') format('truetype');}

@font-face {font-family: 'cd_lightitalic';src: url('fonts/Calibre-LightItalic.eot');src: url('fonts/Calibre-LightItalic.eot?#iefix') format('embedded-opentype'),url('fonts/Calibre-LightItalic.woff2') format('woff2'),url('fonts/Calibre-LightItalic.woff') format('woff'),url('fonts/Calibre-LightItalic.ttf') format('truetype');}

@font-face {font-family: 'cd_regular';src: url('fonts/Calibre-Regular.eot');src: url('fonts/Calibre-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Calibre-Regular.woff2') format('woff2'),url('fonts/Calibre-Regular.woff') format('woff'),url('fonts/Calibre-Regular.ttf') format('truetype');}

@font-face {font-family: 'cd_medium';src: url('fonts/Calibre-Medium.eot');src: url('fonts/Calibre-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/Calibre-Medium.woff2') format('woff2'),url('fonts/Calibre-Medium.woff') format('woff'),url('fonts/Calibre-Medium.ttf') format('truetype');}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   outline: 0;
}
a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner {
   outline: 0;
     border: 0;
}
body  {
background-color: #F0F0F0;
position: relative;
color: #151515;
font-family:cd_light,arial;
margin:0;
font-weight: normal;
font-size: 24px;
line-height: 32px;
font-weight: normal;
}

::selection {
  color: #151515;
  background: #FFBE00;
}
::-moz-selection {
  color: #151515;
  background: #FFBE00;
}


.supercontainer {
  position: relative;
  display: block;
  width: 100%;
  /* max-width: 1740px; */
  margin:0 auto;
}
.inside {display: block;margin:0 auto;position: relative;}
h1,h2,h3 {margin:0px;display:block;padding:0px;font-weight: normal;}
b,strong {
  font-family: "cd_medium";
  font-weight: normal;
}

a { text-decoration:none; }

.header {
  position: fixed;
  display: block;
  top:0px;
  left:0px;
  right: 0px;
  z-index: 999;
  width: 100%;
  background-color: #FFBE00;
  transition: all 0.5s ease-in-out;
  /* max-width: 1740px; */
}
.header_hidden {
  top:-300px;
}
.header .inside {
    min-height: 143px;
    background-color: #FFBE00;

    transition: all 0.25s ease-in-out;
}
.header .kontaktnav .inside {
  background:none;
  min-height: unset;
}
.header .logo {
  float: left;
  margin-left: 50px;
  margin-top: 43px;
  transition: all 0.25s ease-in-out;
}
.no-touch .header .logo:hover svg rect, .no-touch .header .logo:hover svg path {
  fill: #fff;
}
.no-touch  .meganav .logo:hover svg rect, .no-touch  .meganav .logo:hover svg path {
  fill: #FFBE00;
}

.header .logo svg {width: 172px;height: auto;  transition: all 0.25s ease-in-out;}

.header.scrolled .inside {
  min-height: 85px;
}
.header.scrolled .logo {
  margin-top: 27px;
}
.header.scrolled .logo svg {width: 120px;}
.header.scrolled .nav {width: 85px;}

.logo svg path, .logo svg rect {transition: all 0.15s ease-in-out;}
.logo svg path, .meganav .logo svg rect {fill:#000;transition: all 0.15s ease-in-out;}

.claim {
  transition: all 0.25s ease-in-out;
  float: right;
  padding-top: 46px;
  position: relative;
  padding-right: 240px;
  font-family: "cd_medium";font-size: 48px;line-height: 58px;
}
.header.scrolled .claim {
  font-size: 36px;line-height: 40px;
  padding-top: 26px;
  padding-right: 150px;
}
.nav, .nav2 {
  z-index: 101;
  cursor: pointer;display: block;
  position: absolute; top:0px;right: 0px;bottom:0px;background-color: #fff;width: 143px;
  transition: 0.25s;
}
.nav2 {bottom:unset;height:150px;}

.nav.active {
   background-color: #202020;
}
.nav2.activeR {
   background-color: #202020;
}
.nav .line, .nav2 .line, .x .line {
  position: absolute;
  height: 2px;background-color: #151515;
  width: 42px;
  left:50%;
  margin-left: -21px;
  transition: 0.25s;
  transform-origin: 50%;

}

.no-touch .nav:hover .line,
.no-touch .nav2:hover .line
 {
  background-color: #FFBE00;
}
.nav.active .line, .nav2.active .line {background-color: #fff;}
.nav .line:nth-child(1), .nav2 .line:nth-child(1) { top:58px; }
.nav .line:nth-child(2), .nav2 .line:nth-child(2) { top:68px; }
.nav .line:nth-child(3), .nav2 .line:nth-child(3) { top:78px; }

.nav.active .line:nth-child(1), .nav2.activeR .line:nth-child(1) { transform: rotate(-45deg); top: 70px;}
.nav.active .line:nth-child(2), .nav2.activeR .line:nth-child(2) {height: 0px;}
.nav.active .line:nth-child(3), .nav2.activeR .line:nth-child(3) { transform: rotate( 45deg); top: 70px;}

.x .line:nth-child(1) { transform: rotate(-45deg); top: 70px;}
.x .line:nth-child(2) { height: 0px;}
.x .line:nth-child(3) { transform: rotate( 45deg); top: 70px;}

.head.scrolled .x .line:nth-child(1) { transform: rotate(-45deg); top: 40px;}
.head.scrolled .x .line:nth-child(2) { height: 0px;}
.head.scrolled .x .line:nth-child(3) { transform: rotate( 45deg); top: 40px;}


.header.scrolled .nav .line:nth-child(1), .header.scrolled .nav2 .line:nth-child(1) { top:31px; }
.header.scrolled .nav .line:nth-child(2), .header.scrolled .nav2 .line:nth-child(2) { top:41px; }
.header.scrolled .nav .line:nth-child(3), .header.scrolled .nav2 .line:nth-child(3) { top:51px; }

.header.scrolled .nav.active .line:nth-child(1), .header.scrolled .nav2.activeR .line:nth-child(1) { transform: rotate(-45deg); top: 42px;}
.header.scrolled .nav.active .line:nth-child(2), .header.scrolled .nav2.activeR .line:nth-child(2) {height: 0px;}
.header.scrolled .nav.active .line:nth-child(3), .header.scrolled .nav2.activeR .line:nth-child(3) { transform: rotate( 45deg); top: 42px;}


.kontaktnav .thirdy {
  padding-top: 52px;
  float: left;width: 33.33333%;
  position: relative;
  font-family: "cd_regular";
}
.kontaktnav .thirdy.t2,
.kontaktnav .thirdy.t3 {
  padding-top: 165px;
}
.kontaktnav .thirdy h1.one {
font-size: 48px;
line-height: 48px;
position: absolute;
top:50px;
left: 50px;
}
.kontaktnav .thirdy .newsletter h1 {
font-size: 24px;
line-height: 28px;
display: block;
max-width: 207px;
}
.t_ins {
  padding-top: 105px;
  padding-left: 50px;
}
.kontaktnav .thirdy a {color: #fff;}
.ausver {
  display: block;
  padding-top: 25px;
}
.ausver img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 350px;
}
.teasernav {
position: relative;
padding-top: 9px;
padding-bottom: 9px;
display: block;
background-color: #202020;
padding-left: 60px;
padding-right: 20px;
font-size: 24px;
line-height: 26px;
transition: all 0.25s ease-in-out;
animation: teaser 2s infinite;
}
.tbut {
  position: absolute;
  left:0px;
  top:0px;
  bottom:0px;
  background-color: #000;
  background-image: url("img/angle-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 22px;
  width: 50px;
}
@keyframes teaser {
    0%     { background-color: #202020;}
    50%    { background-color: #5D5D5D;}
    100%   { background-color: #202020;}
}

a .teasernav {
  color: #F0F0F0;
}
.no-touch .teasernav:hover {
  background-color: #B8B8B8;
  animation-play-state: paused;
}

.hometop {
  background-color: #FFBE00;
  display: block;
  margin-top: 143px;
  min-height: calc(100vh - 143px);
  position: relative;
}
.hometop article {
  position: absolute;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
}
.hometop article .img {
  position: absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left: 400px;
  background-size: cover;background-position: center;background-repeat: no-repeat;
  z-index: 1;
}
.hometop article a  .box {
  color:#151515;
}
.hometop article .box {
  position: absolute;left:50px;
  background-color: #fff;
  padding:30px;
  padding-bottom: 60px;
  z-index: 2;
  max-width: 487px;
  min-height: 310px;
  transform: translateY(-50%);
  top:50%;
  font-size: 24px;line-height: 30px;
}
.hometop article .inside {
position: absolute;
width: 100%;
z-index: 3;
top:0px;left:0px;
right:0px;bottom:0px;
}
.boxlink {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: absolute;bottom:0px;right:0px;
  background-color: #000;
  color: #fff;
  padding:20px;
  padding-top: 13px;
  padding-bottom: 10px;
  min-width: 157px;
  font-family: "cd_medium";
  font-size: 20px;
line-height: 30px;
cursor: pointer;
transition: all .25s ease-in-out;
}

#unternehmen .boxlink, #standorte .boxlink, #karriere .boxlink {
  right: unset;
  left:50px;
  bottom:125px;
  min-width: 250px;
}
#standorte .boxlink {
  bottom: 0px;
left: 0px;
margin-left: 0px;
}
#unternehmen .boxlink{
  bottom:125px;
}
#unternehmen .boxlink.last,  #karriere .boxlink.last {
  bottom:0px;
}
.boxlink svg {float: right;margin-right: 0px;transition: all .25s ease-in-out; }
.hometop article .box h2 {font-size: 24px;line-height: 30px;margin-bottom: 30px;}
.hometop article .box h1 {
  font-family: "cd_medium";
  font-size: 24px;line-height: 30px;
}
 .no-touch .boxlink:hover {background-color: #fff;color: #000;}
 .no-touch .boxlink:hover svg {float: right;margin-right: -10px;}
 .no-touch .boxlink:hover svg path {stroke:#000;}


.ref .boxlink, .unt .boxlink {
min-width: 250px;
position: relative;
right:unset;bottom:unset;
margin-left: 50px;
margin-top: 25px;
display: inline-block;
 }

.mailtop4 {position: fixed;
right: 0px;
top: 50%;
z-index: 4;
width: 46px;
cursor: pointer;
background-color: #000;
transform: translateY(-50%);}
.mailtop4 img {width: 100%;height: auto;display: block;position: relative;z-index: 2;}
.yoer {position: relative;display: block;}

.yoer div {
  opacity: 0;
  z-index: 1;
  position: absolute;
  right: -200px;
  background-color: #2d2d2d;
  color: #fff;
  display: table;
  top: 0px;
  white-space: nowrap;
  bottom: 0px;
  padding-right: 10px;
  font-size: 20px;
  font-family: "cd_regular";
  height: 36px;
  padding-top: 10px;
  padding-left: 15px;
    transition: right 0.25s ease-in-out, opacity 0.6s linear;
}
.no-touch .yoer:hover div {
  right: 46px;
  opacity: 1;
}

.meganav {position: absolute;
height: 0vh;
overflow: hidden;
z-index: 100;
display: block;
background-color: #202020;
left:0px;
right:0px;
top: -150vh;
color: #fff;
height: 100vh;
transition: top 0.35s ease-in-out;
}
.meganav.active {top:0px;}

.kontaktnav {
position: absolute;
  width: 100vw;

z-index: 100;
display: block;
background-color: #202020;  /* 202020 */
bottom:0px;
right:0px;
top: 0px;
left:120vw;
height: 100vh;
color: #fff;
transition: left 0.5s ease-in-out;
}
.kontaktnav.active {
  left:0px;

}
.kontaktnav {z-index: 101;}


.checky {opacity: 0;}
.m_checky6, .o_checky51 {opacity: 1;}


.meganav .inside {min-height: unset;background-color: #202020;}
.meganav .logo svg path, .meganav .logo svg rect {fill:#707070;}


.mailtop {
  cursor: pointer;
}
.meganav .mailtop {
  position: relative;
  right: unset;
  z-index: unset;
  bottom:unset;
  width: unset;
  height: unset;
  position: static;
}


.lang {
  margin: 0px;
  padding:0px;
  list-style: none;
  font-size: 18px;
  line-height: 22px;
 float: right;
 width: 50px;
 margin-right: 150px;
margin-top: 63px;
}
.lang li {
  display: inline;
}
.lang a {color: #707070;text-decoration: none;}
.no-touch .lang a:hover {color:#FFBE00}
.lang .language-chooser-item {}
.no-touch .lang  a:hover .language-chooser-item {}
.no-touch .lang  a:hover .language-chooser-item:before {}
.lang .language-chooser-item.active a {  font-family: "cd_medium";color: #FFBE00 !important;}
.language-chooser-item-de  {}
.language-chooser-item-de a:before {
  content:"DE";
}
.language-chooser-item-de:after {
  content:" / ";
  color: #707070 !important;
}
.language-chooser-item-it {}
.language-chooser-item-it a:before {
  content:"IT";
}
.mainnav {display: block;padding-top: 150px;padding-left: 50px;padding-right: 50px;}
.mainnav .lefty {
  font-size: 36px;color: #fff;line-height: 42px;font-family: "cd_regular";
  padding:0px;margin:0px;
  position: relative;
}
.smallbr {display: block;clear: both;height: 23px;}
.no-touch .mainnav ul li:hover a.yellow {color: #fff !important;}
.mainnav ul.lefty li {
  display: table;
  margin-left: -50vh;
  transition:  all 0.95s ease-in-out;
}


.mainnav ul li a.yellow{ color: #FFBE00 !important;}


.meganav.active .mainnav ul.lefty li {margin-left: 0px;opacity: 1;position: relative;}

.meganav.active .mainnav ul.lefty li:nth-child(1) {transition-delay:0.25s}
.meganav.active .mainnav ul.lefty li:nth-child(2) {transition-delay:0.3s}
.meganav.active .mainnav ul.lefty li:nth-child(3) {transition-delay:0.35s}
.meganav.active .mainnav ul.lefty li:nth-child(4) {transition-delay:0.4s}
.meganav.active .mainnav ul.lefty li:nth-child(5) {transition-delay:0.45s}
.meganav.active .mainnav ul.lefty li:nth-child(6) {transition-delay:0.5s}
.meganav.active .mainnav ul.lefty li:nth-child(7) {transition-delay:0.55s}
.meganav.active .mainnav ul.lefty li:nth-child(8) {transition-delay:0.6s}
.meganav.active .mainnav ul.lefty li:nth-child(9) {transition-delay:0.65s}
.meganav.active .mainnav ul.lefty li:nth-child(10) {transition-delay:0.7s}
.meganav.active .mainnav ul.lefty li:nth-child(11) {transition-delay:0.75s}

.no-touch .mainnav ul.lefty li:hover {display: block;}
.mainnav a, .mailtop span {color: #fff;display: block;float: none;clear: both;}
.no-touch .mainnav a:hover, .no-touch .mainnav span:hover {color: #FFBE00;}
.mainnav ul.lefty li ul   {
background-color: #202020;
z-index: 10;
font-size: 36px; line-height: 42px;
margin: 0px;
padding: 0px;
  padding-top: 8px;
  top:0px;
position: absolute;
left:320px;
transition: all 0.25s ease-in-out;
z-index: 0;
display: none;
font-family: "cd_light";
}
.no-touch .mainnav ul.lefty li:hover ul   {
  display: block;
}
.meganav .sm {position: absolute;
bottom:80px;left:0px;right:0px;
font-size: 18px;
line-height: 22px;color: #707070;
}
.socialholder {padding-left: 50px;}
.meganav .sm span {display: block;float: none;clear: both;margin-bottom: 25px;}
.socialholder svg {width: 25px;height: auto;margin-right: 32px;}
.socialholder svg.yt {width: 35px;height: auto;}
.socialholder svg path {transition: all 0.15s ease-in-out;}
.no-touch .socialholder a:hover svg path {fill:#FFBE00;}

.ref {display: block;background-color: #F0F0F0;padding-top: 60px;}
.ref h2{margin-left: 50px;font-size: 48px;
line-height: 48px; font-family: "cd_regular";margin-bottom: 60px;}

.reftop {position: relative;padding-bottom: 35px;display: block;clear:both;}
.reftop .img {
float: left;
width: calc(50% + 93px);
height: 0;
padding-top: 35%; /* 56.25% */
background-size: cover; background-position: center;
}
.reftop.right .img {float: right;}
.reftop .box {
  top:93px;

  position: absolute;
  padding:40px;
  padding-bottom:140px;
  padding-right: 93px;
  background-color: #fff;
}
.reftop.left .box {
  left:50%;
  margin-right: 143px;
}
.reftop.right .box {
  right:50%;
  margin-left: 143px;
}

#referenzen .reftop.left .box {
  margin-right: unset;
  width:414px;
}
#referenzen .reftop.right .box {
  margin-left: unset;
  width:414px;
}



p {margin-top: 0px;}
.reftop h1 {font-family: "cd_regular";font-size: 36px;margin-bottom: 30px;}
.reftop .box p {font-size: 18px;line-height: 22px;}
.reftop a  {color: #151515;}
.reftop .arrow, .nextleft .arrow {
  cursor: pointer;
  position: absolute;background-color: #FFBE00;width: 93px;height: 93px;
  bottom:0px;right:0px;
  transition: all 0.25s ease-in-out;
}
.no-touch .reftop .arrow:hover, .no-touch .nextleft .arrow:hover  {background-color: #000;}
.reftop .arrow svg, .nextleft .arrow svg {
  position: absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
}
.reftop .refkomp {position: absolute;height: 93px;bottom:0px;left:40px;}
.reftop .refkomp span {display: block;font-size: 18px;
line-height: 22px;
font-family: "cd_regular";
}

#referenzen .reftop .refkomp span {
  font-family: "cd_regular";
}

.unt {
  overflow: hidden;
  background-color: #fff;
}
#unternehmen .unt {
  background-color: #202020;
  color: #fff;
}
.topunt {
  padding-left: 50px;
  padding-top: 60px;
  padding-right: 50px;
  display: block;
}
#unternehmen .topunt {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 95px;
}
.unt h2 {
display: block;
font-size: 24px;
line-height: 30px;
margin-bottom: 50px;
}
.unt h1 {
  display: block;
font-size: 48px;
line-height: 36px;
margin-bottom: 50px;
font-family: "cd_regular";
}
.unt .lefty {float: left; width:   30%; }
.unt .righty {float: right; width: calc(70% - 100px); max-width: 774px;padding-right: 100px;}

.topunt .holder {display: block;border-bottom: 1px solid #828282;padding-bottom: 60px;}
.topunt .holder.secondholder {padding-top: 60px;border-bottom: none;padding-bottom: 0px;}

#unternehmen .topunt .holder {border-bottom: none;}

.topunt .holder {display: block;border-bottom: 1px solid #828282;padding-bottom: 60px;}

.stel .topunt .holder {border-bottom: none;padding-bottom: 0px;}
.stel .topunt {padding-top: 0px;}

.countrow {position: relative;height: 120px;margin-bottom: 50px;}
.countrow:last-child {margin-bottom: 25px;}
.zahl {
font-size: 155px;font-family: "cd_medium";line-height: 155px;text-align: right;
width: 300px;
position: absolute;
top:0px;
left:0px;
bottom:0px;
}
.zahl2 {
  left:-280px;
}
.mio {
font-size: 155px;font-family: "cd_medium";line-height: 155px;text-align: right;
width: 300px;
position: absolute;
top:0px;
left:0px;
bottom:0px;
}
.countrow .desc {position: absolute;left:350px;bottom:5px;}
.counter2 {font-size: 155px;font-family: "cd_medium";line-height: 155px;}


.footer {
  font-family: "cd_regular";
  display: block;
  background: #202020;
  padding-left: 50px;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-right: 95px;
  font-size: 24px;
line-height: 28px;
color: #707070;
}
.footer .logo svg {width: 140px;height: auto;  transition: all 0.25s ease-in-out;}
.footer .logo svg path, .footer .logo svg rect {fill:#707070;}
.no-touch .footer .logo:hover svg rect, .no-touch .footer .logo:hover svg path {
  fill: #FFBE00;
}
.footer a {color: #707070;}
.no-touch .footer a:hover, .footer span:hover {color: #FFBE00;cursor: pointer;}
.footer .f1 {
  float: left;
  width: 364px;
}
.footer .f2 {
  float: left;
}
.footer .f3 {
  float: right;
  margin-right: 100px;

}
.footer .lang {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
}


.footer .sm {
  margin-top: 70px;
  display: block;
  float: right;
  clear: both;
}
.footer .sm span {margin-right: 8px;font-size: 18px;
line-height: 22px;}
.footer .socialholder svg {margin-right: 0px;margin-left: 22px;}

.stel {
  background-color: #202020;
  color: #fff;
  display:block; padding-top:60px;
}
#karriere .stel, #page .stel {
  background: none;
}

.stel h2 {margin-left: 50px;font-size: 48px;
line-height: 48px; font-family: "cd_regular";margin-bottom: 60px;}



.stel a.downloadlink, .stel span.preview  {
color: #fff;text-decoration: none;display: block;
font-size: 48px;
line-height: 60px;
}


#karriere .stel, #page .stel {color: #151515;padding-top: 40px;}
#karriere #offenestellen  .stel {
  padding-top: 0px;
}
#karriere #offenestellen .bigger {
  padding-top: 5px;
padding-bottom: 0;
}
#karriere .stel .downloadlink, #page .stel .downloadlink {color: #151515;
  font-size: 36px;line-height: 42px;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.bigger {
padding-top: 15px;
padding-bottom: 6px;
  border-bottom: 1px solid #828282;
}
.bigger .loc {
  float: right;
  text-align: right;
}
.stel a.downloadlink:before {
  content:" ";
  background-image:url(img/angle-white.svg);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-right: 30px;
  transition: all 0.25s ease-in-out;
}

#karriere .stel .downloadlink:before,
#page .stel .downloadlink:before,
.niedtoggle:before
 {
   content:" ";
     background-repeat: no-repeat;
  background-image:url(img/angle-black-down.svg);
    background-image:url(img/angle-black.svg);
    background-position: 0px 0px;
      padding-right: 30px;
  transition: all 0.25s ease-in-out;

}
#karriere .stel .downloadlink {position: relative;padding-left: 25px;}
#karriere .stel .downloadlink:before {
  position: absolute;left:0px;top:0px;bottom:0px;
    background-position:0px 4px;
}

.niedtoggle:before {
padding-right: 25px;
background-size: 8px auto;
background-position: 0px 2px;
transition: none;
}

#karriere .stel .active.downloadlink:before,
#page .stel .active.downloadlink:before,
.niedtoggle.active:before
 {
  background-image:url(img/angle-black-down.svg);
  background-size: 24px auto;
background-position: 0px 5px;
}
.niedtoggle.active:before {
background-size: 16px auto;
}

.no-touch .stel a.downloadlink:hover {color: #FFBE00;}
.no-touch .stel a.downloadlink:hover:before {padding-right: 35px;}

.niedtoggle {
  display: block;
  cursor: pointer;
}
.stelcont {
 padding-left: 30px;
padding-top: 20px;
padding-bottom: 50px;
display: none;
}

.landingmap {
 display: block;
 margin:0 auto;
 max-width: 1440px;
padding-top: 0px;
padding-bottom: 60px;
}
.map {
  padding-top: 60px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #F0F0F0;
}
.map h2  {
  display: block;
font-size: 48px;
line-height: 36px;
font-family: "cd_regular";
margin-bottom: 0px;
color: #000;
text-decoration: none;
}
.landingmap svg {
width: 100%;
height: auto;
display: table;
margin: 0 auto;
max-width: 1000px;
}
svg #land polygon, svg #land path {fill:#fff;  transition: all 0.25s ease-in-out;}

.no-touch svg #land:hover polygon ,  .no-touch svg #land:hover path  {
  fill: #f9f9f9;
}

#page a {color: #000;}

.nied {fill:#f2f2f2;}
.bubbling {
  animation: bubbling 3s infinite;
}
@keyframes bubbling {
    0% {     fill:#f2f2f2;}
    50% {    fill:#828282;}
    100% {   fill:#f2f2f2;}
}
.regi {fill:#FFBE00;}
.bubblingtwo {
  animation: bubblingtwo 2s infinite;
}
@keyframes bubblingtwo {
    0% {    fill:#FFBE00;}
    50% {   fill:#FFF234;}
    100% {  fill:#FFBE00;}
}

.geschichtetop {
  position: relative;
  color: #fff;
  padding-top: 200px;
  padding-bottom: 200px;
  display: block;
  background-size: cover;
  background-position: center;
}
.geschichtetop .gesch {
  display: table;
  margin:0 auto;
  max-width: 998px;
  font-size: 48px;
line-height: 60px;
}
.unt .geschichtetop .gesch {
  color: #fff;
}
.geschichtetop .boxlink {
  position: absolute;
  left:50px;
  bottom:0px;
  min-width: 157px;
}

.newsletter {
  position: relative;
  display: block;
  padding:60px;
  background-color: #fff;
}
.newsletter .ns {
  display: block;
  background-color: #FFBE00;
  color: #000;
  padding:60px;
  text-align: center;
  padding-bottom: 145px;
}
.ns h1 {
  display: block;
  font-family: "cd_regular";
    font-size: 48px;
  line-height: 36px;
  width: 100%;
max-width: 205px;
display: block;
float: right;
padding-right: 165px;
}
.homenewsletter .ns h1 {
display: block;
float: none;
clear: both;
max-width: unset;
padding-right: 0px;
width: unset;
}
.layout_form {padding-top: 50px;}
.kontaktnav .layout_form{
  padding-top: 50px;
float: right;
width: 100%;
max-width: 320px;
display: block;
padding-right: 50px;
}

.ns .yc{
  margin-left: 9px;margin-right: 9px;
  width: calc(33.33% - 18px);
  float: left;
}

.kontaktnav .ns .yc{
  margin-left:  0px;
  margin-right: 0px;
  width: 100%;
  float: none;
  clear: both;
}
.kontaktnav .newsletter {
  padding:0px;
  background:none;
}
.kontaktnav  .newsletter .ns {
  padding: 0px;
  background:none;
  color: #fff;
  text-align: left;
}
.l_it .ns #submit {
  background-image: url("img/iscriviti_ora.svg");
}
.kontaktnav .ns #submit, .contactform button#send_message {
    border: none;
    color: #fff;
    padding: 0px;
    width: 100%;
    max-width: 247px;
    height: unset;
    margin-bottom:unset;
    transition: all 0.25s ease-in-out;
    background-color: #000;
    background-image: url("img/angle-white.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) 50% ;
    padding-left: 20px;
text-align: left;
padding-top: 15px;
padding-bottom: 12px;
font-size: 20px;
font-family: "cd_medium";
letter-spacing: 0.1em;
}
.contactform button#send_message.sent {
  background-color: #55a830;
}
.l_de .kontaktnav .ns #submit:after
 {
  content: "ABONNIEREN";
}
.l_it .kontaktnav .ns #submit:after {
  content: "ISCRIVITI";
}

.homenewsletter  .ns #submit {
  text-indent: -100000px;
}
.l_de .contactform button#send_message:after {
  content: "SENDEN";
}
.l_de .contactform button#send_message.sent:after {
  content: "VIELEN DANK";
}
.l_it .contactform button#send_message:after {
  content: "INVIA";
}
.l_it .contactform button#send_message.sent:after {
  content: "GRAZIE";
}
.ns .yc.lasty {
  float: none;clear: both;
  display: block;
  width: 100%;
  padding-top: 40px;
}
.kontaktnav .ns .yc.lasty {
  padding-top: 25px;
}
.ns input {
width: calc(100% - 40px);
max-width: 280px;
margin:0 auto;
 font-size: 24px;line-height: 29px;
border:none;
display: table;

padding:20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.kontaktnav .ns input,
.contactform input,
.contactform textarea
 {
  color: #fff;
    width: calc(100% - 40px);
    max-width: unset;
    margin:0px;
    font-size:  18px;
    line-height: 18px;
    border: none;
    display: block;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background: #2D2D2D;
    margin-bottom: 12px;
}
.contactform textarea {
  display: block;
  resize: none;
  max-width: 394px;
}
.contactform span {
  font-size: 18px;
line-height: 18px;
margin-bottom: 10px;
display: block;
}

.contactform #region {
  width: 100%;
}




/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-size: 18px;
line-height: 18px;
margin-bottom: 10px;
max-width: 434px;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #2D2D2D;
}

/*style the arrow inside the select element:*/
.select-selected:after {
position: absolute;
content: "";
top: 0px;
right: 10px;
width: 20px;
background-image: url("img/angle-white-down.svg");
bottom: 0px;
background-repeat: no-repeat;
background-position: center;

}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
top: -4px;
transform: rotate(-180deg);
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  padding-right: 35px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #2D2D2D;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


 .contactform input {
  max-width: 394px;
 }
 .contactform input.error,  .contactform textarea.error,
.custom-select.error .select-selected
  {
  background-color: #c00;
 }
#doubled, #doubled2 {
  display: none;visibility: hidden;
}
.contactform {
  width: 100%;
  display: block;
}

.ns #submit {
  border:none;
  color:#fff;
  padding:0px;
  width: 200px;
  height: 200px;
  background:transparent;
  margin-bottom: -230px;
  transition: all 0.25s ease-in-out;
  background-image: url("img/jetzt_abonnieren.svg");
}

.no-touch .ns #submit:hover {
  transform: rotate(10deg) scale(0.95);
}
.no-touch .kontaktnav .ns #submit:hover {
  transform: none;
}
.recaptcha {
  display: none;
  position: relative;
}

.page_komp, .page_list {
  padding-top: 220px;
  display: block;
  position: relative;
}
#karriere.page_komp, #page.page_komp  {
  padding-top: 143px;
  background-color: #fff;
}




.page_komp article {
  position: relative;
  background-color: #fff;
  padding-bottom: 80px;
  padding-left: 50px;
  padding-right: 50px;
padding-bottom: 55px;
}
#page.page_komp article.top_kar {
  padding-left: 0px;
}

#karriere.page_komp article.top_kar,
#page.page_komp article.top_kar
 {
  padding-right: 0px;
  padding-bottom: 0px;
}
#referenzen.page_komp article {
  background: transparent;
  padding-bottom: 40px;
}
#referenzen .reftop .box {
  top:50%;
  transform:translateY(-50%);
}

.page_komp article#history {
  padding-top: 55px;
  padding-left: 0px;
  padding-right: 0px;
}
.page_komp article.first {
  padding-top: 55px;
}
#karriere.page_komp article.first,
#page.page_komp article.first  {
 display: block;
}
#karriere.page_komp article.first .righty,
#page.page_komp article.first .righty
 {
   max-width: 774px;
  background-color: #fff;
  float: right;
  padding-right: 163px;
  padding-bottom: 30px;
}

.page_komp article .line, .line2 {
  background: #828282;
  display: block;height: 1px;
  clear: both;float: none;
}
.line2 {
  margin-left: 50px;margin-right: 50px;
}
.page_komp article:nth-child(1) {
  background-color: #F0F0F0;
  padding-top: 0px;
}
.page_komp article:last-child .line {
  display: none;
}
.k_left {
  width: calc(40% - 50px);
  float: left;
  padding-right: 50px;
}
#karriere .k_left.top,
#page .k_left.top
 {
  width: 390px;
  padding-top: 50px;
}
img.ag1, img.ag2,
#page .k_left img
 {
 display: table;
 margin:0 auto;
 width: 100%;
 height: auto;
 max-width: 356px;
 margin-top: 50px;
}


#karriere .desc1, #karriere .desc2,
#page .k_left .desc
 {
  font-size: 18px;
  line-height: 22px;
  font-family: "cd_medium";
  display: block;
  margin-top: 50px;
}
#karriere .desc2, img.ag2 {display: none;}
#karriere .desc2 {text-align: center;}
.k_right{
  float: right;
  width: calc(60% - 110px);
  padding-right: 110px;
}
.k_right .lauftext {max-width: 850px;}
#offenestellen {
  padding-right: 0px;
}
#offenestellen .k_right{
width: calc(65% - 50px);
padding-right: 0;
  padding-bottom: 100px;
}
#offenestellen .k_right .maincontent {
  padding-right: 50px;
}
#offenestellen .k_left {
  padding-right: 50px;
  width: unset;
}
#offenestellen .k_right .lauftext {
  max-width: unset;
}
#unternehmen .k_right.geschaeftsleitung {
  width: 60%;
  padding-right: 0px;
}
#unternehmen .k_right img {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}


.k_right .lauftext h1 {font-size: 48px; line-height: 48px; display: block; font-family: "cd_regular";margin-bottom: 40px; }
.k_left h1, #history h1 {font-size: 48px; line-height: 48px; display: block; font-family: "cd_regular"; }
#page .k_left h1, #history h1 {
hyphens: auto;
}
.k_left h1:last-word(3):before{
  content: "<br>";
}

.lauftext.first {
  font-size: 30px;
line-height: 36px;
font-family: "cd_regular";
}
#unternehmen .lauftext.first {
  font-size: 24px;
line-height: 32px;
font-family: "cd_light";
}

.lauftext p:last-child {margin-bottom: 0px;}

.k_left ul {margin:0px;padding:0px;display: block;}
.k_left ul li {display: block;font-size: 24px;
line-height: 34px;list-style:none;
color: #828282;cursor: pointer;
}
.k_left ul li.active {
  cursor: default;
  color: #151515;}
}
.no-touch .k_left ul li:hover {color: #151515;}
.komp_weiterunten {padding-bottom: 0px;}
.komp_weiterunten .lauftext {
  padding-bottom: 56px;
  width: calc(60% - 25px);
  max-width: 400px;
  float: left;
  padding-right: 25px;
}

#unternehmen .komp_weiterunten .lauftext,
#karriere .komp_weiterunten .lauftext
 {
  width: unset;
  max-width: unset;
}
.komp_weiterunten .k_left {

}
.komp_weiterunten .leistungen {
  float: right;
  width: 40%;
  max-width: 320px;
  padding-bottom: 45px;
}
.komp_weiterunten .leistungen h2, .komp_weiterunten .leistungen h3  {
  display: block;
  position: relative;
  padding-left: 20px;
  font-size: 24px;
line-height: 30px;
font-family: "cd_regular";
}
.komp_weiterunten .leistungen h2 {
  font-size:36px;
  line-height:  30px;
  margin-bottom: 33px;
  padding-left: 0px;
}
.komp_weiterunten .leistungen h3:before {
content: " ";
background-image: url(img/angle-black.svg);
background-repeat: no-repeat;
background-position: 0px 5px;
width: 20px;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;

background-size: 9px auto;
}
.komp_weiterunten .k_right {
  float: right;
}
.maincontent a:only-child, .normallink a
 {
  color: #151515;
  text-decoration: underline;
}

.maincontent a span,
.maincontent a .extbutton,
.maincontent .extbutton a,
.maincontent a.extbutton,
.maincontent a span.extbutton,
a .extbutton,
a span.extbutton,
span.extbutton a,
.maincontent a:only-child span
 {
  text-decoration: none !important;
}

.maincontent .extbutton {
clear:both;
float: none;
display: table;
font-family: "cd_medium";
  text-decoration: none  !important;
  letter-spacing: 0.1em;
text-transform: uppercase;
position: relative;
background-color: #000;
color: #fff;
padding-left: 20px;
padding-top: 16px;
padding-bottom: 15px;
font-family: "cd_medium";
font-size: 20px;
line-height: 20px;
cursor: pointer;
transition: all .15s ease-in-out;
background-image: url("img/angle-white.svg");
background-position: calc(100% - 15px) 11px;
background-repeat: no-repeat;
padding-right: 70px;
}
.maincontent .extbutton:hover {
  background-position: calc(100% - 10px) 11px;
  text-decoration: none !important;
}

#history h1 {padding-bottom: 50px;}
.histholder {display:block;
padding-bottom: 55px;
position: relative;
}
.hist_left, .hist_right {
  position: relative;
  width: 50%;
}

.hist_left img, .hist_right img {
  width: 100%;
  height: auto;

}
.histholder.hist1 .hist_left {float: left; max-width: 600px;padding-left: 50px;width: calc(50% - 75px);padding-right: 25px;}
.histholder.hist1 .hist_right {float: right;}
.histholder.hist1 .hist_right {text-align:right;}


.histholder.hist2 .hist_left {float: right; max-width: 600px;padding-right: 50px;width: calc(50% - 75px);padding-left: 25px;}
.histholder.hist2 .hist_right {float: left;}
.histholder.hist2 .hist_right {text-align:left;}

#unternehmen .histholder  .boxlink {
  bottom:55px;
}
#referenzen, #aktuellespage, .listpage {
  position: relative;
  padding-bottom: 60px;
}
.listpage2 {
  padding-top: 55px;
}
.page_list {
  padding-bottom: 0px !important;
}

#referenzen.ref h2, #aktuellespage.ref h2, #standorte.ref h2{
  display: inline-block;
  float: left;
}
.refnavholder {
  float: left;
  padding-left: 100px;
  padding-top: 15px;
  background-color: #f0f0f0;
    transition: all 0.25s ease-in-out;
}
.refnavholder.fixed {
  position: fixed;
top: 85px; /*  */
left: 0px;
right: 0px;
background-color: #f0f0f0;
z-index: 100;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 5px;
padding-right: 50px;
}

#karriere .refnavholder {
  position: relative;
  display: block;
  background:transparent !important;  transition: none;
  padding-left: 0px;padding-bottom: 20px;
  float: none;clear: both;
}
.pref {float: left;padding-right: 20px;font-size: 18px;line-height: 21px; cursor: pointer;}

.pref .box {
  width: 15px;height:15px;
  border:1px solid #000;
  float: left;margin-right: 10px;
  background-repeat: no-repeat;
  background-position:2px 2px;
  background-size: 0px 0px;
  background-image: url("img/check.svg");
  transition: all 1s ease-in-out;
}

.pref.active .box {
  background-size: 11px auto;
}
.filter_active {
  opacity: 0.25 !important;
}


.single_ref {
  padding-top: 143px;
}
.topimgholder {position: relative;}
#karriere .topimgholder{
  position: relative;
float: right;
width: calc(100% - 440px);
}
 #page .topimgholder  {
    position: relative;
width: 100%;
 }

.topimg {
  position: relative;
  display: block;
  margin:0 auto;
  width: 100%;
  height: auto;
}
.single_ref .topimgholder {
 height: calc(100vh - 143px);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.topbox {
  max-width: 650px;
  position: absolute;
  left:50px;
  bottom:-50px;
  background-color: #fff;
  padding:40px;
  padding-right: 100px;
  z-index: 1;
  right: calc(50% + 93px);
}
#karriere .topbox, #page .topbox  {
  padding-bottom: 163px;
}
.topbox h1 {
  font-size: 48px;
line-height: 50px;
padding-bottom: 50px;
font-family: "cd_regular";
}

.topbox .metaholder span {display: block;font-size: 18px; line-height: 22px;}
.single_ref .topbox .metaholder span {font-family: "cd_regular";}

.maincontent {
  position: relative;
  overflow: hidden;
  display: block;

   font-size: 18px;
  line-height: 22px;
}
#kompetenzen .maincontent, #unternehmen .maincontent,
#karriere .maincontent, #page .maincontent
 {
  font-size: 24px;
  line-height: 30px;
}

.maincontent .lefty {
  padding-left: 50px;
  padding-top: 142px;
  padding-right: 123px;
  padding-bottom: 50px;
  width: calc(50% - 173px);
  float: left;
}
.maincontent .righty {
  background-color: #fff;
  padding-left: 123px;
  padding-top: 85px;
  padding-right: 50px;
  padding-bottom: 75px;
  width: calc(50% - 173px);
  float: left;
}
.maincontent ul {
  margin:0px;
  padding:0px;
}
.maincontent ul {
  list-style-type: none;
}
.maincontent ul > li {
  padding-left: 15px;
  position: relative;
}
.maincontent ul > li:before {
  content: "- ";
  position: absolute;
  left:0px;
}

#page .k_left img#yousty {
width: 225px;
height: auto;
margin-top: -45px;
}

.ytholder {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}
.ytholder iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.onlyimg {
  clear: both;
  float: none;
  display: block;
  padding: 50px;
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: #fff;
}
.onlyimg .inside {
  display: table;
  margin:0 auto;
  width: 100%;
  max-width: 886px;
  position: relative;
  padding-bottom: 100px;
}
.onlyimg .inside img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.onlyimg .inside img:nth-child(1), .onlyimg .inside .youtube-container-100:nth-child(1) {margin-top: -70px;}
.youtube-container-100 {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0;
height: 0;
overflow: hidden;
  margin-bottom: 30px;
}
.youtube-container-100 iframe,
.youtube-container-100 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;
}
.maincontent .boxlink {
  right: unset;
  left:0px;
  min-width: 290px;
}
.nexter a  {color: #000;}
.nexter {
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0;
  display: block;
  padding-top: 100px;
  padding-bottom: 100px;

}
.nexter  h3{
  font-family: "cd_medium";text-transform: uppercase;
  font-size: 20px;
line-height: 24px;
letter-spacing: 0.1em;
padding-left: 103px;
padding-bottom: 75px;
}
.nextleft {
  position: absolute;
  z-index: 2;
  right:50%;

}
.nextbox {
  background-color: #fff;
  width: 414px;
  padding:40px;
  padding-right: 93px;
  position: relative;
}
.nextright {
  display: block;
  padding-top: 35%;

  position: relative;
  margin-left:calc(50% - 93px);
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.nextbox h1 {font-size: 36px;line-height: 40px;font-family: "cd_regular";padding-bottom: 100px;}
.nextleft .meta {
  position: absolute;
display: block;
top: calc(100% - 93px);
  left:40px;
}
.nextleft .meta span {display: block;font-size: 18px;line-height: 22px;font-family: "cd_regular";}

article.perswerte {
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  overflow: hidden;
  margin-bottom: 50px;
}
article.perswerte#p3 .line {
position: absolute;
bottom: 0px;
left: 50px;
right: 50px;
}
.persimgholder {
padding-top: 52px;
float: left;width: 35%;overflow: visible;position: relative;z-index: 2;}
.persimgholder img {width: calc(100% + 56px);height: auto;margin-bottom: 56px;}
.perstext {float: right;background-color: #FFDE7F;padding:50px;
padding-left: 113px;
width: calc(65% - 163px);
min-height: 550px;
}
#p2 .perstext {background-color: #FFE8A6;}
#p3 .perstext {background-color: #FFF5D9;}

.perstext strong {
  font-size: 36px;line-height: 40px;
  font-family: "cd_regular"
}


#p2 .persimgholder {float: right;}
#p2 .persimgholder img {margin-left: -56px;}

#p2 .perstext {float: left;
padding-right: 113px;padding-left: 50px;
}
.persimgholder .desc {
  display: block;
  font-size: 18px;line-height: 22px;
  font-family: "cd_medium";
  margin-left: 50px;
margin-right: 50px;
}
.persimgholder .name {
display: block;
font-size: 18px;
line-height: 22px;
font-family: "cd_light";
margin-left: 50px;
margin-right: 50px;
margin-top: 25px;
}
.regimg {
  display: block;
  width: 100%;
  max-width: 350px;
  margin-bottom: 30px;
}
.regimg img {width: 100%;height: auto;}


.stel a {
  text-decoration: underline;
color: #151515;
}

.imgdesc {
  font-family: "cd_lightitalic";
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  display: block;
  margin-top: 10px;
}
.maincontent iframe {
  max-width: 100vw;
  max-height: 56.25vw;
}
#aktuelles .maincontent {
  padding-right: 133px;
  max-width: 660px;
  padding-top: 70px;
  float: left;
  margin-bottom: 100px;
  width: calc(60% - 183px);
  background-color: #fff;
}
#aktuelles {overflow: hidden;}
#aktuelles .righty {
  float: left;
  width: 40%;
}
#aktuelles .righty .rightyinside {
  max-width: 434px;
}
#aktuelles .maincontent img {
  display: block;
  width: 100%;
  height: auto;
}

#aktuelles.page_komp {
padding-top: 220px;
background-color: #fff;
}
.akttitle {display: block;font-family: "cd_regular";font-size: 48px;line-height: 56px;padding-left: 50px;clear: both;
float: none;}
.date {
  display: block;
  font-size: 18px;line-height: 22px;
}
.entrytitle {display: block;font-family: "cd_regular";font-size: 36px;line-height: 36px;
margin-top: 20px;
margin-bottom: 55px;
}
#aktuelles .righty {
padding-top: 112px;
position: relative;padding-bottom: 130px;
}
#aktuelles .righty .rightyinside a {
  color: #151515;text-decoration: none;
}

#aktuelles .righty .rightyinside .akt_all {
display: block;
border-bottom: 1px solid #828282;
padding-top: 8px;
padding-bottom: 3px;
font-family: "cd_regular";
font-size: 24px;
line-height: 26px;
}

#aktuelles .righty .rightyinside a:nth-child(1) .akt_all {
  border-top:  1px solid #828282;
}
#aktuelles .righty h3 {
  display: block;font-family: "cd_regular";font-size: 36px;line-height: 36px;
  margin-bottom: 55px;
}


#aktuelles .boxlink, #aktuellespage .boxlink {
  right: unset;
  left:unset;
  min-width: 300px;
  margin-left: 0px;
}


.newsholder, #ajax {
 display: flex;
  flex-flow: row wrap;

  float: none;
  clear: both;
  width: 100%;
  max-width: 1120px;
  margin:0 auto;
}
#aktuellespage.page_komp article {
flex: 0 1 calc(50% - 10px);
padding:0px;
margin-right: 10px;
background-color: #fff;
transition: all 0.25s ease-in-out;
}
#aktuellespage  .newsbox .img {
  display: block;
  width: 100%;
  padding-top: 80%;
  background-size: cover;
  background-position: center;
}

article.newsbox {
  overflow: hidden;
  padding-right: 10px;
  margin-bottom: 55px;

  color: #151515;
}
.newsbox a {
  color: #151515;
}
.nholder {
  background-color: #fff;
  padding:40px;
  display: block;
  font-size: 18px;
  line-height: 22px;
}
#aktuellespage.page_komp article:nth-child(2n){
  margin-right:0px;
  margin-left: 10px;
}
.newsbox .date {
  margin-bottom: 25px;
    font-family: "cd_regular";
}
.newsbox h1 {
  display: block;
  font-family: "cd_regular";
  font-size: 36px;line-height: 36px;
  margin-bottom: 40px;
}
.newsbox .more {
  display: block;
}
#standorte .komp_single {
  background-color: #f0f0f0;
  clear: both;float: none;
  padding-bottom: 0px;
  overflow: hidden;
}

.svgmap {display: block;position: relative;background: #f0f0f0;}
.svgmap svg {
width: 100%;
height: auto;
display: table;
margin: 0 auto;
max-width: 1100px;
}
.svgmap svg text.smalltext {
  font-family: "cd_regular";
  font-size: 5px;
  line-height: 8px;
  fill: #828282;
  display: inline;
}
.svgmap svg text.bigtext {
  font-family: "cd_regular";
  font-size:  12px;
  line-height:12px;
  fill: #fff;
  display: inline;
  padding:5px;
}
.regdot {
  stroke:transparent;
  stroke-width:0;
  position: static;
  fill: #828282;cursor: pointer;
  transition: all 0.3s ease-in-out;
}
/*
.regdot:hover {
  stroke:white;
  stroke-width:10;
}
*/
.bigregdot {fill: #000;}

#tooltipper {
  position: absolute;
  top:0px;
  left:0px;
  background-color: #828282;
  color: #fff;
  opacity: 0;
  margin-top: -10px;
}
#tooltipper.visi {
  margin-top: 0px;
  opacity: 1;
  transition: opacity 0.4s ease-in-out, margin-top 0.3s ease-in-out;
}
#tooltipper.black {
  background-color: #000;
}
#tooltipper .location {
  padding-top:    6px;
  padding-bottom: 0px;
  padding-left:  10px;
  padding-right: 10px;

  white-space: nowrap;
  font-family: "cd_regular";
  font-size:  18px;
  line-height:18px;
  letter-spacing: 0.05em;
}
#tooltipper.black .location {
font-size:   30px;
line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
#rectangle {
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-top:  5px solid #828282;
  border-left: 5px solid transparent;
  top:0px;
  left:-5px;
}
#tooltipper.black #rectangle {
  border-top:  10px solid #000;
  border-left: 10px solid transparent;
  top:0px;
  left:-10px;
}

#str, #inf, #umb  {
  opacity: 0;
  transition: all 1s ease-in-out;
}

#inf, #umb {opacity: 0;}
#str.active, #inf.active, #umb.active {
  opacity: 1;
}



.svgmap .gelb1 {fill:#fff5d9;}
.svgmap .gelb2 {fill:#ffde7f;}
.svgmap .gelb3 {fill:#ffbe00;}

.s_box_holder {
  width: 100%;
  display: block;
  overflow: hidden;
}
.s_box {
    background-color: #fff;
  font-family: "cd_regular";
  position: fixed;
  z-index: 1000;
  min-height: 100vh;
  top:0px;
  right:-480px;
  width: 100%;
  max-width: 480px;

  transition: all 0.25s ease-in-out;
}
.s_box_inside {
  padding:40px;
    background-color: #fff;
  padding-top: 60px;
line-height: 26px;
}
.s_box.visi {
  right: 0px;
}
.s_box a {
  color: #000;
}
.s_box .head {
    transition: all 0.25s ease-in-out;
  background-color: #000;
  display: block;
  height: 143px;
}
.s_box .head h2 {
  float: left;
  font-size: 48px;
line-height: 48px;
font-family: "cd_regular";
margin-bottom: 60px;
color: #fff;
margin-left: 40px;
margin-bottom: 0px;
margin-top: 54px;
    transition: all 0.25s ease-in-out;
}
.s_box .head.scrolled h2 {
  margin-top: 23px;
}
.s_box .head.scrolled {
  height: 85px;
}
.s_box .x {
  float: right;
  cursor: pointer;
  position: relative;
height: 100%;
width: 100px;
}
.s_box .x .line {display: block !important;background-color: #fff;}

.s_box .bottom {
    background-color: #F0F0F0;
  position: absolute;
  bottom:0px;
  left:0px;
  right: 0px;
}

.s_box .anspr {
  position: relative;
  display: block;
  padding:40px;
  font-family: "cd_light";
  line-height: 26px;
  height: 80px;
}
.s_box .anspr .mail {
  width: 80px;
  height: 80px;
  background-color: #000;
  position: absolute;
  top:0px;
  right: 0px;
  background-image: url("img/mail.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 33px auto;
}
.s_box .anspr .tel {
  width: 80px;
  height: 80px;
  background-color: #FFBE00;
  position: absolute;
  bottom:0px;
  right: 0px;
  background-image: url("img/tel.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 33px auto;
}
.s_box .anspr {padding-right: 90px;}
.s_box .anspr span {display: block;font-family: "cd_medium";margin-bottom: 0px;}
.s_box .imganspr {display: block;}
.s_box .imganspr img {width: 100%;height: auto;display: block;}
.suprins {
  position: relative;
  overflow: scroll;
  height: calc(100vh - 143px);
}
.suprins.scrolled {
  height: calc(100vh - 85px);
}



.listholder {
 display: flex;
  flex-flow: row wrap;
  float: none;
  clear: both;
  margin:0 auto;
  margin-left: 50px;
  margin-right: 50px;
}
.noflexlistholder.listholder {
  display: block;
}
.listholder article {
flex:0 25%;
padding:0px;
padding-bottom: 50px;
transition: all 0.25s ease-in-out;
}
.noflexlistholder.listholder article {
  flex: none;
  float: left;width: 25%;
   min-height: 160px;
}
.liststand h1 {
  font-family: "cd_regular";
  font-size: 36px;
line-height: 30px;
display: block;
margin-bottom: 25px;
}
.liststand a {text-decoration: none;color: #000;}
.listcont {
   font-family: "cd_regular";
  line-height: 26px;
}
.niedersingle {
  padding-top: 10px;
  padding-left: 25px;
  font-size:   18px;
  line-height: 24px;
  display: none;
}
.margbot {margin-bottom: 100px;}
.lernpersholder {padding-top: 55px;background-color: #F0F0F0;}
.lernpers {padding-left: 50px;padding-right: 50px;padding-bottom: 55px;}
.lernpers .persimgholder {padding-top: 0px;z-index: 1;}
.lernpers #p1 .perstext,
.lernpers #p2 .perstext,
.lernpers #p3 .perstext
 {z-index: 2;position: relative;margin-top: 50px;padding:40px;min-height: unset;
width: calc(65% - 95px);background-color: #fff;
font-size: 30px;line-height: 36px;font-family: "cd_regular";
}
.lernpers i {font-family: "cd_light";font-size: 30px;line-height: 30px;margin-top: 37px;display: block;}
.lernpers article.perswerte {margin-bottom: 0px;padding-bottom: 0px;}
.lernpers .persimgholder img {margin-bottom: 0px;}
.lernpers .perswerte {}
#page #lehre {padding-top: 20px;}
.lernyout {display: block; }
.lrsm {font-size: 24px; line-height: 32px;font-family: "cd_regular";display: block;padding-bottom: 25px;}

.pagedownloads, #karriere {display: block;background-color: #fff;padding:48px;padding-top: 220px;padding-bottom: 100px;}

#karriere.career {padding-left: 0px;padding-right: 0px;}

.pagedownloads h1, #karriere h1 {
font-size: 48px;
line-height: 48px;
display: block;
font-family: "cd_regular";
margin-bottom: 40px;
}
.pdficon {
  margin-right: 25px;
  height: 100px;
  width: 70px;
  background-size: cover;
  border: 1px solid #828282;
}
.dw.stel {display: block;position: relative;max-width: 1048px;
padding-top: 0px !important;
margin-bottom: 25px;
}
.dwright {
  position: absolute;left:100px;
  bottom:0px;
  border-bottom: 1px solid #828282;
  right:0px;
}
.k_left a {color: #828282;}

#offenestellen {
  padding-top: 25px;
}

#offenestellen  {
  max-width: 1200px;
}
#offenestellen .refnavholder h1 {
  font-family: "cd_medium";
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 5px;
  display: block;
  background-image: url(img/angle-white.svg);
  background-repeat: no-repeat;
  background-size: 10px auto;
  padding-right: 30px;
  color: #fff;
  background-color: #000;
  padding: 10px;
  padding-bottom: 8px;
  cursor: pointer;
  margin-bottom: 0px;
}
#offenestellen .refnavholder h1.r1 {background-position: 90px 14px;}
#offenestellen .refnavholder h1.r2 {background-position: 167px 14px;}
#offenestellen .refnavholder h1.r1.active {background-position: 90px 19px;background-image: url(img/angle-white-down.svg);
background-size: 18px auto;}
#offenestellen .refnavholder h1.r2.active {background-position: 167px 19px;background-image: url(img/angle-white-down.svg);
background-size: 18px auto;}

#offenestellen .refnavholder {padding-top: 0px;padding-bottom: 0px;background-color: #000 !important;margin-bottom: 20px;}
#offenestellen .singlefilter {padding-bottom: 0px;}
.singlefilter {display: block;padding-bottom: 20px;}
#karriere .lead {max-width: 774px;display: block;}
.stellenfilter {float: left;width:calc(50% - 1px);margin-right: 1px;}
.stellenfilter .pref {
  display: block;float: none;clear: both;
}
.stellenfilter .pref .region, .stellenfilter .pref .arbeitsbereich {
border:none;margin-right: 0px;
border:none;
background-color: #000;
width: 20px;
height: 20px;
}
.stellenfilter .pref.active {background-color: #272727;}
.stellenfilter .pref {padding:10px;padding-bottom: 5px;
padding-top: 9px;position: relative;}
.stellenfilter .pref label {
  cursor: pointer;
  color: #fff;
  display: block;position: relative;
}
.stellenfilter  input[type=checkbox] {
  position: absolute;right:10px;
  background-color: #000;
  z-index: 1;
  background-color: #000;
    -webkit-appearance: none;
    transition: 0s;
}
.stellenfilter  input[type=checkbox]:checked {
  background-image: url("img/check_white.svg");
  background-position: center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-color: #272727;
}
.stellenfilter  .pref.active input[type=checkbox]:checked {
  background-color: #272727;
}
.stellenfilter  input[type=checkbox] + label {}
.stellenfilter  input[type=checkbox]:checked + label {}

.stellenfilter [type="checkbox"] + label {}
.stellenfilter [type="checkbox"] {
  position: relative;
  z-index: 0;
}
.filterhide {display: none;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.alert {display: block;}

.stl_rechts {text-align: right;
  font-size: 18px;
  line-height: 21px;
}


/*
#offenestellen .filter_active {
  opacity:1 !important;
  display: none !important;
}
#offenestellen .non_filter_active {
  opacity:1 !important;
  display: block !important;
}
*/





#optoutbanner99 {
font-size: 14px;
line-height: 17px;
background-color: #ffffff;
padding: 10px;
text-align: center;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 10000;
}
#optoutbanner99 a {
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    color:#151515;
}
#acceptga {
  line-height: 28px;
    text-decoration: none !important;
    background-color: #ffbe00;
    font-weight: normal !important;
    padding: 3px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 20px;
}
#optoutbanner99 span {
    text-decoration: underline;
    cursor: pointer;
}






@media (max-height:740px){
  .meganav .sm {display:none;}
}


@media (max-height:890px){
  .s_box {overflow: auto;}
  .s_box .bottom {
  background-color: #F0F0F0;
  position: relative;
  bottom:unset;
  left:unset;
  right: unset;
  }
}

@media (max-height:810px){
  .kontaktnav .thirdy h1.one {top: 25px;}
  .kontaktnav .thirdy {padding-top: 25px;}
  .t_ins {padding-top: 75px; }
  .kontaktnav .thirdy.t2, .kontaktnav .thirdy.t3 {padding-top: 56px; }
  .mainnav {padding-top: 25px; clear: both; }

}
@media (max-width:1340px){
  .ref .inside {overflow: hidden;}
 .reftop.left .box {margin-right: 0px;}
 .reftop.right .box {margin-left: 0px;}
  .reftop {padding-bottom:240px;}
}

@media (max-width:1140px){
.listholder article {flex: 50%;min-height: unset;}
 .noflexlistholder.listholder article {width: 50%;}
 .kontaktnav .layout_form, .kontaktnav .thirdy .newsletter h1 {float: none;max-width: calc(100% - 25px);}
 .kontaktnav .newsletter .ns {padding-left: 25px;}
 .kontaktnav .layout_form {width: calc(100% - 25px);padding-right: 25px;}
 .komp_weiterunten .lauftext {width: 100%;max-width: unset;}
.k_right {width: calc(60% - 25px); padding-right: 25px; }
.komp_weiterunten .leistungen {float: none; width: unset; max-width: unset; }
.k_left h1, #history h1{hyphens: auto;}
.topbox {position: relative;left: unset;right: unset;}
#karriere .refnavholder {padding-right: 0px;}
#offenestellen .k_left .refnavholder h1 {font-size: 18px;line-height: 21px;}
.k_left, .k_right, #unternehmen .k_right.geschaeftsleitung, #offenestellen .k_left {float: none;clear: both;width: unset;padding-left: 0;padding-right: 0;}
#geschaeftsleitung .k_left {padding-bottom: 50px; } #karriere .k_left.top, #page .k_left.top, #offenestellen .k_right {width: unset;}
#unternehmen .k_right.geschaeftsleitung {padding-bottom: 50px;}
#karriere .topbox, #page .topbox {padding-bottom: 50px;margin-top: 25px;background:none;padding:0px;padding-bottom:25px; }
.topbox h1 {padding-bottom: 0px;}
#karriere .topimgholder {float: none;width: 100%;}
.topbox {bottom:unset;}
#karriere.page_komp article.first .righty, #page.page_komp article.first .righty {max-width: unset;float: none; padding-right: 0;}
.k_right .lauftext {max-width: unset; }
.unt .lefty, .unt .righty {float: none; width: unset; display: block;max-width: unset;
padding-right: 0; }
.zahl {text-align: left; width: unset; position: relative; top: unset; left: unset; bottom: unset; line-height: 100px; }
.countrow .desc, .mio {position: relative; left: unset; bottom: unset; }
#gruppenumsatz .zahl, .mio {display: inline;}
#gruppenumsatz.countrow .desc {display: block;}
.countrow {height: unset;margin-bottom: 50px;}
.k_right .lauftext h1 {margin-bottom: 25px;margin-top: 25px;}
#aktuelles .maincontent {padding-right: 50px; max-width: unset; padding-top: 70px; float: none; margin-bottom: 0px; width: unset; }
#aktuelles .righty {padding-top: 50px; position: relative; float: none; clear: both; width: unset; padding-left: 50px; padding-bottom: 50px;padding-right: 50px;}
#aktuelles.page.page_komp.clearfix .righty .boxlink {display: none; }
.newsholder {padding-left: 50px;padding-right: 50px;width: calc(100% - 100px);}
.page_komp article.first {padding-bottom: 100px; }
#page.lernende article.first {padding-bottom: 50px;}
.desc1, img.ag1, #karriere .desc1 {display: none;}
#karriere .desc2, img.ag2 {display: block;}

}


@media (max-width:1025px){

  body, .claim, .header.scrolled .claim,  .kontaktnav .ns input, .contactform input, .contactform textarea, .hometop article .box h2, .hometop article .box h1, .hometop article .box, .boxlink, .contactform button#send_message, .kontaktnav .ns #submit, .k_left ul li, #kompetenzen .maincontent, #unternehmen .maincontent, #karriere .maincontent, #page .maincontent, #unternehmen .lauftext.first, .nexter h3, .lrsm {
    font-size: 18px;line-height: 24px;
  }

 .kontaktnav .thirdy h1.one, .reftop h1, .kontaktnav .thirdy .newsletter h1,.mainnav .lefty, .mainnav ul.lefty li ul, .stel a.downloadlink, .stel span.preview, .geschichtetop .gesch, .newsbox h1, .akttitle, .entrytitle, #aktuelles .righty h3, .k_right .lauftext h1, .lauftext.first, .komp_weiterunten .leistungen h2, .topbox h1, .perstext strong, #lehre h1, #karriere .stel .downloadlink, #page .stel .downloadlink, .nextbox h1,.s_box .head h2, .liststand h1 , .pagedownloads h1, #karriere h1 {
    font-size: 24px; line-height: 30px;
  }
  .ref h2, .unt h1, .map h2, .homenewsletter .ns h1, .k_left h1, #history h1 {
    font-size: 32px;line-height: 40px;
  }
  .zahl, .mio {font-size: 100px}


  .header .logo svg, .header.scrolled .logo svg, .footer .logo svg {width: 98px;}
  .kontaktnav .thirdy {width: unset;float: none;clear: both;}
  .kontaktnav .thirdy.t2, .kontaktnav .thirdy.t3 {padding-top: 25px;
padding-left: 25px;
padding-right: 25px; }
  .t_ins {padding-left: 25px;padding-top: 25px;}
  .mainnav ul.lefty li ul {left: 200px;}
  .kontaktnav .thirdy h1.one {top: 25px; left: 25px; }
  .footer {padding-right: 25px;padding-left: 25px;}
  .footer .sm {float: none;clear: both;display: block;}
  .socialholder {padding-left: 0px;}
  .header .logo, .header.scrolled .logo {margin-left: 25px;margin-top: 25px;}
  .nav, .nav2, .header.scrolled .nav, .header.scrolled .nav2 {height: 75px;width: 75px;}
  .header .inside, .header.scrolled .inside {min-height: 75px;}
  .claim, .header.scrolled .claim {padding-right: 100px;padding-top: 26px;}
  .footer .f1, .footer .f2, .footer .f3, .footer .lang {width: unset;display: block;float: none;margin-bottom: 25px;margin-right: 0px;}

  .nav .line:nth-child(1), .nav2 .line:nth-child(1),.header.scrolled .nav .line:nth-child(1), .header.scrolled .nav2 .line:nth-child(1) {top: 27px;}
  .nav .line:nth-child(2), .nav2 .line:nth-child(2),.header.scrolled .nav .line:nth-child(2), .header.scrolled .nav2 .line:nth-child(2) {top: 36px; }
  .nav .line:nth-child(3), .nav2 .line:nth-child(3),.header.scrolled .nav .line:nth-child(3), .header.scrolled .nav2 .line:nth-child(3) {top: 45px;}
  .nav.active .line:nth-child(1), .nav2.activeR .line:nth-child(1), .nav.active .line:nth-child(3), .nav2.activeR .line:nth-child(3),
  .header.scrolled .nav.active .line:nth-child(1), .header.scrolled .nav2.activeR .line:nth-child(1),
  .header.scrolled .nav.active .line:nth-child(3), .header.scrolled .nav2.activeR .line:nth-child(3)
   {top: 36px;}
  .lang {margin-right: 90px; margin-top: 28px;}
  .mainnav {padding-top: 75px; padding-left: 25px; padding-right: 0; }
  .mainnav ul.lefty li ul {display: none !important;}
  .meganav .sm {position: relative; bottom: unset; left: unset; right: unset; font-size: unset; line-height: unset;margin:25px;}
  .meganav .sm span {margin-bottom: 0px;}
  .header .kontaktnav .inside {background: none; min-height: unset; overflow: auto; position: static; height: 100%; padding-bottom: 0px; overflow-x: hidden;}
  .custom-select, .contactform input, .contactform textarea {max-width: unset;}
  .kontaktnav .newsletter .ns {padding-left: 0px;}
  .kontaktnav .layout_form {padding-top: 25px;width: 100%;padding-right: 0px;max-width: unset;padding-bottom: 50px;}
  .kontaktnav .ns .yc.lasty {padding-top: 0px;}
  .hometop {margin-top: 75px;min-height: calc(100vh - 75px);}
  .hometop article .box {left:25px;max-width: calc(100% - 160px);min-height: unset;transform: none;top:unset;bottom:100px;}
  .hometop article .img {left:100px;}
  .ref {padding-top: 25px;}
  .ref h2 {margin-left: 25px;margin-bottom: 25px;}
  .reftop.left .box, .reftop.right .box  {left: unset; right: unset; position: relative; top:unset; padding:25px; padding-right: 100px; }
  .reftop .refkomp {position: relative;position: relative; height: unset; bottom: unset;left: unset;}
.reftop .img {float: none; width: 100%; height: 0; padding-top: 75%; }
.reftop {padding-bottom: 25px;}
.reftop .arrow, .nextleft .arrow {width: 75px;height: 75px;}
.ref .boxlink, .unt .boxlink {margin-left: 25px;}
.topunt {padding-left: 25px;padding-right: 25px;padding-top: 25px;}
.unt h1, .unt h2, .topunt .holder {margin-bottom: 25px;}
.topunt .holder {margin-bottom: 0px;}
.topunt .holder.secondholder {padding-top: 25px;}
.stel {padding-top: 25px; }
.map {padding-top: 25px; padding-left: 25px; padding-right: 25px; }
.geschichtetop {padding-bottom: 50px;}
.geschichtetop .boxlink {left:25px;margin-left: 0px;}
.newsletter {padding:25px;}
.ns .yc {margin-left: 0; margin-right: 0; width: 100%; float: none; margin-bottom: 5px;}
.newsholder {padding-left: 25px;padding-right: 25px;width: unset;}
.newsholder, #ajax {width: unset;max-width: unset;}
#aktuellespage.page_komp article {flex: unset;margin-right: 0px;}
#aktuellespage.ref {padding-top: 100px;}
.newsholder, #ajax {display: block;}
.nholder {padding:25px;}.newsbox h1 {margin-bottom: 25px;}
#aktuelles.page_komp {padding-top: 100px;}
.akttitle {padding-left: 25px;}
#aktuelles .maincontent, .page_komp article {padding:25px !important;padding-top: 0px !important;}
#aktuelles .righty h3, .entrytitle {margin-bottom: 25px;}
#aktuelles .righty {padding:25px;}
.page_komp, .page_list {padding-top: 100px;}
.komp_weiterunten .lauftext, .komp_weiterunten .leistungen {margin-bottom: 0px;padding-bottom: 25px;float: none;clear: both;}
#geschaeftsleitung {padding-top: 25px !important;}
#geschaeftsleitung.komp_single.komp_weiterunten.first .k_left {padding-bottom: 25px;}
#unternehmen .boxlink {bottom: 25px; left: 25px; }

#karriere .boxlink.lastyboxlink, #unternehmen .boxlink.lastyboxlink {
bottom:0;left:25px;
}
section#karriere.page_komp {padding-bottom: 0 !important;}
article#nachwuchsfoerderung {padding-top: 25px !important; padding-bottom: 50px !important;}
article#nachhaltigkeit {padding-bottom: 50px !important;}
#unternehmen .topunt {padding-top: 25px;}
.histholder, #history h1 {padding-bottom: 25px;}
#history {padding-top: 25px !important;padding-bottom: 50px !important;}
.histholder .hist_left, .histholder .hist_right {
    float: none !important;
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    padding-right: 0 !important;
}
.countrow {margin-bottom: 25px;}
#unternehmen .topunt .holder {padding-bottom: 0px;}
.countrow:last-child {margin-bottom: 0px; }
.hist_left img, .hist_right img {margin-top: 25px;}
#karriere.page_komp, #page.page_komp {padding-top: 75px;}
#karrierebeicellere.first {padding-top: 25px !important;}
#karriere .top_kar {padding-bottom: 0 !important;}
#karriere .k_left img, #page .k_left img {margin-top: 25px;}
.persimgholder {padding-top: 25px; float: none; width: unset; max-width: 500px; }
.persimgholder img {width: 100%;margin-bottom: 25px;}
.persimgholder .desc, .persimgholder .name {margin-left: 0px;margin-right: 0px;}
.perstext, #p2 .perstext, #p3 .perstext{float: none; background-color: #FFDE7F; padding: 25px; width: unset; min-height: unset; margin-top: 25px; }
article.perswerte {margin-bottom: 0px;}
#p2 .persimgholder {float: none; margin-left: 0px;}
#p2 .persimgholder img {margin-left: 0px;}
article.perswerte#p3 .line {left:25px;right:25px;}
#lehre {padding-top: 25px !important;}
#karriere .stel, #page .stel {padding-top: 25px;}
#karriere .stel .downloadlink::before, #page .stel .downloadlink::before, .niedtoggle::before {background-size: 10px auto;}
#offenestellen .k_right {padding-bottom: 25px;}
#offenestellen .k_right .maincontent {padding-right: 0px;}
#strassenbau {padding-top: 25px !important;}
.refnavholder {float: none; padding-left: 0px; clear: both;padding-left: 25px;padding-right: 25px;margin-bottom: 25px;}
.refnavholder.fixed {top:75px;padding-left: 25px;padding-right: 25px;}
#referenzen.ref h2, #aktuellespage.ref h2, #standorte.ref h2 {display: block; float: none; }
#referenzen .reftop .box {top: unset;
transform: none;}
#referenzen .reftop.left .box , #referenzen .reftop.right .box{width: unset; }
.maincontent .lefty, .maincontent .righty {padding-left: 25px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; width: unset; float: none; }
.onlyimg .inside img:nth-child(1), .onlyimg .inside .youtube-container-100:nth-child(1) {margin-top: 0px; }
.onlyimg {padding:25px;}
.onlyimg .inside {padding-bottom: 50px;}
.nexter {padding-top: 25px;padding-bottom: 25px;}
.nextleft {position: relative; right: unset; }
.nexter h3 {padding-left: 25px;padding-bottom: 25px;}
.nextbox {width: unset; padding: 25px; padding-right: 75px; position: relative; }
.nextright {margin-left: 0px;background-size: cover;}
.topbox {max-width: unset;padding:25px;}
.single_ref {padding-top: 75px; }
.nextleft .meta {left:25px;}
.nexter {padding-bottom: 0px;}
.s_box .head h2 {margin-top: 23px;float: left;}
#standorte.ref .s_box .head h2 {margin-top: 23px;float: left;}
.s_box .head {height: 75px;}
.s_box .x {width: 75px;}
.x .line:nth-child(1) {transform: rotate(-45deg); top: 38px; }
.x .line:nth-child(3) {transform: rotate(45deg); top: 38px; }
.socialholder svg {margin-right: 15px;}
.s_box_inside, .s_box .anspr {padding:25px;}
.s_box .anspr .tel, .s_box .anspr .mail {width: 65px;height:65px; }
.suprins {position: relative; overflow: scroll; height: calc(100vh - 75px);}
.f3 {padding-bottom: 80px;}
.s_box .anspr {padding-right: 75px;}
.listholder {margin-left: 25px;margin-right: 25px;}
.niedtoggle::before {background-position: 0px -2px;}
.line2 {margin-left:  25px; margin-right: 25px; }
.listholder article {padding-bottom: 25px;}
.page_list {padding-top: 25px; }
.noflexlistholder.listholder article {/*
  width: unset; float: none;clear: both;display: block; min-height: unset;}
#listboxlink.margbot {margin-bottom: 0px;
*/
}
#hjkcxsd.noflexlistholder.listholder article {
  width: 50%;
}
.nholder {padding-bottom: 0px;}
#aktuellespage.page_komp  article {padding-left: 0px !important; padding-right: 0px !important; }
#aktuellespage.page_komp article:nth-child(2n){margin-right:0px; margin-left: 0px; }
.footer .socialholder svg {margin-left: 0px;margin-right: 10px;}
.footer .sm span {display: block;}

#listey { padding-top: 100px; }
.liststand_inside h1 br {display:none;visibility:hidden;}
.lernpersholder {padding-top: 0px;}
.lernpers { padding-left: 0px; padding-right: 0px; padding-bottom: 20px; }
.lernpers #p1 .perstext, .lernpers #p2 .perstext, .lernpers #p3 .perstext { margin-top: 20px; padding: 20px; width:unset; font-size: 18px; line-height: 22px;margin-top: 0px;}
.lernpers i {font-size: 18px; line-height: 22px;margin-top:0px;}

.pagedownloads, #karriere {padding:25px;padding-top: 125px;}
 div.dwright span.downloadlink::before {}
#offenestellen .refnavholder h1.r1 {background-position: 82px 14px;}
#offenestellen .refnavholder h1.r2 {background-position: 156px 14px;}

#page .k_left img#yousty {
width: 150px;
height: auto;
margin-top: -45px;
}
#offenestellen .refnavholder h1 {
  font-size: 18px;
}

.regdot.grey {
   r:3px !important;
   transform-origin: center center;
}


}

@media (max-width:700px){

  .listholder {display: block;flex-flow: unset;}
  .listholder article {flex: unset; }
.hometop article .img {left: 50px; }
.hometop article .box {bottom: 40px;}
#hjkcxsd.noflexlistholder.listholder article {
  width: 100% !important;
}
#offenestellen .refnavholder h1.r1 {background-position: 70px 14px;}
#offenestellen .refnavholder h1.r2 {background-position: 125px 14px;}
}