/* Abfrage ob das Anzeige-Gerät die Hover Funktion unterstützt, wenn ja  */
@media(hover:hover)
{

}

/* Abfrage ob das Anzeige-Gerät die Hover Funktion unterstützt, wenn nein  */
@media(hover:none)
{

  /* Deklaration für Hochformat Ansicht */
  @media (orientation: portrait)
  {

    /* Deklaration der Hochformat-Auflösungen für Handy und Tablet */
    @media screen and (max-width: 9000px) and (min-width: 300px) {



      /* Hauptdefinition für das gesamte html Dokument und body Inhalt */
      html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

      /* Hauptdefinition für alle h6 und h5 Überschriften im body Inhalt */
      h4 { display: none; font-family: arial, Helvetica, Verdana, Sans-Serif; color: #F8F8F8; font-size: 0.1vh; }
      h5 { display: none; font-family: arial, Helvetica, Verdana, Sans-Serif; color: #F8F8F8; font-size: 0.1vh; }
      h6 { display: none; font-family: arial, Helvetica, Verdana, Sans-Serif; color: #F8F8F8; font-size: 0.1vh; }
      h3 { font-family: arial, Helvetica, Verdana, Sans-Serif; color: #000; font-size: 2vh; }

        /* Hauptstruktur der Seite mit einem Eltern-Element und 3 Kind-Elemente */
        .main_parent { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; margin: 0; } /* Eltern-Element - Haupt-Container */
          .main_parent_header { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100vw; height: 15vh; background-color: #000; } /* Kind-Element von Haupt-Container - Kopf-Container */
          .main_parent_body { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100vw; height: 70vh; background-color: #DCDCDC; overflow-x: hidden; overflow-y: auto; } /* Kind-Element von Haupt-Container - Rumpf-Container */
          .main_parent_footer { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 15vh; background-color: #000; } /* Kind-Element von Haupt-Container - Fuss-Container */

            .main_parent_header_rms { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 89vw; height: 15vh; background-image: url("../images/rms_header.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; } /* Kind-Element von Kopf-Container - RMS-Header-Container */
            #placeholder_nachoben { display: flex; width: 0.01vw; height: 0.01vh; } /* Kind-Element von Rumpf-Container - Placeholder-Nach-Oben-Button-Container */
            .main_parent_body_child { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 91vw; height: auto; } /* Kind-Element von Rumpf-Container - Rumpf-Child-Container */

            /* Deklaration für Hauptmenü-Container Struktur */
            .main_parent_body_child_menu { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100vw; height: auto; margin: 0; } /* Kind-Element von Rumpf-Child-Container - Menü-Container */
              .menu_cards_line1 { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; width: 100vw; height: 20vh; } /* Kind-Element von Menü-Container - Menübuttons-Line1-Container */
                .menu_card1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/it_theme.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin: 0; } /* Kind-Element von Menübuttons-Container - IT-Inhalt-Button-Container */
                .menu_card2 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/video.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin-left: 12.5vw; margin-right: 12.5vw; } /* Kind-Element von Menübuttons-Container - Video-Button-Container */
                .menu_card3 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/pdf.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin: 0; } /* Kind-Element von Menübuttons-Container - PDF-Button-Container */
              .menu_cards_line2 { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; width: 100vw; height: 20vh; } /* Kind-Element von Menü-Container - Menübuttons-Line2-Container */
                .menu_card4 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/search.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin: 0; } /* Kind-Element von Menübuttons-Container - IT-Inhalt-Button-Container */
                .menu_card5 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/dashboard.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin-left: 12.5vw; margin-right: 12.5vw; } /* Kind-Element von Menübuttons-Container - Video-Button-Container */
                .menu_card6 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/tools.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin: 0; } /* Kind-Element von Menübuttons-Container - PDF-Button-Container */
              .menu_cards_line3 { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; width: 100vw; height: 20vh; } /* Kind-Element von Menü-Container - Menübuttons-Line3-Container */
                .menu_card7 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/extlinks.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin: 0; } /* Kind-Element von Menübuttons-Container - IT-Inhalt-Button-Container */
                .menu_card8 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/info.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin-left: 12.5vw; margin-right: 12.5vw; } /* Kind-Element von Menübuttons-Container - Video-Button-Container */
                .menu_card9 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/offline.jpg"); background-repeat: no-repeat; background-size: contain; background-position:center; margin: 0; } /* Kind-Element von Menübuttons-Container - PDF-Button-Container */
                  #menu_card9_btn_id { width: 22vw; height: 10vh; } /* Kind Element von Menu-Card9-Container - Menü-Link-Button-Offline */
                  
              .menu_cards_inhalte { background-color: #F8F8F8; display: none; flex-direction: column; justify-content: center; align-items: center; width: 89vw; height: 65vh; margin: 2.5vh 0 0 0; border: 0.1vh solid #000; box-shadow: 0.2vh 0.2vh 0.16vh 0.2vh #AAA; } /* Kind-Element von Rumpf-Child-Container - Menü-Inhalte-Container */
                .menu_cards_inhalte_child { background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 89vw; height: 65vh; }



}

}

}