/* Minification failed. Returning unminified contents.
(64,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-2800'
(92,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-320'
(140,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-590'
(169,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-590'
(198,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-1024'
(247,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-800'
(297,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-1024'
(347,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-800'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-1800'
(446,28): run-time error CSS1039: Token not allowed after unary operator: '-wz-bg-2800'
(658,26): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-border'
(659,20): run-time error CSS1039: Token not allowed after unary operator: '-wz-accent'
(662,17): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-opacity'
(663,31): run-time error CSS1039: Token not allowed after unary operator: '-wz-shadow'
(664,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-from'
(664,79): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-to'
(665,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-from'
(665,79): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-to'
(666,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-from'
(666,79): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-to'
(667,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-from'
(667,79): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-to'
(668,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-from'
(668,79): run-time error CSS1039: Token not allowed after unary operator: '-wz-header-grad-to'
(676,26): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-border'
(677,20): run-time error CSS1039: Token not allowed after unary operator: '-wz-accent'
(680,31): run-time error CSS1039: Token not allowed after unary operator: '-wz-shadow'
(687,26): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-border-hover'
(688,20): run-time error CSS1039: Token not allowed after unary operator: '-wz-accent'
(692,31): run-time error CSS1039: Token not allowed after unary operator: '-wz-shadow'
(693,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-from'
(693,76): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-to'
(694,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-from'
(694,76): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-to'
(695,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-from'
(695,76): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-to'
(696,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-from'
(696,76): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-to'
(697,51): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-from'
(697,76): run-time error CSS1039: Token not allowed after unary operator: '-wz-btn-grad-to'
(789,17): run-time error CSS1030: Expected identifier, found '.'
(789,32): run-time error CSS1031: Expected selector, found ')'
(789,32): run-time error CSS1025: Expected comma or open brace, found ')'
(794,17): run-time error CSS1030: Expected identifier, found '.'
(794,32): run-time error CSS1031: Expected selector, found ')'
(794,32): run-time error CSS1025: Expected comma or open brace, found ')'
(875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* =====================================================================
   SharedStyle.css - Gemeinsames Layout fuer Wasser- und Fernwaerme-Variante
   Geschrieben fuer jQuery Mobile 1.4.x. Alle variantenspezifischen Farben
   und Hintergrundbilder sind als CSS-Variablen (--wz-*) ausgekoppelt und
   werden in WzsStyle.css (Wasser) bzw. WaermeStyle.css (Fernwaerme)
   definiert. Beide Varianten-Bundles laden dieses File zuerst.
   ===================================================================== */

/* ===== JQM 1.4 Basistransparenz: Inhaltsflaeche ohne eigene Farbe ===== */
/* Wichtig: KEIN ui-body-inherit hier - Inputs/Selects erben diese Klasse in JQM 1.4
   und wuerden sonst transparent (unsichtbar).
   Ebenso KEIN ui-overlay-a - der Overlay-Layer traegt das Desktop-Hintergrundbild. */
.ui-page-theme-a .ui-content,
.ui-body-a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== Validierungs-Helfer (aus Site.css uebernommen) ===== */
.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* ===== JQM 1.4: kein Text-Schatten im Basisthema (wie bisher unter 1.1) ===== */
.ui-page-theme-a,
.ui-page-theme-a .ui-bar-inherit,
.ui-page-theme-a .ui-btn,
.ui-page-theme-a .ui-body-inherit,
.ui-overlay-a {
    text-shadow: none;
}
/* ===== Fallback-Hintergrund ===== */
/* Greift, wenn keiner der device-width-Breakpoints matcht (Luecke z. B.
   zwischen 1024px und 1224px, Hochformat-Desktops). Das groesste Bild,
   skalierend - die Breakpoints weiter unten ueberschreiben diese Regel. */
/* Nur Desktop/Tablet breiter als 1024px: schliesst die Breakpoint-Luecke,
   ohne die Handy-Darstellung (eigene .ui-page-theme-a-Bilder) zu beeinflussen. */
@media only screen
and (min-device-width : 1025px)
{
  .ui-overlay-a {
    background-image: var(--wz-bg-2800);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }
}
/* ===== oldData-Tabelle (bisherige Werte) ===== */
/* Ersetzt die entfernten HTML-Praesentationsattribute (bgcolor/align):
   Beschriftung links, Werte rechts, Objekt-Zeile zentriert.
   Weisser Zellgrund, damit die Werte auf dem Hintergrundbild lesbar bleiben. */
