/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

.clear{ clear:both; }
.nopadl{ padding-left:0px !important;	}
.nopadr{ padding-right:0px !important; }
.nopad{padding-left:0px !important; padding-right:0px !important; }
.input_wrongdiv { display: none; color:#ff0000; }
.after_send { display: none; }

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.otf') format('opentype');
  font-weight: normal;
  font-style:normal;
}
@font-face {
  font-family: 'Light';
  src: url('../fonts/Gilroy-Light.otf') format('opentype');
  font-weight: normal;
  font-style:normal;
}
@font-face {
  font-family: 'Bold';
  src: url('../fonts/Gilroy-SemiBold.otf') format('opentype');
  font-weight: normal;
  font-style:normal;
}
/* STYLES */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a:focus {outline: none !important;}
strong{
    font-family: 'Bold';
    font-weight: normal;
}
em{
    font-style: italic;
}
body{
    font-weight: normal;
    font-family: 'Light';
    font-size: 20px;
    line-height: 28px;
    letter-spacing:0.5px;
}
a:hover{
	color: rgb(22,22,22);
}
.input_wrongdiv{
	color: red;
}
.input_wrongdiv, .after_send{
	display: none;
}

h1{
    font-size: 62px;
    line-height: 80px;
    /*margin-bottom:40px;*/
    margin-bottom:32px;
}

h2{
    font-size: 35px !important;
    line-height: 48px !important;
}

/* CONTENT */
header{
    height: 96px;
    width: 100%;
    padding: 24px 124px;
    position: fixed;
    background-color: #fff;
    z-index: 99;

}
#logo_nav, #logo{
    position:fixed;
    top:24px;
    left:124px;
    height:40px;
    opacity:0;
}
#logo{
    height: 40px;
    width: auto;
    z-index: 99 !important;
}
nav{
    z-index: 999;
    position: absolute;
}
.c-hamburger {
    top: 32px;
    right: 124px;
    position: fixed;
}
.c-hamburger span, .c-hamburger span::before, .c-hamburger span::after{
    background: #000;
}
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
  background: #fff;
}
.mobnav a{
    color: #fff;
    text-decoration: none;
    font-size: 35px;
    line-height: 48px;
}
.mobnav li{
    float: left;
    margin-left: 60%;
    margin-top: 20px;
}
.mobnav li a{
    padding-bottom: 6px;
    border-bottom: 2px solid #58C9BE;
}
.mobnav{
    display: none;
    width: 100vw;
    height: 100vh;
    background: #00AC9C;
    color: #fff;
    padding-top: 160px;
}
/* ANIMATION */
#btn_nav{
    z-index: 1000;
    left:inherit;
    right:124px;
    top:35px;
    transform:none;
    padding:0px;
}
/*
.c-hamburger--htx:not(.is-active) span {
    transition: all 0.2s;
    transition-duration: 0.2s;
    transition-delay: 0;
}
.c-hamburger--htx:hover:not(.is-active) span::before {
    transition-duration: 0.2s;
    transition-delay: 0;
    top: -12px;
}
.c-hamburger--htx:hover:not(.is-active)  span::after {
    transition-duration: 0.2s;
    transition-delay: 0;
    bottom: -12px;
}*/
#logo{
    opacity:1;
    z-index:10000;
}
.mobnav{
    position: fixed;
    top:0px;
    right:-100vw;
    height:100vh;
    padding-left:125px;
    padding-right:125px;
}
.mobnav_inner{
    float:right;
    width:calc(100% / 12 * 5);
    position: relative;
    margin-right:-50%;
}
.mobnav li{
    margin-left: inherit;
    display: block;
    float: none;
    float: right;
    width:100%;
    margin-right:-300px;
    opacity:0;
}
.mobnav li a, footer a{
    position: relative;
}
.mobnav li a:before{
    position: absolute;
    height:2px;
    background:#FFF;
    content:"";
    display: block;
    left:0px;
    bottom:-2px;
    width:0px;
    transition: 0.5s ease-in-out;
}
footer a:before{
    position: absolute;
    height:1px;
    background:#000;
    content:"";
    display: block;
    left:0px;
    bottom:-1px;
    width:0px;
    transition: 0.5s ease-in-out;
}
.mobnav li a:hover:before, footer a:hover:before, .mobnav li a.act:before{
    width:100%;
}
.actnav a{

}
.row{
    margin: 0;
}
.wrapper{
    padding: 0 125px;
}
a{
    text-decoration: none !important;
}
/*HOME*/
.topwrapper{
    padding-top:256px !important;
}
.home_content{
    position: relative;
    width:100%;
    float: left;
}
.hometop{
    padding-top: 128px !important;
}
.hometitle{
    text-align: center;
    font-weight: 200;
}
/*.homevid{
    margin-top: 110px;
}*/
video {
    background-color: #fff !important;
}
.video img{
    width: 100%;
}
.h2center{
    text-align: center;
    padding-bottom: 120px;
    width: 100%;
}

