body {
    background-color: rgb(242 242 242);
    background-image: url("content/Cloud_Hintergrund_V3.png");
    background-position-x: 200px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.ueberschrift {
    margin: 5% 0% -2% 0%;
    /*justify-content: center;*/
    text-align: center;
    font-size: 28px;
    color: rgb(46, 73, 48);
    font-weight: 900;
    font-family: 'Roboto Condensed', Verdana, Geneva, Tahoma, sans-serif,
}

.container-aussen {
    width: 900px;
    /*align-content: center;*/
    margin: 0% auto auto auto;
    /*margin: 10% 20%;*/
    /*align-self: center;*/
    /*background-color: ghostwhite;*/
    text-align: left;
    padding: 20px;
}

.container {
    /*align-self: center;*/
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    background-color: rgb(208 222 215);
    padding: 5px;
    gap: 5px;
}

    .container div {
        background-color: ghostwhite;
    }

        .container div.yeshover:hover {
            background-color: rgb(208 222 215);
        }


.item-download {
    grid-column: 1 / span 2;
    text-align: center;
}

.download {
    display: grid;
    /*align-self: center;*/
    grid-column: 1 / span 2;
    text-align: center;
    justify-content: center;
    grid-template-columns: 250px 250px;
    column-gap: 20px;
    padding: 20px;
}

    .download div {
        background-color: rgb(208 222 215);
        color: rgb(46, 73, 48);
        pointer-events: all;
    }

    .download:hover {
        background-color: ghostwhite;
    }


    .download div.download-unavailable { /*EIN EINZIGES ELEMENT ANDERS FÄRBEN*/
        background-color: gainsboro;
        color: rgb(144, 144, 144);
    }

.item-header {
    grid-column: 1 / span 2;
    text-align: center;
}

.item-picture {
    grid-column: 1 / span 2;
    text-align: center;
    background-size: cover;
    /*************Bild HQ*****************/
    /*height: 200px;
            background-image: url("content/Bild3.jpg");
            background-position-y: -170px;*/

    height: 200px;
    background-image: url("content/Bild5.jpg");
    background-position-y: -380px;
    /**************Bild Vorgabe************/
    /*background-image: url("content/Bild4.png");
            height: 180px;
            background-position-y: -10px;*/
    /*background-position:center;*/
}

    .item-picture img {
        object-fit: cover;
    }

.kontakt {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 43px 90px 43px auto;
    /*Reduce Space in between?*/
    row-gap: 0px;
    padding: 20px;
    /*Links ausrichten -> Wird unter Container-aussen festgelegt*/
}

    .kontakt div.kontakt-heading {
        font-size: 18px;
        font-weight: 900;
        color: darkslategrey;
        border-bottom: solid 1px;
    }

    .kontakt p {
        padding-left: 10px;
        /*Abstand nach oben verändern?*/
    }

    .kontakt div {
        background-color: transparent;
    }


.stand {
    text-align: center;
    color: rgb(46, 73, 48);
}

.zurueck {
    display: grid;
    grid-template-columns: 80px;
    justify-content:center;
    margin: auto;
    padding:20px;
    
}

    .item-zurueck{
        text-align: center;
        background-color: rgb(208 222 215);
        padding: 10px;
    }

.impressum {
    grid-column: 1 / span 2;
    text-align: left;
    padding:50px;
}

    .impressum div.impressum-ueberschrift {
        grid-column: 1 / span 2;
        font-weight: 900;
        font-size: 24px;
        text-align: left;
    }

    .impressum div.impressum-h2 {
        grid-column: 1 / span 2;
        font-weight: 900;
        text-align: left;
    }

.impressum-link {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    width: 600px;
    margin: auto; /*FOR CENTERING CONTENT APPARENTLY*/
    padding: 3%;
    opacity: 0.5;
    line-height: 0.95;
    column-gap: 20px;
}