@media(max-width: 768px) {

    * {
        border-radius: 0;
    }    
    body {
        padding-top: 0;
        background-image: none;
    }
    #wrapper {
        width:100vw;
        margin: 0;
    }
    
    /* ----------------------------------------------------------
    /* Header: */
    #logo, 
    #claim,
    #logo-stun,
    .mod_changelanguage,
    #dt-navi {
        display: none;
    }
    #mob-obere-leiste {
        display: block;
        position: fixed;
        top: 0;
        z-index: 90;
        width: 100%;
        background-color: #97bf0d;
        box-shadow: 0px 2px 10px #666;
    }
    #mob-obere-leiste p {
      font-size: 1.3em;
      color: #fff;
      margin: 0;
      padding: 0.5em;      
    }
    #mob-obere-leiste .titel {
      font-weight: bold;
      color: #000;
    }
    #mob-obere-leiste .limi {
      color: #516801;
    }
    
    /* ----------------------------------------------------------
    /* Mobil-Navigationsmenü: */ 
    .mod_mobile_menu {
        display: block;
    }
    #mobile-menu-btn {
      position: fixed;
      top: 0;
      z-index: 91;
      right: 3px;
      margin-top: 0px;
      padding: 0px 0;
    }
    .mobile_menu .inner {
      background-color: #333;
    }
    .mobile_menu nav {
      padding: 10px;
    }
    .mobile_menu p {
      padding: 0 0 0 10px;
      margin: 0;
    }

    p.life {
      margin-top: 10px;
      font-size: 2.4em;
      font-weight: bold;
        text-shadow: 1px 1px 0px #fff, 
                     1px -1px 0px #fff, 
                     -1px 1px 0px #fff, 
                     -1px -1px 0px #fff;  /* Outline-Effekt */
    }
    p.limi {
      padding-bottom: 10px;
      font-size: 2.5em;
      font-weight: bold;
      color: #c4fd00;
      border-bottom: 1px solid #666;
      line-height: 125%;
    }
    .mobile_menu nav a {
      font-size: 1.3rem;                /* Textgröße */
      font-weight: normal;
      text-decoration: none;
      color: #ccc;  
      line-height: 175%;
    }
    .mobile_menu .active {
      font-size: 1.3rem;                /* Textgröße */
      color: #c4fd00;
      line-height: 175%;
    }
    .mobile_menu nav .level_2 {
        margin: 0 0 0 20px;
    }
    .mobile_menu nav .level_2 a {
      font-size: 1.3rem;                /* Textgröße */
      font-weight: normal;
      line-height: 175%;
    }
    .mobile_menu .mod_changelanguage {
        display: block;
        position: relative;
        background-color: transparent;
        text-align: left;
    }
    .mobile_menu .mod_changelanguage a {
        padding: 0.1em 0.5em;
        font-size: 1.2em;
        border: 1px solid orange;
    }

    /* ----------------------------------------------------------
    /* Partnerlogo-Block: */
    #partnerlogos {
        grid-template-columns: 1fr 1fr !important;
        column-gap: 10px;
        align-items: center;
        margin: 1em 2%;
        border: 1px solid #97bf0d;
        border-radius: 0;
    }
    #life-id {
        grid-column: auto;
    }
    #life-id h2 {
        font-size: 0.8rem;
    }
    #life-id p {
        font-size: 1rem;
    }
    #hl-partner {
        grid-column: 1/3;
        border-top: 1px solid #999;
        border-radius: 0;
    }
    
    /* ----------------------------------------------------------
    /* Alle/viele Seiten: */
    .top-bild {
        margin: 3.5em 2%;
    }
    figcaption, .top-bild figcaption {
        text-align: left;
        padding-right: 0;
        hyphens: manual;
}
    .artikelHauptTeil {
        padding: 0 2%;
    }
    figure.image_container, .infomaterial figure.float_right,
    .zielart figure.image_container,
    .massnahme figure.image_container,
    .news-all .artikelHauptTeil .layout_full figure, 
    .news-single .artikelHauptTeil .mod_newsreader figure {
        float: none;
        width: 100%;
        margin: 0;
    }
    
    /* ----------------------------------------------------------
    /* Seite "Start": */
    .startpage #header .inside {
        grid-template-columns: 1fr;
        height: 100vh;
        background-image: url("https://life-limicodra.de/files/lifelimicodra/content/pics/hgr.jpg");
        background-size: cover;    
    }
    .startpage #logo {
        justify-self: center;    /* horiz. Elem.-Ausrichtung */
        align-self: start;       /* vert.  Elem.-Ausrichtung */
        display: block;
        width: 80vw;
        padding: 1em;
        background-color: #fffd;
        border: 1px solid #333;
    }
    .startpage #logo-stun {
        justify-self: center;    /* horiz. Elem.-Ausrichtung */
        align-self: center;      /* vert.  Elem.-Ausrichtung */
        display: block;
        width: 60vw;
        padding: 1em;
        background-color: #fffd;
        border: 1px solid #333;
    }
    
    .slider-control {
        display: none;
    }

    /*  Startseite - EuLifeBlock */
    #eulifeblock {
        margin: 2em 2%;
    }
    #life-natura2000 {
        display: block;
        padding: 0 2%;
    }
    #life-natura2000 .image_container {
        float: right;
        width: 50%;
        padding-top: 0;
    }
    
    /* ----------------------------------------------------------
    /* Seiten "Zielarten" und "Maßnahmen": */
    .zielart, 
    .massnahme {
        display: grid;
        grid-template-columns: 1fr;
    }
    .zielart h2,
    .massnahme h2 {            /* Überschrift soll über dem Bild stehen. */
        grid-row: 1;
    }   
    .zielart img {
        width: 100%;
    }
    .zielart .image_container .ce_player {
        height: auto;
        margin: 0;
    }
    audio {
        width: 100%;
    }
    
    /* ----------------------------------------------------------
    /* Seite "Projektfläche" (Einzelseiten): */
    .projektflaeche .artikelHauptTeil div {
        grid-column: 1/3;
    }
    
    /* ----------------------------------------------------------
    /* Seite "Team": */
    #team {
        display: block;
    }
    #team figure {
        float: left;
        width:45%;
    }
    #team img {
        margin-right: 0;
    }
    
    /* ----------------------------------------------------------
    /* Seite "Partner": */
    .partnerlogo {
        grid-template-columns: 1fr 2fr;
        grid-column-gap: 
    }
    
    /* ----------------------------------------------------------
    /* News (Einzelseite, alleNews, Startseite): */    
    #termine {
        margin: 0 2% 2em 2%;
        border: 1px solid #97bf0d;
    }
    #termine h2 {
        border-radius: 0;
    }
    
    /* ----------------------------------------------------------
    /* Galerie: */
    #main .ce_gallery ul {
      grid-template-columns: 1fr;
    }
}
@media(max-width: 768px) and (orientation: landscape) {
   
    .startpage #header .inside {
        grid-template-columns: 3fr 2fr;
    }
    .startpage #logo {
        grid-column: 1;
        grid-row: 1;
        justify-self: center;    /* horiz. Elem.-Ausrichtung */
        align-self: end;       /* vert.  Elem.-Ausrichtung */
        display: block;
        width: 80%;
        padding: 1em;
        background-color: #fffd;
        border: 1px solid #333;
    }
    .startpage #logo-stun {
        grid-row: 1;
        justify-self: center;    /* horiz. Elem.-Ausrichtung */
        align-self: end;      /* vert.  Elem.-Ausrichtung */
        display: block;
        width: 60%;
        padding: 1em;
        background-color: #fffd;
        border: 1px solid #333;
    }
}