body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/* contaolabs Isotope Widerrufsbutton + GPSR – zurückhaltendes Grundlayout.
   Farben und Ecken über Variablen im Theme anpassbar, z. B.
   .cl-wd, .cl-gpsr { --cl-legal-accent: #8a5a2b; --cl-legal-radius: 0; } */

.cl-wd,
.cl-gpsr {
  --cl-legal-ink: #1c1c1e;
  --cl-legal-muted: #6b6b70;
  --cl-legal-line: #dcdcdf;
  --cl-legal-soft: #f6f6f7;
  --cl-legal-bg: #fff;
  --cl-legal-accent: #1c1c1e;
  --cl-legal-accent-ink: #fff;
  --cl-legal-ok: #2f6b4f;
  --cl-legal-ok-soft: #eef6f1;
  --cl-legal-warn: #7a4f00;
  --cl-legal-warn-soft: #fff6e5;
  --cl-legal-error: #9b2c2c;
  --cl-legal-radius: 6px;
}
.cl-wd *, .cl-wd *::before, .cl-wd *::after,
.cl-gpsr *, .cl-gpsr *::before, .cl-gpsr *::after { box-sizing: border-box; }

/* ---------------------------------------------------------------------
   Widerrufsformular
   --------------------------------------------------------------------- */
.cl-wd { max-width: 44rem; color: var(--cl-legal-ink); line-height: 1.55; }
.cl-wd p { margin: 0 0 1rem; }
.cl-wd form { margin: 0; }
.cl-wd .invisible { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cl-wd__hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.cl-wd__intro, .cl-wd__order-info, .cl-wd__review-intro { color: var(--cl-legal-muted); font-size: 1.0625rem; }
.cl-wd > :first-child { margin-top: .75rem; }
.cl-wd__order-info strong { color: var(--cl-legal-ink); }
.cl-wd__subheadline { margin: 2rem 0 .75rem; font-size: 1.125rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; }

/* Karten: Suche, Formular, Prüfschritt */
.cl-wd__lookup,
.cl-wd__form,
.cl-wd__summary {
  margin: 0 0 1.25rem; padding: 1.5rem; border: 1px solid var(--cl-legal-line);
  border-radius: var(--cl-legal-radius); background: var(--cl-legal-bg);
}

/* Felder */
.cl-wd__field { margin: 0 0 1.125rem; }
.cl-wd__field label,
.cl-wd__scope legend { display: block; margin: 0 0 .375rem; padding: 0; font-size: .875rem; font-weight: 500; color: var(--cl-legal-ink); }
.cl-wd .mandatory, .cl-wd__optional { color: var(--cl-legal-muted); font-weight: 400; }
.cl-wd input.text,
.cl-wd input[type="text"],
.cl-wd input[type="email"],
.cl-wd select,
.cl-wd textarea {
  display: block; width: 100%; min-height: 2.875rem; margin: 0; padding: .625rem .875rem;
  border: 1px solid var(--cl-legal-line); border-radius: var(--cl-legal-radius); background: var(--cl-legal-bg);
  color: var(--cl-legal-ink); font: inherit; font-size: 1rem; line-height: 1.4; box-shadow: none; appearance: none;
}
.cl-wd textarea { min-height: 6rem; resize: vertical; }
.cl-wd select {
  padding-right: 2rem; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--cl-legal-muted) 50%), linear-gradient(135deg, var(--cl-legal-muted) 50%, transparent 50%);
  background-position: calc(100% - 1.1rem) 50%, calc(100% - .8rem) 50%; background-size: .3rem .3rem; background-repeat: no-repeat;
}
.cl-wd input:focus, .cl-wd select:focus, .cl-wd textarea:focus { outline: none; border-color: var(--cl-legal-accent); box-shadow: 0 0 0 1px var(--cl-legal-accent); }
.cl-wd__field small { display: block; margin-top: .375rem; color: var(--cl-legal-muted); font-size: .8125rem; }

