.mb{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:end;column-gap:var(--3idee-abstand-24);width:100%}.mb__kopf{grid-column:1;grid-row:1;max-width:62ch}.mb__titel{margin:0}.mb__text{margin:var(--3idee-abstand-8) 0 0;font-size:var(--3idee-text-body);line-height:1.6;color:var(--3idee-body)}.mb__trenn{color:var(--3idee-hairline)}.mb__cta{grid-column:2;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:var(--3idee-abstand-8);padding:var(--3idee-abstand-12) var(--3idee-abstand-20);border:1px solid rgb(var(--color-foreground-rgb, 31 34 48) / .55);border-radius:var(--3idee-radius-mittel);background:transparent;color:var(--3idee-ink);font-size:var(--3idee-text-body);font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.mb__cta:hover{background:rgb(var(--color-foreground-rgb, 31 34 48) / .08);border-color:var(--3idee-ink)}.mb__cta:focus{outline:none}.mb__cta:focus-visible{outline:2px solid var(--3idee-ink);outline-offset:2px}.mb__cta svg{width:16px;height:16px;flex:0 0 auto}.mb__reihe{grid-column:1 / -1;grid-row:3;margin-top:var(--3idee-abstand-48);margin-bottom:-16px;--column-count: 4;--resource-list-column-gap-desktop: 32px;--resource-list-row-gap-desktop: 32px}@media screen and (min-width:1440px){.mb__reihe{--column-count: 5}}@media screen and (min-width:1700px){.mb__reihe{--column-count: 6}}.mb__karte{display:flex;flex-direction:column;height:100%;border:0;border-radius:var(--3idee-radius-mittel);background:transparent;color:inherit;text-decoration:none;overflow:hidden;transition:background .15s ease}.mb__karte:hover{background:var(--3idee-surface-soft)}.mb__karte:hover .mb__name{text-decoration:underline}.mb__karte:focus{outline:none}.mb__karte:focus-visible{outline:2px solid var(--3idee-ink);outline-offset:2px}.mb__geraet{display:flex;align-items:center;gap:var(--3idee-abstand-8);padding:var(--3idee-abstand-16) var(--3idee-abstand-16) var(--3idee-abstand-12);min-height:96px;box-sizing:border-box}.mb__bild{flex:0 0 auto;inline-size:54px;block-size:54px;display:flex;align-items:center;justify-content:center;color:var(--3idee-hairline);overflow:hidden}.mb__bild img,.mb__bild svg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.mb__daten{margin-top:-2px;font-size:var(--3idee-text-klein);color:var(--3idee-muted)}.mb__geraet-text{min-width:0;display:flex;flex-direction:column;gap:4px}.mb__setup{flex:1;display:flex;flex-direction:column;gap:var(--3idee-abstand-12);padding:var(--3idee-abstand-12) var(--3idee-abstand-16) var(--3idee-abstand-16);border-top:1px solid var(--3idee-hairline)}.mb__schalter{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--3idee-abstand-12) var(--3idee-abstand-32);margin-top:var(--3idee-abstand-28)}.mb__wo{display:flex;gap:var(--3idee-abstand-20)}.mb__wo-reiter{padding:0 0 var(--3idee-abstand-8);border:0;border-bottom:2px solid transparent;background:none;color:var(--3idee-muted);font-family:inherit;font-size:var(--3idee-text-body);font-weight:600;cursor:pointer}.mb__wo-reiter:hover{color:var(--3idee-ink)}.mb__wo-reiter.is-an{color:var(--3idee-ink);border-bottom-color:var(--3idee-ink)}.mb__wo-reiter:focus{outline:none}.mb__wo-reiter:focus-visible{outline:2px solid var(--3idee-ink);outline-offset:2px}.mb__teile{display:flex;flex-direction:column;gap:var(--3idee-abstand-8);margin-top:var(--3idee-abstand-4);padding-top:var(--3idee-abstand-8);border-top:1px solid var(--3idee-hairline)}.mb__teile:empty{display:none}.mb__teil{display:flex;flex-direction:column;align-items:flex-start;gap:var(--3idee-abstand-4);font-size:var(--3idee-text-klein);line-height:1.4}.mb__teil-zeile{display:flex;align-items:center;gap:var(--3idee-abstand-8)}.mb__stufe{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--3idee-abstand-4);padding:3px var(--3idee-abstand-8);border-radius:var(--3idee-radius-winzig);background:var(--3idee-surface-alt);color:var(--3idee-ink);font-size:var(--3idee-text-klein);font-weight:600;line-height:1.2}.mb__stufe--empfohlen{background:transparent;color:var(--3idee-muted)}.mb__teil-name{color:var(--3idee-body);overflow-wrap:break-word}.mb__loesung-bild{display:block;height:var(--mb-loesung-hoehe, 168px);padding:var(--3idee-abstand-4) var(--3idee-abstand-8);box-sizing:border-box;overflow:hidden}.mb__loesung-bild:empty{display:none}.mb__loesung-bild img{width:100%;height:100%;object-fit:contain}.mb__teil-bild{flex:0 0 auto;width:22px;height:22px;object-fit:contain;border-radius:var(--3idee-radius-winzig);background:var(--3idee-surface-soft)}Bilder der Teile klein vor ihrem Namen: gross genug,um die Bauform zu erkennen,klein genug,um den Namen nicht zu verdraengen. DIESE REGELN WAREN EINEN NACHMITTAG LANG WEG (21.09.2026): Beim Umbau der Bildflaeche habe ich einen ganzen Abschnitt ersetzt und sie mitgeloescht. Ohne sie standen die Bilder in ihrer eigenen Groesse da \2014  und die aus dem Editor kamen 120 Pixel breit,wurden auf einem scharfen Bildschirm aber auf die doppelte Punktzahl gezogen. Genau das sah unscharf aus. Bei den anderen fiel es nicht auf,weil deren Adressen das Bild in voller Groesse liefern. Lehre fuers naechste Mal: Wer einen Abschnitt am Stueck ersetzt,muss danach zaehlen,welche Klassen noch eine Regel haben. */ .mb__loesung{font-size:var(--3idee-text-body);line-height:1.45;color:var(--3idee-ink);height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1023px){.mb{display:flex;flex-direction:column}.mb__geraet{flex-direction:column;align-items:flex-start;gap:var(--3idee-abstand-8);min-height:0}.mb__geraet-text{width:100%}.mb__kopf{order:1}.mb__wo{order:2}.mb__reihe{order:3;margin-top:var(--3idee-abstand-20)}.mb__cta{order:4;align-self:flex-start;margin-top:var(--3idee-abstand-24)}}.mb__lage:empty{display:none}.mb__lage .fn-vesa-chip{max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/7/assets/monitore-beliebt.css.map */