@import url("fonts/style.css");

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}
}
html,body {
  height: 100%;
}
body {background-color:#fff;    font-size:1.1rem;
font-family:'museo500';font-weight:normal;font-style: normal; color:#000;
}

b, strong {
  font-family:'Museo 700';font-weight:normal;
}

a {color:#000;}

.logo img , img.responsive {max-width:100%;height:auto;}


.menu {
  font-size:20px;line-height:1em;letter-spacing:2px;text-transform:uppercase;
  border-top:2px solid #000;  width:100%;
}
.menufooter {
  font-size:12px;line-height:1.4em;text-transform:uppercase;
 padding-bottom:5px; letter-spacing:2px;
}
.menufooter a {
  color:#000;
}

.menu a {
  display:block;   color:#000;

}
.menu a:hover {
  text-decoration:underline;

}

.social {
  padding-bottom:20px;
}

.social a {
  display:inline-block;padding-right:10px;
}
.impressum {
  clear:both;
}

.txt p {

  font-size:35px;line-height:50px;
}

.txt h1 {
  color:#dc5d5f;
  font-size:20px;line-height:30px;padding:0px;margin:0px;padding-bottom:20px;letter-spacing:2px;text-transform:uppercase;
}


.lang {
position: fixed;
    top: 26px;
    right: 33px;
    font-size: 20px;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;       
    font-family: 'Museo 700';
}                                     


.lang a  {
  color:#000;  padding-left:20px;
}

.lang a img {height:24px;width:auto;}

.txt img {
  max-width:100%;height:auto;
}






#fixedheader {
  height:70px;width:100%;
  background-color:#fff;
  background-color:rgba(255,255,255,0.7);
  
z-index:1000;
top:0px;
position:fixed;

top:0px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.fixedheader .logo {z-index:1100;width:132px;left:68px;top:20px;position:absolute;

}
.fixedheader .logo img {
  max-width:100%;height:auto;       image-rendering: -webkit-optimize-contrast;
}

.fixedheader .burger {top:20px;}



.fixedheader .fototel {
  right:35px;position:absolute;top:20px;
}

header .burger {
    cursor: pointer;
    bottom: 0px;
    left: 35px;
    z-index: 9;
    position: absolute;
    width: 50px;
    padding: 0;
    height: 46px;top:100px;
    z-index:1000;

}
header .burger span {
    position: absolute;
    display: block;
    left: 0px;
    height: 4px;
    width: 100%;;
    background: #7f7f7f;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
}
header .burger span.top {
    top: 2px;
}
header .burger span.middle {
    top: 20px;
}
header .burger span.bottom {
    top: 38px;
}


.menuOpen header .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 .menuOpen header .burger span.top {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 58px;
        height:3px;
      left:3px;

}

.menuOpen header .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
 .menuOpen header .burger span.middle {
    opacity: 0;
    width: 0;
}


 .menuOpen header .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
 .menuOpen header .burger span.bottom {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 58px;
    height:3px;  left:1px;top:44px;

}

body.menuOpen #fixedheader {top:0px;}
#fixedheader {
  top:0px;

}


 #fixedheader .burger span {
    background: #000;
     width:40px;
    }

.menuOpen    header.standardheader .burger span,    header.standardheader .burger span {   width:40px;}


header .burger span.middle {
    top: 13px;
}
header .burger span.bottom {
    top: 24px;
}

.menuOpen header .burger span.bottom {
    top: 30px;
}


.mobilemenu {

  z-index:999;
  position:fixed;
top:70px;left:0px;display:none;
padding:10px 20px;background-color:#fff;padding-left:30px;
background-color:rgba(255,255,255,0.8)
}

.mobilemenu .menu {

    margin: 0 auto;
       font-weight:normal;
    text-align: lft;
    border-top: 0px;
   letter-spacing:1px;
}

.mobilemenu .menu a {
  padding-top:5px;padding-bottom:10px;
}

.menu a.active {
    font-family:'Museo 700';
}

.mobilemenu .impressum a {
  display:block;
}
.mobilemenu .impressum span {
  display:none;
}
.mobilemenu .social {
  padding-top:10px;
}
.mobilemenu .social a {
  padding:5px 0px;
}

.mobilemenu .menufooter {
  font-size:14px;line-height:1.8em;letter-spacing:2px;
}

