body {
    display: grid;
    grid-template-rows: 10vh 15vh 40vh 35vh ;
    grid-template-columns: 15vw 15vw 40vw 15vw 15vw;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

#kasten {
    grid-row: 1/2;
    grid-column: 5;
    background-color: white;
    height: 100%;
}

#kasten img {
    /* height: 100%; */
    width: 100%;
  
    /* z-index: 2; */
}

nav {
    grid-row: 2/3;
    grid-column: 2;
    border: 1px solid rgb(38, 38, 206);
    padding-left: 5px;
    background-color: rgb(0, 205, 205);

}

header {
    grid-row: 1;
    grid-column: 3;
    background-color: rgb(42, 42, 184);
    text-align: center;
    color: black;
    padding-top: 3%;
    border-color: black;
    border-style: solid;
    border-width: 2pt;
    border-radius: 5pt
}

header h1 {
    margin-top: 4px;
}

main {
    grid-row: 3;
    grid-column: 3;
    height: 40vh;
}
.rahmen{
    overflow: scroll;

    border: 1pt dotted gray;
}
main h1 {
    text-align: center;
    color: rgb(255, 0, 0);
}
main img {
    height: 80%;
}
.sap {
    width: 200px;
    float: right;
}

.rechts {
    grid-row: 4;
    grid-column: 5;
}

.rechts img {
    height: 100%;

}

aside {
    grid-row: 2/5;
    grid-column: 5;
    
}
.links img {
    width: 100%;
}

footer {
    grid-row:4 ;
    grid-column: 1/2;
}
footer img {
    height: 100%;
}
.bild{
    grid-row: 4;
    grid-column:3;

}
.bild img{
height: 100%;
}
.größe{
    width: 460px;
}
.bilder{
width: 300px;
height:400px;
}
.info {
    color: chartreuse;
}

/* Thick red border */
hr.new4 {
    border: 1px solid rgb(0, 0, 0);
  }