/* DATEI: tarmed.css */

@charset "UTF-8";

body { background-color: #FFFFFF; }

.grid-container { max-width: 100%; }
.grid-container.patienterfassen { max-width: 75%; }

.grid-container.formular { max-width: 55%; }
@media screen and (max-width: 640px) {
   .grid-container.formular { max-width: 100%; }
   }

/* *****************************************************************************
TOP BAR
***************************************************************************** */
a.topbar { color: #FFFFFF; }
a.topbar:hover { color: #FFFFFF; background-color: #87B035; }


.title-bar { background-color: #4B4B97; }
.top-bar { background-color: #4B4B97; }
.top-bar ul { background-color: #4B4B97; }
.menu-text-farbe { color: #FFFFFF; }
.menu-text { padding:0 !important; }

.menu-icon {
  position: relative; }
  .menu-icon::after {
    position: absolute;
    background: #FFFFFF;
    -webkit-box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
            box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
    content: ''; }
  .menu-icon:hover::after {
    background: #FFFFFF;
    -webkit-box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
            box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF; }



/* *****************************************************************************
MAIN SECTION
***************************************************************************** */



/* *****************************************************************************
FOOTER
***************************************************************************** */



/* *****************************************************************************
FONTS
***************************************************************************** */

h1, h2, h3, h4, h5, p { font-family: 'Quicksand', sans-serif, Verdana, sans-serif; }

li.menuleiste { font-family: 'Quicksand', sans-serif, Verdana, sans-serif; }


.button {
   margin: 0;
   color: #FFFFFF;
   font-size: 1.0rem !important;
   font-weight: normal;
   text-align: left;
   border: 0.01rem solid #FFFFFF; }
   .button.kssg {
      background-color: #9BCA3C;
      color: #000000; }
      .button.kssg:hover, .button.kssg:focus {
         background-color: #8ABC26; }
   .button.vorbereitet {
      background-color: #AAAAAA;
      color: #000000; }
      .button.vorbereitet:hover, .button.vorbereitet:focus {
         background-color: #777777; }
   .button.erfasst {
      background-color: #FF9D3A; }
      .button.erfasst:hover, .button.erfasst:focus {
         background-color: #FF8000; }
   .button.behandlung {
      background-color: #00B55D; }
      .button.behandlung:hover, .button.behandlung:focus {
         background-color: #00A455; }
   .button.aufgaben {
      background-color: #BE30FF; }
      .button.aufgaben:hover, .button.aufgaben:focus {
         background-color: #A12CD7; }
   .button.MedFo {
      background-color: #DDDDDD;
      color: #000000; }
      .button.MedFo:hover, .button.MedFo:focus {
         background-color: #BBBBBB; }
   .button.bericht {
      background-color: #F9ADFF;
      color: #000000; }
      .button.bericht:hover, .button.bericht:focus {
         background-color: #DF9CE5; }
   .button.gurtner {
      background-color: #FF2CC7;
      color: #FFFFFF; }
      .button.gurtner:hover, .button.gurtner:focus {
         background-color: #E31AAD; }
   .button.abrechnen {
      background-color: #9BCA3C; }
      .button.abrechnen:hover, .button.abrechnen:focus {
         background-color: #85AD35; }
   .button.abwesenheit {
      background-color: #5E8D00; }
      .button.abwesenheit:hover, .button.abwesenheit:focus {
         background-color: #4A6E00; }
   .button.tarmed {
      background-color: #A55A0B; }
      .button.tarmed:hover, .button.tarmed:focus {
         background-color: #8A4B08; }
   .button.abgeschlossen {
      background-color: #EEEEEE;
      color: #000000; }
      .button.abgeschlossen:hover, .button.abgeschlossen:focus {
         background-color: #DDDDDD; }
   .button.success {
      background-color: #9BCA3C; }
      .button.success:hover, .button.success:focus {
         background-color: #85AD35; }
   .button.chirurgisch {
      background-color: #FF7870; }
      .button.chirurgisch:hover, .button.chirurgisch:focus {
         background-color: #D66660; }
   .button.internistisch {
      background-color: #3751C4; 
      color: #FFFFFF; }
      .button.internistisch:hover, .button.internistisch:focus {
         background-color: #2F44A3; }
   .button.erledigt {
      text-align: center;
      background-color: #9BCA3C; 
      border: 0.025rem solid #85AD35; }
      .button.erledigt:hover, .button.erledigt:focus {
         background-color: #85AD35; }

.zeitangabe { font-size: 0.75rem; }
.legendenschrift { font-size: 1.125rem; }
.radioschrift { font-size: 1.0rem; }
.bariatricboard { color: #BE30FF; }
.KSSGschrift { color: #9BCA3C; }
.h4color { color: #FF0000; }