/*
@media(min-width:30em){html{font-size:180%;} ; .butiker_table {font-size:180%;} ;  BODY{font-size:180%;}   p{font-size:180%;}  }
*/

@media screen and (max-width:1000px) { 
 label.responsive-nav-label { clear:both; float:left;  width:99%; position: relative; display: block; padding: 10px; background-color:#232d4d; cursor: pointer;color: #fff;  position: fixed; top: 0px;  }
 #navTop{  position: absolute; top: -9999px;  padding: 10px;  }
   
 input#responsive-nav[type=checkbox]:checked ~ 
 
 #navTop  { position: relative; width:100%; max-height:400px;  top: 30px;  min-height:360px;  max-width:1000px; z-index:1000 }
    .vert_menu {font-size:150%;  }
    .vert_menu a, .vert_menu a:visited{ line-height:19px;}
 
 #Header{ margin-top: 30px; padding-left: 5px; /* border: 1px groove #000080; */ }
 
 
  #RightBox{ clear:both;float:left; width:97%;     }
  .bannerRechts{ float:left; text-align:center; padding-right: 15px;}  
 p ,#MainBox, html, body  { font-size:16px;  max-width: 97%; }
 
 .responsive-nav-label{ font-size:18px; font-weight:bold;}
 
 #BREADCRUMB, #BREADCRUMB h2, #BREADCRUMB a:link, #BREADCRUMB a:visited, #BREADCRUMB a:focus{ font-size:14px; }
 
 .nav_row, .nav_row a:link, .nav_row a:visited, .nav_row a:focus{font-size:16px; line-height:20px; width:97%;   }
  
}  

 
 
 @media only screen and (max-width: 375px) 
{ 
 label.responsive-nav-label { clear:both; float:left;  width:92%; p-osition: relative; display: block; padding: 10px; background-color:#ED7902; cursor: pointer;color: #fff;}
.butiker_table{font:100% Verdana, Arial, Helvetica, sans-serif;}
.p{padding-top:15px;margin:00;padding:0; font-family:Verdana, Helvetica, Arial, sans-serif;font-size:100%;}
 .nav_row  a {font-size:120%; line-height:145%; }
}

.visible,
.hidden {
  overflow: hidden;
  /* This container should not have padding, borders, etc. */
}
.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}
.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
.visible > div,
.hidden > div {
  /* Put any padding, border, min-height, etc. here. */
}
.hidden > div {
  margin-top: -10000px;
  transition: margin-top 0s 2s;
}


.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}