@media only screen and (max-width: 523px) {
#kopfbild img {
    width:auto;
    height: 180px !important;
    max-height: 400px;
    width: auto !important;
}
.rsts-slides {
    height: 130% !important;
    width:auto;
}
h1 {
    margin-top:1.4em;
    margin-bottom:.55em;
    color:#333;
    text-transform:uppercase;
    font:1.36em 'dinot-medium';
}
h2 {
    margin-top:.7em;
    margin-bottom:.52em;
    color:#333;
    text-transform:uppercase;
    font:1.06em dinot-black,sans-serif;
}
#header {
    width:100%;
    height:100px;
    top:0;
    background-color:#000;
    z-index:5;
}
.logo {
    width:190px;
    height:auto;
    float:left;
    clear:both;
    margin-top:32px;
    margin-left:2px;
    z-index: 10;
}
.grid3 {
    width:98%;
    min-width:210px;
    max-width:100%;
    padding-top:1%;
    padding-bottom:1%;
}
.grid4 {
    width:98%;
    min-width:240px;
    min-height:40px;
    max-width:100%;
    overflow:hidden;
    margin-right:1%;
    margin-left:1%;
    padding-top:.5%;
    padding-bottom:1%;
}
.grid6 {
    width:98%;
    padding:.5% .5% 1%;
}
.grid8 {
    width:98%;
    min-height:40px;
    padding-top:.5%;
    padding-bottom:1%;
}
.grid9 {
    width:98%;
    min-height:40px;
    padding-top:.5%;
    padding-bottom:1%;
}
#main img,
#main .image_container {
    width:100%;
    margin-top:.7em;
}
}