/* Umfang: zwei Optionen als Karten */
.cl-wd__scope { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; min-width: 0; margin: 0 0 1.125rem; padding: 0; border: 0; }
.cl-wd__scope legend { grid-column: 1 / -1; float: left; width: 100%; }
.cl-wd__scope label {
  position: relative; display: flex; align-items: center; gap: .625rem; margin: 0; padding: .875rem 1rem;
  border: 1px solid var(--cl-legal-line); border-radius: var(--cl-legal-radius); background: var(--cl-legal-bg);
  font-size: .9375rem; font-weight: 500; cursor: pointer; transition: border-color .15s ease, background-color .15s ease;
}
.cl-wd__scope label:hover { border-color: var(--cl-legal-muted); }
.cl-wd__scope label:has(input:checked) { border-color: var(--cl-legal-accent); background: var(--cl-legal-soft); box-shadow: 0 0 0 1px var(--cl-legal-accent); }
.cl-wd input[type="radio"], .cl-wd input[type="checkbox"] { flex: 0 0 auto; width: 1rem; height: 1rem; margin: 0; accent-color: var(--cl-legal-accent); }

/* Positionen */
.cl-wd__items { width: 100%; margin: 0 0 .5rem; border-collapse: collapse; font-size: .9375rem; }
.cl-wd__items th {
  padding: 0 .5rem .5rem; border-bottom: 1px solid var(--cl-legal-line); text-align: left;
  color: var(--cl-legal-muted); font-size: .75rem; font-weight: 500; letter-spacing: .04em; text-transform: uppercase;
}
.cl-wd__items td { padding: .75rem .5rem; border-bottom: 1px solid var(--cl-legal-line); vertical-align: middle; }
.cl-wd__items th:first-child, .cl-wd__items td:first-child { padding-left: 0; }
.cl-wd__items th:last-child, .cl-wd__items td:last-child { padding-right: 0; }
.cl-wd__items .cl-wd__col-ordered, .cl-wd__items .cl-wd__col-qty { width: 1%; text-align: right; white-space: nowrap; }
.cl-wd__items .cl-wd__col-ordered { color: var(--cl-legal-muted); font-variant-numeric: tabular-nums; }
.cl-wd__items select { display: inline-block; width: 4.75rem; min-height: 2.5rem; padding-top: .375rem; padding-bottom: .375rem; }
.cl-wd__items small { color: var(--cl-legal-muted); font-size: .8125rem; }
.cl-wd__items tr.is-excluded, .cl-wd__items tr.is-withdrawn { color: var(--cl-legal-muted); }
.cl-wd__sku { color: var(--cl-legal-muted); font-size: .8125rem; }
.cl-wd__hint { margin: 0 0 1.25rem !important; color: var(--cl-legal-muted); font-size: .8125rem; }

/* Buttons und Links */
.cl-wd__button,
.cl-wd a.cl-wd__button {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 3rem; margin: 0; padding: 0 1.5rem;
  border: 1px solid var(--cl-legal-accent); border-radius: var(--cl-legal-radius); background: var(--cl-legal-accent);
  color: var(--cl-legal-accent-ink); font: inherit; font-size: 1rem; font-weight: 600; line-height: 1; text-decoration: none;
  cursor: pointer; transition: opacity .15s ease;
}
.cl-wd__button:hover { opacity: .88; }
.cl-wd__lookup .cl-wd__button, .cl-wd__form .cl-wd__button { width: 100%; }
.cl-wd__back { color: var(--cl-legal-muted); font-size: .9375rem; text-decoration: underline; text-underline-offset: 3px; }
.cl-wd__back:hover { color: var(--cl-legal-ink); }

