body {
    margin: 0px;
    padding: 0px;
    background-color: rgb(224, 224, 224);
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
}

.box-main {
    margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
}

.box-1-header {
    background-color: rgb(253, 253, 253);
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0px;
    z-index: 100;
}

.container-content {
    background-color: rgb(224, 224, 224);
    width: 100%;
    height: auto;
    position: relative;
    top: 100px;
}

/* Logo */
.header-logo {
    width: 300px;
    height: auto;
    padding: 25px;
}

/* Header Bild */
.box-2-image {
    background-color: rgb(224, 224, 224)urlywood;
    width: 100%;
    height: auto;
}

.header-image {
    width: 100%;
}

/* Header Navigation */
.header-navigation {
    position: absolute;
    right: 30px;
    top: 29px;
}

/* Content */
.box-3-content {
    background-color: rgb(224, 224, 224);
    width: 1000px;
    height: 1800px;
    margin: auto;
    padding-top: 5px;
    padding-left: 50px;
    padding-right: 15px;
    display: grid;
	grid-template-columns: 500px 500px;
	grid-template-rows: 220px 290px 290px 290px 290px 290px;
	grid-template-areas: 
        "text text"
		"content1 content2"
		"content3 content4"
        "content5 content6"
        "content7 content8"
        "content9 content10"
}

.contentfeld-text {
    width: 100%;
    height: 200px;
    grid-area: text;
}

.contentfeld-1 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content1;
}

.contentfeld-2 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content2;
}

.contentfeld-3 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content3;
}

.contentfeld-4 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content4;
}

.contentfeld-5 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content5;
}

.contentfeld-6 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content6;
}

.contentfeld-7 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content7;
}

.contentfeld-8 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content8;
}

.contentfeld-9 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content9;
}

.contentfeld-10 {
    width: 460px;
    height: 250px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(105, 105, 105);
    grid-area: content10;
}

.contenfeld-img {
    margin: 0px;
    width: 100%;
    height: 100%;
}

/* Footer */

.box-4-footer {
    background-color: rgb(95, 95, 95);
    height: 60px;
    width: 100%;
    position: fixed;
    bottom: 0px;
}