/* RESPONSIVE CSS
-------------------------------------------------- */



@media screen and (max-width: 1700px) {

  .home #topbild {
    height:33vw; 
    overflow:hidden;
  }

  .home #topbild div {
    height:33vw; 
  }

  .tx-ghrandomcontent-pi1 img {
    width: auto !important;
    height: 100%;
    object-fit: cover;
    max-width: 150% !important;
    object-position: 50% 50%;
    margin-left:-8%; 
  }

}



@media screen and (max-width: 1340px) {

  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px !important;
    padding-right: 15px !important;
   }
  
}

@media screen and (max-width: 1030px)  {
 
     #footer-desk .row {
      margin-left: -15px !important;
      margin-right: -15px !important;
     }

    #footer-r1, #footer-r2 {
        padding-left:15px;
        padding-right:15px;
    }
}


@media screen and (max-width: 1210px) {
  .inhalt .row {
      margin-left:  0px !important;
      margin-right: 0px !important; 
    }

 /*  .home #topbild {
    height:250px;
    width:100%;
    overflow: hidden;
  }
  */
  
}



@media screen and (min-width: 1081px) { 
  .slicknav_menu { display:none;  }   /* turn off mobile menu */
}



@media screen and (max-width: 1080px) { 

  #wrapper-header {
    height:90px; 
  }

  #typo-logo {
    padding-top: 28px;
  }

  #wrapper-topbild {
    margin-top: 90px;
  }

  #header-left {
    width:100% !important;
  }

  #header-right, #navigation, .navigation_2 {
    display:none !important; height:0px !important; 
  }


  /*  Mobile Menu Core Style   */
  #subnavi { display:none; height:0px; }
  .js .navbar-collapse {  display:none !important; }
  .js .mnenu {    display:block; z-index:50; }

  .slicknav_btn { position: fixed; z-index:500; display: block; vertical-align: middle; float: right;  cursor: pointer; padding:15px 0px 15px 0px; top:15px; right:15px;  }

  .slicknav_menu  .slicknav_menutxt { display:none; }
  .slicknav_menu .slicknav_icon { float: left; margin:0px; padding:8px; background-color:transparent;  }
  .slicknav_menu .slicknav_no-text { margin: 0 }
  .slicknav_menu .slicknav_icon-bar { display: block; width: 23px; height: 4px;  }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }

  .slicknav_nav { clear: both }
  .slicknav_nav ul,
  .slicknav_nav li { display: block }
  .slicknav_nav .slicknav_arrow { font-size: 28px; margin: 0 0 0 0; float:right; padding-right:15px; font-weight:bold; }
  .slicknav_nav .slicknav_item { cursor: pointer; }
  .slicknav_nav .slicknav_row { display: block; }
  .slicknav_nav a { display: block }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a { display: inline }
  .slicknav_menu:before,
  .slicknav_menu:after { content: " "; display: table; }
  .slicknav_menu:after { clear: both }
  /* IE6/7 support */
  .slicknav_menu { *zoom: 1 }

  a.slicknav_open {
    /* padding-bottom:0px;  */
  }


  /*  User Default Style
      Change the following styles to modify the appearance of the menu.
  */
  .slicknav_menu {
      font-size:17px;
  }
  /* Button */
  .slicknav_btn {
      text-decoration:none;
      background-color:none;
  }
  /* Button Text */
  .slicknav_menu  .slicknav_menutxt {
      color: #FFF;
      font-weight: bold;
      text-shadow: 0 1px 3px #000;
  }
  /* Button Lines */
  .slicknav_menu .slicknav_icon-bar {
    background-color:#2B5E98;
    }
    
    
  .slicknav_menu {
      background-color:transparent;
      position:absolute; 
      left:0;
      right:0;
      top:90px;
      margin-left:auto;
      margin-right:auto;
      /* margin-top:-120px; */
      z-index:500 !important;
    
      width: 100%;
      max-width:100%;
      padding: 0px 0px 0px 0px !important;
    }

  .slicknav_nav {
    color:#fff;
    margin:0px !important;
    padding:0px 0px 0px 0px ;
    background-color: #2B5E98;
    width: 100%; 
    border-top:1px solid #333;
    height:100vh;
  }


  .slicknav_nav, .slicknav_nav ul {
      list-style: none;
      overflow:hidden;
      
  }
  .slicknav_nav ul {
      padding:0;
      margin:0 0 0 0;
  } 


  .slicknav_nav .slicknav_row {
            margin:0px 0px;
  }
  
  .slicknav_nav  li a {
      padding:10px 0px 10px 0px; 
      text-decoration:none;
      color:#fff; 
      display:block;  
  } 

  .slicknav_nav  li a a {
      padding:0px 0px 0px 0px; 

      } 

  li.home { display:block;}
  
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a {       }


  .slicknav_nav li     {border-bottom:1px solid #333;  } 
  .slicknav_nav li a   { padding-left:15px; text-transform:uppercase; font-weight:700 !important; } 
  .slicknav_nav li a:hover   {  background-color:#EEEEEE !important; color:#000000 !important;  } 
  .slicknav_row a { padding-left:0px !important; margin-left:0px !important; }
  

  /* 2. Stufe  */
  .slicknav_nav li ul li   {  border-bottom:none !important; }
  .slicknav_nav li ul li a {  padding-left:30px; font-weight:400 !important; font-size:18px; text-transform:none; }

  .slicknav_nav .slicknav_row:hover {  color:#000;   }
  .slicknav_nav .slicknav_row:hover a { color:#000;  }

  
  /* 3. Stufe  */
  .slicknav_nav li ul li ul li a       {  padding-left:45px !important; font-weight:400; padding-top: 3px; padding-bottom:3px; font-size:13px !important; color:#000 !important;}
  .slicknav_nav li ul li ul li a.slicknav_row a { padding-left:0px !important; margin-left:0px !important; }


  /* 4. Stufe */
  .slicknav_nav li ul li ul li ul li a       {  padding-left:55px !important; font-weight:400; padding-top: 4px; padding-bottom:4px; font-size:14px !important; color:blue !important;}
  .slicknav_nav li ul li ul li ul li a.slicknav_row a { padding-left:0px !important; margin-left:0px !important; }
  
  
  li.slicknav_open {  background-color:#EEEEEE !important;   }
  li.slicknav_open a {   color:#000 !important;    }

  .dropdown { overflow: hidden !important; width:100% !important;}

  ul.menu-mobile li span.slicknav_arrow { padding-right:25px; float:right !important; margin-top:0px; }
  ul.menu-mobile li > ul li span.slicknav_arrow { padding-right:15px !important; margin-right:18px; width:20px; margin-top:-9px; text-align:center; font-weight:normal; font-size:24px; } 

  li.slicknav_open {  background-color:#EEEEEE !important;   }
  li.slicknav_open a {   color:#000 !important;    }
}


@media screen and  (max-width: 992px) { 

  .staedte-neu .csc-textpic-image {
    max-width: none;
  }
 
}


@media screen and (max-width: 960px) { 
  .indent {
    padding: 0px 0px;
  }
}


@media screen and (max-width: 767px) { 

  #wrapper {
     display:block !important;
   }
    
  #wrap-footer {
    padding:0px 0px 0px 0px;
    position:static;
    vertical-align : bottom;
    width:100%;
    height:auto !important;
    overflow:hidden;
    display: block !important;
    vertical-align : bottom;
    height : 1px;
   }

    
  #footer-r1, #footer-r2 {
        padding-left:0px;
        padding-right:0px;
    }


  #footer-r1, #footer-r2 {
      height: auto !important;
       }

   #footer-mobile .container { margin-left:-15px; margin-right:-15px; }

 
  .phone {
        position:absolute;
        right:5px;
        top:10px;
    }

	.fa-lg {
	  font-size: 2.8em !important;
	  line-height: 0.75em;
	  vertical-align: -15%;
	}

  #stablink-icons a:first-child {
      margin-left: -15px !important;
  }

   #wrap-footer .row {
   margin-left:0px !important;
   margin-right:0px !important;
   } 


  .col-xs-6 { margin-bottom: 15px !important; }

  .col-sm-4:after,.col-xs-12:after { 
    content: "";
    display: block;
    height: 20px;
    }

  .col-2 { padding-left: 15px !important;}

  .wrap-effect {
     margin-bottom:0px;
  }
  
  .home #topbild {
    height:42vw; 
    overflow:hidden;
  }

  .home #topbild div {
    height:100% !important; 
  }

  .tx-ghrandomcontent-pi1 img {
    max-width: 180% !important;
    margin-left:-15%; 
  }

}




