/* 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; }

      /* 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: center; 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; } /* 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 */

          /* Deklaration für Hauptmenü-Container Struktur */
          .main_parent_body_menu { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100vw; height: auto; margin: 0; } /* Kind-Element von Rumpf-Container - Menü-Container */
            .menu_cards { display: none; flex-direction: row; justify-content: center; align-items: center; width: 100vw; height: 12vh; } /* Kind-Element von Menü-Container - Menübuttons-Container */
              .menu_card1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/informatik.png"); background-repeat: no-repeat; background-size: contain; background-position:center; background-color: #2F2C2C; border-radius: 10%; 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/media.png"); background-repeat: no-repeat; background-size: contain; background-position:center; background-color: #2F2C2C; border-radius: 10%; margin-left: 11.8vw; margin-right: 11.8vw; } /* 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.png"); background-repeat: no-repeat; background-size: contain; background-position:center; background-color: #2F2C2C; border-radius: 10%; margin: 0; } /* Kind-Element von Menübuttons-Container - PDF-Button-Container */

              /* Deklaration für Slide-Button der das Hauptmenü öffnet oder schliesst */
              .menu_slide_button { cursor: pointer; background-image: url("../images/slide_menu_button1a.png"); background-repeat: no-repeat; background-size: contain; background-position: top; display: flex; justify-content: center; align-items: center; width: 20vw; height: 10vh; margin: 0; padding: 0; } /* Slide-Button mit grauem Hintergrund im Normalmodus für eingefahrenes Hauptmenü */
              #menu_slide_button_btn_id { width: 20vw; height: 10vh; } /* Kind-Element von menu_slide_button Container - a Link-Feld zum öffnen des Menüs */
              .menu_slide_button2 { cursor: pointer; background-image: url("../images/slide_menu_button2a.png"); background-repeat: no-repeat; background-size: contain; background-position: top; display: none; justify-content: center; align-items: center; width: 20vw; height: 10vh; margin: 0; padding: 0; } /* Slide-Button mit grauem Hintergrund im Normalmodus für ausgefahrenes Hauptmenü */
              #menu_slide_button2_btn_id { width: 20vw; height: 10vh; } /* Kind-Element von menu_slide_button2 Container - a Link-Feld zum schließen des Menüs */

              /* Deklaration für Haupt-Start-Info-Container */
              .info_window_parent { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 90%; height: auto; margin: 0; } /* Kind-Element von Rumpf-Container - Info-Window-Parent-Hauptcontainer */

              /* Deklaration für Inhalte-Start-Info-Container */
              .info_window_child { background-image: url("../images/back_big1.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; display: flex; justify-content: center; align-items: center; width: 100%; height: 35vh; margin: 0; border-radius: 2.5%; background-color: #2F2C2C; } /* Kind-Element von Info-Window-Parent-Hauptcontainer - Info-Window-Child-Hauptcontainer */



}

}