#map-wrp {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 100px;
}
#footer .inside {
    width: 1920px;
    max-width: 100%;
}
@media screen and (max-width: 1920px){
    {}
    #screen3 .inside {
        padding-right: 0;
        text-align: left;
    }
    #footer .flex{
        justify-content: space-between;
    }
    #footer .center {
        width: 930px;
        box-sizing: border-box;
        
    }
    #screen1,
    #screen2,
    #screen3,
    #screen4,
    #screen5 {
        background-size: cover;
    }
    
    
    #screen3 .caption {
        margin-left: 44%;
        max-width: 54%;
    }
    
    #screen1.section h3,
    #screen2.section h3,
    #screen3.section h3,
    #screen4.section h3,
    #screen5.section h3 {
        font-size: 90px;
        letter-spacing: 0;
    }
     
    #about.main p {
        max-width: 100%;
    }
    #screen5 .inside {
        padding-right: 100px;
    }
    #screen5 {
        padding-bottom: 200px;
    }
    .section .left-side {
        padding-left: 100px;
    }
    #leistungen .inside .caption {
        margin-right: 100px;
    }
    #leistungen .inside .caption h3 {
        font-size: 90px;
    }
    #leistungen {
        padding-bottom: 100px;
        background-size: cover;
    }
    #leistungen .inside {
        height: auto;
    }
    #referencen .inside .caption h3 {
        font-size: 90px;
    }
    #referencen .inside .caption {
        margin-right: auto;
 
        margin-left: 100px;
    }
    #referencen .inside {
        text-align: left;
    }
    #referencen {
        background-size: cover;
    }
    #referencen .inside {
        height: auto;
        padding-bottom: 100px;
    }
    #contacts .inside {
        text-align: left;
    }
    #contacts .inside .caption {
        margin-left: 50%;
    }
}







@media screen and (max-width: 1600px){
    {}
    #screen5 .caption {
        width: 600px;
    }
    #screen1.section,
    #screen2.section,
    #screen3.section,
    #screen4.section,
    #screen5.section {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    #footer .center {
        width: 700px;
        
    }
    #screen2 .caption {
        text-align: right;
    }
   
   
    #screen1.section h3,
    #screen2.section h3,
    #screen3.section h3,
    #screen4.section h3,
    #screen5.section h3 {
        font-size: 66px;
    }
    .section .caption p {
        font-size: 20px;
    }
    #main.main h1 {
        margin-top: 500px;
    }
    #main.main {
        padding-bottom: 90px;
        background-size: cover;
    }
    #agb .inside p {
        line-height: 1.3;
        font-size: 22px;
    }
    #agb .inside h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1400px){
    {}
    #footer .center {
        width: 680px;
        margin: 0 auto;
    }
    #leistungen-desc .flex {
        align-items: flex-start
    }
    #leistungen-desc .inner {
        max-width: 100%;
    }
    #main-3.main .inner {
        max-width: 100%;
    }
    #footer .logo {
        margin-left: 50px;
    }
    
    #footer .right {
        margin-right: 50px;
    }
    #main-2 .caption h3,
    #main-4.main .caption h3 {
        line-height: 1.2;
    }
    #main-2,
    #main-4.main {
        padding: 0 25px;
        box-sizing: border-box;
        background-size: cover;
        position: relative;
    }
    #main-2 .inside,
    #main-4.main .inside {
        position: relative;
        z-index: 1;
    }
    #about.main {
        padding-left: 25px;
        padding-right: 25px;
    }
    #main-3.main .title-small {
        padding-left: 25px;
        padding-right: 25px;
    }
    #main-2 .inside,
    #main-4.main .inside {
        padding-bottom: 80px;
        padding-top: 80px;
    }
    #main-2 .caption h3,
    #main-4.main .caption h3 {
        font-size: 80px;
    }
    #main-2 .caption .button a,
    #main-4.main .caption .button a {
        font-size: 22px;
    }
    #main.main h1 {
        font-size: 36px;
    }
    #about.main h3 {
        font-size: 36px;
    }
    
    
    #main.main {
        padding-bottom: 60px;
    }
    #screen3.section h3 {
        font-size: 60px;
    }
    #screen3 .caption {
        margin-left: 41%;
        max-width: 57%;
    }
    .section .caption p {
        font-size: 20px;
    }
    #leistungen .inside .caption {
       
        width: 500px;
    }
    
    #leistungen .inside .caption h3 {
        font-size: 80px;
    }
    #screen1.section h3,
    #screen2.section h3,
    #screen3.section h3,
    #screen4.section h3,
    #screen5.section h3 {
        font-size: 50px;
    }
    
}