.centered{
    font-size: 26px;
    line-height: 36px;
    font-weight: 200;
    text-align: center;
    padding-top: 128px;
    padding-bottom: 160px;
}
.centered.teambuttons{
    padding-top:128px;
}
.homecon .centered{
    padding-top: 64px;
    padding-bottom: 160px;
}
.kntimg img,.home_team img, .werte img,.home_teaser_inner img, .team_img img, .values_img img, .kntgal img, .teamgallery img{
    object-fit: cover;
    height: 100%;
}
.homecon{
    max-width: 100%;
}
.hometeaser_box .teasercon{
    padding-top: 92px;
}
.hometeaser_box .teasercon .button {
    margin-top: 24px;
}
.teasercon{
    float: right;
    padding: 125px;
    font-size: 35px;
    line-height: 48px;
}
.homecon .teaser_inner{
    float: left;
    margin-bottom: 64px;
    height: 600px;
}
.teaser_box a{
    color: #000;
}
.teasercon h1{
    font-size: 16px;
    line-height: 26px;
    margin-bottom:8px;
    /*margin-bottom:5px;*/
    font-family: 'Bold';
}
.homecon :nth-child(even) .teaser_inner, .homecon :nth-child(even) .teasercon{
    float: right;
}
.teaser_inner{
    overflow: hidden !important;
    display: inline-block;
}
.teaser_inner img{
    width: 100%;
    transition: 0.6s ease-in-out;
    height: 600px;
}
.teaser_inner img:hover{
    opacity: 60%;
    transform: scale(1.06);
}
.homecon .hometeaser_box img:hover{
	opacity: 100%;
	transform:none;
}
.case_button{
    background: #fff;
    border: 1px solid #262E37;
    color:#000;
    position: absolute;
    margin-top:32px;
}
.case_button:hover{
    border: none;
    background: #D8DDE1;
    border: 1px solid #D8DDE1;
}
.center{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 160px;
    margin-top: 120px;
}
.fullwidth{
    width: 100%;
    max-width: 100%;
}
 .team_img{
    width: 60%;
    float: right;
    height: 680px;
}
.home_team img{
    width: 100%;
}
.hometeam_txt{
    width: 40%;
    float: left;
    font-size: 26px;
    line-height: 36px;
    padding: 128px 120px 0 0;
}
.hometeam_txt .button{
    /*margin-top: 15px;*/
    position: absolute;
}
.home_team{
    padding-left: 264px;
}
.home_team h1{
    padding-bottom: 80px;
}
.werteimg {
    height: 768px;
    margin-top: 160px;
    margin-bottom: 100px;
}
.werte h2{
    font-size: 48px !important;
    line-height: 64px !important;
    color:#fff;
}
.werte img{
    width: 100%;

}

