/*
    Theme Name: kuenzli
    Theme URI: https://www.kuenzli-davos.ch;
    Description: kuenzli
    Version: 2.0
    Author: Felix Schlatter
    Author URI: https://schwizerschlatter.com
    Tags: No Tags

*/




/*
    Sand Braun:       #c5a16d;
    slate-grey:       #4e4d56;
    very-light-brown: #d4b992;
    Grau:             #d8d8d8;
*/


html,
body {
  margin:0;
  background-color: #000;
}
.noscroll {
  overflow:hidden;
}

.supercontainer {
  background-color: #fff;
  opacity: 1;
    transition: all 0.5s ease-in-out;
}
.oppp {
  opacity: 0.3;
}


@font-face {
    font-family: "cdfont-roman";
    font-weight: 100;
    src: url("fonts/cdfont-roman.woff");
}
@font-face {
    font-family: "cdfont-bold";
    font-weight: 100;
    src: url("fonts/cdfont-bold.woff");
}
* {
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
position: relative;
color: #4e4d56;
font-family:cdfont-roman,arial;
margin:0;
line-height: 28px;
font-weight: normal;
font-size: 20px;

letter-spacing: 0.03em;

}

a {
     outline: none;
  text-decoration: none;
}
a:active {
    outline: none;
}
a, a:active, a:focus {
   outline: none;
}
* {
    outline: none;
}
footer, section {

    transition: all 0.25s ease-in-out;
}
.blurred {
    -webkit-filter: blur(10px); /* Webkit */
  filter: blur; /* IE6-9 */
  filter:blur(10px);
}
#loader {
  position: fixed;
  z-index: 10001;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: #fff;
}
.loaderinside {
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}
.boardsholder {
  position: relative;
  width: 155px;
  height: 85px;
  overflow: hidden;
}
.board {
  position: absolute;
background-color: #c5a16d; /* c5a16d */
width: 155px;
height: 15px;
left:0px;
right:0px;
  transition: all 0.5s ease-in-out;
}
.loadhide .board {
  width: 0px;
  left:50%;
  right:50%;
  opacity: 0 !important;
}
#board1 {
top:0px;
animation:  boardy_one 1.5s infinite;
}
#board2 {
top:35px;
}
#board3 {
top:70px;
animation:  boardy_three 1.5s infinite;
}
@keyframes boardy_one {
    0%     { top:35px;  opacity: 1;}
    75%   {  top:0px;   opacity: 1;}
    100%   { top:0px;   opacity: 0;}
}

@keyframes boardy_three {
    0%     { top:35px; opacity: 1;}
    75%   {  top:70px; opacity: 1;}
    100%   { top:70px; opacity: 0;}
}



h1,h2,h3,h4 {
    font-family: "cdfont-bold";
    font-weight: 100;
    margin: 0px;
    padding:0px;
}
strong, b {
  font-weight: 100;
    font-family: "cdfont-bold";
}
.supercontainer {
  position: relative;
  display: block;
  min-height: 100vh;
}
a {
  color: #4e4d56;
  text-decoration: none;
}

* {
  margin:0px;
}

::selection {
  color: #fff;
  background: #c5a16d;
}
::-moz-selection {
  color: #fff;
  background: #c5a16d;
}
.teasernav {
  display: block;
  background-color: #d4b992;
  padding-left: 80px;
  padding-right: 80px;
font-size: 15px;
line-height: 20px;
transition: all 0.25s ease-in-out;
animation:  teaser 2s infinite;
}
@keyframes teaser {
    0%     { background-color: #c5a16d;}
    50%    { background-color: #4e4d56;}
    100%   { background-color: #c5a16d;}
}

a .teasernav {
  color: #fff;
}
.no-touch .teasernav:hover {
  background-color: #c5a16d;
}


.smallnav {
background-color: #fff;
left:0px;
right: 0px;
top:-100px;
z-index: 999;
position: fixed;
min-height: 80px;
display: block;
box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.07);
  transition: all 0.25s ease-in-out;
}
.smallnav.visi { top:0px; }
.smallnav.everywherevisi { top:0px !important; }
.max1440 {
  position: relative;

  display: table;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.logo, .reslogo {
  padding-left: 80px;
  padding-top: 20px;
  width: 60px;float: left;
}
.logo img, .reslogo img {
  width: 100%;
  height: auto;
}
.reslogo {
  display: none;
}
.hambholder {
  cursor: pointer;
  position: absolute;
  display: none;
  right: 20px;
  height: 23px;
  width: 30px;
  z-index: 999;
}
.hambholder .hambline {
  left:0px;
  transform-origin: 50%;
  position: absolute;
  background-color: #777;
width: 30px;
height: 2px;
  top:9px;
  transition: all 0.25s;
}
.hambholder .hambline:first-child {top:0px;transition: all 0.25s ease-in-out;}
.hambholder .hambline:last-child {top:18px;transition: all 0.25s ease-in-out;}

.toggled.hambholder .hambline {width:0px;left: 5px;left:20px;}
.toggled.hambholder .hambline:first-child {top:10px;transform: rotate(45deg); left:5px;height:2px;background-color: #777;width: 30px;}
.toggled.hambholder .hambline:last-child  {top:10px;transform: rotate(-45deg);left:5px;height:2px;background-color: #777;width: 30px;}

.navholder {
  float: right;
  padding-right: 197px;
}
.navholder a {  }
.navpoint {
letter-spacing: 0.05em;
font-family: "cdfont-bold";
padding-top: 30px;
padding-right: 25px;
padding-left: 25px;
height: 10px;
float: left;
cursor: pointer;
font-size: 15px;
line-height: 15px;
position: relative;
padding-bottom: 40px;
background-color: #fff;
  transition: all 0.25s ease-in-out;
}
.no-touch .navpoint:hover {
  background-color: #d4b992;
  color: #fff;
}

.navpoint#immonav {

}
.navpoint span {
  font-weight: normal;
}
.navpoint#kontakt span {
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}
#kontakt {
  padding-left: 0px;
  padding-right: 0px;
  position: absolute;
  min-width: 117px;
  color: #fff;
  float: right;
  position: absolute;
  top:0px;
  right:80px;
  bottom:0px;
  background-color: #c5a16d;
}
.no-touch #kontakt:hover {
  background-color: #4e4d56;
   color:#fff;
}
.social {
  position: absolute;
  right: 0px;
  top:0px;
  bottom: 0px;
  width: 80px;

}
.social .sm {
  cursor: pointer;
  height: 33.33%;
  width: 100%;
  position: absolute;
  background-position:center;
  background-size:auto 50%;
  background-repeat: no-repeat;
    transition: all 0.15s ease-in-out;
}
.no-touch .social .sm:hover {
 background-color: #4e4d56;
}
.social .sm#fb {background-image:url("img/fb.svg"); top:0px;}
.social .sm#li {background-image:url("img/li.svg"); top:33.33%;}
.social .sm#in {background-image:url("img/in.svg"); bottom:0px;}
.social .sm img {
  width: 100%;
  height: auto;
}

.lang {
  float: right;
  position: relative;
  margin: 0px;
  padding:0px;
  width: 40px;
  font-size: 11px;
line-height: 15px;
  list-style: none;
  height: 100%;
  min-height: 80px;
}
.lang li {

}
.lang a {color: #4e4d56;}
.lang .language-chooser-item {
  text-align: center;
  position: absolute;
  z-index: 100;
  display: block;
    transition: all 0.25s ease-in-out;
}
.no-touch .lang a:hover .language-chooser-item {
  background-color: #4e4d56;
}
.no-touch .lang  a:hover .language-chooser-item:before {
 color: #fff;
}
.lang .language-chooser-item.active {
}
.language-chooser-item-de  {
  padding-top: 13px;
  top:0px;
  bottom:50%;
  width: 100%;
  height: calc(50% - 13px);
}
.language-chooser-item-de:before {
  content:"DE";
  color: #4e4d56;
}
.language-chooser-item-en {
  padding-top: 13px;
  bottom: 0px;
  top:50%;
  width: 100%;
  height: calc(50% - 13px);
}
.language-chooser-item-en:before {
  content:"EN";
  color: #4e4d56;
}

section, article {
  position: relative;
}
.landing {
  overflow:hidden;
  display: block;
}
#fader.landingclaimsholder {
  padding-top: 7vh;
  height: 93vh;
}
.landingclaims.active {
  display: block;
}
.landingclaims.inactive {
  display: none;
}
#footer .landingclaimsholder {
display: block;
min-height: inherit  !important;
height: inherit !important;
padding-bottom: 160px;
position: relative;
padding-top: 80px;
}
#fader .switchimg {
  cursor: pointer;
}
#footer .landingclaims {
  display: block;
  float: left;
  width:50%
}
#footer .landingclaims h1 {
  max-width: inherit;
  padding-right: 80px;
}


