@media only screen 
    and (max-device-width: 767px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px),
	only screen and (min-width: 533px) and (max-width:960px) and (orientation : portrait) 
{


body {background:#fff;margin:0;padding:0; font-family:Helvetica, Arial, sans-serif; font-size:.9em; font-weight:normal;line-height:20px}

img {max-width: 100%; height: auto; vertical-align: middle;}
h1 {font-size:1.8em;margin:30px 0 20px 0}


#header {width:100%; margin:0; padding:0; text-align:center;}

#wrap {
width: 98%;
margin: 0 auto;
border-style: none;
background-color: white;
margin-bottom:20px;
position:relative;
padding:0;
}

/* Startseite */
#texte {
margin: 10px;
padding:0;
}

#texte h1 {color:#FA8C22;}
#texte h2 {font-size:1.3em;}

#texte p a {color:#666;text-decoration:underline;}

p.pub a img {float:left;margin:0 15px 15px 0;}

/* Mobile Navigation */
#mobile-navi, #jump-mobile {display:block;}


.showat760 {display:block;}
#jump-to-nav {
width:100%;
height:40px;
float:left;
display:block;
margin:0 auto;
padding:20px 0 0 0;
background:url("images/nav_mobile.png") bottom right no-repeat #b4b6b8;
font-size:1.2em;
text-decoration:none;
color:#fff;
background-position:right center;
text-indent:10px;
}

ul, li {width: auto;}

#mobile-navi {margin:80px 0 30px 0}
ul#navi-main-mobil {list-style:none;margin:0;padding:0}
ul#navi-main-mobil li a:link, ul#navi-main-mobil li a:visited {
margin-left:0;
display:block;
padding:18px;
text-decoration:none;
color:#fff;
border-bottom:2px dotted white;
background:#f37d14;
font-size:1.2em;
letter-spacing:.05em;
}
ul#navi-main-mobil li a:hover, ul#navi-main-mobil li a.selected  {
background:#999;
color:#fff
}
ul#navi-main-mobil li a.subnav, ul#navi-main-mobil li a.subnav.subselected  {padding-left:30px; font-size:1.1em}

}

/*
@media only screen and (max-width: 480px) and (orientation:portrait)
{
img {max-width: 95%; height: auto; vertical-align: middle;}
} 

*/