@media screen and (max-width: 1260px){
    {}
    #leistungen .inside .caption {
        width: 400px;
        margin-right: 50px;
    }
    .section .left-side {
        padding-left: 30px !important;
    }
    .section .right-side {
        padding-right: 30px !important;
    }
}
@media screen and (max-width: 1100px){
    {}
    #footer .inside > .flex {
        display: block;
    }
    #footer .logo {
        margin-left: 0px;
        margin-bottom: 20px;
        width: 96%;
        margin-left: 2%;
        text-align: center;
    }
    #footer .center .flex {
        justify-content: flex-start;
        padding-left: 12px;
    }
    #footer .copy .flex {
        padding-top: 10px;
        justify-content: flex-start;
        padding-left: 34px;
    }
    #footer .right {
        text-align: center;
    }
    #footer .center li {
        margin: 0 17px 0 6px;
    }
    #footer .right li {
        padding: 10px 20px;
        display: inline-block;
        
    }
    #footer .right li a {
        text-decoration: underline;
    }
    #footer .center {
        margin-top: 40px;
        width: 100%;
        text-align: center;
    }
    #footer .right {
        margin-top: 40px;
        margin-right: 30px;
    }
    #referencen .inside .caption h3 {
        font-size: 80px;
    }
    #leistungen .inside .caption h3 {
        font-size: 42px;
    }
    #screen3.section h3 {
        font-size: 42px;
        letter-spacing: 0;
    }
    #screen3 .caption {
        margin-left: 38%;
        max-width: 60%;
    }
    .section .caption p {
        font-size: 18px;
    }
    #leistungen-desc .inner li {
        width: 49%;
    }
    #leistungen-desc .title-small {
        max-width: 98%;
    }
}
@media screen and (max-width: 980px){
    {}
    #leistungen-desc .inner li:hover > div {
        margin-top: 0;
    }
}
@media screen and (max-width: 900px){
    {}
    #gallerie .inside #filter li {
        padding: 0 20px;
        margin-bottom: 15px;
    }
     
    
    #screen1 .caption {
        max-width: 96%;
    }
    #screen1 {
        background-position: right -360px center;
    }
    #screen1 .caption {
        max-width: 96%;
    }
    #screen2 {
        background-position: -60px center;
    }
    #screen2 .caption {
        max-width: 96%;
    }
    #screen4 .caption{
        max-width: 96%;
    }
    #screen4 {
        background-position: right -200px center;
    }
    
    
}
@media screen and (max-width: 800px){
    {}
    #leistungen .inside .caption {
        margin-right: 30px;
    }
    #referencen .inside .caption {
        margin-left: 25px;
    }
    #main-3.main .inner li p {
        font-size: 24px;
    }
    #main-3.main .inner li {
        width: 50%;
    }
    #main.main h1 {
        margin-top: 260px;
        padding: 0 10px;
        font-size: 30px;
        box-sizing: border-box;
    }
    #referencen .inside .caption {
        width: auto;
    }
    #main.main h1 em {
        font-size: 40px;
    }
    
    #leistungen .inside .caption h3 {
        font-size: 50px;
    }
    #referencen .inside .caption h3 {
        font-size: 50px;
    }
    #main-3.main .title-small h3 {
        font-size: 36px;
    }
    #main-2 .caption h3, #main-4.main .caption h3 {
        font-size: 50px;
        line-height: 1.2;
    }
    #screen1.section h3, #screen2.section h3, #screen3.section h3, #screen4.section h3, #screen5.section h3 {
        font-size: 50px;
     
    }
    #screen5 .caption {
        max-width: 100%;
    }
    .section {
        position: relative;
    }
    .section:after {
        position: absolute;
        top: 0;
        left: 0;
        background: ;
        content: " ";
        width: 100%;
        z-index: 0;
        height: 100%;
    }
    #main-2 .inside,
    .section .inside
      {
        position: relative;
        z-index: 1;
    }
    .section  .down {
        display: none;
    }
    #main-2:after,
    #main-4:after {
        background: rgba(255,255,255,0.5);
    }
    #main-2:after,
    #main-4:after {
        position: absolute;
        top: 0;
        left: 0;
        background: ;
        content: " ";
        width: 100%;
        z-index: 0;
        height: 100%;
    }
    #contacts .caption {
        position: relative;
        z-index: 10;
    }
    #contacts  {
        position: relative;
        padding-top: 100px;
    }
    #contacts .inside {
        height: 300px;
    }
    #contacts:after {
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: rgba(255,255,255,0.5);
        z-index: 0;
    }
    #contacts {
        
    }
    #screen1.section:after,
    #screen3.section:after,
    #screen5.section:after {
        background: rgba(255,255,255,0.5);
    }
    
    #screen2.section,
    #screen4.section {
        position: relative;
    }
    #screen2.section:after,
    #screen4.section:after {
        background: rgba(0,0,0,0.5);
    }
    #screen1 .caption p,
    #screen3 .caption p
    #screen5 .caption p {
        color: #000;
    }
    #toggler {
        width: 40px;
    }
    #toggler.open .left,
    #toggler.open .right {
        width: 40px;
    }
    #toggler > span {
        margin-bottom: 4px;
        height: 5px;
    }
    #main-2 {
        background-position: right -300px center;
    }
}
@media screen and (max-width: 600px){
    {}
    #leistungen-desc .inner li {
        width:  100%;
    }
    #agb .inside .title h3 {
        font-size:30px;
    }
    #agb .inside .title p {
        font-size: 16px;
    }
    #agb .inside h3,
    #agb .inside p {
        font-size: 18px;
    }
}
@media screen and (max-width: 500px){
    {}
    .section .right-side,
    .section .left-side {
        padding-left: 25px !important;
        padding-right: 10px !important;
        text-align: left;
        box-sizing: border-box!important;
    }
    #main-2 .caption {
        text-align: left !important;
    }
    .section .caption {
        text-align: left !important;
    }
    #header .logo img{
        width: 200px;
    }
    #main-3.main .inner li {
        width: 100%;
    }
    #screen3 .caption {
        max-width: 100%;
        margin-left: 0;
    }
    #main.main h1 {
        font-size: 26px;
    }
    #main.main h1 em {
        font-size: 32px;
    }
    #screen1.section h3, #screen2.section h3, #screen3.section h3, #screen4.section h3, #screen5.section h3 {
        font-size: 50px;
        line-height: 1.15;
    }
    
    #main-2 .caption h3, #main-4.main .caption h3 {
        font-size: 50px;
        line-height: 1.2;
    }
    #footer .right li {
       
        padding: 10px 5px;
        text-align: center;
    }
    #footer .right li a {
        font-size: 20px;
    }
    #footer .right {
        margin-right: 0;
    }
    #leistungen .inside .caption {
        width: 180px;
    }
}