.landingclaims h1 {
  height: 10vh;font-family: "cdfont-roman";font-size: 45px;line-height:55px;max-width: 500px;
}
.landingimg {
  position: relative;
  display: block;
  min-height: calc(73vh - 80px);
  overflow:hidden;
}
#fader .landingimg {
  background-color: #000;
  transition: all 0.25s ease-in-out;
}
#fader .landingimg img {
  transition: all 0.25s ease-in-out;
}
.no-touch #fader .landingimg:hover img {
  opacity: 0.75;
}
.landingimg img {
  width: 100%;height:auto;
  position: absolute;
  top:50%;
  transform:translateY(-50%);
}
.balken {height: 80px;position: absolute;z-index: 10;}
.bright {right:0px;top:0px; width: 60%;background-color: #fff;}
.bbraun { background-color: #c5a16d;position: relative;width: 50%; }

.claimholder {
  padding-left: 80px;
  padding-bottom: 10vh;
  height: 10vh;
}
.mainnav {
  position: absolute;
  z-index: 50;
  font-size: 15px;
  line-height: 35px;
  padding-top: 7vh;
  position: absolute;
  left: calc(40% + 115px);
}
#footer .mainnav {
  position: static !important;
  float: left;
  left: inherit !important;
  padding-top: 0px;
}


.mainnav, .mainnav a {color: #c5a16d; cursor: pointer;background-color:white;}
.no-touch .mainnav a:hover, .no-touch .mainnav div:hover{color: #4e4d56;}

* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.biglogo { padding-top: 7vh;position:absolute;right:80px;width: 210px;z-index: 10;}

.biglogo img { width: 100%;height: auto; }
p {margin-top:0px;}
.about {width:calc(50% - 160px);float: right;padding-left: 80px;padding-right: 80px;padding-bottom: 130px;}

.latestprojects {
  padding-top
  display: block;
  min-height: 100vh;
}
.latestprojectsnav {
  padding-left: 80px;
  display: table;
  float: left;
  width: calc(40% - 80px);
  padding-bottom: 120px;
}
.latestprojectsnav, .latesimmosnav {
  display: block;
  font-family: "cdfont-roman";
  font-size: 45px;
  line-height: 50px;
}
.latestprojectsnav p::first-line {
  color: #4e4d56;
  white-space: nowrap;
  display: block;

}

.filter {
  display: block;
  font-family: "cdfont-bold";
  position: fixed;
  top:-300px;
  left:0px;
  right:0px;
  padding-left: 80px;
  padding-right: 80px;
  width: calc(100% - 160px);
padding-bottom: 0px !important;
padding-top: 0px;
  font-size: 13px;
  line-height: 10px;
  z-index: 100;
  background-color: #c5a16d;
transition: all 0.5s ease-in-out;
}
.filter.visi {
  top:80px;
}
.filter .toggler2,
.filter .toggler{
  cursor: pointer;
  display: inline-block;
  padding:5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #c5a16d;
  color: #fff;
  padding-top: 11px;
  padding-bottom: 12px;
}
.toggler2.activer,
.toggler.activer {
  color: #4e4d56;
}
.filter .toggler2.activer,
.no-touch .filter .toggler2:hover,
.filter .toggler.activer,
.no-touch .filter .toggler:hover {
    background-color: #4e4d56;
  color: #fff;
}

.latestprojectsnav.sticknav p {
  display: none;
}
.latestprojectsnav .toggler, .latestprojectsnav .toggler2 { cursor: pointer; }
.no-touch .latestprojectsnav .toggler:hover, .no-touch .latestprojectsnav .toggler2:hover  {
  color: #4e4d56;
}
.latestprojectsnav p {
    margin-bottom: 0px;
}
.latestprojectsnav, .latesimmosnav  { color: #c5a16d; }
.latestprojectsnav span, .latesimmosnav span{
  font-size: 15px; display: block;margin-left: 80px;
padding-top: 80px;font-family: "cdfont-bold";
}
.latestprojectsnav span:before{
  content: "– ";
  color: #4e4d56;
}
.latesimmosnav span:before{
  content: "– ";
  color: #c5a16d;
}

.untcontent span{
  font-size: 15px; display: block;margin-left: 80px;
padding-top: 40px;font-family: "cdfont-bold";
}
.untcontent span:before {
  content: "– ";
  color: #4e4d56;
}
.prj{

  float: right;
  transition: all 0.25s ease-in-out;
}
.prj.non_filter_active {
  opacity: 1;
}
.prj.filter_active {
  opacity: 0.25 !important;
}
.prj_1 {
  padding-left: 40px;
  padding-top: 55px;
  width: calc(60% - 40px);
  padding-bottom: 40px;
}
.prj_2{
  width: 40%;
  padding-bottom: 40px;
}
.prj_3{
  float: right;
  width: calc(50% - 40px);
  padding-bottom: 40px;
  padding-left: 40px;

}
.prj_4{
  float: left;
  width: 50%;
  padding-bottom: 40px;
  padding-top: 80px;
}
.prj_img {position: relative;  overflow:hidden;background-color: #000;
  transition: all 0.25s ease-in-out;
}

.no-touch .prj:hover .prj_img  img {opacity: 0.5;}
.prj_hover {position: absolute;bottom: 0px;right:-300px;background-color: #fff;padding:30px;display: table;font-family: "cdfont-bold";font-size: 15px;
  transition: all 0.25s ease-in-out;
}
.prj_hover:before {
  content: "– ";
  color: #c5a16d;
}
.no-touch .prj:hover .prj_hover {
  right:0px;
}
.prj img, .stn img {
   transition: all 0.25s ease-in-out;
  width: 100%;
  height: auto;
}
.prj_title {display: block;background-color: #fff;padding-top: 20px;padding-left: 20px;}
.prj_title h1 {font-family: "cdfont-roman";font-size: 15px;line-height: 20px;}
.prj_title h2 {font-family: "cdfont-roman";font-size: 15px;line-height: 20px;color: #c5a16d;}

.unternehmen {
  margin-top: 80px;
  padding-bottom: 80px;
  background-color: #d4b992;
}
.unternehmen .untimg {
  float: right;
  width: calc(50% + 80px);
  position: relative;
}
.untbalk {background-color: #d4b992;width: 80px;position: absolute;top:200px;bottom:0px;left:0px;z-index: 2}
.overlay {
  position: absolute;top:0px;left:0px;right:0px;bottom:0px;
 background-color: #694d25;
 z-index: 1;
 opacity: 0.5;
}
.unternehmen .untimg img {
  width: 100%;height: auto;
}
.untcontent {
  color: #fff;
  padding-top: 260px;
  float: left;
  font-family: "cdfont-roman";
font-size: 45px;
line-height: 50px;
padding-left: 80px;
width: calc(50% - 160px);
}
.untcontent p::first-line, .latesimmosnav p::first-line {
  color: #4e4d56;
  white-space: nowrap;
  display: block;
}

.immos {
  margin-bottom: 160px;
}

.latesimmosnav {
    padding-top: 160px;
  float: left;
  font-family: "cdfont-roman";
font-size: 45px;
line-height: 50px;
padding-left: 80px;
width: calc(50% - 160px);
  transition: all 0.25s ease-in-out;
}

.immoholder {
  padding-top: 214px;
  float: right;
  width: 50%;
    transition: all 0.25s ease-in-out;
}
.immosingle {display: none;}
.immosingle:first-child {
  display: block;
}
.immo_img { position: relative;background-color: #000; }
.immo_img img {
  width: 100%;
  height: auto;
  transition: all 0.25s ease-in-out;
}
.no-touch .immo_img:hover img{
  opacity: 0.5;
}
.immo_title {
  z-index:10;position: absolute;
  left:0px;bottom:0px;
  height: 15px;
  display: table;
  background-color: #fff;
  white-space: nowrap;
   margin: 0 auto;
   width: auto;
   padding-right: 80px;
   padding-top: 65px;
}
.immo_title h1 {
  font-size: 15px;line-height:15px;font-family: "cdfont-roman";
}
.numbholder {
  position: absolute;left:80px;bottom:0px;
   font-size: 45px;
   color: #c5a16d;
     transition: all 0.25s ease-in-out;
}
.numbholder .numby {
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  float: left;padding-right: 20px;
}
.no-touch .numbholder .numby:hover {
  color: #4e4d56;
}
.numbholder .numby.active {color: #4e4d56;}

.standorte h1 {
  padding-left: 80px;
  font-family: "cdfont-roman";
font-size: 45px;
line-height: 50px;
display: block;
margin-bottom: 80px;
}


.stn {
  float: left;
}
.no_stn_thumb_holder {
  float: left;
  width: 50%;
  padding-top: 20px;
}
.no_stn_thumb {
  display: block;
  float: none;
  clear: both;
}
.stn_1 {
  padding-right: 40px;
  width: calc(60% - 40px);
  padding-bottom: 40px;
}
.stn_2 {
  width: 40%;
  padding-bottom: 40px;
  padding-top: 120px;
}
.stn_3 {
  float: left;
  width: calc(50% - 40px);
  padding-bottom: 40px;
  padding-right: 40px;
  padding-top: 40px;
}
.stn_4 {
  float: left;
  width: 50%;
  padding-bottom: 40px;
  padding-top: 40px;
}
.stn_img {position: relative;  overflow:hidden;background-color: #000;
  transition: all 0.25s ease-in-out;
}
.stn_img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.stn_meta {
  display: block;
padding-top: 20px;
padding-left: 20px;
  font-size: 15px;
  line-height: 18px;
}
.no_stn_thumb .stn_meta {
  padding-bottom: 20px;
}
.stn_meta h2 {font-size: 15px;
  line-height: 18px;
  font-family: "cdfont-roman";
  padding-bottom: 20px;
}
.stn_meta_cont {
  display: block;
  color: #c5a16d;
}
.meta_cont {
  float: left;
  width: 40%;
}
.meta_cont a {
  color: #c5a16d;
}
.no-touch .meta_cont a:hover {
  color: #4e4d56;
}
.stn_holder {
  display: block;
}
#footer {
  position: relative;
}
.footerlogoholder {
  max-width: 400px;
  float: right;
  width: 100%;
}
#footer .biglogo {
  padding-top: 0px !important;
  position: relative;

  top:inherit;
  right: inherit;
  padding-top: inherit;
  display: block;
  width: calc(40% - 20px);
}
#footer .biglogo img {
    max-width: 155px;
    float: left;
    padding-left: 25%;
}
#footer .vogellogo, #footer .ftlogo {
  padding-top: 60px;
}
#footer .biglogo img.ftlogo {
max-width: 165px;
padding-left: calc(25% - 9px);
}

.secondfooter {
  padding-bottom: 20px;
  display: block;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 15px;
}
.secondfooter span { color: #c5a16d;padding-right: 40px;cursor: pointer; }
.secondfooter span a { color: #c5a16d;cursor: pointer; }
#footersection { display:none;padding-top:40px;padding-bottom:80px; color: #4e4d56; }
#datenschutz {
  -webkit-columns: 2;
  columns: 2;
}





#optoutbanner99 {
font-size: 12px;
line-height: 16px;
background-color: #fff;
padding-top: 20px;
text-align: left;
position: fixed;
left: 50%;
right: 0px;
bottom: 0px;
z-index: 10000;
height: 60px;
padding-left: 20px;
color: #909090;
}
#optoutbanner99 a {
    text-decoration: underline;
    color: #9999a8;
    cursor: pointer;
    display: inline-block;
}
#acceptga {
  margin-left: 10px;
  margin-right: 10px;
  display: inline;
    line-height: 15px;
    text-decoration: none !important;
    background-color: #c5a16d;

    color: #fff !important;
    font-weight: normal !important;
    padding: 2px;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
border-radius: 3px;
}
.no-touch #acceptga:hover {
  opacity: 1;
}
#optoutbanner99 span {
    text-decoration: underline;
    cursor: pointer;
}