.werte_wrap{
    width: 55%;
    /*bottom: 185px;*/
    bottom: calc(152px + 56px + 30px);
    position: absolute;
    padding-left: 264px;
}
.ourvalues .simpli_item{
    display: flow-root;
}
.homerefwrap{
    margin: 30px 0 0;
}
.reference .centered{
    padding-top: 64px;
}
.homeref{
    margin-bottom: 64px;
    height: auto;
}
.homeref img{
    height: 100%;
    width: auto;
    object-fit: scale-down;
    /* opacity: 50%;
   transition: 0.6s ease-in-out;*/
}
/*.homeref img:hover{
    opacity: 100%;
}*/
.homekontakt{
/*    height: 690px; */
}
.kntimg{
    height: 690px;
    width: 50%;
    float: left;
}
.kntimg img{
    width: 100%;
}
 .kontakt_txt{
    width: 50%;
    float: right;
    background: #F1F3F4;
    padding: 128px 124px 128px 130px;
    height: 690px;
}
.kontakt_txt h2{
    margin-bottom:16px;
}
.kontakt_txt .button{
    margin-top:48px;
    display:inline-block;
}
.kntgal{
    /*margin-top: 160px;*/
    margin-top: 32px;
    max-width: 100%;
}
/*.kntgal .simpli_item{
    display: grid;
    grid-template-columns:calc(50% - 16px) calc(50% - 16px);
    /*grid-template-rows: 564px 467px 564px;*/
   /* grid-column-gap: 32px;
    grid-row-gap: 16px;
}
.kntgal img{
    width: 100%;
    height: 100%;
}
.kntgal img:nth-of-type(1){/*1 - hoch - gross*/
   /* grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 4;
    /*max-height: 800px;*/
/*}
.kntgal img:nth-of-type(2){/*2 - quer - klein*/
    /*grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    /*max-height:calc(400px - 16px);*/
/*}
/*.kntgal img:nth-of-type(3){/*3 - quer - klein*/
   /* grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
    /*max-height: calc(400px - 16px); */
/*}
.kntgal img:nth-of-type(4){/*4 - quer - gross*/
    /*grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
    /*max-height: 1000px;*/
/*}
.kntgal img:nth-of-type(5){/*5 - quer - klein*/
   /* grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 7;
    grid-row-end: 8;
    /*max-height: calc(400px - 16px);*/
/*}
.kntgal img:nth-of-type(6){/*6 - quer - klein*/
    /*grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 9;
    grid-row-end: 10;
    /*max-height: calc(400px - 16px);*/
/*}
.kntgal img:nth-of-type(7){/*7 - hoch - gross*/
   /* grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 10;
    /*max-height: 800px;*/
/*}
.kntgal img:nth-of-type(8){/*8 - quer - gross*/
   /* grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 12;
    /*max-height: 1000px;*/
/*}
.kntgal img:nth-of-type(9){/*9 - quer - klein*/
    /*grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 12;
    grid-row-end: 13;
    /*max-height:calc(400px - 16px);*/
/*}


/*DNA - ZIELE  & WERTE*/
.green .centered{
    padding: 0;
}
.greentxt .simpli_item{
    padding-bottom: 160px;
}
.dark {
    background-color: #262E37;
    color: #fff;
    padding-top: 160px !important;
}
.dark h1{
    text-align: center;
    /*margin-bottom: 10px;*/
    margin-bottom: 8px;
}
.ourvalues {
    margin: 120px 0 112px 0;
}
.values_img, .ourvalues_wrap {
    width: 50%;
    float: left;
    height: 530px;
    /*margin-bottom: 64px;*/
    margin-bottom: 48px;
}
.values_img{
    overflow: hidden !important;
    display: inline-block;
}
.values_img img{
    width: 100%;
   /* transition: 0.6s ease-in-out;*/
}
/*.values_img img:hover{
    opacity: 60%;
    transform: scale(1.06);
}*/
.zahl{
    color:#fff;
    background:#00AC9C;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    font-size: 48px;
    line-height: 80px;
    margin-bottom: 24px !important;
}
.ourvalues :nth-child(even) .values_img, .ourvalues :nth-child(even) .ourvalues_wrap {
    float: right;
}
.ourvalues_wrap{
    padding: 96px 128px;
}
.ourvalues_wrap h2{
    margin-bottom: 16px;
}
/*ARBEITEN*/
#filterwrapper{
    margin-bottom:160px;
    display:flex;
    justify-content:center;
    align-item:center;
    flex-wrap: wrap;
}
#filterwrapper.det{
    margin-bottom:0px;
    margin-bottom:96px;
}
.fitem{
    border:1px solid #D8DDE1;
    margin-right:8px;
    transition:all 0.5s;
    font-family: 'Gilroy' !important;
    font-weight:400;
    position:relative;
    margin-top:0px !important;
    margin-bottom:8px;
    min-height:30px;
    padding:8px 16px !important;
    height:auto !important;
    text-align:center;
    display:flex;
    white-space: nowrap;
    justify-content:center;
    align-items: center;
}
.fitem:hover {
    background-color:#D8DDE1;
}
.fitem.act {
    background-color:#D8DDE1;
    padding-left: 20px;
}
.fitem.grey{
    background-color:#D8DDE1;
    cursor:default;
}
.fitem.act::after {
    display: inline-block;
    content: "";
    position: absolute;
    width:14px;
    height:14px;
    right: 14px;
    top: 20px;
    background:url("../img/filter_x.svg") no-repeat center center;
    background-size:14px 14px;
    cursor:pointer;
}
.arbeiten .topwrapper{
    padding-bottom: 144px;
}
.wrapper.arbeiten{
    margin-bottom: 160px;
}
.arbeiten_teaser_outer{
    float: left;
    padding: 16px;
}
.arbeiten_teaser_outer a{
    padding: 0;
}
.arbeiten_teaser_img img{
    height: auto;
}
.teasercon.arbeiten_teaser {
	margin-top:10px;
}
.arbeiten_teaser{
    padding: 0;
    float: left;
    /*height: 110px;*/
}
.arbeiten_teaser h1{
    /*padding-top: 18px;*/
    /*margin-bottom:5px;*/
    margin-bottom:8px;
    font-size: 16px;
}
.arbeiten_teaser p{
    padding-bottom: 46px;
    font-size: 20px;
    line-height: 28px;
}
.arbeiten .arbeiten_teaser p{
    padding-bottom: 0px;
}
.arbeiten .detailwrap {
    width:100%;
}
.arbeiten .arbeiten_teaser{
    /*margin-bottom: 32px;*/
    margin-bottom: 16px;
}
.arbeitenh1{
    margin-bottom: 4px !important;
}


