.wrapper{  display: grid;
  
  gap: 20px 20px;
  grid-auto-flow: row;
  justify-content: start;
  justify-items: stretch;

}
@media (min-width:590px){
	.wrapper{
		grid-template-columns: repeat(2, 1.5fr);
    grid-template-rows: 0.5fr 1fr 0.5fr;
		grid-template-areas:
    "sat1 sat2"
    "sun1 sun1"
    "sun2 ann1"
    "kika kika";
}
		
	
}
@media (min-width:960px){
  .wrapper{  display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 0.4fr);
grid-template-areas: 
"sat1 sun1 sun2" 
"sat2 sun1 ann1" 
"kika kika kika";

    gap: 20px 20px;
    grid-auto-flow: row;
    justify-content: start;
    justify-items: stretch;
    
  }
}
@media (max-width:589px){
	.wrapper{
		grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 0.4fr 0.4fr 1fr 0.4fr 0.4fr;
		grid-template-areas:
    "sat1"
    "sat2"
    "sun1"
    "sun2"
    "ann1"
    "kika";
  }
}


.sat1 { grid-area: sat1; }

.sat2 { grid-area: sat2; }

.sun1 { grid-area: sun1; }

.sun2 { grid-area: sun2; }

.ann1 { grid-area: ann1; }
.kika { grid-area: kika; }

@media all and (-ms-high-contrast:none) {
  .container {
    display: -ms-grid;
    -ms-grid-columns: repeat(3, 1fr);
    -ms-grid-rows: repeat(2, 1fr);
  }

  .sat1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .sat2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .sun1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }

  .sun2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }

  .ann1 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}



.block {
    float: none;
}


.ce_image {
  padding: 0;
}


.no-sidebar .mod_article {
  max-width: 1125px; 
}

.image_container {
    margin: 10px 0;
}


.annen-braun, .annen-grau, .annen-rot {
  color: white;
}

.annen-braun {
  background-color: hsl(42,31%, 52%);
}

.annen-grau {
  background-color: hsl(200, 14%, 37%);
}

.annen-rot {
  background-color: hsl(21,91%,46%);
}

annen-rot {
  background-color: hsl(21,91%,48%);
}


.wrapper {
  hyphens: auto;
}


.infobox::before, infobox-light::before {
  padding: 1px 0.3em 0 0;
  font-size: 3.5em;
}

.ce_text {
  padding-top: 15px;
}

.wrapper p {
  line-height: 1.2;
}

.wrapper h3 {
  line-height: 0.9;
}

.wrapper .sun1 h3 {
  font-size: 3rem;
}



.sun1 h3:first-of-type {
  padding-top: 20px;
}

.sun1 h3:last-of-type {
  padding-bottom: 20px;
}



.ce_text h3:first-of-type {
  padding-top: 10px;
}

.ce_text h3:last-of-type {
  padding-bottom: 10px;
}
.afpred{
  font-size:1.6rem;
font-weight:700;
line-height:1.4
}