#oldData td {
  background-color: #ffffff;
}
#oldData td:not([style*="float"]) {
  text-align: right;
}
#oldData td[style*="float"] {
  text-align: left;
}
#oldData td[colspan="2"] {
  text-align: center;
}
/* ===== Alle Smartphones in portrait ----------- */
@media only screen
and (max-device-width : 768px)
and (orientation : portrait)
{
  .ui-page-theme-a {
    background-image: var(--wz-bg-320);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .tableSummary
  {
    position: absolute;
    top: 17%;
    left: 1%;
    right: 1%;
  }

  .successIcon
  {
    position: absolute;
    top: 40%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }

  .infotext
  {
    font-weight: bold;
    color: #fb9a0d;
    margin: 15px;
    text-align: center;
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }
}

/* ===== Alle Smartphones in landscape ----------- */
@media only screen
and (min-device-width : 320px)
and (orientation : landscape)
{
  .ui-page-theme-a {
    background-image: var(--wz-bg-590);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .tableSummary
  {
    position: absolute;
    top: 24.5%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 10%;
    left: -5%;
    right: 22%;
  }
}

/* ===== iPhone 5 landscape ===== */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

  .ui-page-theme-a {
    background-image: var(--wz-bg-590);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .tableSummary
  {
    position: absolute;
    top: 24.5%;
    left: 0.55%;
    right: 0.55%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 10%;
    left: -5%;
    right: 22%;
  }
}

/* ===== iPad in landscape ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

  .ui-page-theme-a {
    background-image: var(--wz-bg-1024);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .tableSummary
  {
    position: absolute;
    top: 15%;
    left: 1%;
    right: 1%;
  }

  .successIcon
  {
    position: absolute;
    top: 40%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }

  .infotext
  {
    font-weight: bold;
    color: #fb9a0d;
    margin: 15px;
    text-align: center;
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }
}

/* ===== iPad in portrait ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

  .ui-page-theme-a {
    background-image: var(--wz-bg-800);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .tableSummary
  {
    position: absolute;
    top: 15%;
    left: 1%;
    right: 1%;
  }

  .successIcon
  {
    position: absolute;
    top: 40%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }

  .infotext
  {
    font-weight: bold;
    color: #fb9a0d;
    margin: 15px;
    text-align: center;
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }
}

/* ===== Retina iPad 3 & 4 in landscape ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {

  .ui-page-theme-a {
    background-image: var(--wz-bg-1024);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .tableSummary
  {
    position: absolute;
    top: 15%;
    left: 1%;
    right: 1%;
  }

  .successIcon
  {
    position: absolute;
    top: 40%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }

  .infotext
  {
    font-weight: bold;
    color: #fb9a0d;
    margin: 15px;
    text-align: center;
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }
}

/* ===== Retina iPad 3 & 4 in portrait ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {

  .ui-page-theme-a {
    background-image: var(--wz-bg-800);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .tableSummary
  {
    position: absolute;
    top: 17%;
    left: 10%;
    right: 10%;
  }

  .successIcon
  {
    position: absolute;
    top: 40%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }

  .infotext
  {
    font-weight: bold;
    color: #fb9a0d;
    margin: 15px;
    text-align: center;
    position: absolute;
    bottom: 2%;
    left: 1%;
    right: 1%;
  }
}

/* ===== Desktops and laptops ----------- */
@media only screen
and (min-device-width : 1224px)
and (max-device-width : 1800px)
{
  .ui-overlay-a {
    background-image: var(--wz-bg-1800);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }

  .ui-page {
    width: 600px !important;
    margin: 0 auto !important;
    position: relative !important;
  }

  .ui-page-theme-a {
    background: transparent;
    background-image: none;
    color: #000000;
    font-weight: normal;
  }

  .tableSummary
  {
    position: absolute;
    top: 15%;
    left: 0.55%;
    right: 0.55%;
  }

  .successIcon
  {
    position: absolute;
    top: 30%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 40%;
    left: 1%;
    right: 1%;
  }

  .headerSpace { margin-top: 30px; }
}

/* ===== Large Desktops (up to 30 inches, ratio 16:9) ----------- */
@media only screen
and (min-device-width : 1800px)
{
  .ui-overlay-a {
    background-image: var(--wz-bg-2800);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }

  .ui-page {
    width: 600px !important;
    margin: 0 auto !important;
    position: relative !important;
  }

  .ui-page-theme-a {
    background: transparent;
    background-image: none;
    color: #000000;
    font-weight: normal;
  }

  .tableSummary
  {
    position: absolute;
    top: 15%;
    left: 0.55%;
    right: 0.55%;
  }

  .successIcon
  {
    position: absolute;
    top: 30%;
    left: 1%;
    right: 1%;
  }

  .successMessage
  {
    position: absolute;
    bottom: 40%;
    left: 1%;
    right: 1%;
  }

  .headerSpace { margin-top: 30px; }
}

/* =====================================================================
   Formular-Polish (entspricht dem Look der alten App unter JQM 1.1)
   ===================================================================== */

/* Eingabebox (inset listview): staerkere Rundung - Box und erste/letzte
   Zeile mit IDENTISCHEM Radius, damit keine Ecken-Artefakte entstehen */
.ui-page-theme-a .ui-listview-inset,
.ui-page-theme-a .ui-listview-inset > .ui-first-child {
  border-top-left-radius: 0.8em;
  border-top-right-radius: 0.8em;
  border-bottom-left-radius: 0.8em;
  border-bottom-right-radius: 0.8em;
}

.ui-page-theme-a .ui-listview-inset > .ui-last-child {
  border-bottom-left-radius: 0.8em;
  border-bottom-right-radius: 0.8em;
  padding-bottom: 0;
}

/* Inputs/Textareas/Selects: mehr Rundung
   (keine eigenen Border/Shadow-Overrides mehr - JQM-Standard gilt) */
.ui-page-theme-a input.ui-input-text,
.ui-page-theme-a textarea.ui-input-text,
.ui-page-theme-a .ui-select .ui-btn {
  border-radius: 0.7em;
}

/* Spin-Buttons (up/down) bei number-Inputs unterdruecken */
.ui-page-theme-a input[type="number"]::-webkit-outer-spin-button,
.ui-page-theme-a input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ui-page-theme-a input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* Vertikaler Abstand zwischen den Feldern (wie fieldcontain unter 1.1) */
.ui-page-theme-a .ui-field-contain label.ui-input-text {
  margin-bottom: 6px;
}

.ui-page-theme-a .ui-field-contain input.ui-input-text,
.ui-page-theme-a .ui-field-contain textarea.ui-input-text,
.ui-page-theme-a .ui-field-contain .ui-select {
  margin-bottom: 18px;
}

/* Captcha-Container: aus dem Desktop-Float-Layout nehmen; das Captcha-Input
   ist mit data-role="none" von JQM-Enhancement ausgenommen und wird von
   BotDetect selbst gestylt. (Fruher inline <style> in WzsForm.cshtml - #17) */
.ui-page-theme-a #captcha-container {
  clear: both;
  float: none;
  width: 100%;
  margin: 10px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ui-page-theme-a #captcha-container img {
  display: block;
  margin: 0 auto;
}

.ui-page-theme-a #captcha-container .BDC_CaptchaDiv {
  text-align: center;
  margin: 0 auto;
}

