.alignnone{margin:.35em 1.35em 1.35em 0}
.aligncenter,div.aligncenter{display:block;margin:.35em auto}
.alignright{float:right;margin:.35em 0 1.35em 1.35em}
.alignleft{float:left;margin:.35em 1.35em 1.35em 0}
a img.alignright{float:right;margin:.35em 0 1.35em 1.35em}
a img.alignnone{margin:.35em 1.35em 1.35em 0}
a img.alignleft{float:left;margin:.35em 1.35em 1.35em 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.breadcrumb{font-size:.8em;margin:.5em 0}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:.35em .2em .65em;text-align:center}
.wp-caption.alignnone{margin:.35em 1.35em 1.35em 0}
.wp-caption.alignleft{margin:.35em 1.35em 1.35em 0}
.wp-caption.alignright{margin:.35em 0 1.35em 1.35em}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:.75em;line-height:1.5;margin:0;padding:0 .3em .35em}
.container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.column,.columns{width:100%;float:left;box-sizing:border-box}
@media (min-width: 550px) {
.container{width:90%}
.column,.columns{margin-left:4%}
.column:first-child,.columns:first-child{margin-left:0}
.one.column,.one.columns{width:4.66666666667%}
.two.columns{width:13.3333333333%}
.twohalf.columns{width:16%}
.three.columns{width:22%}
.four.columns{width:30.6666666667%}
.five.columns{width:39.3333333333%}
.six.columns{width:48%}
.seven.columns{width:56.6666666667%}
.eight.columns{width:65.3333333333%}
.nine.columns{width:74%}
.ten.columns{width:82.6666666667%}
.eleven.columns{width:91.3333333333%}
.twelve.columns{width:100%;margin-left:0}
.one-third.column{width:30.6666666667%}
.two-thirds.column{width:65.3333333333%}
.one-half.column{width:48%}
.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}
.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}
.offset-by-three.column,.offset-by-three.columns{margin-left:26%}
.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}
.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}
.offset-by-six.column,.offset-by-six.columns{margin-left:52%}
.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}
.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}
.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}
.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}
.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}
.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}
.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}
.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}
/* Zwischenabstand mindern */
.smallmargin .columns { margin-left: 2%; }
.smallmargin .columns:first-child,
.smallmargin .columns.left0 { margin-left: 0; }
.smallmargin .one.columns { width: 6.5%; }
.smallmargin .two.columns { width: 15%; }
.smallmargin .three.columns { width: 23.5%; }
.smallmargin .four.columns { width: 32%; }
.smallmargin .five.columns { width: 40.5%; }
.smallmargin .six.columns { width: 49%; }
.smallmargin .seven.columns { width: 57.5%; }
.smallmargin .eight.columns { width: 66%; }
.smallmargin .nine.columns { width: 74.5%; }
.smallmargin .ten.columns { width: 83%; }
.smallmargin .eleven.columns { width: 91.5%; }
.smallmargin .twelve.columns { width: 100%; margin-left:0 }
/* Ohne Zwischenabstand */
.nomargin .columns,
.nomargin .columns:first-child,
.nomargin .columns.left0 { margin-left: 0; }
.nomargin .one.columns { width: 8.3333333%; }
.nomargin .two.columns { width: 16.6666667%; }
.nomargin .three.columns { width: 25%; }
.nomargin .four.columns { width: 33.3333333%; }
.nomargin .five.columns { width: 41.66666665%; }
.nomargin .six.columns { width: 50%; }
.nomargin .seven.columns { width: 58.3333333%; }
.nomargin .eight.columns { width: 66.6666667%; }
.nomargin .nine.columns { width: 75%; }
.nomargin .ten.columns { width: 83.3333333%; }
.nomargin .eleven.columns { width: 91.66666665%; }
.nomargin .twelve.columns { width: 100%; }
}
/* Skeleton update */
.container .columns,
.container:last-child .twelve.columns {
	margin-bottom: 4%;
}
.container .columns.headline,  /* Einleitung Flexible Inhalte */
.container:last-child .columns.headline,
.container.einleitung .twelve.columns,  /* Einleitung */
.container:last-child .columns,
.container:last-child .twelve.columns:last-child { /* Section Abstand */
  margin-bottom: 0;
}
/* Fall: columns in columns */
.container .columns .columns, 
.container .columns .twelve.columns:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 550px) { /* columns fullwidth */
	.container:last-child .columns  { margin-bottom: 4%; }
	.container:last-child .columns:last-child { margin-bottom: 0%; } /* Section Abstand */
}
/* Zwischenschritt fuer mobile Ansichten */
@media only screen and (min-width: 551px) and (max-width: 1024px) {
  .container { width: 96%; }
  .break-tablet .three.columns,
  .break-tablet.elem2 .one.column,
  .break-tablet.elem2 .one.columns,
  .break-tablet.elem2 .two.columns { width: 48%; margin-bottom: 4%; margin-left: 4%; }
  .break-tablet .three.columns:nth-child(odd) { margin-left: 0; }
  .break-tablet.elem2 .seven.columns, 
  .break-tablet.elem2 .eight.columns,
  .break-tablet.elem2 .nine.columns,
  .break-tablet.elem2 .ten.columns,
  .break-tablet.elem2 .eleven.columns{  width: 100%; margin-left: 0; }
  .break-tablet-3er .one.column,
  .break-tablet-3er .one.columns,
  .break-tablet-3er .two.columns { width: 30.6666667%; margin-bottom: 4%; margin-left: 4%; }
  .break-tablet-3er.vorelem0 .one.column:nth-child(3n+1),
  .break-tablet-3er.vorelem0 .one.columns:nth-child(3n+1),
  .break-tablet-3er.vorelem0 .two.columns:nth-child(3n+1){ margin-left: 0; }
  .break-tablet-3er.vorelem1 .one.column:nth-child(3n+2),
  .break-tablet-3er.vorelem1 .one.columns:nth-child(3n+2),
  .break-tablet-3er.vorelem1 .two.columns:nth-child(3n+2){ margin-left: 0;}
  .break-tablet-3er.vorelem2 .one.column:nth-child(3n+3),
  .break-tablet-3er.vorelem2 .one.columns:nth-child(3n+3),
  .break-tablet-3er.vorelem2 .two.columns:nth-child(3n+3){ margin-left: 0; }
  .break-tablet-3er.vorelem3 .one.column:nth-child(3n+4),
  .break-tablet-3er.vorelem3 .one.columns:nth-child(3n+4),
  .break-tablet-3er.vorelem3 .two.columns:nth-child(3n+4){ margin-left: 0; }
}
@media only screen and (min-width: 551px) and (max-width: 768px) {
  .container.smallmargin .one.column,
  .container.smallmargin .one.columns,
  .container.smallmargin .two.columns,
  .container.smallmargin .three.columns { width: 49%; margin-bottom: 2%; margin-left: 2%; }
}
@media only screen and (min-width: 551px) and (max-width: 768px) {
  .container.nomargin .one.column,
  .container.nomargin .one.columns,
  .container.nomargin .two.columns,
  .container.nomargin .three.columns { width: 49%; margin-bottom: 2%; margin-left: 2%; }
}
html{font-size:62.5%}
body{font-size:1.5em;font-weight:400;color:#222}
body{-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}
h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}
h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}
h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}
h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}
h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}
h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}
@media (min-width: 550px) {
h1{font-size:5rem}
h2{font-size:4.2rem}
h3{font-size:3.6rem}
h4{font-size:3rem}
h5{font-size:2.4rem}
h6{font-size:1.5rem}
}
p{margin-top:0;line-height:1.5}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],
input[type="url"],input[type="password"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  padding: 5px 5px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],.wpcf7 textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{min-height:65px;padding-top:6px;padding-bottom:6px}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus{border:1px solid #ddd;outline:none;}
label,legend{display:block;margin-bottom:.5rem;}
fieldset{padding:0;border-width:0}
input[type="checkbox"],input[type="radio"]{display:inline}
label > .label-body{display:inline-block;margin-left:.5rem;font-weight:400}
.u-full-width{width:100%;box-sizing:border-box;padding:0}
.u-max-full-width{max-width:100%;box-sizing:border-box}
.u-pull-right{float:right}
.u-pull-left{float:left}
.container:after,.row:after,.u-cf{content:"";display:table;clear:both}
/* noto-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto/noto-sans-v38-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto/noto-sans-v38-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto/noto-sans-v38-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto/noto-sans-v38-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto/noto-sans-v38-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto/noto-sans-v38-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto/noto-sans-v38-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto/noto-sans-v38-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto/noto-sans-v38-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto/noto-sans-v38-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto/noto-sans-v38-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto/noto-sans-v38-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/noto/noto-sans-v38-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto/noto-sans-v38-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
body { font-family: 'Noto Sans', Helvetica, Arial, sans-serif;  }
.tabelle input[type="email"],  .tabelle input[type="number"], .tabelle input[type="search"], .tabelle input[type="text"], 
.tabelle input[type="tel"], .tabelle input[type="url"], .tabelle input[type="password"], .tabelle textarea, .tabelle select {
	padding: 5px 6px;
}
.tabelle th, .tabelle td {
  padding: 6px !important;
}
/* Breite definieren  */
.w5 { width: 5%; }
.w6 { width: 6%; }
.w7 { width: 7%; }
.w8 { width: 8%; }
.w9 { width: 9%; }
.w10 { width: 10%; }
.w11 { width: 11%; }
.w12 { width: 12%; }
.w13 { width: 13%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.w5m { width: 3%; margin: 0 1%; min-width: 15px; }
.w6m { width: 4%; margin: 0 1%; min-width: 20px; }
.w7m { width: 5%; margin: 0 1%; min-width: 25px; }
.w8m { width: 6%; margin: 0 1%; min-width: 30px;}
.w9m { width: 7%; margin: 0 1%; min-width: 35px;}
.w10m { width: 8%; margin: 0 1%; min-width: 40px;}
.w11m { width: 9%; margin: 0 1%; min-width: 45px; }
.w12m { width: 10%; margin: 0 1%; min-width: 50px; }
.w13m { width: 11%; margin: 0 1%; min-width: 55px; }
.w14m { width: 12%; margin: 0 1%; min-width: 60px; }
.w15m { width: 13%; margin: 0 1%; min-width: 65px; }
.w16m { width: 14%; margin: 0 1%; min-width: 70px; }
.w17m { width: 15%; margin: 0 1%; min-width: 75px; }
.w18m { width: 16%; margin: 0 1%; min-width: 80px; }
.w19m { width: 17%; margin: 0 1%; min-width: 85px; }
.w20m { width: 18%; margin: 0 1%; min-width: 90px; }
.w21m { width: 19%; margin: 0 1%; min-width: 95px; }
.w22m { width: 20%; margin: 0 1%; min-width: 100px; }
.w23m { width: 21%; margin: 0 1%; min-width: 105px; }
.w24m { width: 22%; margin: 0 1%; min-width: 110px; }
.w25m { width: 23%; margin: 0 1%; min-width: 115px; }
.w26m { width: 24%; margin: 0 1%; min-width: 120px;}
.w27m { width: 25%; margin: 0 1%; min-width: 125px; }
.w28m { width: 26%; margin: 0 1%; min-width: 130px; }
.w29m { width: 27%; margin: 0 1%; min-width: 135px; }
.w30m { width: 28%; margin: 0 1%; min-width: 140px; }
.w31m { width: 29%; margin: 0 1%; min-width: 145px; }
.w32m { width: 30%; margin: 0 1%; min-width: 150px; }
.w33m { width: 31%; margin: 0 1%; min-width: 155px; }
.w34m { width: 32%; margin: 0 1%; min-width: 160px; }
.w35m { width: 33%; margin: 0 1%; min-width: 165px; }
.w36m { width: 34%; margin: 0 1%; min-width: 170px; }
.w37m { width: 35%; margin: 0 1%; min-width: 175px; }
.w38m { width: 36%; margin: 0 1%; min-width: 180px; }
.w39m { width: 37%; margin: 0 1%; min-width: 185px; }
.w40m { width: 38%; margin: 0 1%; min-width: 190px; }
.w41m { width: 39%; margin: 0 1%; min-width: 195px; }
.w42m { width: 40%; margin: 0 1%; min-width: 200px; }
.w43m { width: 41%; margin: 0 1%; }
.w44m { width: 42%; margin: 0 1%; }
.w45m { width: 43%; margin: 0 1%; }
.w50m { width: 48%; margin: 0 1%; }
.w55m { width: 53%; margin: 0 1%; }
.w60m { width: 58%; margin: 0 1%; }
.w65m { width: 63%; margin: 0 1%; }
.w70m { width: 68%; margin: 0 1%; }
.w75m { width: 73%; margin: 0 1%; }
.w80m { width: 78%; margin: 0 1%; }
.w85m { width: 83%; margin: 0 1%; }
.w90m { width: 88%; margin: 0 1%; }
.w92m { width: 90%; margin: 0 1%; }
.w95m { width: 93%; margin: 0 1%; }
.w100m { width: 98% !important; margin: 0 1% !important;; }

.w75m25 { width: 75% !important; margin-left: 24% !important; margin-right: 1% !important; }
.w50m50 { width: 50% !important; margin-left: 49% !important; margin-right: 1% !important; }
.w40m60 { width: 40% !important; margin-left: 59% !important; margin-right: 1% !important; }

/* ================================
   			TOGGLE (2 State ja/nein )
   ================================ */
.toggle-container {
  display: block; /* Geändert von inline-block zu block */
  padding: 0;
  margin-bottom: 20px;
  overflow: hidden;
}

.toggle-wrapper {
  position: relative;
  width: 56px;
  height: 28px;
  margin: 0; /* Schatten, nur dark mode */
}

.toggle-label {
  display: block; /* Geändert zu block damit es über dem Toggle steht */
  font-size: 11px;
  margin-bottom: 1px;
  font-weight: 500;
}

.toggle-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f9fafb;
  border-radius: 40px;
  border: 1px solid #babec9;
  transition: background-color .25s ease, border-color .25s ease;
}

.toggle-knob {
  position: absolute;
  height: 22px;
  width: 22px;
  left: 3px;
  top: 2px; /* Zentriert vertikal (24px - 18px = 6px / 2 = 3px) */
  background-color: #babec9;
  border-radius: 50%;
  transition: transform .25s ease, background-color .25s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.toggle-input:checked + .toggle-slider {
  background-color: #3381ff;
  border: 1px solid #3381ff;
}

.toggle-input:checked + .toggle-slider .toggle-knob {
  transform: translateX(28px);
  background-color: #ffffff;
}

.toggle-state {
  display: none;
  position: absolute;
  left: 65px; /* Rechts neben dem Toggle */
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
  min-width: 25px;
  color: #666;
  white-space: nowrap;
}

/* Focus State für bessere Accessibility */
.toggle-input:focus + .toggle-slider {
  box-shadow: 0 0 0 2px rgba(51, 129, 255, 0.3);
}

/* Disabled State */
.toggle-input:disabled + .toggle-slider {
  opacity: 1;
  cursor: not-allowed;
}
/* Wenn Panel (noch) versteckt ist, nicht animieren */
.details-panel.panel-hidden .toggle-slider,
.details-panel.panel-hidden .toggle-knob {
  transition: none;
}

/* ================================
   		TOGGLE (2 State) - Dark Mode 
   ================================ */
.theme-dunkel .toggle-label {
  color: #e5e7eb;
}

.theme-dunkel .toggle-state {
  color: #cbd5e1;          /* falls eingeblendet */
}

/* Gehäuse/Slider */
.theme-dunkel .toggle-slider {
  background-color: #151b2e;
  border-color: #22283a;
  box-shadow: none;
}

/* Knopf */
.theme-dunkel .toggle-knob {
  background-color: #8b93a7;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

/* Checked-State */
.theme-dunkel .toggle-input:checked + .toggle-slider {
  background-color: #3b82f6;
  border-color: #3b82f6;
}
.theme-dunkel .toggle-input:checked + .toggle-slider .toggle-knob {
  background-color: #ffffff;
}

/* Fokus (Accessibility) */
.theme-dunkel .toggle-input:focus + .toggle-slider {
  box-shadow: 0 0 0 3px rgba(59,130,246,0.35);
}

/* Optionales Hover-Feedback */
.theme-dunkel .toggle-wrapper:hover .toggle-slider {
  box-shadow: 0 0 0 3px rgba(59,130,246,0.18);
}

/* Disabled */
.theme-dunkel .toggle-input:disabled + .toggle-slider {
  background-color: #1b2136;
  border-color: #2a3147;
  opacity: 1;              /* klare Farben beibehalten */
  cursor: not-allowed;
}
.theme-dunkel .toggle-input:disabled + .toggle-slider .toggle-knob {
  background-color: #4b5563;
}

/* ================================
   		SWITCH (Tri-State: Nein/Ja/NULL )
   ================================ */
.switch-container { display:inline-block; padding:0; margin-bottom:20px; }
.switch-label { display:inline-block; font-size:0.95em; }

/* Pill mit zwei Buttons */
.bool-field.switch-container .switch-wrapper {
  display:inline-flex; align-items:center; gap:8px; width:100%;
}
.bool-field.switch-container .switch-label {
  display:inline-block; font-size:11px; margin-right:10px; color:#374151;
}
.bool-field.switch-container .switch-input{
  position:absolute !important; opacity:0 !important; width:0 !important; height:0 !important; pointer-events:none !important;
}
.bool-field.switch-container .switch-slider{
  position:relative; display:inline-block; width:100%; min-width:120px; height:32px;
  border:1px solid #f1f1f4; background:#f9fafb; border-radius:2px;
  cursor:pointer; user-select:none; transition:all .2s ease; overflow:hidden;
}
.bool-field.switch-container .switch-knob{ display:none !important; }
.bool-field.switch-container .switch-slider::before,
.bool-field.switch-container .switch-slider::after{
  position:absolute; top:0; width:50%; height:100%;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; content:''; color:#374151;
  transition:background-color .15s ease, color .15s ease;
}

/* *** LINKS = NEIN, RECHTS = JA *** */
.bool-field.switch-container .switch-slider::before{
  left:0;  content:'Nein';
  border-top-left-radius:2px; border-bottom-left-radius:2px;
}
.bool-field.switch-container .switch-slider::after{
  right:0; content:'Ja';
  border-top-right-radius:2px; border-bottom-right-radius:2px;
}

.bool-field.switch-container .switch-input:focus-visible + .switch-slider{
  box-shadow:0 0 0 3px rgba(51,129,255,.35); outline:none;
}

/* JA aktiv (checked) – **rechte** Hälfte */
.bool-field.switch-container .switch-input:checked + .switch-slider::after{
  background:#3381ff; color:#fff;
}
.bool-field.switch-container .switch-input:checked + .switch-slider::before{
  background:transparent; color:#374151;
}

/* NEIN aktiv (nicht checked, nicht indeterminate) – **linke** Hälfte */
.bool-field.switch-container .switch-input:not(:checked):not(:indeterminate) + .switch-slider::before{
  background:#3381ff; color:#fff;
}
.bool-field.switch-container .switch-input:not(:checked):not(:indeterminate) + .switch-slider::after{
  background:transparent; color:#374151;
}

/* NULL: beide neutral */
.bool-field.switch-container .switch-input:indeterminate + .switch-slider::before,
.bool-field.switch-container .switch-input:indeterminate + .switch-slider::after{
  background:transparent; color:#374151;
}

/* dünne Trennlinie in der Mitte (optional, nur bei NULL) */
.bool-field.switch-container .switch-input:indeterminate + .switch-slider::before {
  border-right:1px solid #e5e6eb;
}

/* ================================
   DARK MODE – SWITCH (Tri-State)
   ================================ */
.theme-dunkel .switch-label { color:#e5e7eb; }

.theme-dunkel .bool-field.switch-container .switch-slider{
  border-color:#22283a;
  background:#151b2e;
  box-shadow:none;
}

/* Texte in den Halbflächen (default/neutral) */
.theme-dunkel .bool-field.switch-container .switch-slider::before,
.theme-dunkel .bool-field.switch-container .switch-slider::after{
  color:#cbd5e1;
}

/* Fokus (Accessibility) */
.theme-dunkel .bool-field.switch-container .switch-input:focus-visible + .switch-slider{
  box-shadow:0 0 0 3px rgba(59,130,246,.38);
  outline:none;
}

/* JA aktiv (checked) – **rechte** Hälfte */
.theme-dunkel .bool-field.switch-container .switch-input:checked + .switch-slider::after{
  background:#3b82f6; color:#ffffff;
}
.theme-dunkel .bool-field.switch-container .switch-input:checked + .switch-slider::before{
  background:transparent; color:#cbd5e1;
}

/* NEIN aktiv – **linke** Hälfte */
.theme-dunkel .bool-field.switch-container
.switch-input:not(:checked):not(:indeterminate) + .switch-slider::before{
  background:#3b82f6; color:#ffffff;
}
.theme-dunkel .bool-field.switch-container
.switch-input:not(:checked):not(:indeterminate) + .switch-slider::after{
  background:transparent; color:#cbd5e1;
}

/* NULL (indeterminate) – beide neutral */
.theme-dunkel .bool-field.switch-container .switch-input:indeterminate + .switch-slider::before,
.theme-dunkel .bool-field.switch-container .switch-input:indeterminate + .switch-slider::after{
  background:transparent; color:#cbd5e1;
}

/* Disabled */
.theme-dunkel .bool-field.switch-container .switch-input:disabled + .switch-slider{
  border-color:#2a3147;
  background:#1b2136;
  opacity:1;
  cursor:not-allowed;
}
.theme-dunkel .bool-field.switch-container .switch-input:disabled + .switch-slider::before,
.theme-dunkel .bool-field.switch-container .switch-input:disabled + .switch-slider::after{
  color:#94a3b8;
}

/* ================================
   		COLOR ( table td-Flaeche )
   ================================ */
/* ganze Farbzelle füllen (ohne data-col nötig) */
td.col-farbe { padding: 2px !important; }
td.col-farbe .color-chip { display:block; width:100%; height:100%; }
td.col-farbe .color-chip .chip {
  display:block;
  min-width:100% !important; 
  min-height:22px !important;
  border:none; border-radius:0;
}
.color-field .picker-row { width: auto; display: flex; }
.color-field  .swatch {display: none; }
.color-field{ display:flex; align-items:center; gap:8px; }
.color-field input[type="color"]{ order:0; width: 70px; min-width: 70px;}
.color-field input[type="text"]{ order:1; width: calc(100% - 75px); margin-left: 5px;  }
/* falls irgendwo noch vorhanden: unsichtbar machen */
td.col-farbe .color-chip .sr-only { display:none !important; }