.pp-bb{margin:16px 0 0;padding:16px;border-radius:var(--pp-r2);background:var(--pp-flaeche)}.pp-bb__intro{margin:16px 0 0;font-size:var(--pp-g1);line-height:1.5;color:var(--pp-dunkel)}.pp-bb__intro b{color:var(--pp-dunkel)}.pp-e__wahlkopf--schritt{display:flex;align-items:center;margin:0 0 8px;font-size:var(--pp-g2);font-weight:600;line-height:1.3;color:var(--pp-dunkel)}.pp-bb__nr{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--pp-dunkel);font-size:var(--pp-g1);font-weight:600;line-height:1;color:#fff}.pp-bb__kombis{margin:0 0 16px}.pp-bb__kombikopf{margin:0 0 8px;font-size:var(--pp-g1);font-weight:600;color:var(--pp-dunkel)}.pp-bb__kombireihe{display:flex;flex-wrap:wrap;gap:8px}.pp-bb__kombi{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 12px 0 8px;border:1px solid var(--pp-umriss);border-radius:var(--pp-r1);background:#fff;font-size:var(--pp-g1);line-height:1.2;color:var(--pp-dunkel);white-space:nowrap;cursor:pointer}.pp-bb__kombi i{display:block;flex:none;width:20px;height:20px;border:1px solid rgba(0,0,0,.2);border-radius:50%;background:linear-gradient(to bottom,var(--pp-bb-d) 0 50%,var(--pp-bb-s) 50% 100%)}.pp-bb__kombi:hover{background:var(--pp-flaeche)}.pp-bb__kombi.pp-aktiv{border:2px solid var(--pp-orange);padding:0 11px 0 7px;font-weight:600}.pp-bb__raster{display:grid;grid-template-columns:minmax(0,170px) max-content;justify-content:start;column-gap:16px;row-gap:16px;align-items:start}.pp-bb__vorschau{grid-row:1 / span 2;margin:0;padding:8px 6px 6px;border-radius:var(--pp-r1);background:#fff}.pp-bb__vorschau img{display:block;width:100%;height:auto}.pp-bb__vorschau,.pp-bbg__box,.pp-bbg__daumen--kombi{overflow:hidden}.pp-bb__vorschau img[data-pp-bb-bild=deckel],.pp-bbg__box img[data-pp-bb-bild=deckel],.pp-bbg__daumen img[data-pp-bb-bild=deckel]{position:relative;z-index:2}.pp-bb__vorschau img[data-pp-bb-bild=schale],.pp-bbg__box img[data-pp-bb-bild=schale],.pp-bbg__daumen img[data-pp-bb-bild=schale]{position:relative;z-index:1;width:103%;max-width:none;margin-left:-1.5%;margin-top:-30%}.pp-bb__vorschau figcaption{margin-top:4px;font-size:var(--pp-g1);line-height:1.3;color:var(--pp-grau);text-align:center;overflow-wrap:anywhere}.pp-bb__wahl{min-width:0;margin:0;padding:0;border:0}.pp-bb__kopf{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 8px;padding:0;font-size:var(--pp-g1);line-height:1.3;color:var(--pp-dunkel)}.pp-bb__kopf b{margin-left:4px;font-weight:600}.pp-bb__wahl:not(.pp-gewaehlt) .pp-bb__kopf b{font-weight:600;color:var(--pp-grau)}.pp-bb__wahl.pp-fehlt .pp-bb__kopf b{color:var(--pp-rot);text-decoration:underline;text-underline-offset:3px}.pp-bb__farben{display:grid;grid-template-columns:repeat(7,32px);gap:8px}.pp-bb__farbe{width:32px;height:32px;padding:0;border:1px solid rgba(0,0,0,.22);border-radius:50%;background:var(--pp-bb-f, #ddd);cursor:pointer}.pp-bb__farbe:hover{box-shadow:0 0 0 2px var(--pp-flaeche),0 0 0 3.5px var(--pp-umriss)}.pp-bb__farbe.pp-aktiv{box-shadow:0 0 0 2px var(--pp-flaeche),0 0 0 4px var(--pp-orange)}.pp-bb__farbe:focus-visible{outline:2px solid var(--pp-dunkel);outline-offset:3px}.pp-bb__unsichtbar{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pp-bbg__buehne{margin:0;padding:28px 24px 16px;border-radius:var(--pp-r2);background:var(--pp-flaeche)}.pp-bbg__box{max-width:693px;margin:0 auto;line-height:0}.pp-bbg__box img{display:block;width:100%;height:auto}.pp-bbg__buehne--foto{padding:12px}.pp-bbg__buehne--foto img{display:block;width:100%;height:auto;border-radius:4px;mix-blend-mode:multiply}.pp-bbg__text{margin:12px 0 0;font-size:var(--pp-g1);line-height:1.4;color:var(--pp-grau);text-align:center}.pp-bbg__umschalter{display:flex;justify-content:center;gap:12px;margin-top:12px}.pp-bbg__knopf{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--pp-grau);cursor:pointer}.pp-bbg__daumen{display:flex;flex-direction:column;justify-content:center;width:72px;height:72px;padding:6px;border:1px solid var(--pp-linie);border-radius:var(--pp-r1);background:#fff;overflow:hidden;line-height:0}.pp-bbg__daumen img{display:block;width:100%;height:auto}.pp-bbg__knopftext{font-size:var(--pp-g1);line-height:1.2}.pp-bbg__knopf:hover .pp-bbg__daumen{border-color:var(--pp-umriss)}.pp-bbg__knopf.pp-aktiv .pp-bbg__daumen{border:2px solid var(--pp-orange)}.pp-bbg__knopf.pp-aktiv .pp-bbg__knopftext{font-weight:600;color:var(--pp-dunkel)}@media(min-width:900px){.pp-e--bb .pp-bb__vorschau{display:none}.pp-e--bb .pp-bb__raster{grid-template-columns:max-content}}.pp-e__unten{margin-top:48px}.pp-bbi{padding-top:32px;border-top:1px solid var(--pp-linie)}.pp-bbi h2{margin:0 0 8px;font-size:var(--pp-g4);line-height:1.2}.pp-bbi h3{margin:32px 0 12px;font-size:var(--pp-g3);line-height:1.25}.pp-bbi__lead{max-width:780px;margin:0 0 16px;font-size:var(--pp-g2);line-height:1.55;color:var(--pp-dunkel)}.pp-bbi__plaketten{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pp-bbi__plaketten li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--pp-r1);background:var(--pp-flaeche);font-size:var(--pp-g1);font-weight:600;line-height:1.2}.pp-bbi__plaketten i{display:block;width:14px;height:14px;border:1px solid rgba(0,0,0,.15);border-radius:50%}.pp-bbi__schritte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.pp-bbi__schritte li{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--pp-r2);background:var(--pp-flaeche)}.pp-bbi__nr{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:8px;border-radius:50%;background:var(--pp-dunkel);font-size:var(--pp-g1);font-weight:600;color:#fff}.pp-bbi__schritte b{font-size:var(--pp-g2);line-height:1.3}.pp-bbi__schritte span:not(.pp-bbi__nr){font-size:var(--pp-g1);line-height:1.5;color:var(--pp-grau)}.pp-bbi__groessen{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:32px;align-items:start}.pp-bbi__foto{margin:0}.pp-bbi__foto{overflow:hidden;border-radius:var(--pp-r2)}.pp-bbi__foto img,.pp-bbg__buehne--foto img,.pp-bbg__knopf[data-pp-bbg-zeige=foto] .pp-bbg__daumen img{transform:scale(1.5);transform-origin:50% 100%}.pp-bbg__buehne--foto{overflow:hidden}.pp-bbg__buehne--foto img{max-width:560px;margin-inline:auto}.pp-bbi__foto img{display:block;width:100%;height:auto;border-radius:var(--pp-r2);background:#fff}.pp-bbi__foto figcaption{margin-top:8px;font-size:var(--pp-g1);color:var(--pp-grau);text-align:center}.pp-bbi__tabelle table{width:100%;border-collapse:collapse;font-size:var(--pp-g1)}.pp-bbi__tabelle th{padding:8px 10px;border-bottom:1px solid var(--pp-linie);text-align:left;font-size:var(--pp-g1);font-weight:600;color:var(--pp-dunkel)}.pp-bbi__tabelle td{padding:12px 10px;border-bottom:1px solid var(--pp-linie);vertical-align:middle}.pp-bbi__gr{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 6px;border-radius:var(--pp-r1);background:var(--pp-flaeche);font-size:var(--pp-g1);font-weight:600;color:var(--pp-dunkel)}.pp-bbi__preis{font-weight:600;white-space:nowrap}.pp-bbi__tipp{margin:16px 0 0;padding:12px 16px;border-radius:var(--pp-r2);background:var(--pp-flaeche);font-size:var(--pp-g1);line-height:1.5}.pp-bbi__ideen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pp-bbi__idee{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:var(--pp-r2);background:var(--pp-flaeche)}.pp-bbi__punkt{display:block;width:40px;height:40px;margin-bottom:4px;border:1px solid rgba(0,0,0,.18);border-radius:50%;background:linear-gradient(to bottom,var(--pp-bb-d) 0 50%,var(--pp-bb-s) 50% 100%)}.pp-bbi__idee b{font-size:var(--pp-g2);line-height:1.3}.pp-bbi__idee span{font-size:var(--pp-g1);line-height:1.5;color:var(--pp-grau)}.pp-bbi__waehlen{margin-top:auto;min-height:44px;padding:0 16px;border:1.5px solid var(--pp-dunkel);border-radius:var(--pp-r1);background:#fff;font-size:var(--pp-g1);font-weight:600;line-height:1.3;color:var(--pp-dunkel);text-align:left;cursor:pointer}.pp-bbi__waehlen:hover{text-decoration:underline;text-underline-offset:3px}.pp-e--bb .pp-hersteller{margin-top:24px;border-bottom:1px solid var(--pp-linie)}.pp-sizzle{font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.pp-sizzle:hover{text-decoration:underline;text-decoration-color:var(--pp-dunkel);text-underline-offset:3px}@media(max-width:1100px){.pp-bbi__schritte,.pp-bbi__ideen{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-bb__raster{column-gap:12px}.pp-bb__farben{grid-template-columns:repeat(7,30px);gap:7px}.pp-bb__farbe{width:30px;height:30px}}@media(max-width:798px){.pp-bb{padding:12px 12px 16px}.pp-bb__kombireihe{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 2px;scrollbar-width:none}.pp-bb__kombireihe::-webkit-scrollbar{display:none}.pp-bb__raster{grid-template-columns:minmax(0,1fr);row-gap:12px}.pp-bb__vorschau{grid-row:auto;width:100%;max-width:200px;justify-self:center}.pp-bb__farben{grid-template-columns:repeat(7,minmax(0,40px));gap:7px}.pp-bb__farbe{width:100%;height:auto;aspect-ratio:1 / 1}.pp-bbg__buehne{padding:18px 12px 10px}.pp-bbi__groessen{grid-template-columns:minmax(0,1fr);gap:16px}.pp-bbi__tabelle th,.pp-bbi__tabelle td{padding-left:6px;padding-right:6px}.pp-bbi__ideen{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.pp-bbi__ideen::-webkit-scrollbar{display:none}.pp-bbi__idee{scroll-snap-align:start}}@media(min-width:560px)and (max-width:798px){.pp-bbi__ideen{grid-auto-columns:46%}}.pp-e__wahlkopf--schritt .pp-e__einheit{margin-left:.35em}@media(max-width:798px){.pp-bb__farben{grid-template-columns:repeat(6,44px);gap:10px}.pp-bb__farbe{width:44px;height:44px;aspect-ratio:auto}}@media(max-width:359px){.pp-bb__farben{grid-template-columns:repeat(5,44px);gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/pp-einzel-buntbox.css.map */