@font-face{font-family:DBCategories;src:url('../NunitoSans.woff2') format('woff2');font-weight:400 700;font-display:swap}

/* Kategorie-Einstieg im Stil von Buch- und Postershop. Rein additiv:
   nur Optik/Anordnung der vorhandenen Kacheln, keine Datenänderung. */
.db-cat-intro,.db-cat-list{font-family:DBCategories,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#525252}

.db-cat-intro{width:100%;margin:24px 0 30px;padding:32px 36px!important;background:linear-gradient(120deg,#f1f7e9,#fff);border:1px solid #dce4d5;border-top:4px solid #7fc235;border-radius:14px;box-shadow:0 8px 28px #142a3f08}
.db-cat-intro .db-cat-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#4a8f0e;margin:0 0 12px}
.db-cat-intro h1{font-family:inherit;font-size:42px;line-height:1.15;font-weight:700;color:#4a8f0e;margin:0 0 14px}
.db-cat-intro .db-cat-lead{font-size:17px;line-height:1.65;max-width:720px;margin:0}
.db-cat-intro .productgrouptxt:empty{display:none}

/* Raster */
.db-cat-list{width:100%}
.db-cat-list>.panel-heading{padding:0 0 18px;font-family:inherit;color:#365a1c;font-size:18px;font-weight:700;border:0;background:none}
.db-cat-list>.panel-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0}
.db-cat-list>.panel-body:before,.db-cat-list>.panel-body:after{display:none}
.db-cat-list .articlegrouplistitem{width:auto!important;max-width:none!important;padding:0!important;float:none;display:flex;min-width:0}

/* Karte */
.db-cat-list .thumbnail.productgroupboxheight{width:100%;height:auto!important;min-height:0!important;display:flex;flex-direction:column;padding:0;margin:0;border:1px solid #dce4d5;border-radius:12px;background:#fff;box-shadow:0 5px 20px #142a3f08;overflow:hidden;transition:box-shadow .18s,border-color .18s}
.db-cat-list .thumbnail.productgroupboxheight:hover{border-color:#a4cf75;box-shadow:0 10px 26px #142a3f14}

/* Titel (per JS von h5 auf h2 gehoben) */
.db-cat-list header.productgroupboxtxt{order:2;padding:18px 20px 0;background:none;border:0}
.db-cat-list .grouptumpheader{display:block;margin:0;font-weight:400}
.db-cat-list .grouptumpheader h2{font:700 18px/1.35 DBCategories,system-ui,sans-serif!important;color:#365a1c;margin:0!important;overflow-wrap:anywhere}
.db-cat-list .grouptumpheader h2 a{color:#365a1c!important;text-decoration:none}

/* Bildbereich */
.db-cat-list article{order:1;margin:0}
.db-cat-list .produkt_image_overview{height:190px;padding:20px;background:#fff;display:flex;align-items:center;justify-content:center}
.db-cat-list .produkt_image_overview img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain}

/* Kacheln ohne Kategoriebild: gestaltete Fläche statt leerer weißer Box */
.db-cat-list .db-cat-noimage{order:1;height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f8ec,#fff)}
.db-cat-list .db-cat-noimage span{font:700 54px/1 DBCategories,system-ui,sans-serif;color:#a4cf75;letter-spacing:.02em}

/* Leere Textfelder einklappen – sie reservierten 100px tote Höhe */
.db-cat-list .caption.productgroupbox{order:3;padding:0 20px!important;height:auto!important;min-height:0!important}
.db-cat-list .einleitung,.db-cat-list .formattxt{height:auto!important;width:auto!important;display:block;font-size:13px;line-height:1.6;color:#6a7562;margin:10px 0 0}
.db-cat-list .einleitung:empty,.db-cat-list .formattxt:empty{display:none!important;margin:0}

/* Button */
.db-cat-list footer{order:4;margin-top:auto;padding:16px 20px 20px}
.db-cat-list footer .btn{position:static!important;display:block;width:100%;padding:11px 12px;background:#7fc235!important;border:1px solid #7fc235!important;border-radius:6px;color:#20330f!important;font:700 14px DBCategories,system-ui,sans-serif;white-space:normal}
.db-cat-list footer .btn:hover{background:#73b110!important;border-color:#73b110!important}
.db-cat-list a:focus-visible{outline:3px solid #4a8f0e;outline-offset:3px}

@media(max-width:1050px){.db-cat-list>.panel-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:800px){.db-cat-list>.panel-body{grid-template-columns:repeat(2,minmax(0,1fr))}.db-cat-intro{padding:26px!important}.db-cat-intro h1{font-size:36px}}
@media(max-width:480px){.db-cat-list>.panel-body{grid-template-columns:1fr}.db-cat-intro{margin:18px 0 24px;padding:22px!important}.db-cat-intro h1{font-size:32px}.db-cat-intro .db-cat-lead{font-size:16px}.db-cat-list .produkt_image_overview,.db-cat-list .db-cat-noimage{height:210px}}
@media(prefers-reduced-motion:reduce){.db-cat-list .thumbnail.productgroupboxheight{transition:none}}