@font-face {
   font-family:'wdr-normal';
   font-style: normal;
   font-weight: normal;
   src: url(/fonts/WdrTvMed.woff2) format('woff2');
}

@font-face {
   font-family:'wdr-italic';
   font-style: italic;
   font-weight: normal;
   src: url(/fonts/WdrTvIta.woff2) format('woff2');
}



.wrapper {
  display: grid;
  clear: both;
  margin:20px;
  grid-template-columns: repeat(4, 24.5%);
  grid-column-gap: 0.6%;
}

.one {
  grid-column: 1;
  grid-row-end: span 2;
  border:1px solid red;
}

.two {
  grid-column: 2;
  grid-row: 1;
  border:1px solid green;
}

.three {
  grid-column: 2;
  grid-row: 2;
  border:1px solid green;
}

.four {
  grid-column: 3;
  grid-row: 1;
  border:1px solid green;
}

.five {
  grid-column: 3;
  grid-row: 2;
  border:1px solid green;
}

.six {
  grid-column: 4;
  grid-row: 1;
  border:1px solid green;
}

.seven {
  grid-column: 4;
  grid-row: 2;
  border:1px solid green;
}



.weisserstrich {
   z-index:1;
}

.weisserstrich img {
   height:20vw; width:auto;
}


.ueberschrift {
  z-index:2;
  position:absolute;
  top:0;
}

.ueberschrift img{
  z-index:1;
  height:100%;
  width:auto;
  max-height:400px;
}

body {
 background-color: #DFD8CB;
 margin: 0; padding: 0;
 font-family:'wdr-normal',normal;
 color:white;
 text-align: center;
}

/* Querformat */
@media (orientation: landscape) {

.titlehochformat {display:none}
.titlequerformat {
   font-size: 4.5vw;
   color:#B37500;
   font-family:'wdr-italic',italic;
}

img {width:100%; height:auto;}

.wdrlogo {
  text-align: right;
  width:100%;

}

.wdrlogo img {
   width:100%;
   height: auto;
   max-width:20%;
   margin-right:3%;
   margin-top:3%;
   z-index:2;
}

.navigation {
   color:#B37500;
   font-size:2vw;
   text-align:right;
}

.Bildunterschrift1 {
   width:100%;
   font-size:1.2vw;
   color:#00345E;
   font-weight:bold;
   text-align:left;
}
.Bildunterschrift2 {
   width:100%;
   font-size:1.1vw;
   color:#00345E;
   font-weight:normal;
   text-align:left;
}

.parent {
  display: grid;
  clear: both;
  margin:20px;
  grid-template-columns: repeat(4, 24.5%);
  grid-column-gap: 0.6%;
  grid-row-gap: 20%;
}

.child {

}

.child-1 {

}

.child-2 {

}

.child-3 {

}

.child-4 {

}

}
/* Querformat ENDE*/



/* Hochformat */
@media (orientation: portrait) {

.titlequerformat {display:none}
.titlehochformat {
   font-size: 4.5vw;
   color:#B37500;
   font-family:'wdr-italic',italic;
}

img {width:100%; height:auto;}

.wdrlogo {
  margin-top:20px;
  text-align: right;
  width:100%;
}

.wdrlogo img {
   width:100%;
   height: auto;
   max-width:20%;
   margin-right:20px;
}


.Bildunterschrift1 {
   width:100%;
   font-size:90%;
   color:#00345E;;
   font-weight:bold;
   text-align:left;
}
.Bildunterschrift2 {
   width:100%;
   font-size:80%;
   color:#00345E;
   font-weight:normal;
   text-align:left;
}


.parent {
  display: grid;
  margin:20px;
  grid-template-columns: repeat(4, 24.5%);
  grid-column-gap: 0.6%;
  grid-row-gap: 5%;
}

.child {

}

.child-1 {
  grid-column: 1;
  grid-row: 1;
}

.child-2 {
  grid-column: 2;
  grid-row: 1;
}

.child-3 {
  grid-column: 3;
  grid-row: 1;
}

.child-4 {
  grid-column: 1;
  grid-row: 3;
}

}
/* Hochformat ENDE*/