/* Float-Resets: */
#left, #main, #right {
    float: none;
}
/* ----------------------------------------------------------
   Äußerstes Grid - #wrapper: 
     (Items: #header, #container, #footer) */
#wrapper {
    width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-column-gap: 5px;
}
#header {
    grid-column-start: 1;
    grid-column-end: 3;
}
#container {
    grid-column-start: 1;
    grid-column-end: 3;
}
#footer {
    grid-column-start: 1;
    grid-column-end: 2;
}

/* ----------------------------------------------------------
   Header: 
     (Items: #logo, #claim, #logo-stun) */
#header .inside {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: end;                /* horiz. Elem.-Ausrichtung */
}

/* ----------------------------------------------------------
   Hauptteil und rechte Spalte: 
     (Items: #main, #right)     
     (in #main enthalten: #dt-navi, TopBild und .artikelHauptTeil) */
#container {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-column-gap: 5px;
}

/* ----------------------------------------------------------
   Startseite - Hauptblock
     (Items: nav, #slider-1, .artikelHauptTeil, #eulifeblock  */
.startpage #main .inside {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 5px;
}
.startpage #dt-navi,
.startpage #slider-1 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.startpage #eulifeblock {
    grid-column: 1;
    grid-row: 3;
}
.startpage .artikelHauptTeil {
    grid-column-start: 2;
    grid-column-end: 3;
}
/* ----------------------------------------------------------
   Startseite - EuLifeBlock
     (Items: h2, .image_container, p, p ) */
#life-natura2000 {
    display: grid;
    grid-template-columns: 1fr;
}
#life-natura2000 .image_container {
    grid-row: 4;
}

/* ----------------------------------------------------------
   Projektflächen (Einzelseiten) - .artikelHauptTeil:
     (Items: 3 Divs) */
.projektflaeche .artikelHauptTeil {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 30px;
}
.projektflaeche .artikelHauptTeil div:first-of-type {
    grid-column-start: 1;
    grid-column-end: 3;
}

/* ----------------------------------------------------------
   Seite Kontakt - #team
     (Items: 3 Divs) */
#team {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
#team h2 {
    grid-column-start: 1;
    grid-column-end: 3;
}

/* ----------------------------------------------------------
   Seite "Partner" - .partnerlogo
     (Items: 1 Bild, 1, Überschrift, 1 <p>-Element) */
.partnerlogo {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 20px;
}
.partnerlogo figure {
    grid-row: 1/4;
}