.wm-produkte-gruppe { margin: 1.5em 0 .6em; }
.wm-filter { display: flex; flex-wrap: wrap; gap: .4em; margin: 0 0 1em; }
.wm-filter[hidden] { display: none; }
.wm-filter-knopf {
padding: .35em .9em; border: 1px solid currentColor; border-radius: 2em;
background: transparent; color: inherit; font-size: .9em; cursor: pointer;
}
.wm-filter-knopf.wm-filter-aktiv { background: #24561c; border-color: #24561c; color: #fff; } .wm-produkte-liste {
display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 1em;
list-style: none; margin: 0; padding: 0;
}
.wm-produkt {
display: flex; flex-direction: column; gap: .6em; margin: 0; padding: 1em;
border: 1px solid rgba(0, 0, 0, .14); border-radius: .5em;
}
.wm-produkt-zeile { display: flex; flex-direction: column; gap: .5em; }
.wm-produkt-name { display: block; font-weight: 600; font-size: 1.05em; }
.wm-produkt-beschreibung { display: block; margin-top: .2em; font-size: .9em; opacity: .75; }
.wm-produkt-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4em .8em; }
.wm-produkt-preis { white-space: nowrap; font-weight: 600; }
.wm-status {
display: inline-block; padding: .15em .6em; border-radius: 1em;
font-size: .85em; white-space: nowrap;
}
.wm-status-vorraetig { background: #e3f1e0; color: #24561c; }
.wm-status-ausverkauft { background: #eee; color: #555; }
.wm-status-bestellung { background: #f4ecdc; color: #6b4a12; }
.wm-produkt-bestellen { font-size: .85em; cursor: pointer; }
.wm-produkt-bestellen.wm-hinzugefuegt { opacity: .6; }
.wm-produkte-stand { margin-top: 1em; font-size: .85em; opacity: .7; } .wm-pakete { list-style: none; margin: 0; padding: 0; }
.wm-paket {
display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .3em .8em;
margin: 0; padding: .4em 0; border-top: 1px solid rgba(0, 0, 0, .08); font-size: .95em;
}
.wm-pakete-mehr { font-size: .95em; }
.wm-pakete-mehr summary { cursor: pointer; opacity: .8; }
.wm-in-warenkorb, .wm-anfragen, .wm-entfernen, .wm-absenden, .wm-anfrage-form button {
font-size: .85em; cursor: pointer; padding: .3em .8em; border-radius: .3em;
border: 1px solid currentColor; background: transparent; color: inherit;
}
.wm-in-warenkorb { margin: 0; white-space: nowrap; }
.wm-in-warenkorb.wm-ausgewaehlt, .wm-anfragen.wm-ausgewaehlt { background: #e3f1e0; color: #24561c; border-color: #24561c; }
.wm-absenden { font-size: 1em; padding: .6em 1.2em; font-weight: 600; }
.wm-absenden:disabled { opacity: .5; cursor: wait; }
.wm-anfrage-form { display: flex; flex-wrap: wrap; align-items: center; gap: .5em; font-size: .95em; }
.wm-anfrage-form input { flex: 1 1 10em; min-width: 0; } .wm-leiste-platz { margin: 0 0 1em; }
.wm-leiste {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .3em 1em;
box-sizing: border-box; padding: .6em 1em; border-radius: .4em; background: #24561c; color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.wm-leiste-fest { position: fixed; z-index: 999; }
.wm-leiste-text { font-weight: 600; }
.wm-leiste-link { color: #fff !important; font-weight: 600; white-space: nowrap; text-decoration: underline !important; } .wm-warenkorb-knopf {
position: fixed; right: 1em; top: 1em; z-index: 1000;
padding: .7em 1.2em; border-radius: 2em; background: #24561c; color: #fff !important;
text-decoration: none !important; font-weight: 600; box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
} .admin-bar .wm-warenkorb-knopf { top: calc(32px + 1em); }
@media (max-width: 782px) {
.admin-bar .wm-warenkorb-knopf { top: calc(46px + 1em); }
} .wm-warenkorb-liste { list-style: none; margin: 0 0 1em; padding: 0; }
.wm-warenkorb-position {
display: flex; flex-wrap: wrap; align-items: center; gap: .3em 1em;
padding: .5em 0; border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.wm-warenkorb-position .wm-produkt-name { flex: 1 1 12em; }
.wm-warenkorb-summe { font-weight: 600; text-align: right; }
.wm-hinweis, .wm-hinweis-klein { font-size: .95em; opacity: .85; }
.wm-hinweis { padding: .8em 1em; background: rgba(0, 0, 0, .04); border-radius: .4em; }
.wm-bestellformular { margin-top: 2em; }
.wm-feld label { display: block; font-weight: 600; margin-bottom: .2em; }
.wm-feld input[type="text"], .wm-feld input[type="email"], .wm-feld input[type="tel"], .wm-feld textarea { width: 100%; max-width: 32em; }
.wm-checkbox label { font-weight: normal; }
.wm-feld-versteckt { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.wm-meldung { padding: .6em 1em; border-radius: .4em; }
.wm-meldung-fehler { background: #fbe9e7; color: #8a1c0b; }
.wm-meldung-info { background: rgba(0, 0, 0, .05); }
.wm-bestellt { padding: 1em 1.2em; background: #e3f1e0; color: #24561c; border-radius: .4em; }