@font-face {
  font-family: "roboto";
  src: url("roboto.ttf") format("truetype");
}

@font-face {
  font-family: "roboto";
  src: url("Roboto-Regular.ttf") format("truetype");
  font-weight: bold;
}
/* Latein-Ext, Griechisch, Kyrillisch — #1397.

   Die oben eingebundene roboto.woff2 kennt nur 223 Zeichen, praktisch alles
   davon lateinisch. Fuer jedes andere Zeichen griff der Browser auf seine
   STANDARDSCHRIFT zurueck, und die ist eine SERIFENSCHRIFT: "ΕΠΕΡΧΟΜΕΝΑ",
   "ПРЕДСТОЯЩИЕ" und "NADCHODZĄCE" standen in Times mitten im Roboto-Satz — bei
   pl/cs/lv/lt sogar mitten im Wort, weil dort nur einzelne Buchstaben fehlen.
   Betroffen waren ZEHN Sprachen: pl cs tr ro hu et lv lt el ru.
   (ja/zh/ko brauchen das nicht — dort liefert das System von sich aus eine
   Groteske, gemessen am 12.08.2026.)

   roboto-erweitert.woff2 ist ein Subset aus DERSELBEN Roboto Condensed Light
   (Quelle: die vollstaendige Fassung, die als Roobert.ttf im Baum liegt und
   trotz des Namens keine Roobert ist; gebaut mit pyftsubset, Konturen und
   Vorschuebe nach Dekomposition bitgleich zur Quelle). Damit stehen diese
   Zeichen im exakt gleichen Schnitt wie das Latein daneben — `Ą` ist genauso
   breit wie `A`.

   Bis 13.08.2026 zeigte diese Face ersatzweise auf Roboto-Regular.ttf, weil
   neue Schriftdateien weder durch sync/filter/rsync/<projekt>.txt noch durch
   update-<projekt>.txt kamen (beide Allowlists ohne Schrift-Endungen). Diese
   Tore sind jetzt offen; die Zeichen standen bis dahin in Roboto Regular und
   damit rund 19 % breiter als noetig.
   Der unicode-range laesst ı Œ œ ʼ ˆ ˚ ˜ bewusst AUS: die kennt die Primaer-
   schrift schon, und sie sollen ihre Schrift nicht wechseln. Zeichen, die auch
   diese Datei nicht hat, fallen weiter ans System — unicode-range steuert nur
   die Auswahl der Face, nicht ob ein Glyph da ist. */
@font-face {
  font-family: "roboto";
  src: url("roboto-erweitert.woff2") format("woff2");
  unicode-range: U+0100-0130, U+0132-0151, U+0154-024F, U+02B0-02BB, U+02BD-02C5,
    U+02C7-02D9, U+02DB, U+02DD-02FF, U+0300-036F, U+0370-03FF, U+0400-052F,
    U+1E00-1EFF, U+1F00-1FFF;
}

.hintergrund {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: white;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  z-index: 0;
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: #333;
}

::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 10px;
  background-clip: content-box;
}

input:focus + div#blindlayer {
  display: block;
}

textarea:focus + div#blindlayer {
  display: block;
}

div#blindlayer {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1000000;
}