.ui-page-theme-a #captcha-container input[type="text"],
.ui-page-theme-a #captcha-container .captcha-input {
  width: 100% !important;
  max-width: 100%;
  float: none;
  display: block;
  box-sizing: border-box;
}

/* Validierungsfehler unter dem Captcha-/Formularfeld */
.ui-page-theme-a .text-danger {
  color: #dd4b39;
  font-size: 12px;
  padding: 4px 0;
  text-align: center;
}

/* Absende-Button: ueber die volle Box-Breite, gerundet, mit Schatten */
.ui-page-theme-a .ui-input-btn {
  border-radius: 0.8em;
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(0, 0, 0, 0.35);
}

/* Desktop (>=28em): JQM 1.4 floatet Labels/Eingaben nebeneinander und setzt
   alleMargins auf 0 - das loescht den vertikalen Abstand. Hier wiederherstellen:
   Label links, Eingabe rechts, jede Zeile beginnt unter der vorherigen. */
@media (min-width: 28em) {
  /* Seitenabstand des Inhalts entfernen, damit Box/Buttons buendig mit
     dem Header-Balken abschliessen */
  .ui-page-theme-a .ui-content {
    padding: 1em 0 0 0;
  }

  .ui-page-theme-a .ui-field-contain > label {
    float: left;
    width: 20%;
    clear: left;
    margin: 0.4em 2% 1.2em 0 !important;
  }

  .ui-page-theme-a .ui-field-contain > label ~ [class*="ui-"] {
    margin: 0 0 1.2em 0 !important;
  }

  /* Labels duerfen umbrechen, wenn der Platz nicht reicht */
  .ui-page-theme-a .ui-field-contain > label,
  .ui-page-theme-a .ui-field-contain label.ui-input-text {
    white-space: normal;
    overflow-wrap: break-word;
  }

  /* Validierungs-Meldungen immer in neuer Zeile (Desktop-Float-Layout
     schiebt sie sonst rechts neben den Input). errorNotVisible muss
     weiter display:none bleiben - deshalb :not() */
  .ui-page-theme-a .ui-field-contain .field-validation-error,
  .ui-page-theme-a .ui-field-contain span.error:not(.errorNotVisible),
  .ui-page-theme-a .ui-field-contain #errorMsgZlrStdNeu:not(.errorNotVisible) {
    display: block;
    float: none !important;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0.4em 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  /* Anmelden-Button: volle Breite (JQM setzt hier width:78% gegen die
     Basisregel - mit !important zuruecksetzen) */
  .ui-page-theme-a .ui-field-contain .ui-input-btn {
    width: 100% !important;
    float: none !important;
    margin-bottom: 0 !important;
  }
}