.content {
  padding-bottom: 160px;
  display: block;
}
.contenthead {
  display: block;
  position: relative;
  height: calc(100vh - 80px);
  overflow:hidden;
}
.contentimg {
  height: calc(100vh - 320px);
  margin-top: 320px;
  display: block;
  position: relative;
  width: 70%;
  float: right;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prj_meta {
color: #c5a16d;
z-index: 10;
position: absolute;
top: 400px;
padding-left: 80px;
font-size: 15px;
line-height: 18px;
font-family: "cdfont-roman";
max-width: 280px;
}
.prj_meta .row {
  position: relative;
  display: block;
  padding-bottom: 10px;
}
.prj_meta .yoi {
  color: #4e4d56;
  width: 90px;
   float: left;
}
.prj_meta .yoa {

  padding-left: 90px;
}
.leistkomma {
  margin-left: 90px;
  line-height: 20px;
}
.contentimg .bright {
left:0px;
}
.maincontent {
  position: relative;
  display: block;
  padding-left: 80px;
  padding-top: 160px;
}
.maincontent .bbraun {
  position: absolute;
top:0px;
right: 0px;
}
.maincontent .onlytext {
float: left;
padding-right: 180px;
max-width: 40%;
padding-bottom: 120px;
padding-left: calc(30% - 56px);
}
.onlytext p:last-child {
  margin-bottom: 0px;
}
.onlytext a {
  color: #c5a16d;
}

.onlyimg {
  display: block;
  padding-right: 80px;
  display: table;
  max-width: 1000px;
  margin:0 auto;
  float: none;
  clear: both;
}
.onlyimg img {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}



.maintitles {
  z-index: 1;
  position: absolute;
  top:0px;
  left:0px;
    padding-top: 160px;
  display: block;
  padding-left: 80px;
  padding-right: 80px;
  height: 160px;
  padding-bottom: 80px;
  background-color: #fff;
}
.maintitles h1 {
  display: block;
  font-family: "cdfont-roman";
  font-size: 45px;
  line-height: 55px;
}
.maintitles h2 {
  display: block;
  font-family: "cdfont-roman";
  font-size: 45px;
  line-height: 55px;
  color: #c5a16d;
}
.maintitles h3 {
  font-family: "cdfont-bold";
    color: #c5a16d;
    font-size: 15px;
}

.next {
  cursor: pointer;
  position: absolute;
  bottom:80px;
  left:0px;
  width: 30%;
  text-align: center;
  font-size: 15px;
display: block;
font-family: "cdfont-bold";
color: #c5a16d;
}
.next::before {
  font-family: "cdfont-bold";
    content: "– ";
color: #4e4d56;
}



.itemnavholder {
  overflow: hidden;
  position: relative;
  display: block;
  padding-bottom: 80px;
}


.itemnav {
  position: relative;
}
.nextholder {
  top:200px;
  position: absolute;
  left:80px;
  right: 80px;
  z-index: 2;
  max-width: calc(40% - 160px);
}
.nextleft {
  width: 40%;
  height: 75vh;
  float: left;
}
.nextright {
  width: 60%;
  height: 75vh;
  float: right;
  background-size: cover;
  background-position: center;
}
.nextholder h1, .nextholder h2, .nextholder h3 {
  font-family: "cdfont-roman";
  font-size: 45px;
line-height: 50px;
font-weight: normal;
color: #c5a16d;
}
.nextholder h1 {
  color: #4e4d56;
}
.nextholder h3 {
    font-size: 15px;
    display: block;
    font-family: "cdfont-bold";
}
.nextholder h3::before {
    content: "– ";
    color: #4e4d56;
}
.nextbalk {
  display: none;
  position: absolute;
  z-index: 3;
  height: 80px;
  width: calc(60% - 80px);
  bottom:0px;
  right:0px;
}
.nextbalk.white {
  display:block;
  background-color: #fff;
  bottom:0px;
  top:200px;
  bottom:inherit;
  right:0px;
  width:80px;
  left:40%;height: calc(100% - 200px);
}

.allprojects {
  display: block;
  padding-top: 240px;
}
.homeallprojects {
  padding-top: 80px;
}
.allprojects .latestprojectsnav {
  padding-bottom: 160px;
}
.allprojects .prj {
  float: left;
}
.allprojects .prj_1 {
  float: right;
  padding-left: 40px;
  padding-top: 0px;
  width: calc(55% - 40px);
  padding-bottom: 80px;
}
.allprojects  .prj_2{
  float: left;
    width: calc(45% - 40px);
  padding-bottom: 80px;
}
.allprojects  .prj_3{
  float: right;
    width: calc(50% - 40px);
  padding-bottom: 80px;
padding-left: 40px;
margin-top: 0px;
}
.allprojects a:first-child .prj  {
  float: right !important;
  padding-left: 40px;
}
.allprojects a:last-child .prj  {
  float: right;
  padding-left: 0px;
}
.allprojects a:last-child .prj_2  {
  float: left !important;
  padding-left: 0px;
}

#kontakttoggler {
  position: fixed;
  width: 100%;
  top:0px;
  bottom:0px;
  left:100%;
  color: #fff;
  z-index: 1999;
  font-size: 15px;
line-height: 18px;
font-family: "cdfont-roman";

        transition: all .9s cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#kontakttoggler.visi {
  left: 0px;
}
.kontspacer {
  position: absolute;
  top:0px;
  right: 510px;
  bottom:0px;
  width: 160px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}

.contcloser {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
    z-index: 99;
    right: 0px;
    top:50%;
    margin-top: -20px;
    cursor: pointer;
transition: all 0.25s ease-in-out;
}
.contcloser .x {
  color: #c5a16d;
  font-size: 45px;
text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
transition: all 0.25s ease-in-out;
transform-origin: 50% 50%;
}
.no-touch .contcloser:hover .x {
  color: #fff;

}
.no-touch .contcloser:hover {
    background-color: #c5a16d;
}


#mapp {
  background-color: #4e4d56;
  float: left;
  width: calc(100% - 660px);
  min-height: 100vh;
  margin-left: 160px;
}
.cont {
  position: absolute;
  top:0px;
  right:0px;
  bottom:0px;
  overflow-y:scroll;
  width: 430px;
  padding-left: 80px;
  background-color: #c5a16d;
}
#kontakttoggler h1 {
  display: block;
  text-align: left;
  padding-top: 80px;
  padding-right: 80px;
  padding-bottom: 80px;
  font-size: 45px;
