@media only screen and (max-width: 1150px) and (min-width: 961px) {
.start .image_container {
    width:100%;
}
#kopfbild img {
    min-height:300px;
    max-height:720px;
    overflow:hidden;
    object-fit: cover;
}
h1 {
    margin-top:.4em;
    font-size:1.85em;
}
h2 {
    margin-top:.37em;
    margin-bottom:.47em;
    font-size:1.34em;
}
.grid3,
.grid4,
.grid6,
.grid8,
.grid9,
.grid12 {
    float:left;
    margin-top:1%;
    margin-right:1%;
    margin-bottom:1%;
}
.grid4 {
    width:49.25%;
    min-width:240px;
    max-width:100%;
    margin-right:.5%;
    margin-left:.25%;
    padding:0;
}
.grid6 {
    width:98%;
    margin:.5%;
}
.grid8 {
    width:98%;
    margin:.5%;
}
#footer {
    width:100%;
    min-height:20em;
    bottom:0;
    position:relative;
    margin:0;
    padding:0;
    background-color:#303030;
    z-index:5;
}
#footer .grid3 {
    width:48.5%;
    min-width:210px;
    min-height:130px;
    max-width:100%;
    margin-top:1px;
    margin-bottom:7px;
    padding:0 1% 0 .5%;
}
.start {
    min-height:536px;
}
.start h2 {
    padding-right:4px;
    padding-left:15px;
    font-size:1.1em;
}
.info {
    padding: 10px;
}
.mod_rocksolid_slider h3 {
    font-size:1.4em;
            color:#fff;
            text-shadow: 4px 4px 7px #777
}
}