@media only screen and (max-width: 800px) {
 .desktop {
 display: none;
}
 .responsive {
 display: inherit;
}
 body {
 box-sizing: border-box;
 width: 96%;
 background-image:url(img/YogaKontakt_hg_responsive.gif);
 font-size: 16px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom:7px;
}
#horizon {
 min-width: 100%;
}
#wrapper {
 width: 100%;
 left: 0;
 margin-left:0;
}
#header {
 width: 100vw;
 height: 110px
}
#header #header-navi {
 display: none;
 margin: 0;
}
a.hamburger-show, a.hamburger-close {
height:36px;
width:50px;
display:block;
top:38px;
right:0;
background-color: #82ADD6;
background-image:url(img/menu_hamburger.png);
background-position:top left;
background-repeat:no-repeat;
background-size: contain;
position: fixed;
z-index: 100;
}
a.hamburger-close {
display:none;
background-image:url(img/menu_hamburger-close.png);
}
#headerbild {
 width: 100%;
 height: auto;
 max-height: 200px;
 background-color: #82ADD6;
 text-align: center;
 padding: 0;
 overflow: hidden;
}
#header img {
 width: 100%;
 height: auto;
}
/*** SLIDESHOW ***/
#slideshow1 {
 width: 100%;
 height: auto;
 min-height: 200px;
 overflow: hidden;
}
 #slideshow1 img {
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-287px;
 margin-top:-100px;
 width: 575px;
 height: 200px;
}
#om {
 display: none;
}
#navi {
 display: none;
 height: auto;
 width: 240px;
 position: absolute;
 top: 0;
 left: 0;
 padding-top: 0;
 padding-left: 10px;
 background-color: #ABCEF0;
 z-index: 100;
 padding:14px 30px 10px 14px;
 -moz-box-shadow: 5px 5px 9px #888;
 -webkit-box-shadow: 5px 9px 5px #888;
 box-shadow: 5px 5px 9px #888;
}
#navi ul {
 width: 235px;
}
#navi ul li {
 padding: 3px 0;
 font-size:20px;
 line-height: 80%;
}
#main {
 box-sizing: border-box;
 width: 100%;
 margin-left: 0px;
 padding: 7px;
}
#content {
 box-sizing: border-box;
 width: 100%;
}
#content h1 {
 width: 100%;
}
#content table {
 min-width: 100%;
}
#content table td {
 padding:2px;
 min-width: auto;
}
#content img.img {
 max-width: 100%;
}
#content table.newsletter {
 width: auto;
}


#content table thead {
border:none;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
#content table tr {
border-bottom:2px solid #c0984c;
display:block;
margin-bottom:.5em
}
#content table td {
display:block
}
#content td:empty {
display:none
}
#content table td:before {
content:attr(data-label);
float:left;
font-weight:700;
clear:both;
padding-right:15px;
width:30%;
text-align:right;
white-space:nowrap
}
#content table td:last-child {
border-bottom:0;
margin-bottom:.5em
}

input[type=text], textarea {
 width: 100%;
}
#footer {
 width: 100%;
}
}
@media only screen and (max-width: 600px) {
 body {
}
}