line-height: 50px;
color: #4e4d56;
font-family: "cdfont-roman";
font-weight: normal;
}
#kontakttoggler .stn_holder {
  overflow:auto;
  padding-left: 0px;
  padding-right: 60px;
  float: none;
    padding-bottom: 40px;
}
#kontakttoggler .stn_holder .contact {
  display: block;
  padding:10px;
  margin-bottom: 20px;
}
#kontakttoggler h2 {
    font-size: 15px;
line-height: 18px;
font-family: "cdfont-roman";
color: #4e4d56;
}
#kontakttoggler .stn_meta_cont {
}
#kontakttoggler .meta_cont {
  width: 175px;
}
#kontakttoggler .stn_meta_cont, #kontakttoggler .stn_meta_cont a {
    color: #fff;
}


.mapmarker {
  cursor: pointer;
  display: block;
background-color: #c5a16d;
color: #fff;
padding-top: 3px;
padding-bottom: 2px;
padding-left:  5px;
padding-right: 5px;
font-size: 14px;
line-height: 18px;
font-weight: normal;
  font-family: "cdfont-roman";
}
.no-touch .mapmarker:hover {
  cursor: pointer;
  background-color: #c5a16d;
color: #fff;
}
.currentmapmarker {
animation:  currentmapmarker 1s infinite;
}
@keyframes currentmapmarker {
    0%     { background-color: #c5a16d;}
    50%    { background-color: #4e4d56;}
    100%   { background-color: #c5a16d;}
}
.currentmapentry {
animation:  currentmapentry 1s infinite;
}
@keyframes currentmapentry {
    0%     { background-color: #c5a16d;}
    50%    { background-color: #e3bf8b;}
    100%   { background-color: #c5a16d;}
}


.unt {
    padding-left: 80px;
  padding-right: 80px;
  padding-top: 160px;
  overflow-x: hidden;
  position: relative;
  padding-bottom: 80px;
  display: block;
  background-size: 100% auto;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.untmeta {
  z-index: 1;
  position: absolute;
  left: 80px;
  top:160px;
  font-family: "cdfont-roman";
font-size: 45px;
line-height: 55px;
}

.untrow {display: block;}
.untrow .counter {
  width: 80px;
  display: inline-block;
    color: #c5a16d;
}
.untrow .counter.unt_standorte {
  text-align: right;
}
.antholder {

  background-color: #fff;
  padding-bottom:80px;
  padding-top: 0px;
  float: left;
  width: 50%;
}
.unt .antholder  {
  padding-bottom: 0px;
}
.ant2 {
  hyphens: auto;
  -webkit-hyphens:auto;
  vertical-align:super;
  display: inline-flex;
  width:24%;
  padding-bottom: 20px;
}
.ant2 h1 {
   hyphens: auto;
  -webkit-hyphens:auto;
}
#untfull .antholder a {
  color: #c5a16d;
}

.ant2 .anttext {
  padding-bottom: 0px;
  padding-top: 0px;
}
.antholder h2, .unt  h2 {
  font-family: "cdfont-roman";
font-size: 45px;
line-height: 50px;
}
.antholder .ant1 h1 {
  cursor: pointer;
  color: #c5a16d;
  font-family: "cdfont-roman";
font-size: 45px;
line-height: 50px;
}
.ant2 h1 {
  color: #c5a16d;
  font-family: "cdfont-bold";
  font-size: 15px;
}
.antholder h1.active {color: #4e4d56;}
.no-touch .antholder .ant1 h1:hover {
  color: #4e4d56;
}
.ant1 .antimg {
  float: left;
  padding-right: 20px;
  width: 200px;
}
.ant2 .antimg {
  float: left;
  padding-right: 20px;
  width: calc(100% - 20px);
}
.antimg img {
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.ant2 .antimg {
  float: none;
  display: block;
  padding-right: 0px;
  padding-bottom: 10px;
}
.anttext {
  color: #c5a16d;
  padding-top: 10px;
  padding-bottom: 40px;
  display: none;
  font-family: "cdfont-roman";
font-size: 15px;
line-height: 20px;
}
.ant2 .anttext {
  display: block;
}
.anttext a {color: #c5a16d;}
.no-touch .anttext a:hover {
  color: #4e4d56;
}
.ant2 p {
  margin-bottom: 0px;
}
.unternehmenfull .bbraun {
  width: 40%;
  float: left;
}
.unt .nexter {
  clear: both;
  float: none;
  cursor: pointer;
    color: #c5a16d;
    font-size: 15px;
    display: block;
    margin-left: 80px;
    padding-top: 0px;
    font-family: "cdfont-bold";
}
.unt .nexter::before {
  content: "– ";
color: #4e4d56;
}

.man_img {
  padding-top: 10px;
  padding-bottom: 40px;
  width: calc(100% - 80px);
  display: block;
}
.man_img img {
  width: 100%;height: auto;
}
.man_text {
  padding-left:80px;
  padding-bottom: 40px;
  padding-right: 120px;
  padding-top: 0px;
}
.man_text p:last-child {
  margin:0px;
}

#geschichtefull {
  min-height: calc(100vh - 320px);
  overflow-x: hidden;
  padding-top: 160px;
  padding-bottom: 160px;
}
#geschichtefull h3 {
font-family: "cdfont-roman";
font-size: 45px;
line-height: 55px;
display: table;
padding-left: 80px;
padding-bottom: 80px;
float: left;
}
#geschichtefull .timelineimg {
float: none;
max-width: 30%;
margin-left: 160px;
display: none;
}
#geschichtefull .timelineimg img {
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#geschichtefull .histimg {
  max-width: 50%;
  height: auto;
  float: right;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.timeline {
  position: relative;
  display: block;
}
.timelineholder {
  background-color: #fff;
  width: calc(100% - 160px);
  padding-left: 80px;
  padding-right:80px;
  padding-top: 40px;
  display: table;
  position: relative;
}
.timelineline {
  position: absolute;
  z-index: 10;
  left: 0px;
  bottom: 0px;
right: 0px;
  height: 5px;
  display: block;
  background-color:  #c5a16d;
}
.histholder {
  display: table-cell;
    font-size: 15px;
    font-family: "cdfont-bold";
color: #fff;
  transition: all 0.25s ease-in-out;
}
.yrline {
  position: absolute;
  height: 25px;
  bottom:0px;
  width: 1px;
  left:50%;
  background-color: #c5a16d;
  transition: all 0.25s ease-in-out;
}
.active .yrline {
  height: 85px;
    transition: all 0.75s ease-in-out;
}
.histinside {
  min-height: 37px;
  padding-top: 0px;
  text-align: center;
  padding:5px;
  padding-bottom: 20px;
  position: relative;
}

.histholder h2 {
  position: absolute;
cursor: pointer;
color: #c5a16d;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
  background-color: #fff;
font-size: 15px;
font-family: "cdfont-bold";
text-align: center;
left:50%;
transform: translateX(-50%);
    transition: all 0.25s linear;
  }

.histholder.active h2 {
  font-size: 32px;
  color: #4e4d56;

}

.histcontent {
  z-index: 99;
  position: absolute;
bottom: 80px;
  left:50%;
  text-align: center;
  transform: translateX(-50%);
  padding:0px;
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0;
  min-width: 200px;
  font-size: 15px;
  max-height:0;
  overflow:hidden;
transition: none;
background-color: #fff;

}
.active .histcontent {
  transition: all 0.25s linear;
  transition-delay: 0.75s;
  opacity: 1;
    padding:20px;
    padding-top: 20px;
    min-width: 200px;
 height:auto;
  max-height:600px;

}
.histholder:first-child .histcontent { }
.histholder:last-child .histcontent { }
.histcontent h1 {
  font-size: 15px;
  line-height: 18px;
  font-family: "cdfont-roman";
color: #4e4d56;
}
.superrow {
  display: block;
}
 #kompetenzen {
  padding-top: 160px;
 }
#engagement h1, #kompetenzen h1 {
font-family: "cdfont-roman";
font-size: 45px;
line-height: 55px;
display: table;
padding-left: 80px;
padding-bottom: 80px;
float: left;
}
.engagement {
    width: calc(50% - 160px);
    float: right;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
}
.engagement a {
  color: #c5a16d;
  /* white-space: nowrap; */
}
#kompetenzen .engagement a {
  white-space: nowrap;
}

.no-touch .engagement a:hover { color: #4e4d56; }

#karriere .maincontent {
  padding-left: 0px;
  padding-right: 0px;
}
#karriere .maincontent .onlytext {
  float: none;
  padding-left: 30%;
  padding-right: 0px;
}
.jobsholder {
  display: block;
  margin:0 auto;
  padding-left: calc(30% - 80px);
  padding-right: 80px;
}

#karriere .antholder {
margin-top: 0px;
padding: 0px;
padding-top: 0px;
padding-top: 0px;
float: none;
width: inherit;
min-height: inherit;


}
#karriere .anttext {
  padding-left: 80px;
  padding-right: 80px;
 max-width: 40%;
  color: #4e4d56;
}
#karriere .anttext span {
  font-family: "cdfont-bold";
  display: block;

}
.download {
font-size: 15px;
display: block;
font-family: "cdfont-bold";
color: #c5a16d;
  padding-top: 20px;
  padding-bottom: 20px;
}
.download::before {
  font-family: "cdfont-bold";
content: "– ";
color: #4e4d56;
}
#kompetenzen .download {
  padding-top: 0px;
  padding-bottom: 0px;
  display: block;
  line-height: 20px;
}