@media screen and (max-width: 1660px){
    {}
    #referenzen .inside {
        width: 1500px;
        
    }
    /**************** 1 ***************/
    #referenzen .inside li.item1 img { width: 409px; }
    /**************** 2 ***************/
    #referenzen .inside li.item2 { left: 456px; }
    #referenzen .inside li.item2 img {  width: 551px; }
    /**************** 3 ***************/
    #referenzen .inside li.item3 img { width: 450px; }
    /**************** 4 ***************/
    #referenzen .inside li.item4 img {  width: 526px; }
    /**************** 5 ***************/
    
    #referenzen .inside li.item5 { left: 587px; top: 404px }
    #referenzen .inside li.item5 img { width: 421px; }
    /**************** 6 ***************/
    #referenzen .inside li.item6 img { width: 450px; }  
    #referenzen .inside li.item6 { top: 500px }
    
    #referenzen .inside li.item7 img {  width: 450px; }
    /**************** 5 ***************/
    #referenzen .inside li.item8 { left: 502px }
    #referenzen .inside li.item8 img { width: 400px; }
    /**************** 6 ***************/
    #referenzen .inside li.item9 img { width: 553px; }  
    
    #team .inside {
        width: 1500px;
    }  
    #team .inside li.item1 img { width: 310px; }
    #team .inside li.item2 { left: 346px; }
    #team .inside li.item2 img { width: 416px; }
    #team .inside li.item3 { left: 800px; }
    #team .inside li.item3 img { width: 340px; }
    #team .inside li.item4 img { width: 322px; }
    
    #team .inside li.item5 img { width: 396px; }
    #team .inside li.item6 { left: 442px; }
    #team .inside li.item6 img { width: 320px; }
    #team .inside li.item7 { left: 800px; }
    #team .inside li.item7 img { width: 340px; }
    #team .inside li.item8 img { width: 322px; }
    
    
   
    
}

