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


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


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




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

	#header {
        padding-left: 0px !important;
        padding-right: 15px !important;
    	margin: 0px auto 0 !important;
    	width: 100% !important;
    	max-width: 100% !important;
    }

   #header-left { padding-left:15px;}


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

  #footer-m1, #footer-m2, #footer-m3, #stablinks {
    padding:0px 15px 0px 15px !important;
  }
  
  #navigation { padding-left:0px !important;}
  ul.menu a { padding:20px 30px 19px 12px; }
  ul.menu li.sub:last-child a {  padding:20px 0px 19px 12px;   }
  ul.dropdown a {  padding:15px 12px 0px 12px !important; }
  ul.dropdown li:last-child a {padding:15px 12px 0px 12px !important; }

}



@media screen and (max-width: 970px)   { 
  ul.menu a { font-size:16px; }
}


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

  #logo-gartenbau, #logo-flosristik {  max-height:60px;  }

  #logo-gartenbau img, #logo-floristik img {
    max-height:60px;
    height: 60px;
    width: auto;
  }
}


@media screen and (max-width: 920px)   { 
  ul.menu a { padding:20px 20px 19px 12px; }
}



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

  #logo-gartenbau, #logo-flosristik {  max-height:55px;  }

  #logo-gartenbau img, #logo-floristik img {
    max-height:55px;
    height: 55px;
    width: auto;
  }
}




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



@media screen and (max-width: 767px) { 
    
  #navigation, .menu  { display:none !important; z-index:0 !important; }
    
  #wrapper-header {
    padding-bottom:initial !important;
    overflow:visible;
    height:90px;
    min-height:90px;
  }

  #header, #header-right {  height: 90px; }

   
  #header-left {
   display:none !important;
   width:0px;
  }

  #header-right {
    float:right;
    width:80%;
    position:relative;
    z-index:1000;
  }

    #wrapper {
     display:block !important;
   }
    
   #header-left {
    display:none !important;
    height:0px;
   }
  
   #wrapper-logo {  margin-top:7px;     }


    #logo {
    height: auto;
    right: 15px !important;
    position: absolute !important;
    top: 10px;
    width: 370px;
    height:auto;
    z-index: 200 !important;
    }
   
    #navigation-opacity {
      display:none !important;
      height:0px;
    }


    
  .row-1 > .col-sm-9 { padding-right:15px !important; }
  .row-1 > .col-sm-3 { padding-left:15px !important; }
  .row-1 > .col-sm-9:after { background: none !important;  }

   
  #r1-r2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 5px;
 }
   
    #wrap-footer {
    padding:0px 15px 0px 15px;
    position:static;
    vertical-align : bottom;
    width:100%;
    height:auto !important;
    overflow:hidden;
    display: block !important;
    vertical-align : bottom;
       }

    #footer .container { padding:25px 0px 0px 0px !important;}
    #footer .row { margin-bottom: 0px !important;}
   .show-mobile { display: block; padding:0px 0px 0px 0px !important; }

 
    #footer-m2,
    #footer-m3,
    #footer-m4 {
        display:block;
        width:auto;
		    /*margin-top:20px; */
    }

    .phone {
        display:block;
        position:absolute;
        right:10px;
        bottom:45px;
    }

   .phone .fa { color:#fff; }

	.fa-lg {
	  font-size: 2.2em;
	  line-height: 0.75em;
	  vertical-align: -15%;
	}
   #stablink-icons .fa { padding-left:20px !important; color:#FFFFFF; }
   #stablink-icons a:first-child .fa { padding-left:0px !important;  }


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

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

   
    #meguralink .megura:after{ display:none !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: left;  cursor: pointer; padding:0px 0px 28px 15px; margin-top:25px !important;}

    .slicknav_menu  .slicknav_menutxt { display:none; }
    .slicknav_menu .slicknav_icon { float: left; margin:0px; padding:8px; background-color:#fff  }
    .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 }

   


    /*  User Default Style
        Change the following styles to modify the appearance of the menu.
    */
   .slicknav_menu {
        font-size:17px;
    }
    /* Button */
    .slicknav_btn {
        margin: 0px 0px 3px 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:#19694C;
     }
     
     
    .slicknav_menu {
        background-color:transparent;
        position:absolute; 
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        z-index:350;
     
        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: #176A4E;
      width: 100%; 
      border-top:1px solid #333;
    }


    .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:15px 0px 0px 0px !important;    */

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


    .slicknav_nav li     {border-bottom:1px solid #333; margin-bottom:0px !important;  } 
    .slicknav_nav li a   { padding-left:15px; text-transform:uppercase; font-weight:700 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing:1px; } 
    .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;   -webkit-font-smoothing: subpixel-antialiased;   -moz-osx-font-smoothing: auto; letter-spacing:initial !important;  }
    .slicknav_nav li ul li a.active, ul.dropdown a.active { color:#000 !important;}

    .slicknav_nav .slicknav_row:hover {  color:#000;   }
    .slicknav_nav .slicknav_row:hover a, .slicknav_nav .slicknav_row:hover a.active  { color:#000 !important;  }
    
    .slicknav_nav ul li:last-child  { margin-bottom:6px;}
    ul.dropdown li:last-child a { margin-bottom: 6px !important; padding:15px 0px 0px 15px !important;   }
    ul.dropdown li:last-child a a { padding: 0px !important; }
    ul.dropdown a {  padding:15px 0px 0px 15px !important; }
   

       

   /* 3. Stufe  */
    .slicknav_nav li ul li ul li a       {   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; }
    ul.dropdown2 li a { padding:15px 0px 0px 30px !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: 600px) { 
  #logo-gartenbau { display:none; }
  #logo-floristik { display:none; }
  #logo-kombiniert { display:block; }

  #wrap-footer {
   background: none;
   background-color:#5E9681;
  }
}




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


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;
    }

    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:10px !important;
    }



}



@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:10px !important; */
    } 

}



@media screen and  (max-width: 460px) { 
     #r1-r2 .col-xs-3  { width:50% !important; }
}





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

  #header-right {
    width:auto !important;
  }
}




@media screen and  (max-width: 420px) { 
  #logo-kombiniert {
    max-width:195px;
    height:auto;
  }
}