/* 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 only screen and (max-width: 9000px) and (min-width: 300px)
    {
      select, option { margin:0;  padding:0; } /* generalisiertes Select-Feld mit Option-Felder*/
      input { font-size: 2vh; font-weight: 600; font-family: Helvetica; width: 84%; height: 2.7vh; background-color: #F8F8F8; border: none; margin: 0 1vw 0 0; } /* generalisiertes Input-Feld */

        #menu_card6_btn_id { width: 22vw; height: 10vh; } /* Kind Element von Menu-Card1-Container - Menü-Link-Button-IT-Theme */
        .tools_logo { display: none; flex-direction: row; align-items: center; align-content: center; width: 90vw; height: 10vh; background-image: url("../images/tools_logo.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 0 0; border: none; }
        .back_button_tools { display: none; flex-direction: row; align-items: center; align-content: flex-start; width: 90vw; height: 4.5vh; margin: 0 0 0 0; border: none; } /* Kind Element von Kopf-Container - Back-Button-Suche-Container */
        .back_button6 { display: flex; flex-direction: row; align-items: center; align-content: center; width: 11vw; height: 3.5vh; background-image: url("../images/button_back.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 0 0; border: none; } /* Kind Element von Back-Button-Suche-Container - Back-Button4-Container */
        .back_button6_back { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 11vw; height: 3.5vh; margin: 0 0 0 0; cursor: pointer; text-decoration: none; } /* Kind Element von Back-Button4-Container - A-Link-Back-Button4 */
        .menu_card6_inhalte { display: none; flex-direction: column; justify-content: center; align-items: center; width: 89vw; height: 64.5vh; margin: 2.5vh 0 0 0; background-color: #F8F8F8; border: 0.1vh solid #000; box-shadow: 0.2vh 0.2vh 0.16vh 0.2vh #AAA; overflow-x: hidden; overflow-y: hidden; } /* Kind Element von Rumpf-Child-Container - Hauptcontainer Tools-Inhalte */
          .menu_card6_inhalte_child { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 64vh; margin: 0; } /* Kind Element von Hauptcontainer IT-Theme-Inhalte - IT-Theme-Inhalte-Child-Container */


          .menu_card6_inhalte_child_menu { display: none; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; height: 40vh; }


          .menu_cards_inhalte_farbtabelle_open { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/farbtabelle.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 0 0; border: none; }
          .menu_cards_inhalte_farbtabelle_open_btn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22vw; height: 10vh; margin: 0; cursor: pointer; } /* Kind Element von menu_card6_inhalte_child_menu Container - Button-Farbtabelle-Open */
          .menu_cards_inhalte_calculator_open { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/calculator.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 5vh 0 5vh 0; border: none; }
          .menu_cards_inhalte_calculator_open_btn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22vw; height: 10vh; margin: 0; cursor: pointer; } /* Kind Element von menu_card6_inhalte_child_menu Container - Button-Calculator-Open */
          .menu_cards_inhalte_umrechner_open { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22vw; height: 10vh; background-image: url("../images/umrechner.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 0 0; border: none; }
          .menu_cards_inhalte_umrechner_open_btn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22vw; height: 10vh; margin: 0; cursor: pointer; } /* Kind Element von menu_card6_inhalte_child_menu Container - Button-Umrechner-Open */

          .farbtabelle_logo { display: none; flex-direction: row; align-items: center; align-content: center; width: 90vw; height: 10vh; background-image: url("../images/farbtabelle_logo.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 0 0; border: none; }
          .menu_cards_anzeige_ergebnis_tools_farbtabelle { display: none; flex-direction: column; justify-content: center; align-items: center; width: 89vw; height: 64.5vh; margin: 3.2vh 0 2.5vh 0; background: var(--kb-color); border: 0.1vh solid #000; box-shadow: 0.2vh 0.2vh 0.16vh 0.2vh #AAA; overflow-x: hidden; overflow-y: hidden; } /* Kind Element von Rumpf-Child-Container - Hauptcontainer Tools-Inhalte */
          .menu_cards_anzeige_ergebnis_farbtabelle_close { display: none; flex-direction: column; justify-content: center; align-items: flex-end; width: 100%; height: 2.7vh; margin: 0; overflow-x: hidden; overflow-y: hidden; } /* Kind Element von Hauptcontainer Menu_Cards_Anzeige_Ergebnis - Anzeige-Ergenis-IT-Theme-Container */
          .menu_cards_anzeige_ergebnis_farbtabelle_close_btn { display: none; flex-direction: column; justify-content: center; align-items: flex-end; width: 5%; height: 2.7vh; margin: 0 2% 0 0; cursor: pointer; float: right; font-family: arial, Helvetica, Verdana, Sans-Serif; font-size: 2.7vh; font-weight: 700; color: #B40404; text-decoration: none; } /* Kind Element von Anzeige-Ergenis-IT-Theme Container - Anzeige-Ergenis-IT-Theme-Close-Container */
          .main_farbtabelle {	display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; height: 60vh; border-bottom-left-radius: 1vh; border-bottom-right-radius: 1vh; border: 0.05vh; }
          .farbwaehler_div1 { display: flex; flex-direction: column; justify-content: center; align-items: center;	width: 100%; height: 3vh;	font-size: 2vh;	font-weight: bold; font-family:Arial,sans-serif;	z-index: 2; margin-left: 2vh; }
          .farbwaehler_div2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;	width: 100%; height: 10vh; }
          .farbwaehler_div3 {	display: flex; flex-direction: column; justify-content: center; align-items: center;	width: 55%;	height: 10vh; }
          .farbwaehler_div4 {	display: flex; flex-direction: column; justify-content: center; align-items: center;	width: 25%;	height: 10vh; }
          :root { --kb-color: #F8F8F8; }
          .farbtabelle_label { font-family: arial, verdana, sans-serif; font-size: 2vh; font-weight: 700; color: #000; width: 100%; height: 2vh; margin-top: 0.5vh; }
          .farbtabelle_coloring { font-family: arial, verdana, sans-serif; font-size: 2vh; font-weight: 700; color: #000; width: 100%; height: 4vh; }
          #kb_selected_form { width: 95.5%; }
          #kb_selected_color { height: 5vh; }


          .calculator_logo { display: none; flex-direction: row; align-items: center; align-content: center; width: 90vw; height: 10vh; background-image: url("../images/calculator_logo.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 0 0; border: none; }
          .menu_cards_anzeige_ergebnis_tools_calculator { display: none; flex-direction: column; justify-content: center; align-items: center; width: 89vw; height: 64.5vh; margin: 3.2vh 0 2.5vh 0; background-color: #F8F8F8; border: 0.1vh solid #000; box-shadow: 0.2vh 0.2vh 0.16vh 0.2vh #AAA; overflow-x: hidden; overflow-y: hidden; } /* Kind Element von Rumpf-Child-Container - Hauptcontainer Tools-Inhalte */
          .menu_cards_anzeige_ergebnis_calculator_close { display: none; flex-direction: column; justify-content: center; align-items: flex-end; width: 100%; height: 2.7vh; margin: 0; overflow-x: hidden; overflow-y: hidden; } /* Kind Element von Hauptcontainer Menu_Cards_Anzeige_Ergebnis - Anzeige-Ergenis-IT-Theme-Container */
          .menu_cards_anzeige_ergebnis_calculator_close_btn { display: none; flex-direction: column; justify-content: center; align-items: flex-end; width: 5%; height: 2.7vh; margin: 0 2% 0 0; cursor: pointer; float: right; font-family: arial, Helvetica, Verdana, Sans-Serif; font-size: 2.7vh; font-weight: 700; color: #B40404; text-decoration: none; } /* Kind Element von Anzeige-Ergenis-IT-Theme Container - Anzeige-Ergenis-IT-Theme-Close-Container */
          .main_calculator { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 60vh; border-bottom-left-radius: 1vh; border-bottom-right-radius: 1vh; border: 0.05vh; }
          .calculator_div1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80%; height: 7vh; margin-bottom: 1vh; }
          .calculator_div2 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80%; height: 7vh; margin: 1vh 1vw 1vh 1vw; }
          .calculator_div3 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80%; height: 7vh; margin: 1vh 1vw 1vh 1vw; }
          .calculator_div4 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80%; height: 7vh; margin: 1vh 1vw 1vh 1vw; }
          .calculator_div5 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80%; height: 7vh; margin: 1vh 1vw 1vh 1vw; }
          .calculator_div6 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80%; height: 7vh; margin: 1vh 1vw 1vh 1vw; }
          .display { width: 100%; height: 7vh; font-size: 5vh; font-weight: bold; font-family:Arial,sans-serif; background-color: #CCCCCC; }
          .operant { height: 7vh; background-color: #CCCCCC; font-size: 5vh;	font-weight: bold; font-family:Arial,sans-serif; }
          .operator { height: 7vh; background-color: #CCCCCC; font-size: 5vh;	font-weight: bold; font-family:Arial,sans-serif; }
          .clear { height: 7vh; background-color: #CCCCCC; font-size: 5vh;	font-weight: bold; font-family:Arial,sans-serif; }



          .umrechner_logo { display: none; flex-direction: row; align-items: center; align-content: center; width: 90vw; height: 10vh; background-image: url("../images/umrechner_logo.jpg"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 0 0; border: none; }
          .menu_cards_anzeige_ergebnis_tools_umrechner { display: none; flex-direction: column; justify-content: center; align-items: center; width: 89vw; height: 64.5vh; margin: 3.2vh 0 2.5vh 0; background-color: #F8F8F8; border: 0.1vh solid #000; box-shadow: 0.2vh 0.2vh 0.16vh 0.2vh #AAA; overflow-x: hidden; overflow-y: hidden; } /* Kind Element von Rumpf-Child-Container - Hauptcontainer Tools-Inhalte */
          .menu_cards_anzeige_ergebnis_umrechner_close { display: none; flex-direction: column; justify-content: center; align-items: flex-end; width: 100%; height: 2.7vh; margin: 0; overflow-x: hidden; overflow-y: hidden; } /* Kind Element von Hauptcontainer Menu_Cards_Anzeige_Ergebnis - Anzeige-Ergenis-IT-Theme-Container */
          .menu_cards_anzeige_ergebnis_umrechner_close_btn { display: none; flex-direction: column; justify-content: center; align-items: flex-end; width: 5%; height: 2.7vh; margin: 0 2% 0 0; cursor: pointer; float: right; font-family: arial, Helvetica, Verdana, Sans-Serif; font-size: 2.7vh; font-weight: 700; color: #B40404; text-decoration: none; } /* Kind Element von Anzeige-Ergenis-IT-Theme Container - Anzeige-Ergenis-IT-Theme-Close-Container */
          .main_umrechner {	display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 60vh; border-bottom-left-radius: 1vh; border-bottom-right-radius: 1vh; border: 0.05vh; }
          .umrechner_div1 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 60vh; margin-left: 14%; }
            .umrechner_div1_header { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; height: 5vh; font-family: arial, Helvetica, Verdana, Sans-Serif; font-size: 2.45vh; font-weight: 700; color: #000; }
          .umrechner_div2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;	width: 85.5%; height: 5vh; }
            .umrechner_div2a { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 50%; height: 5vh; }
            .umrechner_div2b { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 50%; height: 5vh; }
          .umrechner_div3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;	width: 100%; height: 5vh; }
          .umrechner_div4 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;	width: 85.5%; height: 5vh; }
            .umrechner_div4a { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 50%; height: 5vh; }
            .umrechner_div4b { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 50%; height: 5vh; }
          .umrechner_div5 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;	width: 100%; height: 5vh; }
          .umrechner_div6 { display: none; flex-direction: row; justify-content: flex-start; align-items: center;	width: 0; height: 0; }
          #main_umrechner_eingabe_id { background-color: #DCDCDC; }
          #main_umrechner_ausgabe_id { background-color: #DCDCDC; }
          #main_umrechner_select1_id { margin: 1vh 0 1vh 0; }
          #main_umrechner_select2_id { margin: 1vh 0 1vh 0; }
          .main_umrechner_select_txt { float: left; font-size: 2vh;	font-weight: bold; font-family:Arial,sans-serif; color: #000; }
          .select_umrechner { max-width: 80%; height: auto; font-size: 2vh; font-family:Arial,sans-serif; font-weight: 600; background-color: #DCDCDC; color:#0017AA; border: none; margin: 0; }
  }

}

}