@media screen and (max-width: 1520px){
    {}
    #referenzen .inside {
        width: 1300px;
        
    }
    
    /**************** 1 ***************/
    #referenzen .inside li.item1 img { width: 354px; }
    /**************** 2 ***************/
    #referenzen .inside li.item2 { left: 396px; }
    #referenzen .inside li.item2 img {  width: 477px; }
    /**************** 3 ***************/
    #referenzen .inside li.item3 img { width: 390px; }
    /**************** 4 ***************/
    #referenzen .inside li.item4 img {  width: 456px; }
    /**************** 5 ***************/
    #referenzen .inside li.item5 { left: 500px; top: 348px }
    #referenzen .inside li.item5 img { width: 372px; }
    /**************** 6 ***************/
    #referenzen .inside li.item6 {top: 430px}
    #referenzen .inside li.item6 img { width: 390px; } 
    
    #referenzen .inside li.item7 img {  width: 390px; }
    /**************** 5 ***************/
    #referenzen .inside li.item8 { left: 430px }
    #referenzen .inside li.item8 img { width: 350px; }
    /**************** 6 ***************/
    #referenzen .inside li.item9 img { width: 478px; }  
    
    #gallerie .inside #filter li {
        font-size: 18px;
        padding: 0 30px;
    }  
    
    
    #team .inside {
        width: 1300px;
    }  
    #team .inside li.item1 {
        margin-bottom: 16px;
    }
    #team .inside li.item1 img { width: 280px; }
    #team .inside li.item2 { left: 298px; }
    #team .inside li.item2 img { width: 374px; }
    #team .inside li.item3 { left: 690px; }
    #team .inside li.item3 img { width: 306px; }
    #team .inside li.item4 img { width: 288px; }
    
    #team .inside li.item5 img { width: 366px; }
    #team .inside li.item6 { left: 388px; }
    #team .inside li.item6 img { width: 286px; }
    #team .inside li.item7 { left: 690px; }
    #team .inside li.item7 img { width: 306px; }
    #team .inside li.item8 img { width: 288px; }
}