.mobilemenu .lang {
  display:block;position:relative;top:auto;left:0px;text-align:center;
  padding:10px 0px;padding-bottom:20px;font-size:15px;
}

.mobilemenu .lang div {
  transform:none;
}

.mainslider {
    height: 100vh;
    width: 100%;
}

.mainslider .slider-element {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
    position:relative;
}

.teamsliderbg {background-size:cover;background-position:center;width:100%;height:100%;position:fixed;left:0px;top:0px;}

.teamtext {text-align:center;padding-top:30px;}

.teamtext .col-12 >  div {}
.slider-element .title {
text-align:center;
     font-family:'Museo 700';
     font-size:3rem;text-transform:uppercase;
     position:absolute;top:70%;width:100%;
     z-index:10; text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0px -5px 35px rgba(255,255,255,0.6), 2px 2px 2px rgba(206,89,55,0););
}

.teamtext .txt1, .teamtext .txt2 {padding:20px 30px;background-color:#d8d8d8;margin-bottom:20px;}
.teamtext .txt0 {padding:20px;} 


.teamslider .title {text-transform:none;color:#fff;top:10%;font-size:3.5vw;font-family:'museo500';padding-left:10%;}
.teamslider .txt1, .teamslider .txt2 {color:#fff;position:absolute;
bottom:30px;
left:35px;width:400px;
}

.teamslider .txt2 {left:auto;right:35px;}

.inhalt {padding-left:0px;padding-top:0px;}

.inhalt .container:first-child ,.inhalt .container-fluid {padding-top:80px;}


.projektliste .title {font-size:1.4rem;line-height:2rem;padding-top:10px;padding-bottom:15px;text-transform:uppercase;    font-family: 'Museo 700';}

.projektliste div.col-12, .projektliste div.col-6 {padding-bottom:2rem;position:relative}
.projektliste .backlink {right:0px;position:absolute;top:20px;}
.projektslider div {padding-right:20px;}

.leistungen .col-12 .bild {position:relative;}

.overlay {position:absolute;background-color:#efefef;    top: 0px;
    height: 100%;
    padding: 30px 20px;  width:100%;
    font-size: 1.1rem;display:none;
    line-height: 2rem;}
    
    .leistungen a {color:#000;}
    .leistungen .bild a:hover {color:#000}
    .leistungen .bild a:hover .overlay {display:block;}
    
    .leistungen .overlay p {width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    z-index: 50;
    justify-content: center;
    flex-direction: column;
   } 

   .projekttxt {text-align:center;font-size:2rem;line-height:3.5rem;}
   .projekttxt p {width:100%;padding:20px 10px;margin-bottom:0;}
.projekttxt div {

    background-color: #ececec;
    height:100%;

}

@media (max-width: 1024px)
{

.projekttxt  {
font-size:1.5rem;line-height:2.5rem;

}
}


.slick-dotted.slick-slider {
     margin-bottom: 0px  !important;
}



      .logo {
    padding-left:25px;padding-right:25px;
  }








          .social img {
    width:38px;height:auto;
  }





@media (max-width: 1800px)
{




}



@media (max-width: 1500px)
{


}


@media (max-width: 1300px)
{


}


@media (max-width: 1200px)
{
  .txt .mitte {
    padding-left:45px;
  }

}

@media (min-width: 768px)
{
  .projektliste {
     padding-right: 30px;
    padding-left: 30px;
    }
}
@media (max-width: 991px)
{
.teamslider .txt1, .teamslider .txt2 {width:300px; }
.teamslider .title {font-size:3rem;}


  }
@media (max-width: 767px)
{
.teamslider .title {font-size:2rem;
/*
padding-top:140px;top:auto;position:relative;padding-left:0;
*/
}
.teamslider .txt1, .teamslider .txt2 {font-size:1rem;position:relative;bottom:auto;padding-top:30px;right:35px;left:35px;
 text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0px -5px 35px rgba(255,255,255,0.6), 2px 2px 2px rgba(206,89,55,0););
}
.teamslider .txt1 {padding-top:50px;}
.teamslider .txt2 {padding-bottom:50px;}
                  
 .lang {right:15px;}
 .lang a {padding-left:15px;}

 header .burger {
    left: 15px;
    }
 .mobilemenu {   
        background-color: rgba(255,255,255,1);
}
.projektliste .backlink {display:none;}



}