.arbeiten_detail{
    text-align: center;
    display: block;
    height: auto;
    float: none !important;
    background: #fff;
    position: relative;
    width: calc(100% - 15px);
    /*margin-top: -70px;*/
}
.arbeiten_detail h1{
    padding-bottom: 0px;
    margin-bottom:16px;
    font-family: "Bold";
	font-weight: normal;
    line-height: 24px;

}
.arbeiten_detail .teaser_inner img, {
    display: none;
    max-width: 100%;
}
.arbeiten_detail .teaser_inner img:first-of-type{
    display: block;
}
.seemore .embed-container{
    display: none;
}
.seemore .back {
	margin-top:64px;
}
.seemore .topreverse {
	margin-top:-44px;
}
.arbeiten .seemore .arbeiten_teaser h1 {
	margin-bottom: 4px;
}
.arbeiten .seemore .back {
	margin-top: 112px;
}
/*.detailimgs{
    margin:0 -124px;
    width:calc(100% + 248px);
    /*height: 100%;*/
}*/
.detailimgs iframe{
    margin-bottom:0px;
}
.arbeiten_detail img{
    width: 100%;

    height: auto;
    margin: 0 auto;
}

.detailtxt{
    font-size: 16px;
    line-height: 24px;
}
.arbeiten .detailtxt strong:first-of-type {
	font-family: 'Light';
	font-weight: normal;
}
/*.arbeiten .arbeiten_detail img, .arbeiten_detail .embed-container{
    width: 73%;

}"/
.arbeiten_detail .embed-container{
    margin: 0 auto;
}
.arbeiten_detail img:first-of-type{
    display: none;
}
.arbeiten_detail img:last-of-type{
   /* margin-bottom: 35px;*/
    margin-bottom: 32px;
}
.arbeiten_detail h1{
     /*padding-bottom: 32px;*/
     padding-bottom: 8px;
     line-height: 24px;
 }