/* Eigene Bestellungen (angemeldete Kunden) */
.cl-wd__orders { margin: 0 0 1.5rem; padding: 0; list-style: none; border: 1px solid var(--cl-legal-line); border-radius: var(--cl-legal-radius); background: var(--cl-legal-bg); }
.cl-wd__order { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; padding: .875rem 1.25rem; border-bottom: 1px solid var(--cl-legal-line); }
.cl-wd__order:last-child { border-bottom: 0; }
.cl-wd__order-number { font-weight: 600; }
.cl-wd__order-date, .cl-wd__order-done { color: var(--cl-legal-muted); font-size: .875rem; }
.cl-wd__order .cl-wd__button, .cl-wd__order-done { margin-left: auto; }
.cl-wd__order .cl-wd__button { min-height: 2.5rem; padding: 0 1rem; font-size: .875rem; }
.cl-wd__empty { color: var(--cl-legal-muted); }

/* Zusammenfassung (Prüfschritt, Bestätigung) */
.cl-wd__summary { display: grid; grid-template-columns: minmax(9rem, 13rem) 1fr; gap: 0; }
.cl-wd__summary dt, .cl-wd__summary dd { margin: 0; padding: .625rem 0; border-bottom: 1px solid var(--cl-legal-line); }
.cl-wd__summary dt { padding-right: 1rem; color: var(--cl-legal-muted); font-size: .875rem; }
.cl-wd__summary dd { font-weight: 500; }
.cl-wd__summary dt:first-of-type, .cl-wd__summary dt:first-of-type + dd { padding-top: 0; }
.cl-wd__summary dt:last-of-type, .cl-wd__summary dd:last-of-type { padding-bottom: 0; border-bottom: 0; }
.cl-wd__summary ul { margin: 0; padding: 0; list-style: none; }
.cl-wd__summary li + li { margin-top: .25rem; }
.cl-wd__confirm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; }

/* Meldungen */
.cl-wd__errors { margin: 0 0 1rem; }
.cl-wd__errors .error,
.cl-wd__late,
.cl-wd__nothing,
.cl-wd__previous {
  margin: 0 0 1rem; padding: .75rem 1rem; border: 1px solid currentColor; border-left-width: 3px;
  border-radius: var(--cl-legal-radius); font-size: .9375rem;
}
.cl-wd__errors .error { color: var(--cl-legal-error); background: var(--cl-legal-bg); }
.cl-wd__late { color: var(--cl-legal-warn); background: var(--cl-legal-warn-soft); }
.cl-wd__previous, .cl-wd__nothing { color: var(--cl-legal-muted); background: var(--cl-legal-soft); border-color: var(--cl-legal-line); }
.cl-wd__previous p { margin: 0; }
.cl-wd__previous p + p { margin-top: .25rem; }

/* Bestätigung */
.cl-wd__done { padding: 1.75rem 1.5rem 1.5rem; border: 1px solid var(--cl-legal-line); border-radius: var(--cl-legal-radius); background: var(--cl-legal-bg); }
.cl-wd__done > .cl-wd__subheadline { display: flex; align-items: center; gap: .75rem; margin: 0 0 .5rem; font-size: 1.375rem; }
.cl-wd__done > .cl-wd__subheadline::before {
  content: "✓"; display: inline-grid; place-items: center; flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: 50%;
  background: var(--cl-legal-ok-soft); color: var(--cl-legal-ok); font-size: 1rem; font-weight: 700;
}
.cl-wd__done > p { color: var(--cl-legal-muted); }
.cl-wd__done > p strong { color: var(--cl-legal-ink); }
.cl-wd__done .cl-wd__summary { margin: 1.25rem 0; padding: 1.25rem; background: var(--cl-legal-soft); border-color: transparent; }
.cl-wd__done > p:last-child { margin: 0; font-size: .9375rem; }

