img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;

}


.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}



#toggle {
    height:5px;
width:100%;
    position:relative;
   z-index:2;
}

#toggle a {position:absolute;right:0; width:28px;height:28px;top:16px;}
 
#box {
    overflow:hidden;
    max-height:0;
    opacity:0;
   transition: all .4s ease-out;
   background-color:#ffffff;
 border-top:1px dotted #b6b6b6;;
width:100%

}
 
#slidebox:target #box {
    max-height:1000px;
    opacity:1;
}
 
#slidebox:target .top { opacity:0;pointer-events: none;}







.level2, .level2_active{
font-size: 11px;
line-height:18px;
font-size: 0.7rem; 
line-height:1.0rem; 
color:#333333; 
text-decoration:none;
background-image:url(629.gif);
padding-left:12px;
background-repeat:no-repeat;
display:block;
}



.level2_active{
color:#9b8b3e; 
text-decoration:none;
background-image:url(630.gif);
padding-left:12px;
}


 #galerie{width:101%}
.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 0 8px 8px 0; box-sizing: content-box; overflow: hidden; position: relative;  }
.flex-images .item img { display: block; width: auto; height: 100%; }




@media screen and (max-width:990px) {
   body{ none;background-color:#ffffff;}
   #page_all {width:94%;}
   #container_top, #content1, #teaser,#copyright, #infoleiste,#infoleiste_n, #footer_nav,#menu {width:100%;padding-left:0px;padding-right:0px}
#teaser{height:auto}
#info_right{padding-right:0}
.padding_right{padding-right:0px;}
.padding_left{padding-left:0px;}
#container_content{width:100%;padding-left:0px;padding-right:0px;margin-right:0px;margin-left:0px}
.service_box1{margin-left:0}
#info_right,#info_right_n{margin-right:0;}
#info_left,#info_left_n{margin-left:0}
 .feedback{  width: 50%; }
   .detail_right{width:73%;}


#icon_facebook_n{
  
   right:50px;}

#icon_facebook{right:-3px}

#icon_instagram{right:-3px}



}


@media screen and (max-width:800px) {
#col3_middle{width:75%;float:right;margin:0}
#col3_right_mobile{width:100%;float:right;margin-top:30px;float:left;display:block;border-top:1px dotted #b6b6b6;padding-top:25px;}
#col3_right{display:none;}
.box_news{width:100%;float:left;}
.box_topseller{width:42%;float:left}
.box_monatswein{width:100%;float:left}
#col_left{height:100%;min-height:100%}
   #info_middle{margin-left:1%;}
   #info_right{width:34%}
.service_box1, .service_box{width:27%}
.pin{width:13%;}
.list_right{width:87%;}
.detail_right{width:77%;}
#text_teaser_home{width:56%;float:left;padding:50px 0 0 5px;}
   
}
   

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

   
.topseller_bild{width:12%;}
#navbreite{ width:100%;margin-left:0}


}



@media screen and (max-width:680px) {
 #page_all {width:94%;}
#col_left{display:none;}
#col3_middle{width:100%;margin:0;}
#col2_right{width:100%;float:left;}
#menu{display:none;}

#logo-n{width:110px;position:absolute:top:10px;left:0;z-index:1001;}

#logo{width:175px;position:absolute:top:10px;left:0;z-index:1001;}

#container_warenkorb_mobile {display:block;height:34px;position:absolute;right:35px;top:12px;}
  #suche_mobile{ display:block;position:absolute;right:80px;top:17px;}

#container_top{width:94%;height:58px;margin-top:0;z-index:9;display:block;position:fixed;border-bottom:dotted 1px #b6b6b6}

#container_warenkorb{display:none}
#mobile_container{display:block}
   #container_content{float:left;margin-top:70px;}
   .level2, .level2_active{margin-left:20px;}
 .level0, .level0_active {font-size:12px;line-height:25px; font-size:0.8rem; line-height:1.7rem;color:#666666;display:block;width:70%;text-transform:uppercase;padding-left:20px;}
 .level1,.level1_active{font-size:10px;line-height:25px; font-size:0.7rem; line-height:1.7rem;color:#666666;display:block;padding-left:20px;}
.level0_active, .level1_active {color:#812b30;font-weight:600}
 #menumobile{list-style: none;margin:0;padding:0;width:100%;float:left}
  #menumobile li { height:32px;padding-top:3px;list-style:none;float:left;display:block;width:100%;margin-left:0;margin-bottom:0}
.service_box_kontakt{width:19%;}
   .flex-images .item { margin:0 8px 8px 0; }
 .feedback{  width: 92%; }
.pin{width:11%;}
.detail_right{width:80%;}
#regionen_mobile{display:block;}
#sidebar_container{display:block}
}






@media screen and (max-width:600px) {
.service_box1{width:65%;margin-bottom:15px;margin-left:0px;}
.service_box{width:35%;margin-bottom:15px;float:right;}
.service_box_kontakt{float:left;width:35%;float:right}

  #info_middle{margin-left:0;width:34%;}
   #info_right{width:40%}
   
  #info_middle_n{margin-left:0;width:34%;}
    #info_left_n{width:70%}
   #info_right_n{width:30%}
}



@media screen and (max-width:550px) {
.copy_content{width:100%;float:left;padding-bottom:4px;}

#info_middle_n{width:50%;float:right;margin-left:0;text-align:right}


#info_middle{width:50%;float:right;margin-left:0;text-align:right}
#info_right{width:100%;float:left;margin-top:20px}

.zweispaltig_links{ width:100%;float:left;margin-bottom:25px;}
   .zweispaltig_rechts{width:100%;float:left;margin-bottom:25px;}
.paypal{margin-left:25px;width:70px;}
#text_teaser_home{font-size: 10px;line-height:14px;font-size: 0.70rem; line-height:0.9rem;}
h2 {font-size: 16px;line-height:22px;font-size: 1.1rem; line-height:1.4rem;}
h3, .name_liste {font-size: 14px;line-height:16px;font-size: 1.0rem; line-height:1.2rem;}
.liste_hell, .liste_dunkel {font-size:10px;line-height:12px; font-size:0.58rem; line-height:0.8rem;}
.co2neutral{margin-left:10px}
   #galerie{width:102%}
.pin{width:14%;}
.list_right{width:84%;}
.detail_right{width:76%;}
.topseller_bild{width:14%;}
#teaser_home{width:210px; height:210px;background-image:url(973.gif);float:right;margin:0 0 20px 20px;}
#home_weinbild{width:30px;padding:47px 0 0 30px}
#suche_mobile_min{display:block;width:30px;height:30px;float:left;width:100%;padding-bottom:10px;border-top:1px dotted #b6b6b6;padding-top:15px;}

}


@media screen and (max-width:480px) {
#suche_mobile{display:none;}
#logo-n{width:100px;}
#logo{width:165px;}
.pin{width:18%;}
.list_right{width:82%;}
.detail_right{width:72%;}


}

@media screen and (max-width:420px) {
   .detail_right{width:71%;}
   .level0,.level0_active,.level1,.level1_active{padding-left:15px;}
   

}