.katalog{padding-top:24px;padding-bottom:64px}
.brot{font-size:.85rem;margin-bottom:28px;color:var(--ink-2)}
.brot ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:5px 10px}
.brot li + li::before{content:'/';margin-right:10px;color:var(--ink-3)}
.brot [aria-current]{overflow-wrap:anywhere}
.katalog__kopf{max-width:850px;margin-bottom:28px}
.katalog__kopf h1{max-width:24ch}
.katalog__kopf .lead{max-width:46em}
.themen-nav{display:flex;flex-wrap:wrap;gap:9px;padding:0 0 26px}
.themen-nav a{background:var(--white);border:var(--w-strich);border-radius:99px;padding:7px 13px;font-weight:700;font-size:.88rem;text-decoration:none}
.themen-nav a:hover{background:var(--marker)}
.themen-nav a[aria-current]{background:var(--ink);color:var(--white)}
.filter{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:22px;background:var(--blue-soft);border:var(--w-strich);border-radius:16px;margin:0 0 22px}
.filter label{display:flex;flex-direction:column;font-size:.88rem;font-weight:700;gap:5px}
.filter label:first-child{flex:1 1 240px}
.filter input[type=search],.filter select{border:var(--w-strich);border-radius:7px;background:var(--white);color:var(--ink);min-height:46px;padding:8px 10px;font:400 1rem var(--f-text);width:100%}
.filter .filter__check{flex-direction:row;align-items:center;min-height:46px;gap:7px}
.filter input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink)}
.filter__zahl{flex-basis:100%;font-size:.85rem;margin:0}
.katalog__stand{font-size:.88rem;color:var(--ink-2)}
.angebote{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:0;margin:0;list-style:none}
.angebot{display:flex;flex-direction:column;border:var(--w-strich);border-radius:16px;overflow:hidden;background:var(--white);box-shadow:var(--w-schatten-k)}
.angebot__bild{display:flex;align-items:center;justify-content:center;background:var(--paper-2);padding:20px;border-bottom:2px solid var(--line);height:246px}
.angebot__bild:hover{background:var(--marker-soft)}
.angebot__bild img{max-height:210px;width:auto;height:auto;max-width:100%;object-fit:contain;box-shadow:2px 3px 0 #1e23302b}
.angebot__text{display:flex;flex-direction:column;padding:20px;flex:1}
.angebot h2{font-size:1.25rem;line-height:1.18;margin:8px 0 12px}
.angebot h2 a{text-decoration:none}
.angebot h2 a:hover{text-decoration:underline}
.angebot__meta{font-size:.82rem;margin:0;color:var(--blue);font-weight:700}
.angebot__fach{color:var(--ink-2);font-size:.82rem;margin-bottom:12px}
.angebot__kurz{font-size:.95rem;line-height:1.45}
.angebot .pfeil-link{font-size:.92rem;margin-top:auto;padding-top:10px}
.katalog__hilfe{margin-top:48px;padding-top:30px;border-top:2px dashed var(--line);max-width:780px}
.produkt{display:grid;gap:30px;grid-template-columns:minmax(0,1fr)}
.produkt__cover{align-self:start;background:var(--paper-2);border:var(--w-strich);border-radius:16px;padding:24px;display:flex;align-items:start;justify-content:center}
.produkt__cover img{width:auto;height:auto;max-height:340px;object-fit:contain;box-shadow:4px 5px 0 #1e233030}
.produkt__info h1{font-size:2.1rem;line-height:1.12}
.produkt__klassen{font-weight:700;margin:16px 0}
.steckbrief{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding:18px 0}
.steckbrief div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}
.steckbrief dt{font-weight:700}
.steckbrief dd{margin:0}
.produkt__details{max-width:780px}
.produkt__details h2{margin-top:30px}
.produkt__details li{margin-bottom:8px}
.audio-hilfe{background:var(--blue-soft);padding:20px;border:var(--w-strich);border-radius:16px;margin:26px 0}
.audio-hilfe h2{margin-top:0}
.verwandt{margin-top:52px;padding-top:32px;border-top:var(--w-strich)}
@media(min-width:650px){.angebote{grid-template-columns:repeat(2,minmax(0,1fr))}
.produkt{grid-template-columns:240px minmax(0,1fr)}
.produkt__details{grid-column:1/-1}
}
@media(min-width:1000px){.angebote{grid-template-columns:repeat(3,minmax(0,1fr))}
.produkt{grid-template-columns:280px minmax(0,1fr);gap:40px}
}