@media screen and (max-width: 1320px){
    {}
    #team .inside li.item1 {
        margin-bottom: 10px;
    }
    #referenzen .inside {
        width: 1000px;
        
    }
    #team .inside {
        width: 1000px;
        
    }
    /**************** 1 ***************/
    #referenzen .inside li.item1 {
        margin-bottom: 10px;
    }
    #referenzen .inside li.item1 img { width: 286px; }
    /**************** 2 ***************/
    #referenzen .inside li.item2 { left: 298px; }
    #referenzen .inside li.item2 img {  width: 380px; }
    /**************** 3 ***************/
    #referenzen .inside li.item3 img { width: 310px; }
    /**************** 4 ***************/
    #referenzen .inside li.item4 {
        margin-bottom: 10px;
    }
     
    #referenzen .inside li.item4 img {  width: 368px; }
    /**************** 5 ***************/
    #referenzen .inside li.item5 { left: 380px; top: 253px }
    #referenzen .inside li.item5 img { width: 298px; }
    /**************** 6 ***************/
    #referenzen .inside li.item6 img { width: 310px; }  
    #referenzen .inside li.item6 {top: 324px}
    
    #referenzen .inside li.item7 img {  width: 308px; }
    /**************** 5 ***************/
    #referenzen .inside li.item8 { left: 322px }
    #referenzen .inside li.item8 img { width: 272px; }
    /**************** 6 ***************/
    #referenzen .inside li.item9 img { width: 392px; } 
    
    
    
    #referenzen .inside li .caption .position {
        font-size: 16px;
    } 
    #team .inside li .caption .position {
        font-size: 16px;
    }
    #team .inside li.item1 img { width: 208px; }
    #team .inside li.item2 { left: 230px; }
    #team .inside li.item2 img { width: 280px; }
    #team .inside li.item3 { left: 534px; }
    #team .inside li.item3 img { width: 230px; }
    #team .inside li.item4 img { width: 212px; }
    
    #team .inside li.item5 img { width: 266px; }
    #team .inside li.item6 { left: 296px; }
    #team .inside li.item6 img { width: 214px; }
    #team .inside li.item7 { left: 534px; }
    #team .inside li.item7 img { width: 230px; }
    #team .inside li.item8 img { width: 212px; }
}
@media screen and (max-width: 1300px){
    {}
    #gallerie .inside #filter li {
        font-size: 18px;
        padding: 0 30px;
    } 
    #gallerie .inside #filter > ul > li {
        display: block;
        margin-bottom: 0px;
        text-align: center;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #contacts .inside .caption h3 {
        font-size: 80px;
    }
    #left-sidebar #mobile-navigation li a {
        font-size: 36px;
    }
    #contacts .inside {
        text-align: right;
    }
    #contacts .inside .caption {
        margin-left: 0;
        margin-right: 50px;
        text-align: right;
    }
    #left-sidebar {
        width: 350px;
    }
    #map-info #info {
        width: auto;
        padding: 30px 30px ;
    }
    
}

@media screen and (max-width: 1160px){
    {}
    #footer .logo {
        margin-left: 0;
        width: 100%;
        margin-bottom: 30px;
    }
    #footer {
        padding-top: 0;
    }
    .insd {
        font-size: 32px;
    }
}
@media screen and (max-width: 1020px){
    {}
    
    #referenzen .inside {
        width: 904px;
    }
    #team .inside {
        width: 904px;
    }
    #referenzen .inside li:hover .caption  .more{
        margin-bottom: 25px;
    }
    /**************** 1 ***************/
    #referenzen .inside li.item1 img { width: 256px; }
    /**************** 2 ***************/
    #referenzen .inside li.item2 { left: 271px; }
    #referenzen .inside li.item2 img {  width: 340px; }
    /**************** 3 ***************/
    #referenzen .inside li.item3 img { width: 280px; }
    /**************** 4 ***************/
    #referenzen .inside li.item4 img {  width: 330px; }
    /**************** 5 ***************/
    #referenzen .inside li.item5 { left: 342px; top: 230px }
    #referenzen .inside li.item5 img { width: 270px; }
    /**************** 6 ***************/
    #referenzen .inside li.item6 {top: 280px}
    #referenzen .inside li.item6 img { width: 280px; }  
    
    #referenzen .inside li.item7 img {  width: 300px; }
    /**************** 5 ***************/
    #referenzen .inside li.item8 { left: 294px }
    #referenzen .inside li.item8 img { width: 248px; }
    /**************** 6 ***************/
    #referenzen .inside li.item9 img { width: 350px; } 
    
    
    
    #team .inside li.item1 img { width: 192px; }
    #team .inside li.item2 { left: 210px; }
    #team .inside li.item2 img { width: 253px; }
    #team .inside li.item3 { left: 482px; }
    #team .inside li.item3 img { width: 209px; }
    #team .inside li.item4 img { width: 196px; }
    
    #team .inside li.item5 img { width: 240px; }
    #team .inside li.item6 { left: 259px; }
    #team .inside li.item6 img { width: 204px; }
    #team .inside li.item7 { left: 482px; }
    #team .inside li.item7 img { width: 209px; }
    #team .inside li.item8 img { width: 196px; } 
}
@media screen and (max-width: 1000px){
    {}
    #main {
        display: block;
    }
    #main.main {
        display: none;
    }
    
}
@media screen and (max-width: 930px){
    {}
    #main.main {
        display: block;
        height: 400px;
    }
    #main-video {
        display: none ;
    }
    
    #referenzen .inside li .caption .position {
        font-size: 14px;
        padding: 0 15px;
    }
    #team,
    #referenzen {
        display: none;
    }
    #team.small,
    #referenzen.small {
        display: block;
    }
    #team.small .flex,
    #referenzen.small .flex {
        justify-content: space-around;
    }
    #team.small .inside li ,
    #referenzen.small .inside li {
        width: 31% !important;
        position: static !important;
        margin-bottom: 20px !important;
        text-align: center;
    }
    #team.small .inside li img,
    #referenzen.small .inside li img {
        width: auto !important;
        margin: 0 auto;
        max-width: 100%;
        display: block !important;
    }
    
    #team .inside ul {
        display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
    }
    #team .inside ul li img {
        max-width: 100%;
    }
    #team .inside ul li {
        position: static;
        width: 31%;
    }
}
    