/* =====================================================================
   Header-Balken (halbtransparent, Farbe ueber --wz-*)
   JQM 1.4: der Header erhaelt ueber data-theme="a" die Klasse ui-bar-inherit.
   ===================================================================== */
.ui-page-theme-a .ui-bar-inherit {
  border: 1px solid var(--wz-header-border);
  background: var(--wz-accent);
  color: #fff;
  font-weight: bold;
  opacity: var(--wz-header-opacity);
  text-shadow: 0 1px 1px var(--wz-shadow);
  background-image: -webkit-linear-gradient( var(--wz-header-grad-from), var(--wz-header-grad-to)); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( var(--wz-header-grad-from), var(--wz-header-grad-to)); /* FF3.6 */
  background-image:     -ms-linear-gradient( var(--wz-header-grad-from), var(--wz-header-grad-to)); /* IE10 */
  background-image:      -o-linear-gradient( var(--wz-header-grad-from), var(--wz-header-grad-to)); /* Opera 11.10+ */
  background-image:         linear-gradient( var(--wz-header-grad-from), var(--wz-header-grad-to));
}

/* =====================================================================
   Buttons (Farbe ueber --wz-*)
   JQM 1.4: Buttons werden ueber ui-page-theme-a .ui-btn gestylt.
   ===================================================================== */
.ui-page-theme-a .ui-btn {
  border: 1px solid var(--wz-btn-border);
  background: var(--wz-accent);
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 1px var(--wz-shadow);
  opacity: 1.0;
  border-radius: 0.8em;
}

.ui-page-theme-a .ui-btn:hover,
.ui-page-theme-a .ui-btn:active {
  border: 1px solid var(--wz-btn-border-hover);
  background: var(--wz-accent);
  font-weight: bold;
  color: #fff;
  opacity: 1.0;
  text-shadow: 0 1px 1px var(--wz-shadow);
  background-image: -webkit-linear-gradient( var(--wz-btn-grad-from), var(--wz-btn-grad-to)); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( var(--wz-btn-grad-from), var(--wz-btn-grad-to)); /* FF3.6 */
  background-image:     -ms-linear-gradient( var(--wz-btn-grad-from), var(--wz-btn-grad-to)); /* IE10 */
  background-image:      -o-linear-gradient( var(--wz-btn-grad-from), var(--wz-btn-grad-to)); /* Opera 11.10+ */
  background-image:         linear-gradient( var(--wz-btn-grad-from), var(--wz-btn-grad-to));
}

