body {
    background: url("../img/page.jpg") top center fixed;
}

.scs-header {
    background-color: black;
    height: 70px;
}

.scs-header-left{
    width: 30%;
    float: left;
    height:70px;
}

.scs-header-right {
    width: 70%;
    float: right;
    text-align: left;
    height: 70px;
}

.cssmenu-right {
    float: right;
    top: 0.75em;
    height: 70px;
}

.art-slider-inner {
    position: relative;
    overflow: hidden;
    width: 1300px;
    height: 250px;
    z-index: -1;
}

.content {
    background-image: url("../img/sheet.png");
    color: white;
    margin-top: -20px;
    padding: 20px;
    width: 100%;
    border-radius: 5px;
}

.scs-footer {
    background-color: black;
    opacity: 0.6;
    bottom: 0; 
    position: fixed;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
   
}
.text-ueber-bild {
    position: absolute;
    top: 150px;
    color: white;
    background-color: rgba(0, 0, 0, 0.6); /* halbtransparent */
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 2em;
    text-decoration: none;
}

.text-ueber-bild-1 {
    position: absolute;
    top: 250px;
    color: white;
    background-color: rgba(0, 0, 0, 0.6); /* halbtransparent */
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 2em;
    text-decoration: none;
}

.scs-footer-inner {
    padding-left: 21%;
}

.scs-Link:hover {
    border: 2px solid green;
    color: green;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -ms-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}

img, 
iframe {
    max-width: 100%;
}

@media all and (max-width: 1200px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .scs-header{
        height: 130px;
    }
    .scs-header-left{
        width: 100%;
        float: left;
        text-align: center;
    }
    .scs-header-right {
        width: 100%;
        float: left;
        text-align: left;
    }
    .cssmenu-right {
       float: left;
    }
    .content {
        background-image: url("../img/sheet.png");
        position: relative;
        color: white;
        width: 100%;
        z-index: -1;
    }
    .art-slider-inner {
        display: none
    }
    .text-ueber-bild {
        display: none
    }
}