@media screen and (max-width: 800px){
    {}
    #main.main {
        display: block;
        height: 360px;
    }
    #map-info #info li {
        width: 100%;
        box-sizing: border-box;
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
    #contacts .inside .caption h3 {
        font-size: 50px;
    }
    #contacts .inside .caption {
        max-width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        padding-right: 25px;
        
        padding-left: 25px;
         
    }
    #screen1.section h3, #screen2.section h3, #screen3.section h3, #screen4.section h3, #screen5.section h3,
    #main-4.main .caption h3,
    #main-2 .caption h3 {
        letter-spacing: -1px;
    }
    #screen1.section,
    #screen2.section,
    #screen3.section,
    #screen4.section,
    #screen5.section {
        padding-top: 60px;
        padding-bottom:60px;
    }
}
@media screen and (max-width: 660px){
    {}
    #main.main {
        display: block;
        height: 320px;
    }
    #team.small .inside li {
        width: 49% !important;
        
    }
    #referenzen.small .inside li {
        width: 49% !important;
        
    }
    .fancybox-navigation .fancybox-button--arrow_left {
        left: 0 !important; 
   
    }
    .fancybox-thumbs {
        display: none !important;
    }
    .fancybox-navigation .fancybox-button--arrow_right {
      right: 0 !important; 
     
    }
    #screen5 .caption {
        text-align: right;
    }
    #gallerie .inside #filter li {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    
}
@media screen and (max-width: 560px){
    {}
    #left-sidebar {
        width: 280px;
        
    }
    
    .close-button {
        padding: 24px 24px 0 0;
        
    }
    #left-sidebar #mobile-navigation {
        padding-left: 35px;
    }
    #footer .center li {
        margin-left: 6px;
        margin-right: 17px;
    }
    
    #footer .center .row .flex > a {
        display: none;
    }
    .copy {
        display: block;
        padding-top: 20px;
    }
    .copy li {
        padding: 0 20px;
    }
    .copy a {
        color: #67747c;
        font: 19px "Assistant-Light";
    }
    #main.main h1 {
        display: block;
        margin-top: 400px;
    }
    #main.main {
        height: 560px;
      background:  url("../images/main-11.jpg") no-repeat scroll center 0 / cover ;
    }
    
    br.sh {
        display: inherit;
    }
    #main.main h1 em,
    #main.main h1 {
        font-size: 24px;
    }
}
@media screen and (max-width: 500px){
    {}
    
    #team.small .inside li {
        width:100% !important;
        
    }
    #referenzen.small .inside li {
        width: 100% !important;
        
    }
    #leistungen .inside .caption {
        padding-left: 25px;
        width: auto;
        text-align: left;
        padding-right: 0px;
    }
     
    #footer .center p a br {
        display: inline-block;
    }
    #toggler {
        margin-right: 20px;
    }
    #footer .center .row .flex {
       text-align: left;
       padding-left: 20px;
    }
    
    #footer .center p {
        margin-bottom: 10px;
        
    }
    #footer .center p a {
        line-height: 1;        
       
    }
    #footer .info {
        text-align: left;
    }
    #footer .center .row .flex {
        height: auto;
    }
    
    .section .caption p {
        line-height: 1.3;
    }
    #header .logo img {
        width: 170px;
    }
    #header .logo {
        position: absolute;
        width: 90%;
        text-align: center;
        top: 0;
        left: 0;
        margin-left: 0;
    }
    #header .flex {
        justify-content: flex-end;
    }
    #toggler-wrapper {
        padding-top: 30px;
    }
    
    #agb .inside {
        width: 88%;
    }
    #footer .logo img {
        width: 170px;
    }
    #footer .logo {
        padding-top: 20px;
    }
    #footer .logo p {
        max-width: 300px;
        margin: 0 auto;
        line-height: 1.2;
        margin-top: 8px;
        letter-spacing: 0.5px;
        font-size: 18px;
        
    }
    #footer .center li img {
        width: 32px;
        height: 32px;
    }
    #footer .center {
        margin-top: 30px;
        padding-left: 36px;
    }
    #footer .center li {
        margin-right: 21px;
    }
    #footer .center p a {
        font-size: 19px;
    }
    #footer .center p span {
        width: 40px;
    }
    #footer .center p {
        margin-bottom: 0;
    }
    #footer .center .row .flex {
        margin-bottom: 8px;
    }
    #footer .center .flex {
        margin-bottom: 13px;
    }
    #footer .center .row .flex,
    #footer .center .flex {
        padding-left: 0px;
    }
    #footer .center li {
        margin-left: 3px;
        margin-right: 24px;
    }
    #footer .copy .flex {
        padding-left: 58px;
    }
    #header .header-extra {
        margin-top: 64px;
    }
    .section .title-small {
        margin-bottom: 0;
    }
    #main-2 .inside, #main-4.main .inside {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #main-2 {
        margin-top: 50px;
    }
    #team.small .inside li img, #referenzen.small .inside li img {
        width: 280px !important;
    }
    #main-3.main .inner li {
        margin-bottom: 34px;
    }
    #main-3.main .inner li a {
        margin-top: 4px;
    }
    #referencen .inside .caption {
        
    }
    #main-3 {
        padding-bottom: 20px;
    }
    #main-3.main .title-small {
        margin-bottom: 50px;
    }
    #gallerie .inside {
        padding-bottom: 20px;
    }
    #gallerie .inside {
        padding-top: 50px;
    }
    #main-3.main {
        padding-top: 46px;
    }
    #leistungen-desc {
        padding-top: 50px;
    }
    #leistungen-desc .inner li {
        margin-bottom: 50px;
    }
    #leistungen-desc .title-small {
        margin-bottom: 50px;
    }
    #leistungen .inside .caption {
        padding-left: 0px;
        width: 260px;
        
        margin-right: 0;
        float: right;
    }
    #leistungen {
        padding-bottom: 45px;
    }
    #leistungen .inside {
        overflow: hidden;
        padding-top: 45px;
    }
    #map-wrp {
        padding-bottom: 0;
    }
    
    #contacts {
        padding-top: 120px;
        background-position: left -168px top;
        background-size: cover;
    }
    #contacts .inside {
        height: 230px;
    }
    #referencen .inside {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .ttl {
        margin-top: 25px;
        letter-spacing: 1.8px;
        margin-bottom: 25px;
        font-size: 36px;
    }
    #main-3.main .title-small p,
    #about.main p {
        font-size: 20px;
        line-height: 1.3;
    }
    #leistungen-desc .title-small p {
        font-size: 20px;
        line-height: 1.3;
    }
    #leistungen-desc .title-small {
        padding-left: 25px;
         box-sizing: border-box;
        padding-right: 25px;
    }
    #referencen {
        background-position: 0 0;
    }
    #gallerie .inside {
        padding-bottom: 15px;
        padding-top: 25px;
    }
    #team .title-small {
        padding: 0 25px;
    }
    #team .title-small p {
        line-height: 1.3;
        font-size: 20px;
    }
    #team .title-small {
        margin-bottom: 25px;
    }
    #team .inside li.active .caption .position {
        opacity: 1 !important;
        margin-bottom: 25px;
    }
    .mob-c br {
        display: inherit;
    }
    
}
@media screen and (max-width: 460px){
    #main.main h1 em,
    #main.main h1 {
        font-size: 22px;
    }
}
@media screen and (max-width: 420px){
    {}
     #main.main {
        height: 460px;
     }
     #main.main h1 {
        font-size: 12px;
     }
     #main.main h1 em {
        font-size: 12px;
     }
     #main.main h1 {
        margin-top: 320px;
        font-size: 22px;
     }
    #screen1 {
        background-position: right -510px center;
    }
    #screen1.section, #screen2.section, #screen3.section, #screen4.section, #screen5.section {
        padding-bottom: 25px;
        padding-top: 25px;
    }
    #screen4 .caption h3 br,
    #screen5 .caption h3 br {
        display: none;
    }
    #left-sidebar  {
        width: 260px;
    }
    #header {
        height: auto;
        min-height: 107px;
    }
    #referencen .inside .caption h3,
    #screen1.section h3, #screen2.section h3, #screen3.section h3, #screen4.section h3, #screen5.section h3,
    #main-2 .caption h3, #main-4.main .caption h3 {
        font-size: 50px;
    }
    
    .section .right-side, .section .left-side {
        padding-left: 24px !important;
    }
    #team .title-small p {
        width: 98%;
        margin-left: 1%;
    }
    .copy {
        padding: 0 6px;
    }
    .copy li {
        padding: 0 7px;
    }
    #footer .flex {
        justify-content:  center;
    }
    #footer {
        padding-top: 0;
    }
    #footer .copy .flex {
        padding-left: 64px;
    }
    
    
}

