:root {
--dw-tuerkis: #0099a1; --dw-tuerkis-dunkel: #007a81;
--dw-text: #1d2a2e;
--dw-text-leise: #5b6b70;
--dw-linie: #dde5e7;
--dw-flaeche: #f4f7f7;
--dw-tuerkis-tief: #005f65; --dw-kastenrand: #7d8b90; } html body #main { background: #fff !important; color: var(--dw-text); }
html body #main .breadcrumbs, html body #main .woocommerce-result-count { color: var(--dw-text-leise); }
html body #main .breadcrumbs a { color: var(--dw-text-leise); }
html body #main h1, html body #main h2, html body #main h3, html body #main .product-title, html body #main .widget-title { color: var(--dw-text); }
html body #main .widget a { color: var(--dw-text); }
html body #main .widget a:hover { color: var(--dw-tuerkis-dunkel); }
html body #main .is-divider { background-color: var(--dw-tuerkis); }
html body .shop-page-title, html body .category-page-title { background: var(--dw-flaeche) !important; }
html body .shop-page-title *, html body .category-page-title * { color: var(--dw-text) !important; }
html body .shop-page-title a, html body .category-page-title a { color: var(--dw-text-leise) !important; } #footer a { color: inherit; } .woocommerce-ordering { display: none !important; } .nav-pagination > li > a, .nav-pagination > li > span { border-color: var(--dw-tuerkis-dunkel) !important; color: var(--dw-tuerkis-dunkel) !important; }
.nav-pagination > li > .current, .nav-pagination > li > a:hover { background-color: var(--dw-tuerkis-dunkel) !important; color: #fff !important; } .button.primary, .dw-anfrage-senden { background-color: var(--dw-tuerkis-dunkel) !important; border-color: var(--dw-tuerkis-dunkel) !important; color: #fff !important; font-weight: 700 !important; }
.button.primary:hover, .dw-anfrage-senden:hover { background-color: var(--dw-tuerkis-tief) !important; border-color: var(--dw-tuerkis-tief) !important; } .products .product-small.col { padding-bottom: 32px; }
.products .product-small .col-inner {
height: 100%;
display: flex; flex-direction: column;
background: #fff;
border: 1px solid var(--dw-linie);
border-radius: 8px;
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.products .product-small .col-inner:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(29, 42, 46, .12);
border-color: var(--dw-tuerkis);
}
.products .product-small .product-small.box { flex: 1; display: flex; flex-direction: column; height: 100%; }
.products .product-small.col > .col-inner { height: 100%; }
.products .box-image { background: #fff; border-bottom: 1px solid var(--dw-linie); }
.products .box-image img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; background: #fff; transition: transform .3s ease; }
.products .product-small .col-inner:hover .box-image img { transform: scale(1.04); }
.products .box-text { flex: 1; display: flex; flex-direction: column; padding: 14px 16px 16px !important; }
.products .box-text .category { display: none !important; }
.products .box-text .product-title a { color: var(--dw-text); font-weight: 600; }
.products .box-text .title-wrapper { min-height: 2.9em; }
.products .box-text .price-wrapper { display: none; } .products .dw-anfragen { margin: auto 0 0 !important; align-self: flex-start; }
.products .box-text .title-wrapper + .price-wrapper + .dw-anfragen, .products .box-text .dw-anfragen { margin-top: auto !important; }
.products .box-text { gap: 10px; } .single-product .woocommerce-product-gallery__image,
.single-product .product-gallery-slider .slide { background: #fff; border: 1px solid var(--dw-linie); border-radius: 8px; }
.single-product .woocommerce-product-gallery__image img,
.single-product .product-gallery-slider img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; background: #fff; }
.single-product .product-thumbnails img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border: 1px solid var(--dw-linie); border-radius: 6px; box-sizing: border-box; }
.single-product .product-thumbnails .col, .single-product .product-thumbnails .col a, .single-product .product-thumbnails img { opacity: 1 !important; }
.single-product .product-thumbnails { padding-bottom: 4px; }
.single-product .product-thumbnails .col a { border: 0 !important; }
.single-product .product-thumbnails .is-nav-selected img { border-color: var(--dw-tuerkis-dunkel); }
.single-product .product-info .product-title { font-size: 1.9em; }
.single-product .product-short-description { color: var(--dw-text); font-size: 1.05em; }
.dw-merkmale { margin: 16px 0 24px; }
.dw-merkmale table, .dw-produktinfo table { border-color: var(--dw-linie); }
.dw-merkmale th, .dw-merkmale td, .dw-produktinfo th, .dw-produktinfo td { color: var(--dw-text); padding: 8px 10px 8px 0; border-color: var(--dw-linie); }
.dw-merkmale th { text-transform: uppercase; letter-spacing: .04em; font-size: .8em; color: var(--dw-text-leise); }
.dw-merkmale p { margin: 0; }
.dw-anfrage-knopf { width: 100%; max-width: 360px; margin: 0 0 8px !important; }
.dw-antwortzeit { color: var(--dw-text-leise); font-size: .9em; }
.single-product .product_meta { color: var(--dw-text-leise); font-size: .85em; }
.single-product .product_meta a { color: var(--dw-text) !important; text-decoration: underline; } .dw-produktinfo { border-top: 1px solid var(--dw-linie); margin-top: 40px; padding-top: 32px; }
.dw-zeile { display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding-bottom: 24px; }
.dw-zeile h3 { font-size: .85em; text-transform: uppercase; letter-spacing: .06em; margin: 4px 0 0; } .dw-anfrage-bereich {
scroll-margin-top: 120px;
background: var(--dw-flaeche);
border: 1px solid var(--dw-linie);
border-radius: 10px;
padding: 32px;
margin: 16px 0 48px;
}
.dw-anfrage-bereich > h2 { margin-bottom: 4px; }
.dw-anfrage-bereich > p { color: var(--dw-text-leise); margin-bottom: 20px; }
div.wpforms-container-full.dw-anfrage { background: transparent !important; padding: 0 !important; margin: 0 !important; color: var(--dw-text); }
div.wpforms-container-full.dw-anfrage .wpforms-form .wpforms-field-label,
div.wpforms-container-full.dw-anfrage .wpforms-form .wpforms-field-description,
div.wpforms-container-full.dw-anfrage .wpforms-form .wpforms-field-label-inline { color: var(--dw-text) !important; }
div.wpforms-container-full.dw-anfrage .wpforms-field-container {
display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px;
}
div.wpforms-container-full.dw-anfrage .wpforms-field { padding: 8px 0 !important; }
div.wpforms-container-full.dw-anfrage .wpforms-field input:not([type=checkbox]):not([type=radio]),
div.wpforms-container-full.dw-anfrage .wpforms-field select,
div.wpforms-container-full.dw-anfrage .wpforms-field textarea,
div.wpforms-container-full.dw-anfrage .wpforms-field .choices { max-width: 100% !important; width: 100% !important; background-color: #fff; } #wpforms-1724-field_1-container { grid-column: 1; grid-row: 1 / span 2; }
#wpforms-1724-field_2-container { grid-column: 1; grid-row: 3; }
#wpforms-1724-field_3-container { grid-column: 1; grid-row: 4; }
#wpforms-1724-field_4-container { grid-column: 1; grid-row: 5; }
#wpforms-1724-field_5-container { grid-column: 1; grid-row: 6; }
#wpforms-1724-field_6-container { grid-column: 2; grid-row: 1; }
#wpforms-1724-field_7-container { grid-column: 2; grid-row: 2; }
#wpforms-1724-field_8-container { grid-column: 2; grid-row: 3; }
#wpforms-1724-field_9-container { grid-column: 2; grid-row: 4; }
#wpforms-1724-field_10-container { grid-column: 2; grid-row: 5 / span 2; }
#wpforms-1724-field_11-container { grid-column: 1 / -1; grid-row: 7; }
div.wpforms-container-full.dw-anfrage ::placeholder { color: var(--dw-text-leise) !important; opacity: 1 !important; }
div.wpforms-container-full.dw-anfrage .choices__inner { min-height: 0 !important; }
.dw-anfrage .choices__list--multiple .choices__item { padding-right: 26px !important; position: relative; background-color: var(--dw-tuerkis-dunkel) !important; border-color: var(--dw-tuerkis-dunkel) !important; }
.dw-anfrage .choices__list--multiple .choices__button { position: absolute !important; right: 6px; top: 50%; transform: translateY(-50%); margin: 0 !important; border-left: 0 !important; padding: 0 !important; width: 12px; }
@media (max-width: 849px) {
.dw-zeile { grid-template-columns: 1fr; gap: 8px; }
.dw-anfrage-bereich { padding: 20px 16px; }
div.wpforms-container-full.dw-anfrage .wpforms-field-container { grid-template-columns: 1fr; }
div.wpforms-container-full.dw-anfrage .wpforms-field-container > .wpforms-field { grid-column: 1 !important; grid-row: auto !important; }
.dw-anfrage-knopf { max-width: none; }
.dw-anfrage-senden, div.wpforms-container-full.dw-anfrage .wpforms-submit-container button[type=submit] { width: 100% !important; }
.single-product .product-info { padding-bottom: 0 !important; margin-bottom: 0 !important; }
} .single-product #product-sidebar { display: none !important; } div.wpforms-container-full.dw-anfrage .wpforms-field-label-inline a { color: var(--dw-text) !important; text-decoration: underline; }  .dw-zugaenge { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 28px; }
.dw-zugang {
position: relative; display: flex; flex-direction: column; gap: 6px;
padding: 26px 64px 26px 26px; border-radius: 10px;
background: var(--dw-tuerkis-dunkel); color: #fff !important;
transition: background-color .2s ease, transform .2s ease;
}
.dw-zugang:nth-child(2) { background: var(--dw-text); }
.dw-zugang:hover { transform: translateY(-3px); background: var(--dw-tuerkis-tief); }
.dw-zugang-titel { font-size: 1.45em; font-weight: 700; letter-spacing: -.01em; }
.dw-zugang-text { opacity: .92; font-size: .95em; }
.dw-pfeil { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 1.8em; transition: right .2s ease; }
.dw-zugang:hover .dw-pfeil { right: 18px; } .dw-filter { display: flex; flex-direction: column; gap: 0; color: var(--dw-text); }
.dw-filter-kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 0 0 14px; }
.dw-filter-titel { font-size: 1.15em; font-weight: 700; letter-spacing: -.01em; }
.dw-zuruecksetzen { font-size: .85em; font-weight: 600; color: var(--dw-tuerkis-dunkel) !important; text-decoration: underline; text-underline-offset: 3px; }
.dw-zuruecksetzen:hover { color: var(--dw-tuerkis-tief) !important; }
.dw-filter-aktiv { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 16px; }
.dw-chip { display: inline-flex; align-items: center; gap: 8px; padding: 5px 8px 5px 12px; border-radius: 999px; background: var(--dw-tuerkis-dunkel); color: #fff !important; font-size: .82em; font-weight: 600; line-height: 1.3; transition: background-color .15s ease; }
.dw-chip:hover { background: var(--dw-tuerkis-tief); }
.dw-chip-x { position: relative; width: 16px; height: 16px; border-radius: 50%; background: rgba(255, 255, 255, .22); }
.dw-chip-x::before, .dw-chip-x::after { content: ""; position: absolute; left: 4px; top: 7.25px; width: 8px; height: 1.5px; background: #fff; transform: rotate(45deg); }
.dw-chip-x::after { transform: rotate(-45deg); }
.dw-facette { border-top: 1px solid var(--dw-linie); padding: 0; }
.dw-facette:last-child { border-bottom: 1px solid var(--dw-linie); }
.dw-facette summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; padding: 14px 0; font-weight: 700; font-size: .95em; color: var(--dw-text); }
.dw-facette summary::-webkit-details-marker { display: none; }
.dw-facette-titel { flex: 1; }
.dw-facette-wahl { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--dw-tuerkis-dunkel); color: #fff; font-size: .75em; line-height: 20px; text-align: center; }
.dw-facette summary::after { content: ""; flex: none; width: 7px; height: 7px; border-right: 1.75px solid var(--dw-text-leise); border-bottom: 1.75px solid var(--dw-text-leise); transform: rotate(45deg); margin: -4px 4px 0; transition: transform .2s ease; }
.dw-facette[open] summary::after { transform: rotate(-135deg); margin-top: 3px; }
.dw-facette summary:focus-visible { outline: 2px solid var(--dw-tuerkis-dunkel); outline-offset: 2px; border-radius: 4px; }
.dw-pillen, .dw-farbraster { list-style: none; margin: 0 !important; padding: 0 0 16px; }
.dw-pillen li, .dw-farbraster li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
.dw-pillen { display: flex; flex-wrap: wrap; gap: 6px; }
.dw-pille {
display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
border: 1px solid var(--dw-kastenrand); background: #fff; color: var(--dw-text) !important; font-size: .86em; line-height: 1.3;
transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.dw-pille:hover { border-color: var(--dw-tuerkis-dunkel); background: var(--dw-flaeche); }
.dw-pille.ist-an { background: var(--dw-tuerkis-dunkel); border-color: var(--dw-tuerkis-dunkel); color: #fff !important; font-weight: 600; }
.dw-pille.ist-an:hover { background: var(--dw-tuerkis-tief); border-color: var(--dw-tuerkis-tief); }
.dw-zahl { color: var(--dw-text-leise); font-size: .85em; font-weight: 400; font-variant-numeric: tabular-nums; }
.dw-pille.ist-an .dw-zahl { color: #fff; }
.dw-farbraster { display: grid; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: 10px 4px; }
.dw-farbe { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 4px 0; border-radius: 8px; color: var(--dw-text) !important; font-size: .74em; line-height: 1.2; text-align: center; }
.dw-farbe .dw-punkt { width: 30px; height: 30px; transition: box-shadow .15s ease, transform .15s ease; }
.dw-farbe:hover .dw-punkt { transform: scale(1.08); }
.dw-farbe.ist-an .dw-punkt { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--dw-tuerkis-dunkel) !important; }
.dw-farbe.ist-an .dw-name { font-weight: 700; }
.dw-farbe .dw-zahl { font-size: 1em; margin-top: -3px; }
.dw-farbe:focus-visible, .dw-pille:focus-visible, .dw-chip:focus-visible { outline: 2px solid var(--dw-tuerkis-dunkel); outline-offset: 2px; } @media (min-width: 850px) {
.category-page-row > .large-3 #shop-sidebar { position: sticky; top: 100px; max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; scrollbar-width: thin; }
.admin-bar .category-page-row > .large-3 #shop-sidebar { top: 132px; }
.dw-filter-knopf, .dw-leiste { display: none !important; }
} .dw-filter-knopf {
display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 10px 18px; min-height: 44px;
border: 1px solid var(--dw-text); border-radius: 999px; background: #fff; color: var(--dw-text);
font-size: .95em; font-weight: 700; text-transform: none; letter-spacing: 0; line-height: 1.2; cursor: pointer;
}
.dw-filter-n { color: var(--dw-tuerkis-dunkel); }
.dw-filter-symbol { position: relative; width: 16px; height: 12px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.dw-filter-symbol::after { content: ""; position: absolute; left: 3px; right: 3px; top: 3px; border-top: 2px solid currentColor; }
.dw-leiste { position: fixed; inset: 0; z-index: 100000; }
.dw-leiste-schatten { position: absolute; inset: 0; background: rgba(29, 42, 46, .55); opacity: 0; transition: opacity .25s ease; }
.dw-leiste-flaeche {
position: absolute; left: 0; right: 0; bottom: 0; max-height: 88vh; overflow-y: auto; overscroll-behavior: contain;
background: #fff; border-radius: 16px 16px 0 0; padding: 22px 20px 0;
padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px));
transform: translateY(100%); transition: transform .25s ease;
}
.dw-leiste-flaeche::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 2px; background: var(--dw-linie); }
.dw-leiste.ist-offen .dw-leiste-schatten { opacity: 1; }
.dw-leiste.ist-offen .dw-leiste-flaeche { transform: none; }
.dw-leiste .dw-filter-kopf { padding-right: 48px; }
.dw-leiste-zu { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.dw-leiste-zu::before, .dw-leiste-zu::after { content: ""; position: absolute; left: 13px; top: 21px; width: 18px; height: 2px; background: var(--dw-text); transform: rotate(45deg); }
.dw-leiste-zu::after { transform: rotate(-45deg); }
.dw-leiste-fuss { position: sticky; bottom: 0; margin: 0 -20px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--dw-linie); }
.dw-leiste-zeigen { width: 100%; margin: 0; min-height: 48px; border: 0; border-radius: 999px; background: var(--dw-tuerkis-dunkel); color: #fff; font-weight: 700; font-size: 1em; text-transform: none; letter-spacing: 0; cursor: pointer; }
.dw-leiste-zeigen:hover { background: var(--dw-tuerkis-tief); }
html.dw-leiste-offen, html.dw-leiste-offen body { overflow: hidden; }
@media (max-width: 849px) {
.category-filtering .filter-button { display: none !important; } } .dw-punkt-hell { box-shadow: inset 0 0 0 1px var(--dw-kastenrand) !important; }
.dw-farbe.ist-an .dw-punkt-hell { box-shadow: inset 0 0 0 1px var(--dw-kastenrand), 0 0 0 2px #fff, 0 0 0 4px var(--dw-tuerkis-dunkel) !important; }
.dw-leiste .dw-pille { min-height: 44px; padding: 10px 14px; }
.dw-leiste .dw-chip { min-height: 44px; padding: 8px 10px 8px 14px; }
.dw-leiste .dw-filter-kopf .dw-zuruecksetzen { display: none; } .dw-leiste-fuss { display: flex; gap: 10px; }
.dw-leiste-fuss .dw-leiste-zeigen { flex: 1; }
.dw-leiste-reset { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 18px; border: 1px solid var(--dw-text); border-radius: 999px; color: var(--dw-text) !important; font-weight: 700; white-space: nowrap; } .grid-tools a, .grid-tools a.quick-view { background-color: var(--dw-tuerkis-dunkel) !important; color: #fff !important; opacity: 1 !important; font-weight: 700; letter-spacing: .04em; }
.grid-tools a:hover { background-color: var(--dw-tuerkis-tief) !important; }
.product-lightbox .product-lightbox-inner { color: var(--dw-text); }
.product-lightbox a { color: var(--dw-tuerkis-dunkel) !important; }
.product-lightbox .product_meta a { color: var(--dw-text) !important; text-decoration: underline; text-underline-offset: 2px; } .product-lightbox a:hover { color: var(--dw-tuerkis-tief) !important; }
.product-lightbox .is-divider { background-color: var(--dw-tuerkis) !important; }
.product-lightbox a.dw-qv-anfragen { display: inline-block; margin: 6px 0 18px; padding: 0 26px; border-radius: 0; background: var(--dw-tuerkis-dunkel) !important; color: #fff !important; }
.product-lightbox a.dw-qv-anfragen:hover { background: var(--dw-tuerkis-tief) !important; color: #fff !important; } .dw-punkt { flex: none; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: var(--dw-punkt); box-shadow: inset 0 0 0 1px rgba(29, 42, 46, .18); }
.dw-punkt-hell { box-shadow: inset 0 0 0 1px rgba(29, 42, 46, .35); }
.dw-punkt[style*="transparent"] { background: linear-gradient(135deg, #fff 45%, #c9ced2 45%, #c9ced2 55%, #fff 55%); }
.dw-farbpunkte { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; min-height: 14px; }
.dw-farbpunkte .dw-punkt { width: 13px; height: 13px; }
.dw-mehr { font-size: .75em; color: var(--dw-text-leise); margin-left: 2px; } .dw-uebersicht { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 8px 0 48px; }
.dw-uebersicht-marken { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dw-uebersicht-marken .dw-kachel-name { text-align: center; padding-top: 14px; }
.dw-uebersicht-marken .dw-kachel-zahl { padding-top: 0; text-align: center; }
@media (max-width: 549px) { .dw-uebersicht-marken .dw-kachel-name { font-size: .9em; padding: 10px 8px 2px; } .dw-uebersicht-marken .dw-kachel { display: flex; flex-direction: column; } .dw-uebersicht-marken .dw-kachel-zahl { margin-top: auto; padding-bottom: 12px; } }
.dw-kachel {
display: flex; flex-direction: column; background: #fff; border: 1px solid var(--dw-linie); border-radius: 10px; overflow: hidden;
color: var(--dw-text) !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.dw-kachel:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(29, 42, 46, .12); border-color: var(--dw-tuerkis); }
.dw-kachel-bild { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #fff; border-bottom: 1px solid var(--dw-linie); overflow: hidden; }
.dw-kachel-bild img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.dw-kachel:hover .dw-kachel-bild img { transform: scale(1.04); }
.dw-kachel.hat-logo .dw-kachel-bild img, .dw-marke-kopf img { width: 62%; height: auto; max-height: 55%; }
.dw-kachel-name { padding: 14px 16px 2px; font-weight: 700; font-size: 1.05em; }
.dw-kachel-zahl { padding: 0 16px 16px; color: var(--dw-text-leise); font-size: .88em; }
.dw-schriftzug { font-size: 1.9em; font-weight: 700; letter-spacing: -.02em; color: var(--dw-text); text-align: center; padding: 0 12px; }
.dw-marke-kopf { display: flex; align-items: center; min-height: 90px; margin: 0 0 24px; padding: 20px 26px; border: 1px solid var(--dw-linie); border-radius: 10px; background: #fff; }
.dw-marke-kopf img { width: auto !important; max-width: 260px; max-height: none !important; }  .dw-verwandt { margin: 8px 0 56px; }
.dw-verwandt-titel { font-size: 1.4em; margin-bottom: 18px; }
@media (max-width: 849px) {
.dw-zugaenge { grid-template-columns: 1fr; gap: 12px; }
.dw-zugang { padding: 20px 56px 20px 20px; }
.dw-uebersicht, .dw-uebersicht-marken { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dw-schriftzug { font-size: 1.4em; }
} .off-canvas .mfp-content, .off-canvas-left .mfp-content, .mfp-content.off-canvas-left { background: #fff !important; }
.off-canvas .sidebar-inner, #shop-sidebar .sidebar-inner { background: #fff; padding: 20px 20px 40px !important; }
.mfp-bg.off-canvas { background: rgba(29, 42, 46, .55) !important; opacity: 1 !important; } .dw-uebersicht-kopf { margin: 8px 0 24px; }
.dw-uebersicht-kopf h1 { margin: 0 0 4px; color: var(--dw-text); }
.dw-uebersicht-kopf p { color: var(--dw-text-leise); margin: 0; }
.dw-uebersicht-kopf a { color: var(--dw-text-leise) !important; text-decoration: underline; } .dw-punkt-hell { box-shadow: inset 0 0 0 1px rgba(29, 42, 46, .45) !important; }
@media (max-width: 549px) { .dw-verwandt .products > *:nth-child(n+3) { display: none !important; } }
.mfp-wrap.off-canvas-left .mfp-close, .off-canvas-left .mfp-close {
left: calc(var(--drawer-width, 300px) - 50px) !important; right: auto !important; top: 6px !important;
width: 44px !important; height: 44px !important; line-height: 44px !important;
color: var(--dw-text) !important; opacity: 1 !important; mix-blend-mode: normal !important;
} .dw-uebersicht-marken .dw-kachel-bild { aspect-ratio: 3 / 2; } .dw-uebersicht-marken .dw-kachel.hat-logo .dw-kachel-bild img { height: auto; max-height: 70%; max-width: 80%; }
.off-canvas .dw-filter, .mfp-content .dw-filter { padding-top: 40px; } body[class*="dw-shop-"] .shop-page-title .container,
body[class*="dw-shop-"] #main .container { max-width: 1420px; }
body[class*="dw-shop-"] .shop-page-title .row,
body[class*="dw-shop-"] #main .row:not(.row .row) { max-width: 1450px; }
@media (min-width: 1200px) { .category-page-row > .col.large-3 { flex: 0 0 310px; max-width: 310px; }
.category-page-row > .col.large-9 { flex: 1 1 0; max-width: calc(100% - 310px); container-type: inline-size; }
}
@container (min-width: 1060px) {
.products.large-columns-4 > .col { flex-basis: 20%; max-width: 20%; }
}
.dw-hinweis { color: var(--dw-text-leise); font-style: italic; } .dw-umschalter { background: var(--dw-flaeche, #f4f7f7); border-bottom: 1px solid var(--dw-linie, #dde5e7); }
.dw-umschalter-innen { max-width: 1420px; margin: 0 auto; padding: 0 15px; display: flex; gap: 4px; }
.dw-reiter { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 18px; color: #5b6b70; font-size: .95em; text-decoration: none; border-top: 3px solid transparent; line-height: 1.25; }
.dw-reiter:hover, .dw-reiter:focus-visible { color: #1d2a2e; background: #fff; text-decoration: underline; }
.dw-reiter.ist-an { background: #fff; color: var(--dw-r-text); border-top-color: var(--dw-r-linie); font-weight: 700; }
.dw-reiter.ist-an:hover, .dw-reiter.ist-an:focus-visible { color: var(--dw-r-tief); }
.dw-reiter:focus-visible { outline: 2px solid var(--dw-r-text); outline-offset: -2px; }
.dw-reiter-marke { white-space: nowrap; }
.dw-reiter-trenn { margin: 0 .6em; } @media (max-width: 849px) {
.dw-umschalter-innen { padding: 0; gap: 0; }
.dw-reiter { flex: 1 1 50%; flex-direction: column; justify-content: center; text-align: center; padding: 6px 8px; font-size: .85em; min-height: 52px; }
.dw-reiter-trenn { display: none; }
.dw-reiter-was { font-size: .9em; }
}
.dw-querverweis { margin: 48px 0 16px; padding-top: 28px; border-top: 3px solid var(--dw-r-linie); }
.dw-quer-titel { font-size: 1.35em; margin-bottom: 18px; text-wrap: balance; }
.dw-quer-karten { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.dw-quer-karte { margin: 0; display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--dw-linie, #dde5e7); border-radius: 4px; padding: 0 0 16px; background: #fff; }
.dw-quer-bild { display: block; border-bottom: 1px solid var(--dw-linie, #dde5e7); }
.dw-quer-bild img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.dw-quer-name { padding: 0 16px; color: #1d2a2e; font-weight: 600; line-height: 1.3; }
.dw-quer-name:hover { color: var(--dw-r-tief); text-decoration: underline; }
.dw-quer-knopf { align-self: flex-start; margin: auto 16px 0; padding: 8px 14px; background: var(--dw-r-text); color: #fff; font-size: .8em; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.dw-quer-knopf:hover, .dw-quer-knopf:focus-visible { background: var(--dw-r-tief); color: #fff; }
.dw-quer-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--dw-r-text); font-weight: 700; text-decoration: underline; }
.dw-quer-link:hover, .dw-quer-link:focus-visible { color: var(--dw-r-tief); }
@media (max-width: 549px) {
.dw-quer-karten { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.dw-quer-name { padding: 0 8px; font-size: .85em; }
.dw-quer-knopf { margin: auto 8px 0; padding: 8px; min-height: 44px; display: inline-flex; align-items: center; }
} div.wpforms-container-full.dw-anfrage .choices[data-type*=select-multiple] .choices__list--multiple .choices__item { padding-right: 30px !important; }
div.wpforms-container-full.dw-anfrage .choices[data-type*=select-multiple] .choices__button {
width: 20px !important; height: 20px !important; right: 5px !important; inset-inline-end: 5px !important; opacity: 1 !important;
background: #fff !important; border-radius: 50% !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
div.wpforms-container-full.dw-anfrage .choices[data-type*=select-multiple] .choices__item:hover,
div.wpforms-container-full.dw-anfrage .choices[data-type*=select-multiple] .choices__item.is-highlighted { background-color: var(--dw-tuerkis-tief) !important; border-color: var(--dw-tuerkis-tief) !important; color: #fff !important; }
div.wpforms-container-full.dw-anfrage .choices[data-type*=select-multiple] .choices__button:focus-visible { outline: 2px solid #fff !important; outline-offset: 1px; box-shadow: none !important; } .products .dw-anfragen { min-height: 36px !important; display: inline-flex !important; align-items: center; justify-content: center; line-height: 1.2 !important; padding-block: 0 !important; }
.dw-anfrage-knopf, div.wpforms-container-full.dw-anfrage .wpforms-submit-container button[type=submit] { min-height: 44px !important; }
@media (max-width: 849px) {
.products .dw-anfragen { min-height: 44px !important; font-size: .8rem !important; padding-inline: 1em !important; }
} .product-lightbox .mfp-close.dw-in-karte { position: absolute !important; top: 4px !important; right: 4px !important; left: auto !important; width: 44px !important; height: 44px !important; line-height: 44px !important; padding: 0 !important; margin: 0 !important; color: #1d2a2e !important; opacity: 1 !important; background: #fff !important; border-radius: 50%; font-size: 30px !important; text-align: center; z-index: 5; mix-blend-mode: normal !important; }
.product-lightbox .mfp-close.dw-in-karte:hover { color: var(--dw-tuerkis-tief) !important; }
.product-lightbox .mfp-close.dw-in-karte:focus-visible { outline: 2px solid var(--dw-tuerkis-tief) !important; outline-offset: -4px; }
.product-lightbox.lightbox-content { position: relative; } @media (max-width: 849px) { body[class*="dw-shop-"] .product-main .next-prev-thumbs { display: none !important; } }