/* work-sans-100 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../webfonts/work-sans-v24-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-100.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-100italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../webfonts/work-sans-v24-latin-100italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-100italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-200 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../webfonts/work-sans-v24-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-200.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-200italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../webfonts/work-sans-v24-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-200italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-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: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/work-sans-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-300italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../webfonts/work-sans-v24-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-300italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - 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: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/work-sans-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/work-sans-v24-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../webfonts/work-sans-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../webfonts/work-sans-v24-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-500italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/work-sans-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../webfonts/work-sans-v24-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-600italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/work-sans-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/work-sans-v24-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-700italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-800 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../webfonts/work-sans-v24-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-800italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../webfonts/work-sans-v24-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-800italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-900 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../webfonts/work-sans-v24-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-900.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-900italic - 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: 'Work Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../webfonts/work-sans-v24-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/work-sans-v24-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/work-sans-v24-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../webfonts/work-sans-v24-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../webfonts/work-sans-v24-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../webfonts/work-sans-v24-latin-900italic.svg#WorkSans') format('svg'); /* Legacy iOS */
} 



 :root{
    --bg:#333;
    --text:#EBECE7;
    --muted:#6b7280;
    --border:#e5e7eb;
    --border-strong:#ccff00;
    --brand:#ccff00; /* Button/Trenner schwarz */
    --radius:10px;
    --gap:20px;
    --shadow:0 1px 2px rgba(0,0,0,.06);
    --focus:#ccff00;
  }
  *{box-sizing:border-box}
  body{
	font-family: "Work Sans", sans-serif;  
    margin:0;
    color:var(--text);
    line-height:1.45;
	background-image: url(https://offenhaeuser-berger.kraehativ.dev/wp-content/uploads/2025/07/Stempel_Handcrafted-germany-weiss.png);
    background-color: var(--bg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
  }
  .wrap{
    max-width:1380px; margin:30px auto; padding:0 16px;
  }

  /* Sektionstitel mit linkem Balken */
  .section-title{
    display:flex; align-items:center; gap:10px; margin:0 0 8px;
    font-size:1.5rem; font-weight:700;
  }
  .section-title::before{
    content:""; width:6px; height:24px; background:var(--brand); display:inline-block;
  }

  /*form{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;
  }
  @media (max-width: 960px){
    form{ grid-template-columns:1fr; }
  }*/

  fieldset{
    border:0px solid var(--border); border-radius:var(--radius);
    padding:18px; background:rgba(0,0,0,0.75); box-shadow:var(--shadow);
    min-height:auto;
	margin-bottom:30px;
  }
  legend{ position:static; height:0; overflow:hidden; padding:0; margin:0; }

  .form-row{ display:flex; flex-direction:column; gap:8px; margin:10px 0 14px; }
  label{ font-weight:600; font-size:1.2rem; }

  .hint{
    display:inline-flex; align-items:center; gap:8px; font-weight:600;
  }
  .info{
    display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%;
    border:1px solid var(--border-strong); color:var(--muted); font-style:normal; font-size:.9rem;
    background:#fff;
  }

  input:not([type=radio]){
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    width:100%; height:40px; border:1px solid var(--border-strong); border-radius:6px;
    padding:8px 12px; background:transparent; color:#FFF; font-size:1.1rem;
  }
  select{
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    width:100%; height:40px; border:1px solid var(--border-strong); border-radius:6px;
    padding:8px 12px; background:transparent; color:#FFF; font-size:1.1rem;
  }
  select option{
  color:#000;
  }
  input[type="number"]{ padding-right:12px; }

  /* input + fester Einheitstext (z. B. nm) */
  .input-with-unit{
    display:flex; align-items:center; gap:8px;
  }
  .unit{
    min-width:56px; height:40px; display:inline-grid; place-items:center;
    border:1px solid var(--border-strong); border-radius:6px; background:transparent; color:var(--text);
    padding:0 10px;
  }

  /* input + Einheiten-Select (mm/mrad/W) */
  .input-with-select{
    display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center;
  }
  .unit-select{
    width:80px; text-align:center; padding-left:8px; padding-right:8px;
  }

  /* Button-Leiste */
  .actions{
    grid-column:1/-1; margin-top:6px;
  }
  .btn-primary{
    width:100%; height:64px; border:0; border-radius:6px; background:var(--brand); color:#000;
    font-size:1.4rem; font-weight:700; cursor:pointer; text-transform:uppercase;
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
  }
  .btn-primary:focus-visible{ outline:3px solid var(--focus); outline-offset:2px; }
  .btn-primary .arrow{ font-weight:700; }

  /* Fokus */
  input:focus-visible, select:focus-visible{
    outline:3px solid var(--focus); outline-offset:1px;
  }
  
   /* Slider */
  .slider-wrap{margin-top:6px}
  .range{width:100%}
  input[type="range"]{
	background:linear-gradient(90deg, #5D1F76 16%, #00448B 21%, #006870 23%, #1C8045 25%, #448E2B 26%, #74A027 28%, #96AE21 29%, #FEE101 32%, #F8B201 35%, #F08900 37%, #DD5414 41%, #CF2F19 44%, #BF0F19 47%, #B61018 48%, #AE1118 50%, #9A1218 54%, #921116 55%, #821012 56%, #821012 100%) !important;
    -webkit-appearance:none;appearance:none;width:100%;height:20px;border-radius:0;background:#e5e7eb;margin:24px 0 34px;
  }
  input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:0%;background:#FFF;border:2px solid #111;cursor:pointer;
  }
  input[type="range"]::-moz-range-thumb{
    width:20px;height:20px;border:none;border-radius:0%;background:#FFF;cursor:pointer;
  }

  .ticks{position:relative;height:0; width:97%; margin:0 auto;}
  .tick{position:absolute;top:-8px;transform:translateX(-50%);text-align:center}
  .tick .mark{width:2px;height:10px;background:#9ca3af;margin:0 auto 6px;border-radius:2px}
  .tick .label{font-size:.72rem;white-space:nowrap;color:#fff}
  .tick .sub{display:block;color:var(--muted);font-size:.68rem}

  /* Gruppen-Badges */
  .groups{position:relative;margin-top:10px;margin-bottom:8px; margin-left:auto; margin-right:auto; width:97%;}
  .group-badge{
    position:absolute;transform:translateX(-50%);top:0px;
    background:#111;color:#fff;border-radius:999px;padding:2px 8px;font-size:.7rem;white-space:nowrap
  }

  .current{font-weight:600;margin:0 0 8px; font-size:1.2rem;}
  .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  
  .radio-option {
  display: inline-flex;
  align-items: center;
  margin-right: 25px;
  font-weight: 500;
  cursor: pointer;
}

.radio-option input {
  margin-right: 6px;
}