.arbeiten_detail .detailtxt strong{
    font-size: 26px;
    line-height: 36px;
    font-weight: normal;
    text-align: center !important;
    justify-content: center;
    display: flex;

}
.arbeiten_detail{
    text-align: center;
}

 .arbeiten_detail .shorttext{
    font-size: 62px;
    line-height: 80px;
    margin-bottom: 32px;
}
.arbeiten_detail span:not(.fitem){
    padding: 32px 16px 0 16px;
    font-size: 16px;
    line-height: 24px;
    display: block;
}
iframe{
    width: 100%;
    height: auto;
    margin-bottom: 144px;
}
iframe:last-of-type{
    margin-bottom: 0;
}
.detailtxt{
   /*padding-bottom: 200px;*/
    padding-bottom: 160px;
    /*text-align: left;*/
}
.arbeiten_detail  .detailtxt, .arbeiten_detail .services {
    padding-bottom: 128px;
}
.arbeiten_detail .services {
    font-size: 16px;
  line-height: 24px;
}
.back{
    margin: 112px 0 13px 0;
    text-align: center;
}
.teamoutest .seemore{
    margin-bottom: 16px;
}
.seemore, .seemore a {
    z-index: 40;
    position: relative;
}
.seemore h2{
    text-align: center;
    /*margin-top: 160px;*/
    margin-top: 16px;
    /*margin-bottom:85px;*/
    margin-bottom:102px;
}
.arbeiten .seemore h2{
    margin-top: 0;
}
.arbeiten .seemore .arbeiten_teaser{
    padding-bottom: 0;
    margin-bottom: 0;
}
.seemore .teaser_box {
    margin-top: 10px !important;
}
.seemore .teaser_inner iframe{
    display: none !important;
}
.seemore .row{
    margin: 0 auto;
    display: flex;
/*    align-items: center;*/
    justify-content: center;
}
.seemore img{
    display: none;
}
.seemore img:first-of-type{
    display: block;
}
/*TEAM*/
.teamoutest{
    width: calc(100% + 32px);
    margin-left: -16px;
    /*margin-bottom: 90px;*/
    margin-bottom: 0px;
}
.teamoutest .simpli_mod {
    width: calc(100% + 32px);
    display: flex;
flex-wrap: wrap;
}
.teamtitle{
    display: flow-root;
    margin-bottom: 0 !important;
    padding-bottom: 128px !important;
}
.teamtitle:last-of-type{
    padding-top: 144px;
}
/*.teamteaser{
    height: 90px;
}*/
.team .arbeiten_teaser h1{
    padding-bottom: 48px;
    margin-bottom: 0;
    padding-top: 4px;
    font-family: "Gilroy";
}
/*.teamtitle:first-of-type{
    padding-top: 30px;
}*/
.simpli_mod_team .row{
    padding: 0 16px !important;
}
.teambottom{
    margin-bottom: 144px !important;
}
.teambottom .teamgallery:empty, .teambuttons:empty, .teambottom.teamimg:empty  {
	display: none;
}

.team .arbeiten_teaser p{
    /*padding-top: 20px;*/
    padding-bottom: 0;
    font-family: "bold";
}
.teamimgouter{
    padding-bottom: 0px;
}
.teamimgouter img{
    height: auto;
}
.team_detail h1{
    font-size: 62px;
    line-height: 80px;
    margin: 0;
    font-family: "Light";
    padding-top:0px;
}
.team_detail .func{
    padding-bottom: 160px;
	font-size: 26px;
	line-height: 36px;
}
.teamimg img, .teamgallery img{
    width: 100%;
}
/*.teamimg img, .teamgallery img:nth-of-type(2), .teamgallery  img:first-of-type{
    display: none;
}*/
.teamimg img{
    display: block;
    margin-bottom: 136px;
}
.seemore .team{
    margin: 0;
    margin-top: 120px;
}
.left, .right{
    width: 50%;
    float: left;
}
.left strong, .right strong{
    /*line-height: 55px !important;*/
	padding-bottom: 12px;
	display: inline-block;
}
.left{
    padding-right: 32px !important;
}
.arbeiten_detail.team_detail.topwrapper h1 {
	margin-bottom:32px;
}
.teambottom .centered.teambuttons {
	padding-bottom: 136px;
}
/*.teamgallery img{
    width: 50%;
    padding: 15px;
    vertical-align: top;
    display: inline-block;
}*/
.info .quote, .info .small_name, .zitat p{
    display: none;
}
.info p{
    padding: 0;
}
.wrapper h2.zitat{
    margin-top:44px;
    /*margin-bottom:164px;*/
    margin-bottom:160px;
}
.quote{
    display: block;
    text-align: center;
    padding: 0;
    font-family: 'Light';
    font-weight:normal !important;
    font-size:35px;
    line-height:48px;
}
.small_name{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Bold';
    display: block;
    width:100%;
    text-align: center;
    font-style: normal !important;
    margin-top:32px;
}
.teamgallery{
    margin-bottom: 112px;
}
.teamgallery img, .kntgal img{
    padding-bottom: 32px;
}
.teamgallery .imgh, .kntgal .imgh{
    width: 50%;
    float: left;
    padding-right: 16px;
    padding-left: 0;
}
.teamgallery .imgh.even, .kntgal .imgh.even{
    padding-left: 16px;
    padding-right: 0;
}
.teamgallery .imgw, .kntgal .imgw{
    width: 100%;
    float: left;
}
/*.teamgallery{
    display: grid;
    grid-template-columns:calc(50% - 16px) calc(50% - 16px);
    /*grid-template-rows: 564px 467px 564px;*/
   /* grid-column-gap: 32px;
    grid-row-gap: 16px;
    margin-bottom: 160px;
}
/*.teamgallery img{
    height: auto;
}*/
/*.teamgallery img:nth-of-type(3){/*1 - hoch - gross*/
   /* grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 4;
    /*max-height: 900px;*/
