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


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



@media screen and (max-width: 1140px)  {
 
  .container {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
   
  #meguralink { margin-left:15px;}

}


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

   /*div.csc-textpic div.csc-textpic-imagecolumn:nth-child(3) {
       clear:left;
  }  */

  div.diethunten > div.csc-textpic div.csc-textpic-imagecolumn:nth-child(4) {
      margin-right:0px !important;
    }


 .csc-textpic-imagecolumn { width:22%;  width: calc(25% - 10px);}

    .csc-textpic-imagecolumn img {  
      width:100% !important;
     max-width: 100% !important;
     height: auto !important;
      }


 }



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




@media screen and (max-width: 940px)   {
  #header-links {
      display: none;
   }
}



@media screen and (max-width: 835px)   {
 
  ul.menu a { 
    padding:42px 14px 0px 14px;
  }
}





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




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

    #wrapper-header {
      display:none;
      height:0px;
    }

      
    #navigation, .menu  { display:none !important; z-index:0 !important; }
    #header-menu  { display:none !important; width:0px; height:0px;}

     
   #wrapper-topbild {
    position:relative;
   }
   
   .show-mobile { display:block;  }
   
 
   #footer a { line-height:200%;}

    
   a.megura {
    float: left !important;
  }

  #testimonial {
    margin-top:60px; 
  }
   


  .col-md-7 { margin-bottom: 25px !important; }



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

    .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; /* padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; */ cursor: pointer; padding:0px 15px 0px 0px; }

    .slicknav_menu  .slicknav_menutxt { display:none; }
    .slicknav_menu .slicknav_icon { float: left; margin:0px; padding:8px; background-color:#FF850C;  }
    .slicknav_menu .slicknav_no-text { margin: 0 }
    .slicknav_menu .slicknav_icon-bar { display: block; width: 25px; height: 5px;  }
    .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:5px; 
    }


    /*  User Default Style
        Change the following styles to modify the appearance of the menu.
    */
   .slicknav_menu {
        font-size:17px;
    }
    /* Button */
    .slicknav_btn {
        margin: 0px 15px 0px 0px;
        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:#fff; 
     }
     
     
    .slicknav_menu {
        background-color:transparent;
        position:absolute; 
        left:0;
        right:initial;
        margin-left:auto;
        margin-right:auto;
        margin-top:-85px;
        z-index:150;
     
        width: 100%;
        max-width:768px;
        padding: 0px 0px 0px 0px !important;
      }

    .slicknav_nav {
      color:#fff;
     margin:0px !important; 
      padding:0px 0px 0px 0px ;
      background-color: #FF850C;
      width: 100%; 
      border-top:1px solid #666;
      
    }


    .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:6px 0px 6px 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 #666;  } 
    .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:16px; text-transform:none; }

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

   
   
}





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


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

     div.csc-textpic div.csc-textpic-imagecolumn:nth-child(3),
     div.csc-textpic div.csc-textpic-imagecolumn:nth-child(4) {
       display:none !important;
    } 
   
    div.csc-textpic div.csc-textpic-imagecolumn:nth-child(2) {
      margin-right:0px !important;
    }

    .csc-textpic-imagecolumn { width:44%;  width: calc(50% - 5px);}

    .csc-textpic-imagecolumn img {  
      width:100% !important;
     max-width: 100% !important;
     height: auto !important;
      }

    p.uepk span { display:block;}
}


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




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

    
    .slicknav_menu {
      width: 100%;
    }

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

    .slicknav_btn {
    margin-right:0px !important;
    } 

    #topbild .csc-default img {
      width: 110% !important;
      max-width:110% !important; 
      height: auto;
    }

}



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

  .slicknav_menu {
      margin-top: -80px;
  }

 
}