/* Button „Vertrag widerrufen“ (Footer, Insert-Tag, Bestelldetails) */
a.cl-wd-link { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.cl-wd-orderdetails { margin: 1.5rem 0 0; }
.cl-wd-orderdetails a.cl-wd-link {
  display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 1.25rem; border: 1px solid currentColor;
  border-radius: 6px; text-decoration: none;
}
.cl-wd-orderdetails a.cl-wd-link:hover { opacity: .8; }

@media (max-width: 600px) {
  .cl-wd__lookup, .cl-wd__form, .cl-wd__summary { padding: 1.125rem; }
  .cl-wd__scope { grid-template-columns: 1fr; }
  .cl-wd__items th.cl-wd__col-ordered, .cl-wd__items td.cl-wd__col-ordered { display: none; }
  .cl-wd__summary { grid-template-columns: 1fr; }
  .cl-wd__summary dt { padding-bottom: 0; border-bottom: 0; }
  .cl-wd__summary dd { padding-top: .125rem; }
  .cl-wd__confirm { flex-direction: column-reverse; align-items: stretch; text-align: center; }
  .cl-wd__confirm .cl-wd__button { width: 100%; }
  .cl-wd input.text, .cl-wd input[type="text"], .cl-wd input[type="email"], .cl-wd select { font-size: 16px; }
}

/* ---------------------------------------------------------------------
   GPSR-Block „Produktsicherheit“ auf der Produktseite
   --------------------------------------------------------------------- */
.cl-gpsr { clear: both; overflow: hidden; margin: 2rem 0; border: 1px solid var(--cl-legal-line); border-radius: var(--cl-legal-radius); background: var(--cl-legal-bg); color: var(--cl-legal-ink); font-size: .9375rem; line-height: 1.55; }
.cl-gpsr summary {
  display: flex; align-items: center; gap: .75rem; padding: 1rem 1.25rem; cursor: pointer; list-style: none;
  font-size: 1rem; font-weight: 600;
}
.cl-gpsr summary::-webkit-details-marker { display: none; }
.cl-gpsr summary::before {
  content: ""; flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem;
  background: var(--cl-legal-muted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.4 3.1 8.3 7.5 9.5 4.4-1.2 7.5-5.1 7.5-9.5V6z'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.2-4.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.4 3.1 8.3 7.5 9.5 4.4-1.2 7.5-5.1 7.5-9.5V6z'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.2-4.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cl-gpsr summary::after {
  content: ""; margin-left: auto; width: .5rem; height: .5rem; border-right: 1.5px solid var(--cl-legal-muted); border-bottom: 1.5px solid var(--cl-legal-muted);
  transform: rotate(45deg); transition: transform .15s ease;
}
.cl-gpsr[open] summary::after { transform: rotate(-135deg); }
.cl-gpsr[open] summary { border-bottom: 1px solid var(--cl-legal-line); }
/* Raster im eigenen Container: Inhalte von <details> liegen in neueren Browsern in einem eigenen Slot */
.cl-gpsr__body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cl-gpsr__section { padding: 1rem 1.25rem; border-top: 1px solid var(--cl-legal-line); }
.cl-gpsr__manufacturer, .cl-gpsr__eu-person { border-top: 0; }
.cl-gpsr__identifier, .cl-gpsr__warnings, .cl-gpsr__documents { grid-column: 1 / -1; }
.cl-gpsr__manufacturer:not(:has(+ .cl-gpsr__eu-person)) { grid-column: 1 / -1; }
.cl-gpsr__manufacturer + .cl-gpsr__eu-person { box-shadow: inset 1px 0 0 var(--cl-legal-line); }
@media (max-width: 600px) {
  .cl-gpsr__body { grid-template-columns: minmax(0, 1fr); }
  .cl-gpsr__eu-person { border-top: 1px solid var(--cl-legal-line); box-shadow: none !important; }
}
.cl-gpsr__section h4 {
  margin: 0 0 .375rem; color: var(--cl-legal-muted); font-size: .75rem; font-weight: 500; letter-spacing: .04em; line-height: 1.3; text-transform: uppercase;
}
.cl-gpsr__section p { margin: 0; }
.cl-gpsr__section p + p { margin-top: .5rem; }
.cl-gpsr a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.cl-gpsr__warnings { background: var(--cl-legal-soft); }
.cl-gpsr__docs { margin: 0; padding-left: 1.2em; }