/*}
.teamgallery img:nth-of-type(4){/*2 - quer - klein*/
   /* grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    /*max-height:calc(450px - 16px);*/
/*}
.teamgallery img:nth-of-type(5){/*3 - quer - klein*/
   /* grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
    /*max-height: calc(450px - 16px);*/
/*}
.teamgallery img:nth-of-type(6){/*4 - quer/hoch - gross*/
   /* grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
    /*max-height: 1000px;*/
/*}
.teamgallery img:nth-of-type(7){/*5 - quer - klein*/
   /* grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 7;
    grid-row-end: 8;
   /* max-height: calc(450px - 16px);*/
/*}
.teamgallery img:nth-of-type(8){/*6 - quer - klein*/
    /*grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 9;
    grid-row-end: 10;
    /*max-height: calc(450px - 16px);*/
/*}
.teamgallery img:nth-of-type(9){/*7 - hoch - gross*/
   /* grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 10;
    /*max-height: 900px;*/
/*}
.teamgallery img:nth-of-type(10){/*8 - quer/hoch - gross*/
   /* grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 12;
    /*max-height: 1000px !important;*/
/*}
.teamgallery img:nth-of-type(11){/*9*/
   /* grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 13;
    grid-row-end: 16;
    /*max-height: 900px !important;*/
/*}


/*SERVICES*/
.servicewrap {
    margin-top: 128px;
}
.svg-container{
    margin-top: 160px !important;
    height: auto;
    max-width: 100%;
}
.wrapper .svg-container h2{
    margin-bottom: 128px;
}
.wrapper .svg-container h2{
    font-size:35px !important;
    line-height:48px;
    /*margin-bottom:100px;*/
    margin-bottom:96px;
}
.svg-container svg{
    height:auto
}
.svg-container text{
    font-family: 'Light';
    font-size:9px;
}
.servicewrap h3{
    font-size:30px;
    line-height:36px;
    margin-bottom:96px;
}