.anspr {
  padding-top: 40px;
  font-size: 15px;
line-height: 20px;
padding-left: 40px;
}
.anspr h2 {
  font-size: 15px;
  line-height: 20px;
display: block;
font-family: "cdfont-bold";
color: #c5a16d;
}
.kompimg {
  position: absolute;
  left:0px;
  right:50%;
  bottom:0px;
  top:0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.s_right .kompimg {
  left: 50%;
  right:0px;
}
.s_right .engagement {
    width: calc(50% - 160px);
    float: left;
}
.s_left .engagement {
    width: calc(50% - 160px);
    float: right;
}
.kompimg .komtitle {
  z-index: 1;
    overflow: hidden;
position: absolute;
top: -40px;
left: 0px;
display: block;
padding-left: 0px;
padding-bottom: 0px;
background-color: #fff;
}
.s_right .kompimg .komtitle {
  left: inherit;
  right:0px;
  text-align: right;
}
 #kompetenzen {
  padding-top: 160px;
 }
 #kompetenzen .kompimg h1 {
    display: block;
    font-family: "cdfont-roman";
    font-size: 45px;
    line-height: 55px;
      padding-bottom: 40px;
  padding-right: 80px;
}
#kompetenzen .superrow {
  padding-top: 80px;
  position: relative;
  margin-bottom: 240px;
}

.arg_holder {
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
  display: block;
  float: none;
  font-family: "cdfont-roman";
font-size: 15px;
line-height: 20px;
color: #4e4d56;
}

.argument {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  -webkit-hyphens:auto;
  hyphens: auto;
  display: block;
  margin-bottom: 10px;
}
.argument h2 {
    -webkit-hyphens:none;
  hyphens: none;
    font-family: "cdfont-roman";
font-size: 15px;
line-height: 20px;
color: #c5a16d;
display: block;

}

.superrow .balken {
bottom: -80px;

left: inherit;
right: inherit;
position: absolute;
width: calc(50% - 160px);
}
.superrow .balken.bleft {
  right: 0px;
}
.superrow .balken.bright {
  left: 0px;
  top: auto;
}


#komp_head {
  padding-top: 160px;
  min-height: calc(100vh - 240px);
  display: block;
  position: relative;
  background-size: cover;
  background-position: bottom center;
}
 #komp_head .nexter {
  cursor: pointer;
    color: #c5a16d;
    font-size: 15px;
    display: block;
    margin-left: 80px;
    padding-top: 0px;
    font-family: "cdfont-bold";
}
 #komp_head .nexter::before  {
  content: "– ";
color: #4e4d56;
}
.morecomp {

  z-index: 3;
  position: absolute;
  bottom:0px;
  padding:80px;
  padding-bottom: 0px;
  right: 0px;
  left:50%;
  background-color: #fff;
}

.numbersholder {
  display: block;
}
#komp_head .numby2 {
  position: relative;
  width: 25%;
  float: left;
  min-height: 350px;
}


.numbynumby {
display: block;
transform: rotate(-90deg) translateX(-50%);
width: 350px;
color: #c5a16d;
font-size: 190px;
line-height: 162px;
text-align: right;
transform-origin: right center;
position: absolute;
right: 50%;
top: -325px;
padding-top: 24px;
  background-color: #fff;
}

.numbymeta {
      font-size: 15px;
    line-height: 18px;
    font-family: "cdfont-roman";
  background-color: #fff;
  z-index: 2;
  position: absolute;
  display: block;
  bottom:0px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
width: 184px;
padding-bottom: 25px;
padding-top: 25px;
}
.v404 {
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
}
.v404_inside {
  display: table;
  margin:0 auto;
  max-width: 700px;
  padding-left: 80px;
  padding-right: 80px;
  text-align: center;
  font-family: "cdfont-bold";
    font-size: 32px;
    line-height: 40px;
  color: #c5a16d;

}

.inside {
  display: table;
  max-width: 1200px;
  padding:25px;
  padding-top: 100px;
  margin:0 auto;
}


#leisttop {
  display: block;
  padding-top: 160px;
  padding-left:  70px;
  padding-right: 70px;
}

.scr_leist {
  cursor: pointer;
  min-height:calc(100vh - 240px);
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width:calc(25% - 20px);
  background-size:  cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
    transition: all 0.5s ease-in-out;
}
.no-touch .scr_leist:hover {
  background-position: 40% 50%;
}
.scr_leist h1 {
  z-index: 3;
  position: absolute;
  bottom:-16px;
  left:0px;
  padding-left: 10px;
  padding-right: 40px;
  display: block;
color: #c5a16d;
font-size: 15px;
line-height: 15px;

    transition: all 0.25s ease-in-out;
}

.scr_leist h1::before {

    font-family: "cdfont-bold";
    content: "– ";
    color: #4e4d56;

}
.scr_leist .balken {
  height: 40px;
  position: absolute;
  bottom: 0px;
  left:0px;
  right: 100px;
  background-color: #fff;
  z-index: 2;
}
.scr_leist .overlay {
  transition: all 0.25s ease-in-out;
  position: absolute;
  z-index: 1;
  background-color: #000;
  opacity: 0.25;
  top:0;left:0;right:0;bottom:0;
}
.no-touch .scr_leist:hover .overlay {
  opacity: 0;
}

.navcheck {position: relative;}
.res {display: none;}


#medien {
  display: block;
  padding-left: 80px;
padding-right: 80px;
padding-top: 100px;
padding-bottom: 50px;
}
#medien h2 {
  font-family: "cdfont-roman";
font-size: 45px;
line-height: 55px;
display: table;
padding-bottom: 80px;
}
#medien h1 {
  text-align: left;
  display: block;
  font-size: 15px;
line-height: 18px;
font-family: "cdfont-roman";
color: #4e4d56;
}
.allemedien {

}
.medienpdf img {
  width: 100%;
  height: auto;
}
.medienholder {
  width: 150px;
  float: left;
  height: 370px;
  margin-right: 25px;
}
.medienpdf {
  border:3px solid #c5a16d;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
  height: calc(200px - 6px);
  width: calc(100% - 6px);
  background-color: #fff;
  background-image: url("img/download.svg");
  background-position: center;
  background-size: 70px auto;
  background-repeat: no-repeat;
  transition: all 0.25s ease-in-out;
}
.medienpdf img {
  position: absolute;
  left:50%;
  top:5px;
  bottom:5px;
  height: calc(100% - 10px);
  width: auto;
  transform: translateX(-50%);
}
.medienpdf .icony {
  z-index: 2;
  position: absolute;
  left:0px;
  right:0px;
  bottom:0px;
  top:100%;
   background-color: #c5a16d;
  background-image: url("img/download.svg");
  background-position: center;
  background-size: 50px auto;
  background-repeat: no-repeat;
  transition: all 0.25s ease-in-out;
}
.medienholder:hover .icony {
  top:0px;
}
.medienholder span {
  display: table;
  clear: both;
  font-size: 15px;
line-height: 20px;
display: block;
font-family: "cdfont-bold";
color: #c5a16d;
}



#eventpage {min-height: 200vh;position: relative;padding-top: 80px;}
.stickynav44 {position: fixed;top:0;
left:0;right:0;
letter-spacing: 0.05em;
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  z-index: 5;
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 30px;
  height: 50px;
  z-index: 10;
  background: #fff;
}
.stickynav44 .inside {padding:0;display: block;max-width: unset ;margin:0; max-width: 50%;
  text-align: right;}
.stickynav44 a {position: absolute;
  top: 15px;
  left: 50px;
  background: #fff;
  padding: 20px;
    padding-right: 20px;
    padding-left: 20px;
  padding-left: 30px;
  padding-right: 30px;}
 .stickynav44 .np {text-align: right;display: inline;}