@media screen and (max-width: 370px){
    {}
    
    #main-2 {
        background-position: right -478px bottom;
        background-size: 1430px auto;
    }
    #footer .center li {
        margin: 0 9px;
    }
    
    #footer .center li {
        margin: 0 8px;
    }
    .copy li:last-child {
        padding-right: 0;
    }
    #footer .center li {
        margin: 0 20px 0 4px;
    }
    #footer .center {
        padding-left: 14px;
    }
    #footer .copy .flex {
        padding-left: 46px;
    }
    .copy a {
        font-size: 18px;
    }
    
}
@media screen and (max-width: 560px){
    {}
    #main.main {
        background: none;
        height: auto;
        position: relative;
        padding-bottom: 0;
        margin-bottom: 0px;
    }
     
    #main.main h1 {
        position: absolute;
        width: 100%;
        bottom: 10px;
        margin-top: 0;
        margin-bottom: 0;
        left: 0;
        line-height: 1.1;
        font-size: 40px;
    }
    #main.main h1 em {
        font-size: 40px;
    }
    .image-for-mobile {
        display: block;
    }
    
}
@media screen and (max-width: 540px){ {}
    #main.main h1 em,
    #main.main h1 {
        font-size: 37px;
    }
}
@media screen and (max-width: 510px){
    {}
    #main.main h1 em,
    #main.main h1 {
        font-size: 33px;
        line-height: 1.2;
    }
}
@media screen and (max-width: 460px){
    {}
    #main.main h1 em,
    #main.main h1 {
        font-size: 29px;
        line-height: 1.1;
    }
}






@media screen and (max-width: 420px){
    {}
    #main.main h1 em,
    #main.main h1 {
        font-size: 27px;
    }
    #about.main h4 {
        padding: 0 40px;
    }
}
@media screen and (max-width: 390px){
    {}
    #main.main h1 em,
    #main.main h1 {
        font-size: 25px;
    }
}
@media screen and (max-width: 360px){
    {}
    #main.main h1 em,
    #main.main h1 {
        font-size: 23px;
    }
}
@media screen and (max-width: 336px){
    {}
    #main.main h1 em,
    #main.main h1 {
        font-size: 22px;
   
    }
}