/* ---------- Viewport Smart ---------- */
main {
    margin-top:0;
	width:100%;
    display: grid;
	grid-template-columns:1fr 8fr 1fr;
	grid-template-rows:repeat(7, auto);
}

.inhalt1,
.inhalt2,
.inhalt3,
.inhalt4 {margin-bottom:20px;padding-bottom:20px;}

.banner1,
.banner2,
.banner3 {margin-bottom:20px;padding-bottom:20px;}

.banner1 {grid-area:1 / 1 / span 1 / span 3;}
.inhalt1 {grid-area:2 / 2 / span 1 / span 1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}
.inhalt1s0 {grid-area:1 / 1 / span 1 / span 2;}
.inhalt1s1 {grid-area:2 / 1 / span 1 / span 1;}
.inhalt1s2 {grid-area:3 / 1 / span 1 / span 1;margin-top:-1em;}
.banner2 {grid-area:3 / 1 / span 1 / span 3;}
.inhalt2 {grid-area:4 / 2 / span 1 / span 1;}
.banner3 {grid-area:5 / 1 / span 1 / span 3;}
.inhalt3 {grid-area:6 / 2 / span 1 / span 1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}
.inhalt1s0 {grid-area:1 / 1 / span 1 / span 2;}
.inhalt1s1 {grid-area:2 / 1 / span 1 / span 1;}
.inhalt1s2 {grid-area:3 / 1 / span 1 / span 1;margin-top:-1em;}

section {width:100%;}

/* ---------- Viewport Desktop ---------- */
@media (min-width: 620px) {
  
  main {
	margin:0;
    display: grid;
	grid-template-columns:1fr 6fr 1fr;
    grid-template-rows:repeat(7, auto);
	}

  .inhalt1,
  .inhalt2,
  .inhalt3 {}

  .banner1,
  .banner2,
  .banner3 {}

.inhalt1 {grid-area:2 / 2 / span 1 / span 1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}
.inhalt1s0 {grid-area:1 / 1 / span 1 / span 2;}
.inhalt1s1 {grid-area:2 / 1 / span 1 / span 1;margin-top:0em;}
.inhalt1s2 {grid-area:2 / 2 / span 1 / span 1;margin-top:0em;}
.inhalt3 {grid-area:6 / 2 / span 1 / span 1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}
.inhalt1s0 {grid-area:1 / 1 / span 1 / span 2;}
.inhalt1s1 {grid-area:2 / 1 / span 1 / span 1;margin-top:0em;}
.inhalt1s2 {grid-area:2 / 2 / span 1 / span 1;margin-top:0em;}
}