/* Definieren von Grundfarben im System */

:root {
  --hauptfarbe_verwaltung: #315A84; /* graublau */
  --hauptfarbe_verwaltung_alternativ: #22364A; /* dunkleres graublau */
  --hauptfarbe_verwaltung_hellhinterg: #dce2e8; /* graublau hell als Hintergrundfarbe */
  --hauptfarbe_verwaltung_dunkelhinterg: #acc0d5; /* graublau dunkler als Hintergrundfarbe */
  
  --hauptfarbe: #8f101e; /* mediamor rot */
  --hauptfarbe_alternativ: #ab313f; /* hellere Version des mediamor rot */
  --hauptfarbe_hellhinterg: #efe2e3; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #c19da1; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #003068; /* dunkelblau */
  --hell: #ffffff; /* weiß */
  --hell_transparent: #ffffff45; /* weiß, stark durchsichtig */
  --hell_wenig_transparent: #ffffffab; /* weiß, wenig durchsichtig */
  --hellgrau: #eaeaea; /* helles grau */
  --mittelgrau: #afafaf; /* mittelgrau - zwischen hellgrau und grau */
  --grau: gray; /* grau */
  --dunkelgrau: #696969; /* dunkelgrau */
  --schwarzgrau: #404040; /* besonders dunkeles grau */
  --dunkel: #000000; /* schwarz */
  --hinweis: darkgreen; /* dunkelgrün */
  --meldung: #900; /* dunkelrot */
  
  color-scheme: auto !important;
}

/* Definieren von Grundwerten im System */

:root {
  --borderradius: 5px; /* Standard Border Radius */
}




.meldung {margin: 10px auto; padding: 3px 10px; border-left: solid 4px var(--meldung); color: var(--meldung); background-color: var(--hell); width: calc(100% - 24px);}

.hinweis {margin: 10px auto; padding: 3px 10px; border-left: solid 4px var(--hinweis); color: var(--hinweis); background-color: var(--hell); width: calc(100% - 24px);}

.bold {font-weight: bold;}

.strong_link {text-decoration: underline; color: inherit;}
.strong_link:hover {cursor: pointer; color: var(--dunkel)}

.a_als_button {background-color: var(--hauptfarbe); color: var(--hell); border: 2px solid var(--hauptfarbe); border-radius: 5px; padding: 4px 8px; transition: 0.3s; display: inline-flex; margin: 8px 0;}
.a_als_button:hover {background-color: var(--hell); color: var(--dunkel); cursor: pointer;}




input[type="submit"] {-webkit-appearance: none; /* Damit auf Apple-Geräten nicht der hässliche Default-Button angezeigt werden, sondern unser CSS verwendet wird. Dadurch werden aber auch sonst grundlegendene, voreingestellte Dinge entfernt, wie der Hover-Effekt, deshalb folgendes CSS (würde alles von inputs, was nur durch Classes beschrieben ist, überschreiben, deshalb erstmal wieder ausgeklammert*/ /*border-radius: 3px; border: 1px solid gray; background-color: #d8d8d8; padding: 2px 7px; transition: 0.3s;*/}
input[type="submit"]:hover {cursor: pointer; /*background-color: #eaeaea;*/} 


button {-webkit-appearance: none;}