@charset "UTF-8";
:root {
  /* Standard Farbwerte und Einstellungen */
  --white: #fff; /* Perlweiß */
  --black: #222; /* Rabenschwarz */
  /* hnc-blau */
  --hncblau: #005ca2; /* Ozeanblau */
  --hncblauhover: #0067b5; /* Tiefblau */
  --hncblauhell1: #57AAE9; /* Himmelblau */
  --hncblauhell2: #C1E4FF; /* Babyblau */
  --hncblauhell3: #f0f9ff; /* Puderblau */
  --hncblauhell2glass: #C1E4FFaa; /* Babyblau Glas */
  --hncblaudunkel: #003a66; /* Mitternachtsblau */
  /* hnc-orange */
  --hncorangedunkel1: #cc7000; /* Rustikales Orange */
  --hncorange: #ff8c00; /* Mandarinenorange */
  --hncorangehover: #ffa333; /* Pfirsichorange */
  --hncorangehell1: #ffaa00; /* Helles Orange */
  --hncorangehell2: #ffe0bb; /* Cremsicle-Orange */
  /* hnc-grün */
  --hncgruen: #86bb23; /* Dschungelgrün */
  /* grautöne */
  --hncblaugrau: #6c757d; /* Stahlblau */
  --graudunkel1: #8e8e8e; /* Dunkelgrau */
  --graudunkel2: #505050; /* Holzkohle-Grau */
  --grau: #c8c8c8; /* Hellgrau */
  --hellgrau: #f6f6f6; /*#f6f6f6*/
  --grauhell1: #ebebeb; /* Taubengrau */
  --grauhell2: #e5e5e5; /* Perlegrau */
  --hellgrau70: rgb(246,246,246,0.7);
  --grauhell1glass: #ebebeb55; /* Taubengrau Glas */
  --grauhell2glass: #e5e5e555; /* Perlegrau Glas */
  /* weitere Farben */
  --red: #FF0000;
  --gruen: #10ce00;
  --dunkler: rgb(0,0,0,0.07); /* schwarz mit nur 7% Deckkraft */
  /* Andere Vorgaben */
  --control-borderradius: 6px;
  --frame-borderradius: 9px;
  /* HNC Default Theme */
  --MainColor: var(--white);
  --MainContrast: var(--black);
  --PrimaryBrush: var(--hncblau);
  --PrimaryBrush_Hover: var(--hncorangehover);
  --SecondaryBrush: var(--hncorange);
  --PrimaryBackgroundColor: var(--white);
  --SecondaryBackgroundColor: var(--grauhell2);
  --InputFontColor: var(--graudunkel2);
  --InputBackground: var(--white);
  --BorderColor: var(--graudunkel1);
  --SecondaryBorderColor: var(--grauhell1);
  --NormalInteractionBackgroundBrush: var(--hncblau);
  --DisabledInteractionBackgroundBrush: var(--graudunkel1);
  --DisabledInteractionBrush: var(--grauhell1);
  --CharmContentColor: var(--black);
  --CharmBackgroundColor: var(--white);
  --charm-bg-color: var(--dunkler);
  --charm-text-color: var(--hncblaugrau);
  --charm-bg-hover: var(--hncblauhell2);
  --charm-text-hover: var(--hncblau);
  --tile-icon-color: var(--white);
  --TableAlternateRow: var(--grauhell2);
  /*--TableRowHover: #add8e6; AUDITOR online 2.0.x... */
  --TableRowHover: var(--hncblauhell2);
  --TabBackground: var(--hncblauhell3);
  --ShadowColor: rgba(0, 0, 0, 0.5);
  --DialogHeaderBackground: var(--hncblau);
  --DialogHeaderTextColor: var(--white);
  --PageTitleBackgroundColor: transparent;
  --PageTitleColor: var(--hncblau);
  --alarm: var(--red);
}

/* Input Text Color */
.textBox_container input,
.textBox_container textarea,
.dropdown_container input,
.dropdown select,
.timeField_container {
  color: var(--InputFontColor);
}

/* Input Hintergrund Color */
.textBox_container input,
.textBox_container textarea,
.dropdown_container input,
.timeField_container {
  background-color: var(--InputBackground);
}

.tile {
  width: 150px;
  height: 150px;
  padding: 3px;
  color: var(--MainColor);
  position: relative;
  float: left;
  /*margin:           10px;*/
  cursor: pointer;
  background: var(--PrimaryBrush) no-repeat center center;
  /*background-size:  41%;*/
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /*display: block;*/
}

.verband .tile {
  background-color: blue;
}

/*# sourceMappingURL=main.css.map */