.stickynav44 img {height: auto;width: 100px;display: block;}
.stickynav44 .np {font-family: "cdfont-bold"; margin-left: 25px;}
#eventpage * {font-family: "cdfont-roman";}
#eventpage strong {font-family: "cdfont-bold";}
#eventpage h1, #eventpage h2 {font-size: 45px;
line-height: 50px;}
#eventpage #start h1 {margin-bottom: 25px;}
#eventpage h2 {color: #c5a16d;}
#eventpage .inside {padding-top: 0px;max-width: 1400px;width: calc(100% - 50px);position: relative;}
.headimg {display: block;position: relative;background-color: #fff;overflow: hidden;
}
.headimg img {display: block;
width: 100%;height: auto;}
.headimg h1 {
  padding: 80px;
  max-width: 740px;
}
.headimg h1 span {color: #c5a16d;font-family: "cdfont-bold";}
.headimg h1 small {background: #c5a16d;
  color: #fff;
  padding: 5px;
  font-size: 15px;
  margin-bottom: 10px;
  display: table;
  font-family: "cdfont-bold" !important;
  line-height: 15px;}
.headimg .righter {
  position: absolute;
  top:0;
  left:50%;
  right:0;
  bottom:0;
  background: #fff;
}
.headimg img#yoer {display: block; width: 100%; height: auto; opacity: 0.8; filter: blur(3px);}
.headimg img#offsetter {
  margin-left: -80px;
  width: 100%;
  height: auto;
  display: block;
  max-width: 900px;
 }
 .loggedin strong {display: block;margin-top: 10px;}
#eventpage .title {display: block; margin-top: 120px; margin-bottom: 120px; margin-left: 80px; margin-right: 80px;}
.biginside {padding:80px;padding-bottom: 0;display: block;margin:0 auto;position: relative;min-height: 520px;}
.kbeschrieb {width: calc(50% - 80px); z-index: 1; background: #fff;padding-right:80px;padding-top: 80px;padding-bottom: 80px;}
.gall {width: 50%;height: 700px;position: absolute;top:0px; right:0px; background: #fff;}
.smallgall {background-size: cover;position: absolute;top:0;right:0;bottom:0;left:0;}
.smalltitle {padding:15px;background:#4e4d56;z-index: 2;color: #fff;font-family: "cdfont-bold" !important;}
.sm1 {position: absolute;left:50%;top:-25px;transform: translateX(-50%);}
.sm2 {display: table;}
.sm3 {display: inline-block;}
#eventpage .bleft.bbraun.balken {z-index: unset;}
#eventpage .inside.aboutkd {padding-top:160px;padding-bottom: 200px;}
.bigger {display: block;background: #c5a16d;}
.bigger#anmeldung {display: block;background: #4e4d56;color: #c5a16d;}
.bigger#anmeldung .smalltitle {background-color: #c5a16d; color: #4e4d56;}



#eventpage .box{width:min(420px,92vw);background:#111827;border:1px solid #1f2937;border-radius:14px;padding:20px;margin-top: 40px;}
#eventpage label{display:block;margin:10px 0 6px;color:#c5a16d;}
#eventpage input{width:calc(100% - 20px);padding:10px 12px;border-radius:10px;border:1px solid #1f2937;background:#0f172a;color:#c5a16d}
#eventpage #contact_form input {margin-bottom: 5px;}
#eventpage input[type="checkbox"] {
  width: 20px;
    float: left;
    margin-right: 10px;
    height: 20px;
}
#eventpage label.privacy-check {font-size: 80%;}
.privacy-check {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-top:14px;
}
.privacy-check input {
  margin-top:3px;
}
#eventpage .privacy-check a {text-decoration: underline; color: #c5a16d; }

#eventpage button{width:100%;margin-top:14px;padding:10px 12px;border-radius:10px;border:1px solid #1f2937;background:#1f2937;color:#e5e7eb;cursor:pointer}
#eventpage .err{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid #fb7185;background:#2a1220;color:#fecdd3;font-size:13px;display:none}
#eventpage .err.show{display:block}
#eventpage .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}

#eventpage ul {list-style-type: none;padding:0;margin:0;}
#eventpage .rightyargu {padding-bottom: 180px;}
#eventpage .rightyargu ul{

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin: 0;
    margin-top: 50px;
  padding: 0;
  list-style: none;
}
#eventpage .rightyargu strong {display: block;}
#eventpage .rightyargu ul li{
  padding: 15px;
  box-sizing: border-box;
}
#eventpage .rightyargu ul li {
  padding-left: 45px;
  border-top: 1px solid #c5a16d;
  background-image: url("img/flag-01.svg");
  background-size: 30px auto;
  background-position: top left;
  background-repeat: no-repeat;
}
#eventpage .box {display: block;width: 100%;max-width: 500px;}
#eventpage .box.loggedin {width: unset;max-width: 250px;}
#eventpage .loaded ul li {
  display: block;
    padding-top: 7px;
    padding-bottom: 8px;
    border-top: 1px solid #c5a16d;
    padding-left: 15px;
}
#eventpage .loaded ul li a, #eventpage .loaded a {color:#c5a16d;text-decoration:underline;}
#eventpage .loaded ul li:last-child {
  border-bottom: 1px solid #c5a16d;
}
#eventpage .loaded ul li strong {color: #fff;}
#eventpage .loaded {display: block;padding-top: 40px;}
#eventpage .loaded h1 {display: block;margin-bottom: 25px;}
#eventpage .loaded h2 {display: block;margin-bottom: 25px;color: #fff;font-size: 20px;line-height: 28px;}
#eventpage input.ausfuellen {
  border: 1px solid red;
}
#eventpage #firststep {cursor: pointer;width: 100px; text-align: center; padding: 10px 12px; border-radius: 10px; border: 1px solid #99bd8c; background: #99bd8c; color: #0f172a;}
#eventpage #mail_fail {
  display: none;
  width: 100px; text-align: center; padding: 10px 12px; border-radius: 10px; border: 1px solid red; background: red; color: #fff;
}
#eventpage #danke {display: none;
  padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #99bd8c;
    background: #99bd8c;
    color: #0f172a;
    margin-top: 30px;
}
#eventpage #danke span {display: block;
  font-family: "cdfont-bold";
  margin-top: 10px;}
#eventpage #contact_form {max-width: 540px;}

.eventfooter#footer .footerlogoholder {
  float: left;
}
#footer.eventfooter .landingclaimsholder {
  padding-left: 80px
}
#footer.eventfooter .biglogo img {float: none;display: block;padding-left: 0;}


#modulbaufilm {display:block;padding-top:60px;}
.modulbaufilm-video__player {
	display: block;
	width: 100%;
	height: auto;
}