a:link {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a:visited {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a:hover {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a:active {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a:focus {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

a.titel:link {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel:visited {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel:hover {
  color: black;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel:active {
  color: #000;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel:focus {
  color: #000;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

a.titel_inv:link {
  color: #fff !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel_inv:visited {
  color: #fff !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel_inv:hover {
  color: #fff !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel_inv:active {
  color: #fff !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
a.titel_inv:focus {
  color: #fff !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

a.icon:link {
  cursor: pointer;
}
a.icon:focus {
  cursor: pointer;
}

a.kurzlink {
  color: #222222;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
}
a.kurzlink:hover {
  color: #222222;
  text-decoration: underline;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

a.nohover:hover {
  color: inherit;
}

a.crewauswahl {
  cursor: pointer;
}
a.crewauswahl:hover {
  cursor: pointer;
}

a.closebutton {
  /* ⛔ #1761: NICHT weiss. Das X sitzt in der Ueberschriftsleiste, und die ist in
     7 von 9 Fenstertypen ebenfalls weiss (.box_ueberschrift, .box1_formular_*,
     .boxgross_ueberschrift — die spaeteren Regeln ab ~2470 gewinnen ueber die
     frueheren mit #444). Das Kreuz war damit weiss auf weiss: da, klickbar, nur
     unsichtbar. `inherit` nimmt die Farbe der eigenen Leiste, und die ist ueberall
     ausdruecklich gesetzt und passend — weiss/schwarz, #dedede/#1d1d1d,
     #444/weiss. Damit stimmt es auch im dunklen Vorschau-Fenster, wo weiss
     richtig war. */
  color: inherit !important;
  font-size: 15px;
  font-family: roboto, Helvetica, Arial;
  background: transparent;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid transparent;
  border-radius: 2px;
  opacity: 1;
}
a.closebutton:visited {
  color: inherit !important;   /* #1761, wie oben */
  font-size: 15px;
  font-family: roboto, Helvetica, Arial;
  background: transparent;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid transparent;
  border-radius: 2px;
  opacity: 1;
}
a.closebutton:hover {
  opacity: 0.7;
}
a.closebutton:active {
  opacity: 0.5;
  -moz-box-shadow: inset 0px 10px 20px black;
  -webkit-box-shadow: inset 0px 10px 20px black;
  box-shadow: inset 0px 3px 8px black;
}
a.closebutton:focus {
  cursor: pointer;
}
/* Schliessen-Schaltflaechen OHNE href: Groesse in allen Zustaenden festnageln.
   Die globalen a:link/a:hover/a:active/a:focus-Regeln weiter unten in dieser
   Datei (zweimal wiederholt, u.a. ab ~1149 und ~2492) setzen border:none bei
   GLEICHER Spezifitaet wie a.closebutton und gewinnen ueber die Quellreihenfolge.
   Bei den 76 Schaltflaechen MIT href faellt das nicht auf, weil a:link den Rahmen
   ohnehin schon im Ruhezustand entfernt — Ruhe und Hover sind dort gleich gross.
   Ohne href greift a:link aber nicht: der Rahmen steht im Ruhezustand, verschwindet
   beim Hover, die Schaltflaeche schrumpft um 2x2px und alles daneben/darunter
   verrutscht. Genau das passierte in der Kopfzeile der Mitteilungszentrale
   (bereich_hinweise.php), die beim Hover 2px flacher wurde.
   :not([href]) trifft ausschliesslich diesen Fall — die 76 verlinkten Schaltflaechen
   bleiben unveraendert. Spezifitaet (0,3,1) schlaegt a:hover (0,1,1). */
a.closebutton:not([href]),
a.closebutton:not([href]):hover,
a.closebutton:not([href]):active,
a.closebutton:not([href]):focus {
  border: 1px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
}
a.linkshow {
  color: #222;
}

a.linkshow:hover {
  color: #222;
}
a[title].daylink:hover:after {
  content: attr(title);
  padding: 8px 12px;
  background-color: #222;
  color: #fefefe;
  position: relative;
  left: 20;
  font-size: 13px;
  font-weight: 300;
  bottom: 10;
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;

  cursor: pointer;
}

a[title].datumobenlinkgross:hover:after {
  content: "...";
  padding: 0px;
  color: #fefefe;
  background: #222;
  border-top: 0px solid #fefefe;
  border-bottom: 0px solid #fefefe;
  border-left: 0px solid #fefefe;
  border-right: 0px solid #fefefe;
  border-radius: 0px 0px 7px 7px;
  top: 22px;
  position: absolute;
  left: 50%;
  width: 284px;
  margin-left: -140px;
  text-align: center;
  left: 50%;
  font-weight: 300;
  text-transform: none;
  font-size: 12px;
  opacity: 1;
  z-index: 21;
  white-space: nowrap;
}
td {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  color: #222;
  text-transform: none;
}

.linie {
  height: 20px;
}
.liniea {
  height: 8px;
}
.linies {
  height: 3px;
}

.buttonstitelrechtsmantel {
  position: absolute;
  top: 1px;
  right: 2px;
  height: 20px;
  white-space: nowrap;
  display: inline;
}
.buttonstitel {
  background-color: #fefefe;
  -moz-box-shadow: inset 0 0 1px 1px #fefefe;
  -webkit-box-shadow: inset 0 0 1px 1px #fefefe;
  box-shadow: inset 0 0 1px 1px #1d1d1d;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-style: none;
  white-space: nowrap;
  border: 1px solid #fefefe;
  display: inline;
}
.buttonstitel:hover {
  border: 1px solid #222;
}
.buttonstitel:active {
  -moz-box-shadow: inset 0 1px 2px #9a9a9a;
  -webkit-box-shadow: inset 0 1px 2px #9a9a9a;
  box-shadow: inset 0 1px 2px #9a9a9a;
}
.buttonstitel:focus {
  cursor: pointer;
}
.buttonstitell {
  background-color: transparent;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-style: none;
  white-space: nowrap;
  border: 1px solid transparent;
  display: inline;
}
.buttonstitell:hover {
  border: 1px solid #fefefe;
}
.buttonstitell:focus {
  cursor: pointer;
}
.buttonsoben {
  position: relative;
  top: 4px;
  padding: 6px;
  background: transparent;
  color: #222;
  border: 1px solid #222;
  border-radius: 3px;
  cursor: default;
  font-size: 14px;
  text-transform: none;
}
.buttonsoben:hover,
.buttonsoben:active {
  outline: none;
  background: #999;
  color: #fefefe;
}
.buttonsobendatum {
  position: relative;
  top: -1px;
  padding: 6px;
  margin: 5px;
  background: transparent;
  color: #222;
  border: 1px solid #222;
  border-radius: 3px;
  cursor: default;
  font-size: 14px;
  text-transform: none;
}
.buttonsobendatum:hover,
.buttonsobendatum:active {
  outline: none;
  background: #999;
  color: #222;
}
.tabelletitel {
  position: relative;
  padding-left: 5px;
  background-color: #444;
  color: white;
  white-space: nowrap;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 0px;
  vertical-align: middle;
  font-weight: bold;
}
.tabelletitel_inaktiv {
  position: relative;
  padding-left: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  white-space: nowrap;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 0px;
  font-weight: bold;
}
.tabelletitell {
  position: relative;
  padding-left: 5px;
  padding-bottom: 0px;
  background-color: #222;
  color: white;
  white-space: nowrap;
  font-weight: bold;
  vertical-align: middle;
}

.tabelletitelll {
  position: relative;
  padding-left: 5px;
  padding-bottom: 0px;
  background-color: #fefefe;
  color: black;
  background: #fefefe;
  white-space: nowrap;
  font-style: none;
  font-weight: bold;
  vertical-align: middle;
}

.tabelletitellll {
  position: relative;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-top: 1px;
  background-color: #dedede;
  color: #1d1d1d;
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -webkit-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -ms-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -o-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  white-space: nowrap;
  border-left: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
  font-weight: bold;
}

.tabelleinhalt {
  background-color: #3e3e3e;
  color: white;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
}

.tabelleinhaltl {
  background-color: #3e3e3e;
  color: white;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  vertical-align: middle;
}

.tabelleinhaltl1 {
  background-color: #333333;
  color: #1d1d1d;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  vertical-align: middle;
}

.tabelleinhaltll {
  background-color: #3e3e3e;
  color: white;
  padding: 0px;
  padding-left: 5px;
  padding-right: 0px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  vertical-align: middle;
  border-left: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
}

.tabelleinhalttbc {
  background-color: #3e3e3e;
  color: white;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  opacity: 0.5;
}
.fix {
  width: 160px;
  max-width: 160px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fix1 {
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gross {
  width: 250px;
  max-width: 250px;
}
.riesig {
  width: 350px;
  max-width: 350px;
}
.mittel {
  width: 130px !important;
  max-width: 130px !important;
}
.klein {
  width: 100px !important;
  max-width: 100px !important;
}
.fix {
  width: 160px;
  max-width: 160px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixbreite {
  width: 160px;
  max-width: 160px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fix1 {
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gross {
  width: 250px;
  max-width: 250px;
}
.tabelletitelalt {
  padding-left: 5px;
  padding-bottom: 3px;
  background-color: #757575;
  color: white;
  background: #757575;
}

#tabelle {
  border-radius: 2px 2px 0 0;
  border: 1px solid #fefefe;
  border-collapse: separate;
  border-spacing: 0px;
}
#tabelle td {
  border-bottom: 1px solid #a4a4a4;
  border-collapse: collapse;
  border-right: 1px dashed #585858;
}
#tabelle1 {
  border-radius: 2px 2px 0 0;
  border: 1px solid #fefefe;
  border-collapse: separate;
  border-spacing: 0px;
}
#tabelle1 td {
  border-right: 1px solid #a4a4a4;
  border-collapse: collapse;
  border-bottom: 1px dashed #585858;
}

.waehrung {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 16px;
  border-radius: 0px;
  height: 28px;
  position: relative;
  top: -4px;
  margin: 0px;
  margin-right: 3px;
  margin-left: -5px;
  padding: 5px;
  border: 0px;
  background-color: transparent;
  color: white;
}
.ueberschrift {
  background-color: #dedede;
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -webkit-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -ms-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -o-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #1d1d1d;
}

.ueberschrift2 {
  background-color: #dedede;
  background: #dedede;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #1d1d1d;
}

.nowrap {
  white-space: nowrap;
}

.ueberschrift3 {
  background-color: #757575;
  background: #757575;
  background: -moz-linear-gradient(top, #757575 90%, #1d1d1d 100%);
  background: -webkit-linear-gradient(top, #757575 90%, #1d1d1d 100%);
  background: -ms-linear-gradient(top, #757575 90%, #1d1d1d 100%);
  background: -o-linear-gradient(top, #757575 90%, #1d1d1d 100%);
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: none;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #fefefe;
}

.ueberschriftklein {
  border-radius: 3px;
  background-color: #dedede;
  background: -moz-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -webkit-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -ms-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  background: -o-linear-gradient(top, #dedede 90%, #1d1d1d 100%);
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: #1d1d1d;
  text-transform: uppercase;
}
.boxhg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 15;
  display: block;
  background-color: rgba(222, 222, 222, 0.8);
}
.boxhg:target {
  display: none;
}
.box {
  position: fixed;
  width: 400px;
  margin-left: -200px;
  padding: 0;
  top: 20%;
  left: 50%;
  background-color: black;
  color: white;
  font-family: roboto, Helvetica, Arial;
  z-index: 13;
  text-align: center;
  border: 3px solid transparent;
  border-radius: 0px;
  display: block;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box:target {
  display: none;
}

.box_ueberschrift {
  width: 400px;
  margin-left: -200px;
  padding: 0;
  top: 20%;
  left: 50%;
  position: fixed;
  border: 3px solid white;
  border-bottom: 0px;
  border-radius: 0px;
  background-color: white;
  background: white;
  font-family: roboto, Helvetica, Arial;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: black;
  z-index: 15;
  text-transform: uppercase;
}
.boxhg1 {
  position: fixed;
  width: 100%;
  height: 100%;
  /*            background-color:rgba(222, 222, 222, 0.8);*/
  top: 0;
  left: 0;
  z-index: 11;
  display: none;
}
.boxhg1:target {
  display: block;
}
.box1:target::before {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
  filter: blur(4px);
}
.box1 {
  position: fixed;
  width: 600px;
  margin-left: -340px;
  padding: 40px;
  top: 30%;
  left: 50%;
  background-color: black;
  color: white;
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  text-transform: none;
  z-index: 3;
  text-align: center;
  border: 3px solid transparent;
  border-radius: 0px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1:target {
  display: block;
}

.box1schmal {
  position: fixed;
  width: 100px;
  margin-left: -50px;
  padding: 40px;
  left: 50%;
  background-color: black;
  color: white;
  font-family: roboto, Helvetica, Arial;
  z-index: 33;
  text-align: center;
  border: 3px solid white;
  border-radius: 6px;
  top: 30%;
}
.box1schmal:target {
  display: block;
}
.box1_formular {
  position: fixed;
  width: 500px;
  left: calc(50% - 250px);
  top: 3%;
  max-height: 80%;
  background-color: white;
  color: black;
  font-family: roboto, Helvetica, Arial;
  z-index: 33;
  text-align: center;
  border: 3px solid transparent;
  border-radius: 0px;
  overflow: scroll;
  padding-bottom: 15px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1_formular:target {
  display: block;
}
.box1_formular_ueberschrift {
  width: 500px;
  left: calc(50% - 250px);
  top: 3%;
  position: fixed;
  border: 3px solid white;
  border-bottom: 0px;
  background-color: white;
  font-family: roboto, Helvetica, Arial;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: black;
  z-index: 5555555555555;
}

.close_button {
  position: absolute;
  left: 0px;
  top: -1px;
}
.box1_formular_schmal {
  position: fixed;
  width: 400px;
  max-height: 75%;
  left: calc(50% - 200px);
  top: 3%;
  padding: 0;
  background-color: black;
  color: white;
  font-family: roboto, Helvetica, Arial;
  z-index: 33;
  text-align: center;
  border: 3px solid transparent;
  /* overflow:scroll; */
  padding-bottom: 15px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1_formular_schmal:target {
  display: block;
}

.box1_formular_schmal_ueberschrift {
  width: 400px;
  max-height: 75%;
  left: calc(50% - 200px);
  top: 3%;
  padding: 0;
  position: fixed;
  text-align: center;
  border: 3px solid white;
  border-bottom: 0px;
  background-color: white;
  font-family: roboto, Helvetica, Arial;
  font-size: 15px;
  line-height: 20px;
  color: black;
  z-index: 90;
  text-transform: uppercase;
}
.box1_formular_breit {
  position: fixed;
  width: 900px;
  max-height: 95%;
  left: calc(50% - 450px);
  top: 3%;
  background-color: white;
  color: black;
  font-family: roboto, Helvetica, Arial;
  z-index: 33;
  text-align: center;
  border: 3px solid transparent;
  border-radius: 0px;
  overflow: scroll;
  padding-bottom: 15px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1_formular_breit:target {
  display: block;
}

.box1_formular_breit_ueberschrift {
  width: 900px;
  max-height: 80%;
  left: calc(50% - 450px);
  top: 3%;
  border: 3px solid white;
  border-bottom: 0px;
  position: fixed;
  background-color: #444;
  font-family: roboto, Helvetica, Arial;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: white;
  z-index: 50;
}

.box1_formular_breit2 {
  position: fixed;
  width: 1300px;
  max-width: 100%;
  max-height: 95%;
  left: calc(50% - 650px);
  top: 2%;
  background-color: white;
  color: black;
  font-family: roboto, Helvetica, Arial;
  z-index: 33;
  text-align: center;
  border: 3px solid transparent;
  overflow: scroll;
  padding-bottom: 15px;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1_formular_breit2:target {
  display: block;
}

.box1_formular_fusszeile {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: white;
  z-index: 5;
  padding-bottom: 12px;
}

.box1_formular_mit_fusszeile {
  padding-bottom: 0;
  overflow: auto;
}

.box1_formular_breit2_ueberschrift {
  width: 1300px;
  max-width: 100%;
  max-height: 90%;
  left: calc(50% - 650px);
  top: 2%;
  border: 3px solid white;
  border-bottom: 0px;
  position: fixed;
  background-color: #444;
  font-family: roboto, Helvetica, Arial;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: white;
  z-index: 50;
}

.box1_vorschau {
  position: fixed;
  width: 800px;
  height: 90%;
  padding: 0px;
  top: 2%;
  left: calc(50% - 400px);
  background-color: white;
  color: #040404;
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  text-transform: none;
  z-index: 3;
  text-align: center;
  border: 3px solid transparent;
  border-radius: 0px;
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}
.box1_vorschau:target {
  display: block;
}
.box1_vorschau_ueberschrift {
  width: 800px;
  padding: 0px;
  top: 2%;
  left: calc(50% - 400px);
  position: fixed;
  border: 3px solid transparent;
  border-bottom: 0px;
  border-radius: 0px;
  background-color: #444;
  font-family: roboto, Helvetica, Arial;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: white;
  z-index: 4;
}
.button-fensterrand-text {
  font-size: 12px;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: transparent;
  font-weight: normal;
  cursor: pointer;
  opacity: 1;
}

.box1_formular_breit3 {
  position: fixed;
  width: calc(100% - 15px);
  left: 5px;
  height: calc(100% - 30px);
  top: 5px;
  background-color: white;
  color: black;
  font-family: roboto, Helvetica, Arial;
  z-index: 33;
  text-align: center;
  border: 3px solid transparent;
  overflow: scroll;
  padding-bottom: 15px;
  max-height: calc(100% - 55px);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1_formular_breit3:target {
  display: block;
}

.box1_formular_breit3_ueberschrift {
  position: fixed;
  width: calc(100% - 15px);
  left: 5px;
  top: 5px;
  border: 3px solid white;
  border-bottom: 0px;
  position: fixed;
  background-color: #444;
  font-family: roboto, Helvetica, Arial;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: white;
  z-index: 50;
}

.boxhg2 {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(222, 222, 222, 0.8);
  top: 0;
  left: 0;
  z-index: 32;
  display: none;
}
.boxhg2:target {
  display: block;
}
.box2 {
  position: fixed;
  width: 200px;
  margin-left: -140px;
  padding: 40px;
  left: 50%;
  background-color: black;
  color: white;
  font-family: roboto, Helvetica, Arial;
  z-index: 33;
  text-align: center;
  border: 3px solid white;
  border-radius: 6px;
  top: 40%;
}
.box2:target {
  display: block;
}
.close {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: black;
  top: -15px;
  right: -15px;
  border-radius: 15px;
  z-index: 38;
  cursor: pointer;
}
.close_kalender {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: black;
  bottom: -20px;
  right: 122px;
  border: 6px solid white;
  border-radius: 30px;
  z-index: 4;
  line-height: 100%;
}
.boxgross {
  position: fixed;
  width: 400px;
  margin-left: -200px;
  left: 50%;
  background-color: white;
  color: black;
  font-family: roboto, Helvetica, Arial;
  z-index: 3;
  text-align: center;
  border: 3px solid transparent;
  font-size: 14px;
  top: 10%;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.boxgross_ueberschrift {
  width: 400px;
  margin-left: -200px;
  left: 50%;
  border: 3px solid white;
  border-bottom: 0px;
  position: fixed;
  background-color: white;
  font-family: roboto, Helvetica, Arial;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  color: black;
  z-index: 10;
  top: 10%;
}
.logo {
  position: relative;
  top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 50px;
  width: 100%;
  line-height: 45px;
  min-width: 920px;
  background-color: rgba(0, 0, 0, 1);
  overflow: hidden;
  white-space: nowrap;
}

a:link {
  color: #000;
  text-decoration: none;
  border: none;
}
a:visited {
  color: #000;
  text-decoration: none;
  border: none;
}
a:hover {
  color: #000000;
  text-decoration: none;
  border: none;
}
a:active {
  color: #000;
  text-decoration: none;
  border: none;
}
a:focus {
  color: #000;
  text-decoration: none;
  border: none;
}
td {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  color: #000;
  text-transform: none;
  padding: 5px;
}
.linie {
  height: 10px;
}
.linies {
  height: 3px;
}

input[type="text"] {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  border-radius: 2px;
  position: relative;
  top: -4px;
  margin: 2px;
  padding: 5px 0;
  border: 0px;
  width: 220px;
  background-color: #333333;
  color: #fefefe;
}
input[type="email"] {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  border-radius: 2px;
  position: relative;
  top: 0px;
  margin: 2px;
  padding: 5px 0;
  border: 0px;
  width: 220px;
  background-color: #333333;
  color: #fefefe;
}
input[type="password"] {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  border-radius: 2px;
  margin: 0px;
  padding: 5px 0;
  border: 0px;
  width: 180px;
  background-color: #dedede;
  color: #333333;
}
button {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: transparent;
  color: black;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #999;
}
button:hover {
  border: 1px solid #ccc;
  transition: none;
}
button:active {
  border: 1px solid white;
  transition: none;
}
.buttons {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: transparent;
  color: white;
  border: 1px solid #999;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
}

.buttons:hover {
  /*border:1px solid white;
    transition:none;*/
  border: 1px solid #ccc;
  background: transparent;
  transition: none;
}
.buttons:active {
  border: 1px solid #ccc;
  transition: none;
}
.buttons_v2 {
  position: relative;
  background: transparent;
  color: white;
  border-bottom: 1px dashed #ccc;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
}

.buttons_v2:hover {
  border-bottom: 1px solid #ccc;
}
.buttons_v2:active {
  transition: none;
}
.buttons_v3 {
  position: relative;
  background: transparent;
  color: inherit;
  border-bottom: 1px dashed currentColor;
  cursor: pointer;
  font-size: 14px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: bold;
}
.buttons_v3:hover {
  border-bottom: 1px solid currentColor;
}
.buttons_v3:active {
  transition: none;
}
.buttons_blanko {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: transparent;
  color: white;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #999;
}
.buttons_blanko:hover {
  border: 1px solid #ccc;
  transition: none;
}
.buttons_blanko:active {
  border: 1px solid white;
  transition: none;
}
.buttons_navi {
  position: relative;
  top: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: transparent;
  color: black;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #999;
}
.buttons_navi:hover {
  border: 1px solid #222;
  transition: none;
}
.buttons_navi:active {
  border: 1px solid black;
  transition: none;
}
.buttons_navi_active {
  position: relative;
  top: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: #444;
  color: white;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #444;
}
select.select_navi {
  padding-top: 2px !important;
  top: -1px !important;
}
.buttons_navi_inform {
  position: relative;
  top: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: transparent;
  color: black;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  /* text-transform:uppercase; */
  white-space: nowrap;
  border: 1px solid #999;
}
.buttons_navi_inform:hover {
  border: 1px solid #ccc;
  transition: none;
}
.buttons_navi_inform:active {
  border: 1px solid black;
  transition: none;
}
.buttons_navi_rechts {
  position: relative;
  padding-top: 10px;
  padding-bottom: 9px;
  padding-left: 8px;
  padding-right: 8px;
  background: transparent;
  color: black;

  cursor: pointer;
  font-size: 13px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  border: 0px;
}
.buttons_navi_rechts:hover {
  background-color: #444;
  color: white;
}

.buttons_navi_aktiv {
  position: relative;
  padding-top: 10px;
  padding-bottom: 9px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #444;
  color: white;
  font-weight: bold;
  cursor: pointer;
  font-size: 13px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  border: 0px;
}
.buttons_navi_rechts_1 {
  position: relative;
  top: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  background: transparent;
  color: black;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-transform: uppercase;
  white-space: nowrap;
  border: 0px;
}
.buttons_navi_rechts_1:hover {
  opacity: 0.8;
}
.ueberschriftklein {
  border-radius: 0px;
  background-color: #b0b2c4;
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: ".$schriftfarbetitel.";
  background: -moz-linear-gradient(top, #b0b2c4 90%, ".$hgfarbe." 100%);
  background: -webkit-linear-gradient(top, #b0b2c4 90%, ".$hgfarbe." 100%);
  background: -ms-linear-gradient(top, #b0b2c4 90%, ".$hgfarbe." 100%);
  background: -o-linear-gradient(top, #b0b2c4 90%, ".$hgfarbe." 100%);
}
body {
  background-color: #eee;
  color: black;
  font-size: 14px;
  font-family: roboto, Helvetica, Arial, FreeSans;
  text-align: center;
  min-width: 1400px !important;
  margin: 0px;
  padding: 0px;
  touch-action: pan-x pan-y;
}
.contents {
  background-color: rgba(40, 40, 46, 0.73);
  z-index: 0;
  color: #ffffff;
}
.table_navi {
  width: 100%;
  border: 0px;
  padding: 0px;
  position: relative;
  top: -4px;
  border-bottom: 1px solid #999999;
  min-width: 1200px;
  padding-top: 0px;
  z-index: 1;
}
#iframe1 {
  position: absolute;
  top: 32px;
  left: 0px;
  border: 0px;
  height: calc(100% - 32px);
}
.loginheader {
  font-family: roboto, Helvetica, Arial, FreeSans;
  color: #494856;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  font-weight: bold;
  background-color: #c4c4c4;
  padding: 4px;
  border: 0px;
}
.flexcontainer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.flexbox {
  margin: 20px;
  text-align: center;
  flex-grow: 1;
  flex-basis: 200px;
}

.icon {
  border: 2px solid #eee;
  border-radius: 5px;
  width: 100px;
  margin: 5px;
}
.icon:hover {
  border: 2px solid #ffffff;
  border-radius: 5px;
  width: 100px;
  margin: 5px;
}
.icon_mini {
  border: 1px solid #f6d8ce;
  border-radius: 1px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}
.icon_mini:hover {
  border: 1px solid #ffffff;
  border-radius: 1px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}
#contents1 {
  background-color: #eee;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  width: 90%;
  max-width: 800px;
  text-align: center;
  line-height: 1.2;
  z-index: 0;
}

tr.linkshow td {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshow:hover td {
  background-color: #eee;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshowtbc td {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshowtbc:hover td {
  background-color: #eee;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshowcan td {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshowcan:hover td {
  background-color: #eee;
  margin: 0px;
  padding: 0px;
  color: #000;
}

tr.linkshow:hover td {
  background-color: #eee;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshowtbc:hover td {
  background-color: #eee;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshow_abgesagt:hover td {
  background-color: #eee;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  color: #000;
}
.divlinkshow,
.divlinkshowtbc {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2px;
}

.divlinkshowcanceled {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;

  padding-left: 2px;
  text-decoration: line-through;
}
.divlinkshowcanceled:hover {
  text-decoration: line-through;
  cursor: pointer;
}
.showliste {
  line-height: 30px;
  white-space: nowrap;
}
.suchbox {
  color: #fefefe;
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-radius: 3px;
  white-space: nowrap;
}

.flexbox1 {
  min-width: 80px;
  max-width: 250px;
  margin: 15px;
  padding: 0px;
  align-self: flex-start;
  flex: 1 1 auto;
  border: 0px solid #f4f4f4;
  border-radius: 6px;
}
.flexboxtitel {
  position: relative;
  padding-left: 5px;
  line-height: 22px;
  padding-bottom: 0px;
  padding-top: 2px;
  font-size: 14px;
  text-align: left;
  background-color: white;
  color: black;
  font-weight: bold;
  font-style: normal;
}
.flexboxtitel_inaktiv {
  position: relative;
  padding-left: 5px;
  line-height: 22px;
  padding-bottom: 0px;
  padding-top: 2px;
  font-size: 14px;
  text-align: left;
  background-color: rgba(254, 254, 254, 0.6);
  color: black;
  font-weight: bold;
  font-style: normal;
}
.flexboxkonf {
  position: relative;
  background-color: #242424;
  color: white;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 5px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
}
.abstand {
  margin-top: 10px;
}
.klickinsleere {
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: default;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
}
input[type="checkbox"] {
  cursor: pointer;
}
input[type="email"] {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  position: relative;
  top: 0px;
  margin: 2px;
  padding: 5px;
  border: 0px;
  width: 210px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 1px solid #999;
}

input[type="email"]:hover {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
input[type="email"]:active {
  border-bottom: 1px solid #999;
}
input[type="email"]:focus {
  border-bottom: 1px solid white;
  cursor: text;
}
input[type="text"].formularbox {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  border-radius: 2px;
  position: relative;
  top: 0px;
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px;
  min-width: 60px;
  text-align: right;
  width: calc(100% - 10px);
  background-color: #242424;
  color: white;
  z-index: 1000001;
}

input[type="text"].formularbox_mitsymbol {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  border-radius: 2px;
  position: relative;
  top: 0px;
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 12px;
  border: 0px;
  min-width: 60px;
  text-align: right;
  width: calc(100% - 17px);
  background-color: #242424;
  color: white;
  z-index: 1000001;
}

input[type="text"].ganzkurz {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  border-radius: 0px;
  position: relative;
  top: 1px;
  margin: 5px;
  padding: 5px 0;
  border: 0px;
  border-bottom: 1px solid #999;
  width: 40px;
  background-color: transparent;
  color: white;
}
input[type="number"].ganzkurz {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  position: relative;
  top: 1px;
  margin: 5px;
  padding: 5px 0;
  border: 0px;
  border-bottom: 1px solid #999;
  width: 40px;
  background-color: transparent;
  color: white;
}

input[type="number"].ganzkurz_konf {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  border-radius: 0px;
  position: relative;
  top: 1px;
  margin: 5px;
  padding: 5px 0;
  border: 0px;
  width: 15px;
  background-color: transparent;
  color: white;
  z-index: 1;
  text-align: center;
}

.number_tabelle {
  font-size: 14px;
  height: 28px;
}

textarea {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  margin: 2px;
  padding: 5px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #999;
}
textarea.formular_feldnormal {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  margin: 2px;
  padding: 5px;
  width: 210px;
  height: 60px;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #999;
}
textarea.formular_feldmittel {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  margin: 2px;
  padding: 5px;
  width: 360px;
  height: 80px;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #999;
}
textarea.formular_feldgr {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  margin: 0px;
  padding: 5px;
  width: 520px;
  height: 330px;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #999;
}

textarea:hover {
  border: 1px solid #ccc;
  cursor: pointer;
}
textarea:active {
  border: 1px solid #999;
}
textarea:focus {
  border: 1px solid white;
  cursor: text;
}

input[type="number"] {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  border-radius: 2px;
  width: 210px;
  /*height:28px;*/
  margin: 2px;
  padding: 5px 0;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 1px solid #999;
}
input[type="number"].klein {
  font-family: roboto, Helvetica, Arial;
  font-size: 16px;
  height: 28px;
  position: relative;
  top: -4px;
  margin: 0px;
  margin-right: 5px;
  padding: 5px 0;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 1px solid #999;
}

input[type="number"]:hover {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
input[type="number"]:active {
  border-bottom: 1px solid #999;
}
input[type="number"]:focus {
  border-bottom: 1px solid white;
  cursor: text;
}

textarea.formular_feldriesig {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  margin: 0px;
  padding: 5px;
  width: 750px;
  height: 450px;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #999;
}

textarea:hover {
  border: 1px solid #ccc;
  cursor: pointer;
}
textarea:active {
  border: 1px solid #999;
}
textarea:focus {
  border: 1px solid white;
  cursor: text;
}
input[type="date"] {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  height: 26px;
  margin: 2px;
  padding: 5px 0;
  padding-right: 24px;
  border: 0px;
  position: relative;
  top: 0px;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23999' stroke-width='1.2' stroke-linecap='round'%3E%3Crect x='1.5' y='3' width='13' height='11.5' rx='1.5'/%3E%3Cline x1='4.5' y1='1.5' x2='4.5' y2='4.5'/%3E%3Cline x1='11.5' y1='1.5' x2='11.5' y2='4.5'/%3E%3Cline x1='1.5' y1='7' x2='14.5' y2='7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 14px;
  border-radius: 0px !important;
  border-bottom: 1px solid #999;
  cursor: pointer !important;
  z-index: 1;
  max-width: 160px;
  box-sizing: border-box;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
select {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  height: 26px;
  margin: 2px;
  padding: 5px 0;
  border: 0px;
  /* width:160px; */
  color: white;
  text-overflow: ellipsis;
  position: relative;
  top: 0px;
  background-color: transparent !important;
  border-radius: 0px !important;
  border-bottom: 1px solid #999;
  cursor: pointer !important;
  z-index: 1;
  max-width: 160px;
}

select:hover {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  z-index: 1;
}
select:active {
  border-bottom: 1px solid #999;
  z-index: 1;
}
option {
  background-color: #1d1d1d;
  color: white;
}
option:hover {
  background-color: #333333;
  color: white;
}
input[type="number"] {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  border-radius: 2px;
  width: 210px;
  /*height:28px;*/
  margin: 2px;
  padding: 5px 0;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 1px solid #999;
}
input[type="number"].klein {
  font-family: roboto, Helvetica, Arial;
  font-size: 16px;
  height: 28px;
  position: relative;
  top: -4px;
  margin: 0px;
  margin-right: 5px;
  padding: 5px 0;
  border: 0px;
  color: white;
  background-color: transparent;
  border-radius: 0px;
  border-bottom: 1px solid #999;
}

input[type="number"]:hover {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
input[type="number"]:active {
  border-bottom: 1px solid #999;
}
input[type="number"]:focus {
  border-bottom: 1px solid white;
  cursor: text;
}

input[type="password"] {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  position: relative;
  top: 0px;
  margin: 0px;
  padding: 5px 0;
  border: 0px;
  border-bottom: 1px solid #999;
  width: 150px;
  background-color: transparent;
  color: black;
  border-radius: 0px;
  cursor: pointer;
}

input[type="text"],
input[type="tel"] {
  font-family: roboto, Helvetica, Arial;
  font-size: 14px;
  position: relative;
  top: 0px;
  margin: 2px;
  padding: 5px 0;
  border: 0px;
  width: 210px;
  background-color: transparent;
  color: black;
  border-bottom: 1px solid #999;
  border-radius: 0px;
}
input[type="text"]:hover,
input[type="tel"]:hover {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
input[type="text"]:active,
input[type="tel"]:active {
  border-bottom: 1px solid #999;
}
input[type="text"]:focus,
input[type="tel"]:focus {
  border-bottom: 1px solid white;
  cursor: text;
}

.tabelleinhaltl {
  background-color: #fff;
  color: black;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  vertical-align: middle;
}

input[type="text"].vvkeintragen {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  border-radius: 2px;
  position: relative;
  top: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 100%;
  background-color: transparent;
  color: white;
  text-align: center;
}

.soldout {
  background-color: #0083c3;
  text-transform: uppercase;
  color: white;
}

.tabellenzeile {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.spinner {
  margin: 250px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: black;
  border-radius: 100%;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.spinner_wrapper_i {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background-color: rgba(255, 255, 255, 0);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
}

.spinner_wrapper_o {
  display: none;
}

.box_center {
  width: 100%;
  padding-top: 20px;
  height: calc(100% - 100px);
  position: relative;
  top: 40px;
  font-size: 14px;
}
/* #3983 — Das Logo lag UEBER der Navigation. Beide Kinder der Leiste waren
   `position:fixed` (Logo links, Navireihe rechts): zwei aus dem Fluss genommene
   Kaesten, zwischen denen es gar kein gemeinsames Layout gab, in dem sie einander
   haetten ausweichen koennen. Gemessen am 07.09.2026 auf agentur.j.show bei
   Fensterbreite 1320: Logo 5..151, 'Alle Termine' 33..136 — vollstaendig verdeckt,
   und `elementFromPoint` lieferte auf fuenf Punkten quer darueber fuenfmal das Logo.
   Also nicht nur unleserlich, sondern nicht anklickbar.

   Jetzt sind beide in-flow-Kinder EINER Flexreihe; ueberlappen koennen sie sich
   damit nicht mehr. `row-reverse` + `order` stellt die Reihenfolge her, die die
   Optik verlangt (Logo links, Navigation rechts), und legt in einem Aufwasch fest,
   wer bei Platzmangel weicht: row-reverse packt von rechts, also bleibt die
   Navigation (order:1) auf der Zeile und das Logo (order:2) rutscht auf eine
   zweite — die `height:29px` + `overflow:hidden` wegschneiden.

   ⛔ Dass das Logo verschwindet, ist die Entscheidung, nicht ein Nebeneffekt.
   Unterhalb von rund 1440px ist die Leiste in der Agentur-ADMINansicht schlicht
   voll: die Navireihe misst dort 1282px und laesst 33px frei. Kein CSS schafft
   Platz, den es nicht gibt — es bleibt allein die Wahl, WAS weicht. Das Logo
   weicht, weil es dekorativ ist und auf dieselbe Adresse zeigt wie 'Alle Termine'
   direkt daneben. Die Alternativen waeren ein angeschnittenes oder auf wenige
   Pixel gestauchtes Logo; beides sieht kaputt aus, waehrend 'ganz oder gar nicht'
   wie eine Entscheidung aussieht.

   ⛔ Die Schwelle ist NICHT geraten — kein Breakpoint, keine Pixelzahl. Der Browser
   vergleicht die wirklichen Breiten, und die haengen an der Rolle (wer keine
   Adminrechte hat, sieht drei Punkte weniger und behaelt sein Logo auch bei 1320),
   an der Sprache und am Logo selbst. Ein `@media`-Wert waere fuer jede dieser
   Kombinationen ein anderer und damit fuer fast alle falsch.

   ⛔ `flex-shrink:0` an der Navireihe gehoert zum Riegel: mit dem Vorgabewert 1
   wuerde sie sich stauchen, statt das Logo umbrechen zu lassen — und ihr Inhalt
   liefe, weil rechtsbuendig, links wieder hinaus. Also genau dorthin zurueck, wo
   der Fehler herkam.

   Die Aussenabstaende ersetzen die frueheren `left:5px` / `right:5px`.

   ⛔ `align-self` + `margin-top` stellen die SENKRECHTE Lage beider Kaesten auf
   genau die Werte zurueck, die die fixierte Fassung hatte (Logo 5, Navireihe 2).
   Sie sind kein Feinschliff: die beiden sind 28 bzw. 30 px hoch, ein gemeinsames
   `align-items:center` im 29 px hohen Innenraum ergibt daher ZWEI verschiedene
   Abweichungen (4 statt 5 und 3 statt 2). Gemessen war das ein Versatz der
   GANZEN Leiste um 1 px — auch rechts, wo dieser Fix inhaltlich nichts zu suchen
   hat: 11,5 % der Bildpunkte der rechten Leistenhaelfte wichen ab. Ein Bugfix,
   der die halbe Leiste verschiebt, ist zwei Aenderungen, nicht einer. */
.agencylogo {
  order: 2;
  flex: 0 0 auto;
  align-self: flex-start;
  margin-top: 2px;
  margin-left: 5px;
}

.master_navibar {
  /* #3983 — siehe .agencylogo oben. `overflow:hidden` traegt hier eine zweite
     Aufgabe: es schneidet die Zeile weg, auf die das Logo bei Platzmangel
     umbricht. */
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-items: center;
  background-color: white;
  z-index: 1;
  height: 29px;
  overflow: hidden;
  text-overflow: hidden;
  /*  border-bottom: 1px solid rgba(255,255,255,1);*/

  /* KEIN box-shadow hier — die Abgrenzung zum Inhalt macht `.master_navibar_schleier`
     (eigenes Element, index.php; Aussehen in css_farben.php, weil modusabhaengig).
     Grund: ein box-shadow zeichnet die Weichzeichnung um die Elementkante, die innere
     Haelfte liegt unter der opaken Leiste — sichtbar wird nur die aeussere, und die
     beginnt an der Kante mit halber Staerke. Ergebnis war ein grauer Balken mit
     scharfer Oberkante (gemessen: Sprung von 26 Helligkeitsstufen in EINER Pixelzeile).
     Das laesst sich mit keinem Blur-/Alpha-Wert beheben, nur mit einem Verlauf, der an
     der Kante bei null beginnt. Frueher stand hier `box-shadow: 0px -50px 100px 0px`
     zusaetzlich ohne Farbangabe (currentColor = volles Schwarz).
     ⚠ `overflow:hidden` unten schliesst auch ein ::after aus — deshalb eigenes Element. */
}
.master_navibar_center {
  position: fixed;
  top: 2px;
  width: 100%;
  background-color: transparent;
  text-align: center;
}
.master_navibar_rechts {
  /* #3983 — war `position:fixed; right:5px; top:8px`. Das inline gesetzte
     `top:2px!important` in index.php ist damit wirkungslos, aber harmlos:
     die senkrechte Lage macht jetzt `align-self` + `margin-top` (siehe oben) und
     trifft denselben Wert 2 wie zuvor. */
  order: 1;
  flex: 1 0 auto;
  align-self: flex-start;
  margin-top: -1px;
  margin-right: 5px;
  text-align: right;
}
.text_navibar_center {
  position: relative;
  top: 5px;
}

.icon-add {
  position: relative;
  top: 2px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 2px;
  height: 16px;
  width: 16px;
}
.icon-email {
  position: relative;
  top: 3px;
  height: 18px;
  width: 18px;
}

.icon-edit {
  position: relative;
  top: 3px;
  height: 18px;
  width: 18px;
}
.icon-edit-titel {
  position: relative;
  top: 1px;
  height: 18px;
  width: 18px;
}
.icon-edit-gr {
  position: relative;
  top: 0px;
  height: 20px;
  width: 20px;
}

.icon-upload {
  position: relative;
  top: 3px;
  height: 16px;
  width: 16px;
  padding: 1px;
}
.icon-checkbox {
  position: relative;
  top: 3px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.icon-checkbox-klein {
  position: relative;
  top: 3px;
  height: 14px;
  width: 14px;
  cursor: pointer;
}

.icon-star {
  position: relative;
  top: 2px;
  height: 18px;
  width: 18px;
}
.icon-arrow-up {
  position: relative;
  top: 2px;
  height: 16px;
  width: 16px;
}
.icon-arrow-down {
  position: relative;
  top: 2px;
  height: 16px;
  width: 16px;
}

.icon-circle {
  position: relative;
  height: 24px;
  width: 24px;
}

.icon-alert {
  position: relative;
  top: 5px;
  height: 24px;
  width: 24px;
}

.buttonstitel_text {
  font-size: 12px;
  font-style: italic;
  padding: 3px;
  position: relative;
  top: -4px;
  right: 2px;
}

.box1 {
  background-color: black;
  color: white;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.box1schmal {
  background-color: black;
  color: white;
  border: 3px solid white;
}
.box1_formular {
  background-color: black;
  color: white;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1_formular_ueberschrift {
  border: 3px solid white;
  background-color: white;
  color: black;
}
.box1_formular_schmal {
  background-color: black;
  color: white;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.box1_formular_schmal_ueberschrift {
  border: 3px solid white;
  background-color: white;
}
.box1_formular_breit {
  background-color: black;
  color: white;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.box1_formular_breit_ueberschrift {
  border: 3px solid white;
  background-color: white;
  color: black;
}

.box1_formular_breit2 {
  background-color: black;
  color: white;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.box1_formular_fusszeile {
  background-color: black;
}
.box1_formular_breit2_ueberschrift {
  border: 3px solid white;
  background-color: white;
  color: black;
}

.box1_formular_breit3 {
  background-color: black;
  color: white;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.box1_formular_breit3_ueberschrift {
  border: 3px solid white;
  background-color: white;
  color: black;
}

.boxhg2 {
  background-color: rgba(255, 255, 255, 0.5);
}
.box2 {
  background-color: black;
  color: white;
  border: 3px solid white;
}
.close {
  background-color: black;
}
.close_kalender {
  background-color: black;
  border: 6px solid white;
}
.boxgross {
  background-color: black;
  color: white;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.boxgross_ueberschrift {
  border: 3px solid white;
  background-color: white;
}
.logo {
  background-color: rgba(0, 0, 0, 1);
}

a:link {
  color: #dddddd;
  text-decoration: none;
  border: none;
}
a:visited {
  color: #dddddd;
  text-decoration: none;
  border: none;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
  border: none;
}
a:active {
  color: #dddddd;
  text-decoration: none;
  border: none;
}
a:focus {
  color: #dddddd;
  text-decoration: none;
  border: none;
}
td {
  font-family: roboto, Helvetica, Arial, FreeSans;
  font-size: 14px;
  color: #dddddd;
  text-transform: none;
  padding: 5px;
}

input[type="text"] {
  background-color: transparent;
  color: #fefefe;
}
input[type="email"] {
  background-color: transparent;
  color: white;
}
input[type="password"] {
  background-color: transparent;

  color: white;
}
textarea {
  background-color: transparent !important;
  color: #fff;
}
button {
  color: white;
  border: 1px solid #999;
}
button:hover {
  border: 1px solid #ccc;
}
button:active {
  border: 1px solid white;
}
.buttons {
  color: white;
  border: 1px solid #999;
}

.buttons:hover {
  border: 1px solid #ccc;
}
.buttons:active {
  border: 1px solid #ccc;
}
.buttons_v2 {
  color: white;
  border-bottom: 1px dashed #ccc;
}

.buttons_v2:hover {
  border-bottom: 1px solid #ccc;
}
.buttons_v3 {
  color: inherit;
  border-bottom: 1px dashed currentColor;
}
.buttons_v3:hover {
  border-bottom: 1px solid currentColor;
}
.buttons_blanko {
  color: white;
  border: 1px solid #999;
}
.buttons_blanko:hover {
  border: 1px solid #ccc;
}
.buttons_blanko:active {
  border: 1px solid white;
}
.buttons_navi {
  color: white;
  border: 1px solid #999;
}
.buttons_navi:hover {
  border: 1px solid #ccc;
}
.buttons_navi:active {
  border: 1px solid white;
}
.buttons_navi_active {
  background: white;
  color: black;
  border: 1px solid #fff;
}
.icon-dragdrop {
  height: 18px;
  width: 18px;
  cursor: move;
}
.icon-refresh {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}
.linies5 {
  display: block;
  height: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  position: relative;
  top: -6px;
}
tr.linies_todo {
  max-height: 5px;
  display: block;
}
.buttons_navi_inform {
  color: white;
  border: 1px solid #999;
}
.buttons_navi_inform:hover {
  border: 1px solid #ccc;
}
.buttons_navi_inform:active {
  border: 1px solid white;
}
.buttons_navi_rechts {
  color: white;
}
.buttons_navi_rechts:hover {
  background-color: #ccc;
  color: black;
}

.buttons_navi_aktiv {
  background-color: #ccc;
  color: black;
}
.buttons_navi_rechts_1 {
  color: white;
}

.spinner_wrapper_i {
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
}

tr.linkshow td {
  background-color: #000;
  color: #fff;
}
tr.linkshow:hover td {
  background-color: #303030;
  margin: 0px;
  padding: 0px;
  color: #000;
}
tr.linkshowtbc td {
  background-color: #000;
  color: #fff;
}
tr.linkshowtbc:hover td {
  background-color: #303030;
  color: #fff;
}
tr.linkshowcan td {
  background-color: #000;
  margin: 0px;
  padding: 0px;
  color: #fff;
}
tr.linkshowcan:hover td {
  background-color: #303030;
  color: #fff;
}

tr.linkshow:hover td {
  background-color: #303030;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  color: #fff;
}
tr.linkshowtbc:hover td {
  background-color: #303030;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  color: #fff;
}
tr.linkshow_abgesagt:hover td {
  background-color: #303030;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  color: #fff;
}

#contents1 {
  background-color: #1a1a1a;
}

.icon {
  border: 2px solid #1a1a1a;
}
.icon:hover {
  border: 2px solid #000;
}

.buttonstitel_blanko {
  cursor: pointer;
}
.aktiv {
  font-weight: bold;
}

.jshow_logo_claim {
  width: 160px;
  border: 0px;
}

.top {
  vertical-align: top;
}