@media only screen and (max-width: 960px) {

/* Bildschirm_mobil.css */
h1 {
    margin-top:.2em;
    margin-bottom:1em;
    font-size:1.34em;
}
h2 {
    font-size:1.2em;
}
#kopfbild img {
    min-height:200px;
    max-height:320px;
    overflow:hidden;
    object-fit: cover;
}
#kopfbild .mod_rocksolid_slider {
    max-height:334px;
}
#main .inside {
    width:99%;
    margin-right:auto;
    margin-left:auto;
    padding-top:1.37em;
    padding-bottom:.9em;
}
.start {
    width:98%;
    background-color:#f2f2f2;
}
div.grid4 img,
div.grid6 img {
    display:table;
    margin:0 auto;
}
.grid4 {
    width:98%;
    margin-right:1%;
    margin-left:.5%;
    padding:0;
}
.grid6 {
    width:97%;
    margin:.5% 1.5%;
}
.grid8 {
    width:97%;
    margin:.5% 1.5%;
}
.start {
    min-height:200px;
}
.start h2 {
    padding-right:4px;
    padding-left:15px;
    font-size:1.1em;
}
#footer {
    width:100%;
    min-height:35em;
    bottom:0;
    position:relative;
    margin:0;
    padding:0;
    background-color:#303030;
    z-index:5;
}
#footer .grid3 {
    width:99%;
    min-width:10px;
    min-height:100px;
    max-width:100%;
    margin-top:1px;
    margin-bottom:7px;
    padding:0 1% 0 .5%;
}
.grid12 {
    width:97%;
    margin-right:1.5%;
    margin-left:1.5%;
    padding:0;
}
.grid4 .start {
    width:800px;
}
.info {
    margin-top:0;
    padding-right:.4em;
    padding-left:.4em;
    border-radius:4px;
    font-size:1em;
}
.cta a {
    font-size:1em;
}
.mod_rocksolid_slider h3 {
    font-size:1.0em;
            color:#fff;
            text-shadow: 4px 4px 7px #777
}
}