@media (max-width:600px)  {
/*
 .home #topbild {
    height:200px !important;
    width:100%;
    overflow: hidden;
  }
  */

  .row-1 {  margin-top:10px; }
 
#inhalt,
.inhalt {
  margin-top:25px; 
}


}





@media screen and  (max-width: 580px) { 

  .home #topbild {
    height:220px;
    overflow: hidden;
  }

  .tx-ghrandomcontent-pi1 img {
    max-width: 230% !important;
    margin-left: -35%;
  }


div.csc-textpic-imagewrap
    {
    float:none;
    clear:both;
    display:block;
    }


    div.csc-textpic-text {
    float:none;
    clear:both;
    margin-left:0px !important;
    margin-right:0px !important;
    padding-bottom:10px !important;
    }

    div.csc-textpic-imagecolumn {
        float:none;
        clear:both;
        display:block;
        margin-left:0px;
        margin-bottom:25px;
    }

  div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0px;
  }
   

  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: left;
  }

  div.csc-textpic div.csc-textpic-imagecolumn {
      margin-bottom:20px !important;
      }


  .team .inhalt .csc-textpic-imagewrap,
  .leistungen .inhalt .csc-textpic-imagewrap  {
    max-width:150px;
    height:auto;
    float:left !important;
  }



}



@media screen and  (max-width: 480px) { 
   
    .slicknav_menu {
    	width: 100%;
    }

    .slicknav_nav {
    padding:0px 0px 0px 0px !important;
    width:100% !important;
    }

}




@media screen and  (max-width: 460px) { 

  #header-right {
    width:auto !important;
  }
 
  .caption {
     font-size: 14px;
  }
 
}