.item1{grid-area:header;background-color:#f47d4c}.item2{grid-area:menu;background-color:#fdf889}.item3{grid-area:main;background-color:#fff}.item4{grid-area:right;background-color:#fdf889}.item5{grid-area:footer;background-color:#f9ea35}.grid-container{display:grid;grid-template-areas:"header header header header header header" "menu main main main right right" "menu footer footer footer footer footer";grid-template-columns:auto auto auto auto auto auto;grid-template-rows:100px auto 60px;gap:5px;padding:5px}.grid-container>div{text-align:center;padding:10px 0;font-size:30px}.nav{margin-top:2rem;margin-bottom:3rem}.nav{list-style-position:outside;text-decoration:none;border-radius:7px;text-align:left;margin-left:0;margin-right:4px}.nav a:link{color:#006400;text-decoration:none}.nav a:visited{display:block;color:#006400;border-radius:7px;border-color:#000}.nav a:hover{color:#000}.titel{font-size:3rem}.menu{font-size:3rem;margin-left:5px;margin-right:5px}.footnote{font-size:1rem;color:#006400}.videoText{margin-left:10px;text-align:left;font-size:large;list-style:none}.listText{font-size:20px;text-align:left;margin-left:4px}.picture{width:1000px;height:518px}.dia{width:360px;height:270px}.dia1{grid-area:dia1}.dia2{grid-area:dia2}.dia3{grid-area:dia3}.dia4{grid-area:dia4}.projectContainer{display:grid;grid-template-areas:"dia1 dia2" "dia3 dia4";grid-template-columns:50% 50%;grid-template-rows:auto auto;gap:5px;padding:5px}.projectContainer>div{text-align:center;font-size:30px}.label{font-size:20px}video{background-color:azure}.myPicture{margin-top:30px;width:300px}@media only screen and (max-width: 1400px){.picture{width:500px;height:259px}.titel,.menu{margin-left:5px;margin-right:5px;font-size:2rem}.listText,.tekst{font-size:1.25rem}.grid-container{grid-template-rows:50px auto 40px}.grid-container>div{font-size:1.5rem}.myPicture{margin-top:30px;width:200px}}@media screen and (max-width: 800px){.grid-container{grid-template-areas:"header header header" "menu main main" "menu right right" "footer footer footer";grid-template-columns:auto auto auto;grid-template-rows:50px auto auto 50px}.dia{width:180px;height:135px}video{width:240px}.projectContainer{grid-template-areas:"dia1" "dia2" "dia3" "dia4";grid-template-columns:100%;grid-template-rows:auto auto auto auto;gap:5px;padding:5px}.projectContainer>div{text-align:center;font-size:1rem}.picture{width:200px;height:103px}.titel,.menu,.label{font-size:1.25rem}.link,.listText{font-size:1rem}.nav{margin-top:1rem;margin-bottom:1rem}.myPicture{margin-top:5px;width:200px}}