.elektrowerkstatt {
  --werk-ink: #202c29;
  --werk-blech: #202e2b;
  --werk-gelb: #ffda83;
  --werk-papier: #faf7ec;
  color: var(--werk-ink);
}
.kabel-kopf {
  position: relative;
  overflow: clip;
  background: var(--werk-blech);
  color: #fffaf0;
  padding-block: clamp(1.35rem, 3vw, 2.6rem) clamp(3rem, 6vw, 5.5rem);
}
.kabel-kopf::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: .8rem;
  background: repeating-linear-gradient(90deg, #b6c5ab66 0 1px, transparent 1px 1rem);
  border-bottom: 1px solid #b6c5ab66;
}
.kabel-kopf .praxis-zurueck { color: #dce3d8; }
.kabel-auftakt, .kabel-raster {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
}
.kabel-auftakt { padding-top: clamp(2.3rem, 4.5vw, 4.5rem); }
.kabel-kopf .praxis-rubrik { color: var(--werk-gelb); }
.praxis.elektrowerkstatt .kabel-kopf h1 { color: inherit; font-size: clamp(4.1rem, 7vw, 7rem); line-height: .93; letter-spacing: -.075em; }
.kabel-kopf h1 span { display: block; color: var(--werk-gelb); }
.kabel-lead { max-width: 39ch; margin: 1.6rem 0; font-size: clamp(1rem, 1.5vw, 1.2rem); }
.kabel-kopf .praxis-cta { color: #24312b; background: var(--werk-gelb); }
.kabel-kopf .praxis-cta:hover { color: #17211c; background: #ffe8ae; }
.kabel-kopf :focus-visible { outline-color: var(--werk-gelb); }
.kabel-motiv { position: relative; margin: 0; border: 1px solid #b7ad8c; background: #e7c393; }
.kabel-motiv img { display: block; width: 100%; height: auto; }
.kabel-motiv figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .35rem .8rem;
  background: #eee8d8;
  color: #303932;
  padding: .9rem 1.1rem;
  font: 400 .83rem/1.35 ui-monospace, monospace;
}
.kabel-abgleich, .kabel-anfrage { padding-block: clamp(3.5rem, 6.5vw, 6rem); }
.kabel-abgleich { background: var(--werk-papier); }
.kabel-anfrage { background: #e6ece1; border-block: 1px solid #cdd5c9; }
.kabel-raster { align-items: start; }
.kabel-raster .praxis-rubrik { color: #366156; }
.kabel-raster h2 { max-width: 15ch; color: var(--werk-ink); }
.kabel-raster h2 + p { max-width: 40ch; margin-top: 1.1rem; }
.kabel-dispo { border-block: 1px solid #879082; padding-block: 1.1rem .9rem; }
.kabel-mengen { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin: 0; }
.kabel-mengen dt, .kabel-ki > p { color: #485b4f; font-size: .77rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.kabel-mengen dd { margin: .3rem 0 0; font: 700 clamp(1.6rem, 3vw, 2.9rem)/1.1 Mulish, system-ui, sans-serif; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.kabel-mengen > :last-child dd { color: #876018; }
.kabel-skala { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin: 1.2rem 0 1.3rem; }
.kabel-skala i { height: .85rem; background: #487469; }
.kabel-skala i:last-child { border: 1px solid #95752f; background: repeating-linear-gradient(-45deg, #e6cd8d 0 3px, transparent 3px 6px); }
.kabel-dispo details { border-block: 1px solid #d0d2c5; padding: 0; }
.kabel-dispo summary { padding-block: .8rem; color: var(--werk-ink); }
.kabel-position { margin: 0 0 1rem; padding: .4rem .85rem; background: #fffdf7; }
.kabel-position > div { display: flex; justify-content: space-between; gap: 1rem; padding: .4rem 0; border-bottom: 1px solid #e3e2d6; }
.kabel-position > div:last-child { border: 0; }
.kabel-position dd { margin: 0; text-align: end; font-weight: 700; }
.kabel-verweis { display: inline-block; margin-top: 1rem; }
.kabel-verweis, .kabel-anfrage .praxis-links a { color: #2f5e50; }
.kabel-notiz { padding: clamp(1.1rem, 2.6vw, 2rem); background: #fffdf6; box-shadow: 0 .24rem 0 -.07rem #d0d6ca; border: 1px solid #c3ccbd; }
.kabel-wahl { display: flex; gap: .7rem; align-items: center; min-height: 2.75rem; font-weight: 700; cursor: pointer; }
.kabel-wahl input { width: 1.2rem; height: 1.2rem; flex: none; margin: 0; accent-color: #356d56; }
.kabel-ki { padding: 1.1rem 0 0; margin-top: .65rem; border-top: 1px solid #cfd8ca; }
.kabel-ki blockquote { margin: .65rem 0 1rem; font: 1.08rem/1.55 Georgia, serif; user-select: text; }
.kabel-notiz:not(:has(input:checked)) .kabel-kennung { display: none; }
.kabel-kennung { background: #ffe5a5; }
.kabel-hinweis { font-size: .89rem; color: #4f5e54; margin-bottom: 1.25rem; }
.kabel-notiz .praxis-cta { background: var(--werk-blech); color: white; }
.kabel-notiz .praxis-cta:hover { background: #354c42; }
@media (max-width: 48rem) {
  .kabel-auftakt, .kabel-raster { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; }
  .kabel-motiv { max-width: 34rem; }
  .kabel-mengen { gap: .5rem; }
}