/*REFERENZEN*/
.sliderwrap{
    padding-bottom: 160px !important;
    /*padding-top: 165px;*/
    padding-top: 160px;
}
.slider{
    font-size: 16px;
    line-height: 24px;
}
.slider .slidercontent{
    font-size: 35px;
    line-height: 48px;
    padding: 0;
    padding-bottom: 2px !important;
    display: block;
    margin-bottom: 30px;
    clear: both;
}

}
.slider p{
    /*padding-bottom: 40px;*/
    padding-bottom: 64px;
    font-family: "Light";
}
.slick-dots li button{
    width: 8px;
    height: 8px;
}
.slick-dots li{
    margin: 0;
}
.slick-dots li button::before{
    color: #fff0  !important;
    opacity: 100% !important;
    content: '' !important;
    font-size: 8px;
    line-height: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.slick-dots li.slick-active button::before{
    background: #fff;
}
.gallery{
    padding-top: 160px !important;
    padding-bottom: 96px !important;
}
.gallery img{
    width: 16.666%;
    padding: 0 0px 64px 0px;
}
.slick-prev, .slick-next{
    width:50%;
    height:100%;
    position: absolute;
    top:0px;
    transform:none;
    z-index: 100;
}
.slick-prev{
    left:0px;
    cursor: url(../img/slider_right.png), auto !important;
}
.slick-next{
    right:0px;
    cursor: url(../img/slider_left.png), auto !important;
}
.slick-prev:before, .slick-next:before{
    display: none;
    z-index: 100;
}

/*KONTAKT*/
.kntperson h2{
    font-size: 20px !important;
    line-height: 28px !important;
    margin-top: 48px;
    padding: 0 !important;
    font-family: "Bold";
    margin-bottom: 8px;
}
.kntperson p{
    font-size: 16px;
    line-height: 24px;
}
.kontaktpersonimg img{
    width: 100%;
}
.kntperson .button{
    margin-top: 32px;
    /*margin-bottom: 30px;*/
    display: inline-block;
}
/*.kntperson .green{
    margin-top: 32px;
}*/
.kontaktwrapper{
   /* margin-top: 20px;*/
    margin-bottom: 128px;
}
.nopadtop{
    padding-top: 0;
}
/*DEFAULT*/
.defaultwrap strong {
	display: inline-block;
	padding-bottom:12px;
}
.defaultwrap h1{
    margin-bottom: 0;
}
.default a{
    color: #000;
    text-decoration: underline !important;
	word-wrap: break-word;
}
.defimgwrapper  {
    margin-bottom: 160px;
}
.defimgwrapper img {
    width: 100%;
}
/*FOOTER*/
footer{
    padding: 0 124px;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    padding-top:128px;
    font-family: "Gilroy";
}
footer a{
    color: #000;
    padding-bottom: 4px;
    border-bottom: 1px solid #D8DDE1;
}
/*.footerright a{
    border: none;
}*/
footer a:hover{
    text-decoration: none;
}

.footertop{
    margin-bottom: 64px;
}
.footerleft a{
    /*display: inline flow-root list-item;*/
    display: inline-block;
    list-style: none;
}
.footerright {
    padding-top: 7px;
}
.footerright img, .footerright span{
    margin-left: 16px;
    display: inline-block;
    margin-bottom: 64px;
    /*line-height: 35px;*/
    line-height: 48px;
}
.footerright img{
    margin-bottom: 12px;
}
.fright{
    float: right;
}
.footerright img{
    height: 48px;
    transition: 0.6s ease-in-out;
    width: auto;
}
.footerright img:hover{
    -webkit-filter: invert(100%) grayscale(100%) brightness(130%);
    filter: invert(100%) grayscale(100%) brightness(130%);
}
.frimg {
    border:none !important;
}
.frimg::before {
    display: none;
    border:none !important;
}
footer .lasta{
    padding-top: 20px;
}
/* ETC */

.embed-container{
	position: relative;
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.jobs{
	float: right;
position: absolute;
right: 21px;
top: 572px;
font-size: 13px !important;
}
.jobs a{
	font-size: 25px;
}
/*
.arbeiten_detail .embed-container video{
    position: relative;
}
.arbeiten_detail  .embed-container{
	position: unset;
	padding-bottom: 0;
	height: 0;
	overflow: hidden;
	width: auto;
	height: auto;
}*/
.col-12{
    float:left;
}
#cookie_wrapper{
    position: fixed;
    bottom:0px;
    right:0px;
    background:#F1F3F4;
	color: #000;
    padding:30px;
    width:100vw;
    height: 88px;
    z-index: 200;
}
#cookie_accept{
    position: absolute;
    top:10px;
    right:10px;
    cursor: pointer;
}
/*AUDIO FILES*/

.audio{
	position: relative;
	cursor: pointer;
	z-index: 100;
	margin-bottom: 20px;
}
audio {
    position: relative;
    margin: 0 auto;
    display: none;
	margin-top: 10px;
	margin-bottom: 20px;
	max-width: 250px;
}
audio.show-controls {
    display: block;
}
.audio img{
	width: 250px;
	max-width: 100px;
	height: auto;
}