/* ===== Titel im Header/Footer (wie bisher) ===== */
.ui-header .ui-title, .ui-footer .ui-title
{
  min-height: 1.1em;
  font-size: 16px;
  display: block;
  margin-top: 0.6em;
  margin-right: 5%;
  margin-bottom: 0.8em;
  margin-left: 5%;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  outline-width: 0px;
  outline-style: none;
  text-align: center;
}

/* ===== Fehler-/Hinweis-Styles ===== */
div.error
{
    text-align: center;
    border-color: #F78181;
    color: red;
}

span.error
{
    text-align: center;
    border-color: #F78181;
    color: red;
    display: block;
}

span.errorNotVisible
{
    display: none;
}

.infotext
{
    font-weight: bold;
    color: #fb9a0d;
    margin: 15px;
    text-align: center;
}

/* ===== Links (Impressum/Datenschutz) ===== */
.ui-page-theme-a a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  font-weight: normal;
  font-size: 11px;
}

.ui-page-theme-a a:visited
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  font-weight: normal;
  font-size: 11px;
}

div.impressumLink
{
   text-align: center;
}

/* Impressum/Datenschutz-Links: eigener weisser Kasten, damit die
   Links auf dem Hintergrundbild lesbar bleiben. */
div.impressumLink a
{
   background: #ffffff;
   padding: 2px 6px;
   border-radius: 3px;
}

/* =====================================================================
   Impressum-Tabelle
   ===================================================================== */
/* Impressum mit weissem Hintergrund, damit der Text auf dem
   Hintergrundbild lesbar bleibt. Der weisse Kasten umfasst Tabelle
   und Seiteninhalt (ui-content), nicht die ganze Page. */
.ui-content:has(.impressumTable),
table.impressumTable
{
  background: #ffffff;
}
.ui-content:has(.impressumTable) {
  background-color: #ffffff !important;
}

table.impressumTable
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 100%;
  border: 0px;
  border-collapse: separate;
  border-spacing: 0 18px;
}

tr.impressumTable
{
  vertical-align: top;
  margin: 5px;
  padding: 5px;
  border: 0px;
  text-align: left;
}

/* Organisationsname fett - im Markup ueber <b> in der ersten Zeile jeder
   Firmen-Zelle (lange Namen sollen ganz umbrochen fett sein) */

@media only screen and (max-width: 400px)  {

  table.impressumTable, thead, tbody, th, td, tr {
    display: block;
    background: #ffffff;
  }

  div.impressumLink
  {
     position: absolute;
     bottom: 4%;
     text-align: center;
     width: 94%;
  }
}














/* Hinweis-Label unter dem E-Mail-Feld (frueher riesiges inline style) */
.ui-page-theme-a label.hintLabel,
.ui-page-theme-a .ui-field-contain label.hintLabel {
    display: block;
    float: none;
    width: auto;
    padding: 2px 0;
    margin: 0 0 0 0;
    color: black;
    background-color: white;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* =====================================================================
   WzsStyle.css - Wasser-Variante
   Definiert ausschliesslich die variantenspezifischen Farben und
   Hintergrundbilder als CSS-Variablen. Das gemeinsame Layout liegt in
   SharedStyle.css und wird im selben Bundle davor geladen.
   ===================================================================== */

:root {
  /* Hintergrundbilder je Breakpoint (Bilder waterbgkf*.jpg) */
  --wz-bg-2800: url(../content/images/waterbgkf2800x1676.jpg);
  --wz-bg-320:  url(../content/images/waterbgkf320x568.jpg);
  --wz-bg-590:  url(../content/images/waterbgkf590x590.jpg);
  --wz-bg-1024: url(../content/images/waterbgkf1024x800.jpg);
  --wz-bg-800:  url(../content/images/waterbgkf800x1024.jpg);
  --wz-bg-1800: url(../content/images/waterbgkf1800x1080.jpg);

  /* Header-Balken (blau, halbtransparent) */
  --wz-header-border:  #456f9a;
  --wz-accent:         #057ebd;
  --wz-header-opacity: 0.65;
  --wz-shadow:         #194b7e;
  --wz-header-grad-from: #0474ae;
  --wz-header-grad-to:   #51bdf5;

  /* Buttons (blau) */
  --wz-btn-border:       #044062;
  --wz-btn-border-hover: #00415e;
  --wz-btn-grad-from:    #057ebd;
  --wz-btn-grad-to:      #51bdf5;
}