@media (max-width:1440px) {
  .scr_leist .balken {display: none;}
  .scr_leist h1{position: relative;bottom: inherit;left:inherit;top:0px;background-color: #fff;padding-bottom: 20px;padding-left: 0px;}
  .ant2 {width:50%;}
  .histholder.active h2 {font-size: 15px;}
  .headimg h1 { padding: 40px; max-width: unset;; }

}
@media (max-width:1300px) {
  #eventpage h1, #eventpage h2 { font-size: 36px; line-height: 40px; }
  .kbeschrieb { width: unset; padding: 0px; margin-bottom: 50px;}
  .gall { width: 100%; height: 400px; position: relative; top: unset; right: unset; background: #fff; max-width: 600px; margin-bottom: 50px; }
  #eventpage .title { display: block; margin-top: 50px; margin-bottom: 0; margin-left: 0; margin-right: 0; }
  #eventpage .inside { padding-top: 0px; max-width: unset; width: unset; position: relative; display: block; padding: 25px; margin: 0; }
  .biginside {min-height: unset;padding:25px;}
  .sm1 { position: absolute; left: 0px; top: 0; transform: none; }
  #eventpage .inside.aboutkd { padding-top: 50px; padding-bottom: 50px; }
  #footer.eventfooter .landingclaimsholder { padding-left: 25px; }
  #footer .eventfooter .secondfooter {padding:25px;}
  .stickynav44 {padding-left: 25px;padding-right: 25px;}
  .stickynav44 a {left:unset;position: relative;top:unset;background: none;float: left;padding: 0;}
  .stickynav44 img {width: 75px;margin-top: -6px;}
  .stickynav44 .inside {float: left; max-width: unset; text-align: left; margin: unset;}
  #footer.eventfooter .biglogo img {width: 75px;}
  #footer.eventfooter .secondfooter {padding-left: 25px;}
}

@media (max-width:1200px) {
  #optoutbanner99 {font-size: 12px; line-height: 16px; background-color: #fff; padding-top: 20px; text-align: left; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 10000; height: inherit; padding: 20px; color: #909090; text-align: center; } body {font-size: 16px;line-height: 22px;}
  .landingclaims h1 {height: inherit;max-width: inherit;}
  .latestprojectsnav, .latesimmosnav, .untcontent, .standorte h1, #kontakttoggler h1, #kompetenzen .kompimg h1, .maintitles h1, .maintitles h2, .nextholder h1, .nextholder h2, .antholder h2, .unt h2, .antholder .ant1 h1, #geschichtefull h3,#engagement h1, #kompetenzen h1, .numbholder, .landingclaims h1, #medien h2 {font-size: 36px;line-height: 40px;}
  .biglogo {width: 150px;}
  .balken {height: 40px;}
  .maintitles {padding-bottom: 40px;height:inherit;padding-right: 40px;position: relative;top:inherit;left:inherit;}
  #fader.landingclaimsholder, .mainnav, .biglogo {padding-top: 40px;}
  #fader.landingclaimsholder {height:inherit;}
  .claimholder {width: inherit;height: inherit;padding-bottom: 40px;padding-right: 80px;}
  #homenav {position: relative;padding-left: 80px;padding-right: 80px;left:inherit;padding-top: 20px;z-index:inherit !important;}
  .biglogo {top:65px;padding-top:0px;}
  #homenav.mainnav {line-height: 20px;}
  #homenav .mainnavpoint {display:table;}
  .landingimg {min-height: inherit;}
  .landingimg img {position: relative;width: 100%;height:auto;transform: none;}
  .about {padding-bottom:40px;}
  .homeallprojects {padding-top: 0px;}
  .unternehmen {margin-top: 0px;}
  .allprojects .latestprojectsnav {padding-bottom: 40px;}
  .allprojects a:first-child .prj {padding-left: 0px;}
  .allprojects .prj_1 {width:50%;}
  .allprojects .prj_2 {width:45%;}
  .allprojects .prj_3 {width:50%;padding-left:0px;}
  .untbalk {width: 40px;}
  .unternehmen {padding-bottom:0px;}
  .untcontent {padding-top:40px;padding-right: 20px;width: calc(50% - 180px);}
  .untcontent span {margin-left:40px;padding-top: 0px;}
  .latesimmosnav {padding-top: 40px;width:calc(50% - 120px);}
  .immoholder {padding-top: 40px;width:calc(50% + 40px);}
  .immo_title {padding-top: 25px;}
  .immos, .standorte h1 {margin-bottom: 40px;}
  .standorte .stn_2 {padding-top: 0px;}
  #footer .landingclaimsholder {padding-top: 40px;padding-bottom: 40px;}
  #leisttop {padding-top: 120px;}
  .scr_leist {min-height: calc(100vh - 160px);}
  #kompetenzen { padding-top: 80px;}
  #kompetenzen .superrow {padding-top: 0px;margin-bottom: 80px;}
  .superrow .balken {bottom: -40px;}
  .s_left .engagement {width: calc(50% - 120px);}
  .argument, .anspr {padding-left: 0px;padding-right: 0px;}
  .allprojects {padding-top: 40px;}
  .allprojects .prj_1, .allprojects .prj_2, .allprojects .prj_3 {padding-bottom: 40px;}
  .prj_hover {padding:15px;}
  .numbynumby {font-size: 120px;line-height: 120px;top: -270px;width: 330px;}
  .morecomp {padding-top: 26px;padding-bottom: 16px;}
  #komp_head .numby2 {min-height: 330px;}
  .numbymeta {width: 143px;}
  #komp_head {padding-top: 140px;min-height: calc(100vh - 140px);}
  .unt {padding-top: 40px;padding-bottom: 40px;overflow-x:visible;}
  .morecomp {padding-left:0px;}
  #komp_head .nexter {margin-left:40px;}
  .man_text {padding-left: 0px;padding-right: 40px;padding-top: 0px;}
  .man_img {width: calc(100% - 40px);}
  .ant1 .antimg {float: none; padding-right: 0px; width: 200px; padding-bottom: 20px;}
  .ant2 {width: 49%;}
  #geschichtefull {min-height:inherit; padding-top: 40px; padding-bottom: 40px; }
  .contenthead {height: inherit; }
  .maintitles {padding-top: 120px;}
  .contentimg {height: 50vh; margin-top: 0px;}
  .prj_meta {max-width: calc(30% - 80px);top: inherit;position: relative;float: left;}
  .prj_meta .yoi, .prj_meta .yoa {width:inherit;float: none;display: block;padding-left:0px;}
  .maincontent {padding-top: 40px;}
  .maincontent .onlytext {float: none;clear: both;padding-top: 40px;padding-bottom: 40px;}
  .content {padding-bottom: 40px;}
  .nextbalk.white {width: 40px;display:none;}
 .nextleft {width: inherit; height: inherit; float: none; display: block; }
  .nextholder {top: inherit; position: relative; left: inherit; right: inherit; z-index: inherit; max-width: inherit; padding-left: 80px;padding-right: 80px;padding-bottom: 40px;}
  .nextright {width: inherit; float: none; display: block; }
  .itemnavholder {padding-bottom: 40px;}
  #immou, #proo {padding-top: 120px;}
  .kontspacer {width: 80px;}
  #mapp {margin-left: 80px;width: calc(100% - 590px);}
  .cont {width: 470px; padding-left: 40px;}
  #kontakttoggler .stn_holder {padding-right: 20px;}
  #kontakttoggler h1 {padding-top: 40px; padding-right: 40px; padding-bottom: 40px;}
   .immo_title {white-space: normal;}
   .headimg .righter { position: relative; top: unset; left: unset; right: unset; bottom: unset; background: none; }
   .headimg h1 { padding: 25px; max-width: unset; }
   .headimg img {display: none;}
   .headimg img#offsetter { margin-left: 0; width: 100%; height: auto; display: block; max-width: unset; display: block;}
   #eventpage h1, #eventpage h2 { font-size: 24px; line-height: 26px; }
   .headimg h1 {max-width: 600px;}
}


@media (max-width:1050px) {
  .filter.visi {top: 49px;padding-left: 20px;padding-right:20px;width:calc(100% - 40px);}
  .reslogo, .hambholder {display: inline-block;}
  .reslogo { padding-left: 20px;}
  .navcheck {display: none;}
  .smallnav {min-height: 50px;}
  .reslogo {padding-top: 10px;position: absolute;z-index: 100;}
  .hambholder {margin-top: 13px;}
  .navcheck .logo {display: none;}
  .navholder {padding-bottom: 60px;float: none;clear: both;padding-top: 50px;padding-left: 20px;padding-right: 20px;text-align: center;}
  .navholder .navpoint { float: none;clear: both;padding:0px; padding-top: 5px;padding-bottom: 5px;line-height: 20px;height: inherit !important;}
  #fourthkontakt {display: block;}
  #kontakt{display: none;}
  .social {right:50%;width: 110px;top:inherit !important;margin-right: -55px;bottom: 20px;}
  .social .sm {position: relative;width: 20px;margin-right:20px;height: 20px;float: left;background-size:auto 70%;}
  .social a:last-child .sm {margin-right: 0px;}
  .lang {padding-top: 13px;position:relative;top:inherit;left:inherit;height:inherit;float:none;display:table;margin:0 auto;width: inherit;}
  .lang .language-chooser-item {position: relative;top: inherit;bottom: inherit;width: 30px;height: 30px;float: left;padding-top: 0px;height: 15px;}
  #modulbaufilm {padding-top:30px;}
}
@media (max-width:1040px) {

}

@media (max-width:950px) {

  #homenav, #medien {padding-left: 20px; padding-right: 20px; }
  #medien h2 {
    padding-bottom: 20px;
  }
  .biglogo {right:20px;}
  .latestprojectsnav, .latesimmosnav, .untcontent, .standorte h1, #kontakttoggler h1, #kompetenzen .kompimg h1, .maintitles h1, .maintitles h2, .nextholder h1, .nextholder h2, .antholder h2, .unt h2, .antholder .ant1 h1, #geschichtefull h3, #engagement h1, #kompetenzen h1, .numbholder, .landingclaims h1, #medien h2 {font-size: 24px; line-height: 28px; }
  .claimholder {padding-right: 20px;padding-left:20px;}
  .biglogo {width: 100px;top: 90px; }
  .immo_title {padding-right: 20px;}
.meta_cont {float: left; width: 50%; }
.secondfooter {padding-left:20px;padding-right:20px;}
#leisttop {padding-left: 20px; padding-right: 20px; }
.engagement {width: calc(50% - 40px); padding-left: 20px; padding-right: 20px; padding-bottom: 40px; }
.s_left .engagement, .s_right .engagement {width: calc(50% - 40px);}
#engagement h1, #kompetenzen h1 {padding-left: 20px;}
#footer .biglogo img {width: 100px;}
.latestprojectsnav {padding-left: 20px; width: calc(50% - 20px);}
.maintitles {padding-top: 80px; padding-bottom: 20px; height: inherit; padding-right: 20px;padding-left:20px;}
.prj_meta {padding-left:20px;max-width: calc(30% - 20px);}
.maincontent {padding-left:20px;}
.onlyimg {padding-right: 20px; }
.maincontent .onlytext {padding-left: calc(30% - 10px);padding-right:0px;max-width: inherit;}
.nextholder {padding-left:20px;padding-right:20px;}
.content {padding-bottom: 0px;}
#komp_head .numby2 {min-height: inherit;float: none;width: inherit;display: block;}
.numbynumby {transform: none;position: relative;right: inherit;top: inherit;width: inherit;background:none; float: left;font-size: 36px;
line-height: 40px;padding-left:20px;padding-right:20px;padding-top: 0px;padding-bottom: 0px;width: 100px;}
.numbymeta {width: inherit;float: left;transform: none;position: relative;left: inherit;padding-top: 4px;padding-bottom: 0px;}
.unt {padding-left:20px;padding-right:20px;}
.morecomp {padding-right: 20px;}
#geschichtefull h3 {padding-left:0px;padding-bottom: 20px;}
#geschichtefull .timelineimg {margin-left:20px;}
.histholder h2 {padding:0px;}
#geschichtefull {padding-left:20px;padding-right:20px;}
#geschichtefull .histimg {max-width: 100%;float: none;clear: both;padding-bottom: 20px;}
.timelineline {display: none;}
.timelineholder {background-color: #fff; width:100%; padding-left: 0px; padding-right: 0px; padding-top: 40px; display: block; position: relative; float: left; }
  .histholder {display: block;padding-left: 60px; }
  .histinside {min-height: inherit;text-align: left;padding-top:0px;padding-bottom: 0px; padding:0px;}
  .histcontent {position: relative; text-align: left;bottom: inherit;left: inherit;transform:none;

  }
  .active .histcontent {padding-top:10px;}
  .yrline {height: 1px; bottom: inherit; width: 60px; left: 0px; top: 5px;opacity: 0.5; }
  .active .yrline {height:1px;width: 70px;opacity: 1;background-color: #333;}
  #geschichtefull .timelineimg, #dynamic {margin-left:0px;float: left;max-width: 300px;height:auto;margin-top: 20px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
  #dynamic {display: block; float: none; max-width: inherit; width: 100%; height: auto; } .histcontent h1 {max-width: 400px;}
  .histholder h2 {position: relative;left: inherit;transform: none;text-align: left;padding-left:20px;}
  .contentimg {width:100%;}
  #karriere .next {position: relative; bottom: inherit; width: inherit; left: inherit;text-align: left;padding-left: 20px;padding-top:20px;float: left;}
  #karriere .balken {display: none;}
  #karriere .maincontent .onlytext {float: none; padding-left: 20px; padding-right: 20px;padding-top: 0px; }
.jobsholder {padding-left: 20px; padding-right: 20px; }
#karriere .anttext {padding-left: 20px; padding-right: 20px; max-width: inherit; color: #4e4d56; }
.about {width: inherit; float: none; clear:both;padding-left: 20px; padding-right: 20px; padding-bottom: 130px; padding-top: 40px;padding-bottom: 40px; }
.untcontent, .latesimmosnav, .standorte h1 {padding-left: 20px;}
.numbholder {left:20px;}
.prj_meta {padding-left: 20px; max-width: inherit; display: block; padding-top: 20px; float: none; clear: both; }
.next {display: none;}
.maincontent .onlytext {padding-left: 0px;padding-top: 0px;}
.maincontent .bbraun {display: none; }
#footer .landingclaimsholder {padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; }
#footer .landingclaims {display: block; float: none; width: inherit; }
#footer .mainnav {padding-left: 0px;}
#footer .claimholder {padding-left:0px;padding-right:0px;padding-bottom: 20px;}

#footer .biglogo img.ftlogo {
max-width: unset;
padding-left: 0px;
}

#footer .biglogo {width: 100px;float: none;clear: both;display: block;}
#footer .biglogo img {max-width: 100%;float: none;clear: both;display: block;padding-left: 0px;
padding-bottom: 30px !important; padding-top: 0px !important;
 }
#footer .vogellogo {padding-top: 0; }

.footerlogoholder {float: none;display: block;padding-top: 25px;clear: both;}
 .teasernav {padding-left: 20px;padding-right: 20px;}
}





@media (max-width:800px) {
  #mapp {display: none;}
  .cont {width: calc(100% - 50px);padding-left: 20px;}
  .kontspacer {width: 30px; }
  .contcloser {width: 30px; height: 30px;margin-top: -15px;}
  .contcloser .x {font-size: 30px; }
#kontakttoggler .stn_holder .contact {margin-bottom: 0px; padding-left: 0px;}
#kontakttoggler .meta_cont {width: inherit; display: block;float: none;clear: both; }
#kontakttoggler h1 {padding-top: 20px; padding-right: 0px; padding-bottom: 20px; }
.allprojects a:first-child .prj, .allprojects .prj_1, .allprojects .prj_2, .allprojects .prj_3, .stn_1, .stn_2, .stn_3 {
  float: none;clear: both;width: inherit;display: block;padding:0px;padding-bottom: 20px;
    }
    .no_stn_thumb_holder {float: none; width: inherit; display: block; } .untcontent span {margin-left: 0px;}
.numbholder .numby {padding-right: 10px;}
.stn_meta_cont {padding-right: 20px;}
.meta_cont {}
#immou, #proo {padding-top: 100px; }
.unt .antholder {padding-bottom: 40px;}
.antholder, .man_img  {float: none;clear: both;width: inherit;}
.unt .nexter {margin-left: 0px;}
#engagement h1, #kompetenzen h1 {float: none;padding:0px;padding-left: 20px;display: block;}
.engagement {width: inherit; }
.scr_leist {min-height: inherit;width: inherit;display: block;float: none;margin:0px;background-image: none !important; }
.kompimg, .s_right .kompimg {position: relative; left: inherit; right: inherit; bottom: inherit; top: inherit; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; height: 300px; margin-bottom: 20px;}
.s_left .engagement, .s_right .engagement {width: inherit; }
.superrow .balken.bright, .superrow .balken.bleft {display: none; }
#kompetenzen .superrow {margin-bottom: 40px; }
#kompetenzen .kompimg h1 {padding-right: 20px;padding-bottom: 0px;}
.s_right .kompimg .komtitle, .s_left .kompimg .komtitle {display: block;width: 100%; left: inherit; right: inherit; text-align: left; }
.morecomp {z-index: inherit; position: relative; bottom: inherit; padding: 0px; padding-bottom: 0px; right: inherit; left: inherit; background-color: #fff;margin-top: 0px;padding-left: 20px;padding-right: 20px;
}
.numbersholder {background-color: #fff;}
.untcontent {display: block;width: calc(100% - 40px);padding-bottom: 20px; }
.unternehmen .untimg {float: none; width: 100%; position: relative; display: block; }
.overlay, .untbalk {display: none;}
.latesimmosnav {width: calc(100% - 40px); }
.immoholder {padding-top: 0px; width: 100%; }
.immo_title {padding-right: 20px; padding-left: 20px;padding-bottom: 10px; }
#datenschutz {-webkit-columns: 1; columns: 1; }
.filter .toggler2, .filter .toggler {letter-spacing: 0;padding-left:5px; padding-right: 5px;padding-top: 8px; padding-bottom: 8px; }
.filter {font-size: 11px; line-height: 3px; }
.kontspacer {right: unset;left:0px;}
#eventpage h1, #eventpage h2 { font-size: 19px; line-height: 22px; }
.stickynav44 .np {margin-left: 10px;}
.stickynav44 img {margin-right: 10px;}
#eventpage .box { display: block; width: calc(100% - 40px); max-width: 500px; }
.smalltitle {padding:5px;}
#eventpage .loaded ul li {padding-left:0px;}
}
@media (max-width:530px) {
  .stickynav44 .np {display: none;}
  .stickynav44 .np#anml, .stickynav44 .np#prog {display: inline;}
  #eventpage #start h1 br {display: none;visibility: hidden;}
}
@media (max-width:500px) {
  .medienholder {width: 100%; float: left; height: 330px; }
}

@media (max-width:370px) {

.ant2, .ant1 .antimg {width: 100%; }
#komp_head {padding-top: 80px; min-height: calc(100vh - 120px); }
.latestprojectsnav, .latesimmosnav, .untcontent, .standorte h1, #kontakttoggler h1, #kompetenzen .kompimg h1, .maintitles h1, .maintitles h2, .nextholder h1, .nextholder h2, .antholder h2, .unt h2, .antholder .ant1 h1, #geschichtefull h3, #engagement h1, #kompetenzen h1, .numbholder, .landingclaims h1 {font-size: 20px; line-height: 22px; }
.about {padding-bottom: 0px;}
.prj_hover {font-size: 12px;line-height: 15px;}
.latestprojectsnav {padding-left: 20px; width: calc(100% - 40px); display: block; padding-right: 20px; }
.meta_cont {float: none; width: inherit; display: block; }
.secondfooter span {padding-right: 0px;display:block;}

}






@media (max-height: 820px) {
.next {bottom:0px;}
}

@media (max-height:750px) {
.next {display: none;}
}




@media (max-height: 920px) {
.numbynumby {
font-size: 120px;
line-height: 120px;
top: -250px;
width: 270px;
}
.morecomp {
padding-top: 26px;
padding-bottom: 16px;
}
#komp_head .numby2 {
    min-height: 270px;
}
.numbymeta {
  width: 143px;
}
}

@media (max-width:950px) and (max-height: 920px) {
  #komp_head .numby2 {min-height: inherit;float: none;width: inherit;display: block;}
 .numbynumby {transform: none;position: relative;right: inherit;top: inherit;width: inherit;background-color:none; float: left;font-size: 36px;
line-height: 40px;padding-left:20px;padding-right:20px;padding-top: 0px;padding-bottom: 0px;width: 100px;}
.numbymeta {width: inherit;float: left;transform: none;position: relative;left: inherit;padding-top: 4px;padding-bottom: 0px;}

}