@media only screen and (max-width: 800px){
  
/* BORDER-SIZING --------------------------------------------------------*/

div, #nav a, #aside h3, #section h1, #section h2, #top a, #suche input, #suche li, #nav ul, #section dl {
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
  
#container {
width: 95%;
margin: 0 auto;
}
  
#header {
height: 150px;
background: url('../images/landshut_interkulturell_x.jpg') no-repeat center top;
background-size: cover;
}
  
#top {
height: 30px;
}
  
#nav {
height: 120px;
}
  
#arena {
width: 100%;
margin:0;
padding:20px;
}
  
#section {
width: 100%;
margin: 0 0 40px 0;
float: none;
}
  
#aside {
width: 100%;
margin: 0;
float:none;
}
  
/* TOP */
  
#header > div#top > ul.nav {
width: 300px;
margin: 0 0 0 auto;
padding: 0;
}
  
  
/* Logo */

#logo div.custom {
width: 220px;
height: auto;
padding: 10px 20px 10px 30px;
}
  
#logo div.custom h3 {
margin: 0;
padding: 0;
border:0;
font-weight:700;
text-align: left;
font-size: 1.6em;
line-height: 1.0em;
}

#logo div.custom p {
margin: 0;
padding: 0;
border:0;
font-weight:300;
text-align: right;
font-size: 1.6em;
line-height: 1.0em;
}
  
/* Begruessung */

div.wk {
position: absolute;
top: 110px;
left: 50%;
height: 40px;
width: 140px;
overflow: hidden;
padding:0;
margin:0 0 0 -100px;
text-align: center;
}

div.wk div {
height: 100%;
width: 100%;
padding:0;
margin:0 auto 0 auto;
}


div.wk p{
position: relative;
top: 0;
left: 0;
height: 40px;
width: 140px;
font-size: 1.1em;
font-weight: bold;
padding:0 auto 0 auto;
margin:0;
text-align: center;
line-height: 1.0em;
animation: slide 30s ease-in-out 1s infinite;
}

@keyframes slide {
0%   {top: 0px;}
5%   {top: -40px;}
10%  {top: -80px;}
15%  {top: -120px;}
20%  {top: -160px;}
25%  {top: -200px;}
30%  {top: -240px;}
35%  {top: -280px;}
40%  {top: -320px;}
45%  {top: -360px;}
50%  {top: -400px;}
55%  {top: -440px;}
60%  {top: -480px;}
65%  {top: -520px;}
70%  {top: -560px;}
75%  {top: -600px;}
80%  {top: -640px;}
85%  {top: -680px;}
90%  {top: -720px;}
95%  {top: -760px;}
100% {top: -800px;}
}

/* NAV */
  
#nav > ul.nav > li a {
display: block;
width: auto;
height:70px;
max-height: 70px;
overflow: hidden
border:0;
background-color: #d4cfc5;
font-size: 0.9em;
font-weight:700;
line-height: 0.9em;
color: #ffffff;
text-align: left;
text-decoration: none;
}
  
#nav > ul.nav > li:first-of-type > a {
margin: 4px 2px 2px 4px;
padding:12px 10px 0 50px;
}

#nav > ul.nav > li:last-of-type > a {
margin: 4px 4px 2px 2px;
padding:12px 10px 0 50px;
}
  
/* Level 2 */
  
#nav > ul.nav > li li {
height: 40px;
max-height: 40px;
overflow: hidden;
}

#nav > ul.nav > li li a {
padding:8px 10px;
font-size: 1.0em;
line-height: 0.9em;
}
  
    
}