/* Autor: Dr. Hubert Tausch  */
/* biomatica Dr. Tausch GmbH */
/* All rights reserved       */
/* Stand: 08.01.2025         */

/* *** gültige style sheet angaben *** */
body { font-family: "Arial"; top: 0; margin: 0; padding: 0;}
main { padding: 1em; }
header { position: -webkit-sticky; /* <= Für Safari */ position: sticky; top: 0; background-color: #ffffff; }

h1 { color: #CCCCCC; height: 20px; }
h2 { color: #0070D0; height: 15px; }
h3 { color: #0070D0; }

/* *** id *** */
#topline { width: 100%; height: 15px; background-color: #ff7f27; }
#topvarline { width: 100%; height: 15px; background-color: #7CAD00; }
#top2line { width: 100%; height: 5px; background-color: #f0f0f0; border-top: 5px solid #ff7f27; border-bottom: 5px solid #ff7f27; }
#menuetile { display: flex; flex-direction: row; height: 45px; max-height: 45px; }
/* #menuetile img { height: 90%; } */
#menuelinks { flex: 1; display: flex; }
#menuerechts { margin: 0.1em 0em 0.1em auto; padding: 0.1em 0em 0.1em 0em; align-self: center; }
#menuetag { margin: 0 0.5em 0 0.5em; color: #c0c0c0; font-size: 1.5em; align-self: center; }
#hostline { width:100%; height: 1px; margin: 0.1em 0px 1px 0px; color: none; background-color: #f0f0f0; }  

#leiste1 {  height: 40px; background-color: #CCC; display: flex; 
   flex-wrap: wrap; /* Erlaubt Umbruch der Buttons in mehrere Zeilen */
  overflow-y: auto; /* Falls die Buttons sich stapeln, wird gescrollt */
  align-content: flex-start; /* Stapelt neue Zeilen oben */ }


#regleiste { padding: 5px 0px 5px 0px; display: flex; flex-direction: row; }

/* *** class *** */
.mydesk { padding: 1em; }
.container { display: flex; }
.kursiv { font-style: italic; }
.massiv { font-weight: 550; }
.fett { font-weight: 700; }
.rad05px { border-radius: 5px; } 
.rad1em { border-radius: 1em; }
.unoli { list-style-type: none; }

/* Alte Farbangaben -> sollen ersetzt werden durch die neuen Angaben (siehe unten) */
.blau { color: #0070c0; }
.grau { color: #707070; }
.gold { color: #C08E00; }
.gruen { color: #7CAD00; }
.pinie {color: #C07000; }
.orange { color: #ff7f27; }
.rotwein { color: #C00000; } 

.bgc_blau { background-color: #0070C0; }
.bgc_grau { background-color: #707070; }
.bgc_gruen { background-color: #7CAD00; }
.bgc_orange { background-color: #FF7F27; }

/* Farben für Text ct_... und Hintergrund cb_...  */
.ct_blau { color: #0070c0; } 
.ct_grau { color: #707070; } 
.ct_gold, .sc_lit, .zitat { color: #C08E00; }
.ct_gruen { color: #7CAD00; }
.ct_pinie {color: #C07000; }
.ct_orange { color: #FF7F27; }
.ct_weinrot { color: #C00000; } 
.ct_rot { color: #FF0000; } 

.cb_blau { background-color: #0070C0; }
.cb_grau { background-color: #707070; }
.cb_gruen { background-color: #7CAD00; }
.cb_orange { background-color: #FF7F27; }

.cb_true { background-color: #D0FFD0; }
.cb_false { background-color: #FFD0D0; }

.sc_lit, .zitat, .quelle { font-size: 90%; }

/*.menuetag {  width: 10em;  padding: 0; font-size: 25px; color: #707070; } */

.tabcontent { font-family: "Arial"; padding: 0.5em; }
.divcontent { font-family: "Arial"; padding: 0.5em; }
.scrollbar { overflow-x: auto; overflow-y: auto; } 
.noli{ list-style: none; }

.bdtimg { border: dotted; border-width: 1px; border-color: #CCCCCC; }
.bdtimg_center { border: dotted; border-width: 1px; border-color: #CCCCCC; text-align: center; }
.figtxt { font-size: 20px; font-family: "Courier New"; font-weight: 120%; }

.btn_effect { }
.btn_effect:hover { box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2); }