@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-button{width:auto}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}:root { --pl-ink: #111; --pl-text: #3a3a3a; --pl-muted: #7a7a7a; --pl-line: #e2e2e2; --pl-line-strong: #cfcfcf; --pl-surface: #f5f5f5; --pl-card: #e9e9e9; --pl-accent: #2566f4; --pl-accent-dark: #1a4fc4; --pl-accent-soft: #e6eeff; --pl-night: #1c1f2e; --pl-radius: 16px; --pl-gutter: clamp(16px, 3.4vw, 49px); --pl-ease: cubic-bezier(.2, .7, .2, 1);}:is([class*="pl-"], [class*="pl-"] :is(h1, h2, h3, h4, h5, h6, p, a, span, li, td, th, button, label, small, strong, summary)):not(i, svg, [class*="ti-"], [class*="fa-"], [class*="ion-"]) { font-family: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}[class*="pl-"]:where(:not(i, svg)) { font-size: 1.4rem; line-height: 1.5; } .pl-wrap { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: var(--pl-gutter); }.pl-wrap--narrow { max-width: 1180px; }.pl-eyebrow { font-size: 1.2rem; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--pl-ink); margin: 0 0 1.6rem; }.pl-eyebrow a { color: var(--pl-ink); text-decoration: underline; text-underline-offset: 3px; }.pl-note { font-size: 1.4rem; color: var(--pl-muted); margin: 0; }.pl-badge:empty { display: none; }.pl-badge { display: inline-flex; align-items: center; padding: .4rem 1.2rem; border-radius: 999px; background: var(--pl-accent-soft); color: var(--pl-accent); font-size: 1.2rem; font-weight: 500; letter-spacing: .02em; line-height: 1.4; white-space: nowrap; }.pl-btn { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; padding: 1.2rem 2rem; border-radius: 6px; font-size: 1.4rem; font-weight: 500; line-height: 1; cursor: pointer; border: 1px solid transparent; transition: background-color .25s var(--pl-ease), color .25s var(--pl-ease), border-color .25s var(--pl-ease), transform .25s var(--pl-ease); }.pl-btn:hover { transform: translateY(-1px); }.pl-btn--sm { padding: .9rem 1.6rem; font-size: 1.4rem; }.pl-btn--xs { padding: .8rem 1.4rem; font-size: 1.2rem; }.pl-btn--dark { background: #212121; color: #fff; }.pl-btn--dark:hover { background: #000; color: #fff; }.pl-btn--accent { background: var(--pl-accent); color: #fff; }.pl-btn--accent:hover { background: var(--pl-accent-dark); color: #fff; }.pl-btn--outline { background: transparent; color: var(--pl-ink); border-color: var(--pl-ink); }.pl-btn--outline:hover { background: var(--pl-ink); color: #fff; }.pl-btn--block { width: 100%; padding-inline: 1rem; }.pl-head { margin-bottom: clamp(20px, 2.8vw, 39px); }.pl-head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }.pl-head__h { font-size: clamp(1.8rem, 2.11vw, 2.7rem); font-weight: 400; line-height: 1.1; letter-spacing: -.015em; color: var(--pl-ink); margin: 0; }.pl-bar { position: sticky; top: 0; z-index: 50; background: rgba(250,250,250,.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--pl-line); }.pl-bar__inner { width: 100%; max-width: 1440px; margin-inline: auto; padding: 1.4rem var(--pl-gutter); display: flex; align-items: center; justify-content: space-between; gap: 2rem; }.pl-bar__left { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }.pl-crumbs { font-size: 1.2rem; text-transform: uppercase; letter-spacing: .05em; color: var(--pl-muted); gap: .6rem; }.pl-crumbs a { color: var(--pl-muted); }.pl-crumbs a:hover { color: var(--pl-ink); }.pl-bar__title { display: flex; align-items: center; gap: 1.2rem; }.pl-bar__h { font-size: clamp(1.8rem, 1.49vw, 2rem); font-weight: 500; line-height: 1.1; color: var(--pl-ink); margin: 0; }.pl-bar__nav { display: flex; align-items: center; gap: 2.8rem; }.pl-bar__link, .pl-bar__link--btn { font-size: 1.4rem; font-weight: 500; color: var(--pl-text); background: none; border: 0; padding: .4rem 0; border-bottom: 2px solid transparent; border-radius: 0; cursor: pointer; }.pl-bar__link:hover, .pl-bar__link--btn:hover { color: var(--pl-ink); border-bottom-color: var(--pl-ink); }.pl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3vw, 48px) clamp(12px, 1.6vw, 24px); }.pl-grid--center { max-width: 1180px; margin-inline: auto; }.pl-card { display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--pl-ink); }.pl-card__media { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; background: var(--pl-card); border-radius: 15px; overflow: hidden; }.pl-card__img { width: 100%; height: 100% !important; object-fit: contain; padding: 10%; transition: transform .8s var(--pl-ease); }.pl-card:hover .pl-card__img { transform: scale(1.04); }.pl-card__badge { position: absolute; top: 1.4rem; left: 50%; transform: translateX(-50%); }.pl-card__badge:empty { display: none; }.pl-card__body { display: flex; flex-direction: column; align-items: center; gap: .8rem; width: 100%; padding-top: .8rem; }.pl-card__titlerow { display: inline-flex; align-items: center; gap: 1rem; margin-bottom: .4rem; color: var(--pl-ink); }.pl-card__title { margin: 0; font-size: 2.4rem; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: var(--pl-ink); }.pl-card__count { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4rem; height: 2.4rem; padding: 0 .6rem; border-radius: 999px; background: #f5f4f4; font-size: 1.2rem; font-weight: 500; line-height: 1; color: var(--pl-ink); }.pl-card__count:empty, .pl-card__sub:empty, .pl-card__cct:empty, .pl-card__dots:empty { display: none; }.pl-card__sub, .pl-card__meta, .pl-card__cct { margin: 0; max-width: 40ch; font-size: 1.2rem; line-height: 1.5; }.pl-card__sub { color: var(--pl-ink); }.pl-card__meta, .pl-card__cct { color: #7a7a7a; }.pl-card__dots { display: flex; justify-content: center; gap: .8rem; margin-top: .8rem; }.pl-cdot { display: inline-block; width: 2.4rem; height: 2.4rem; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); }.pl-card__actions { display: flex; flex-direction: column; gap: .8rem; width: 100%; max-width: 27rem; margin-top: 2.4rem; }.pl-card__actions .pl-btn { width: 100%; padding: 1.2rem 2.4rem; border-radius: 5px; font-size: 1.4rem; font-weight: 500; }.pl-card__actions .pl-btn--dark { background: #1a1a1a; border-color: #1a1a1a; }.pl-card__actions .pl-btn--outline { border: 1px solid #1a1a1a; }.pl-card--all { position: relative; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 3.2rem; background: var(--pl-surface); border: 1px solid var(--pl-line); border-radius: var(--pl-radius); transition: background-color .3s var(--pl-ease); }.pl-card--all:hover { background: var(--pl-card); }.pl-card__all { font-size: 1.6rem; font-weight: 500; text-align: center; }.pl-card__allink { position: absolute; inset: 0; font-size: 0; }.pl-card__allink a { position: absolute; inset: 0; }.pl-cathead { padding-block: clamp(20px, 2.8vw, 39px) clamp(20px, 2.8vw, 34px); }.pl-cathead__h { font-size: clamp(2.6rem, 2.8vw, 4rem); font-weight: 500; letter-spacing: -.02em; line-height: 1; color: var(--pl-ink); margin: 1.6rem 0 clamp(28px, 4vw, 48px); }.pl-types { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: clamp(12px, 1.4vw, 20px); }.pl-type { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; color: var(--pl-ink); }.pl-type__media { width: 100%; aspect-ratio: 16 / 10; border-radius: 12px; background: linear-gradient(180deg, #f2f2f2, #d9d9d9); overflow: hidden; display: flex; align-items: center; justify-content: center; transition: box-shadow .3s var(--pl-ease); }.pl-type__img { width: 100%; height: 100%; object-fit: contain; padding: 8%; }.pl-type:hover .pl-type__media { box-shadow: inset 0 0 0 2px var(--pl-ink); }.pl-type__name { font-size: 1.4rem; border-bottom: 2px solid transparent; padding-bottom: .3rem; }.pl-type:hover .pl-type__name { border-bottom-color: var(--pl-ink); }.pl-catgrid { border-top: 1px solid var(--pl-line); padding-block: clamp(20px, 2.1vw, 28px) clamp(45px, 6.3vw, 98px); }.pl-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: clamp(20px, 2.1vw, 31px); }.pl-toolbar__count { font-size: 1.4rem; color: var(--pl-text); margin: 0; max-width: 70ch; }.pl-famgrid { background: var(--pl-surface); padding-block: clamp(39px, 5.6vw, 84px); }.pl-famgrid__h { text-align: center; font-size: clamp(2.2rem, 3.1vw, 4.2rem); font-weight: 400; letter-spacing: -.02em; line-height: 1.05; color: var(--pl-ink); margin: 0 0 clamp(36px, 5vw, 72px); }.pl-hero { padding: 0; overflow: hidden; }.pl-hero__img { display: block; width: 100%; height: clamp(340px, 78vh, 900px); object-fit: cover; }.pl-statement { padding-block: clamp(50px, 7vw, 112px) clamp(34px, 4.9vw, 77px); }.pl-statement__text, .pl-statement__text p { font-size: clamp(1.8rem, 1.86vw, 2.5rem); line-height: 1.3; font-weight: 400; color: var(--pl-ink); letter-spacing: -.005em; margin: 0; }.pl-statement__text strong { font-weight: 500; }.pl-story { padding-bottom: clamp(39px, 5.6vw, 84px); }.pl-storyrow { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: clamp(22px, 4.2vw, 77px); padding-block: clamp(25px, 3.5vw, 50px); }.pl-storyrow:nth-child(even) .pl-storyrow__text { order: 2; }.pl-storyrow__h { font-size: clamp(1.8rem, 1.98vw, 2.7rem); font-weight: 400; line-height: 1.12; letter-spacing: -.015em; color: var(--pl-ink); margin: 0 0 2rem; }.pl-storyrow__p { font-size: 1.5rem; line-height: 1.55; color: var(--pl-text); margin: 0; max-width: 54ch; }.pl-storyrow__media { border-radius: var(--pl-radius); overflow: hidden; background: var(--pl-card); }.pl-storyrow__img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }.pl-imagery { padding-bottom: clamp(39px, 5.6vw, 84px); }.pl-imagery__grid img { border-radius: 12px; background: var(--pl-card); }.pl-features { background: var(--pl-surface); padding-block: clamp(45px, 6.3vw, 98px); }.pl-features__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--pl-line-strong); }.pl-feature { padding: 3.6rem 3.2rem 4rem 0; border-bottom: 1px solid var(--pl-line-strong); }.pl-feature__value { font-size: clamp(1.8rem, 1.86vw, 2.6rem); font-weight: 500; letter-spacing: -.01em; line-height: 1.1; color: var(--pl-ink); margin: 0 0 1.2rem; }.pl-feature__body { font-size: 1.4rem; line-height: 1.55; color: var(--pl-text); margin: 0; max-width: 34ch; }.pl-apps { padding-block: clamp(45px, 6.3vw, 98px); }.pl-apps__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 24px); }.pl-app { display: flex; flex-direction: column; gap: 1.6rem; }.pl-app__media { border-radius: var(--pl-radius); overflow: hidden; }.pl-app__img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform 1s var(--pl-ease); }.pl-app:hover .pl-app__img { transform: scale(1.04); }.pl-app__title { font-size: 1.6rem; font-weight: 500; color: var(--pl-ink); margin: 0; }.pl-phero { background: var(--pl-surface); padding-block: clamp(20px, 2.8vw, 39px) clamp(34px, 4.2vw, 62px); }.pl-phero__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 96px); align-items: center; }.pl-gallery .woocommerce-product-gallery__image:first-child,.pl-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { background: var(--pl-card); border-radius: var(--pl-radius); overflow: hidden; }.pl-gallery .woocommerce-product-gallery__image img { aspect-ratio: 4 / 3; object-fit: contain; padding: 5%; width: 100%; }.pl-gallery .flex-control-thumbs li { background: var(--pl-card); border-radius: 10px; overflow: hidden; }.pl-gallery .flex-control-thumbs { display: none !important; } .pl-gallery .woocommerce-product-gallery__image img { height: auto !important; max-height: none !important; aspect-ratio: 4 / 3 !important; }.pl-gallery .flex-viewport { height: auto !important; }.pl-slide__dl i, .pl-slide__dl svg, .pl-zipbar__icon i, .pl-zipbar__icon svg { font-size: 1.8rem !important; width: auto; height: auto; line-height: 1; }.pl-gallery .flex-control-thumbs img { aspect-ratio: 1 / 1; object-fit: contain; padding: 8%; }.pl-swatches { display: flex; justify-content: center; gap: 1rem; margin-top: 1.8rem; }.pl-swatch { width: 26px; height: 26px; border-radius: 50%; background: var(--sw, #ccc); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18), 0 0 0 3px #fff, 0 0 0 4px var(--pl-line-strong); }.pl-phero__family { margin-bottom: 1.2rem; }.pl-phero__title { font-size: clamp(2.8rem, 2.6vw, 4rem); font-weight: 500; line-height: 1; letter-spacing: -.025em; color: var(--pl-ink); margin: 0 0 1.4rem; }.pl-phero__kurz { font-size: 1.5rem; color: var(--pl-text); margin: 0 0 2.8rem; }.pl-specs { border-top: 1px solid var(--pl-line-strong); margin: 2.8rem 0 3.2rem; }.pl-spec { display: grid; grid-template-columns: 14rem 1fr; gap: 1.6rem; padding: .9rem 0; border-bottom: 1px solid var(--pl-line-strong); font-size: 1.4rem; }.pl-spec__label { color: var(--pl-muted); }.pl-spec__value { color: var(--pl-ink); font-weight: 500; }.pl-actions { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-bottom: 1.6rem; }.pl-certs { display: flex; flex-wrap: wrap; gap: 1.4rem 1.8rem; margin: 1.6rem 0 2.8rem; }.pl-cert { display: flex; flex-direction: column; align-items: center; gap: .5rem; }.pl-cert__icon { width: 1.8rem; height: 1.8rem; padding: 0; border: 0; background: none; color: var(--pl-ink); transition: transform .3s var(--pl-ease); }.pl-cert__icon svg { width: 100%; height: 100%; }svg.pl-cert__icon, .pl-cert > .pl-cert__icon { flex: 0 0 auto; width: 1.8rem !important; height: 1.8rem !important; }.pl-vlegend__i svg.pl-cert__icon { width: 1.6rem !important; height: 1.6rem !important; }.pl-cert:hover .pl-cert__icon { transform: translateY(-2px); }.pl-cert__label { font-size: .95rem; line-height: 1.2; text-align: center; color: var(--pl-muted); white-space: nowrap; }.pl-details { padding-block: clamp(50px, 7vw, 105px) clamp(34px, 4.9vw, 70px); scroll-margin-top: 90px; }.pl-details__statement { max-width: 1180px; margin: 0 auto clamp(56px, 8vw, 120px); }.pl-details__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: clamp(32px, 6vw, 110px); align-items: start; }.pl-details__content, .pl-details__content p { font-size: 1.5rem; line-height: 1.6; color: var(--pl-text); }.pl-details__content p { margin: 0 0 1.6rem; }.pl-details__content strong { color: var(--pl-ink); font-weight: 500; }.pl-table h2 { display: none; }.pl-table table.woocommerce-product-attributes { width: 100%; border-collapse: collapse; border: 0; margin: 0; background: transparent; }.pl-table .woocommerce-product-attributes tr { border-bottom: 1px solid var(--pl-line); background: transparent !important; }.pl-table .woocommerce-product-attributes tr:first-child { border-top: 1px solid var(--pl-line); }.pl-table .woocommerce-product-attributes th,.pl-table .woocommerce-product-attributes td { padding: 1rem 0; border: 0; background: transparent !important; font-size: 1.4rem; text-align: left; vertical-align: top; }.pl-table .woocommerce-product-attributes th { width: 40%; font-weight: 400; color: var(--pl-muted); padding-right: 2rem; }.pl-table .woocommerce-product-attributes td { color: var(--pl-ink); font-weight: 500; }.pl-table .woocommerce-product-attributes td p { margin: 0; }.pl-table .woocommerce-product-attributes td a { color: inherit; pointer-events: none; }.pl-codeband { padding-bottom: clamp(39px, 5.6vw, 77px); scroll-margin-top: 90px; }.pl-codeband__box { display: flex; align-items: center; justify-content: space-between; gap: 3.2rem; flex-wrap: wrap; padding: clamp(28px, 4vw, 56px); border: 1px solid var(--pl-line); border-radius: var(--pl-radius); background: linear-gradient(120deg, #fafafa, var(--pl-surface)); }.pl-codeband__h { font-size: clamp(1.8rem, 1.61vw, 2.1rem); font-weight: 400; line-height: 1.15; color: var(--pl-ink); margin: 0 0 1rem; }.pl-codeband__p { font-size: 1.4rem; color: var(--pl-text); margin: 0; }.pl-related { padding-bottom: clamp(45px, 6.3vw, 98px); }.pl-famlink a { display: inline-flex; align-items: center; padding: 1.4rem 2.6rem; border-radius: 7px; background: #212121; color: #fff; font-size: 1.4rem; font-weight: 500; }.pl-famlink a::before { content: "Familie "; margin-right: .4rem; font-weight: 400; opacity: .7; }.pl-famlink a:hover { background: #000; }.pl-famlink:empty, .pl-famlink:not(:has(a)) { display: none; }.pl-codes .brx-offcanvas-inner { width: min(1320px, 94vw); align-items: stretch; max-width: 96vw; background: #fff; overflow-y: auto; box-shadow: -24px 0 60px rgba(0,0,0,.12); }.pl-codes .brx-offcanvas-backdrop { background: rgba(17,17,17,.38); backdrop-filter: blur(3px); }.pl-codes__inner { width: 100%; box-sizing: border-box; padding: clamp(24px, 3.4vw, 56px); }.pl-codes__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding-bottom: 2.4rem; border-bottom: 1px solid var(--pl-line); }.pl-codes__titles .pl-eyebrow { margin-bottom: .8rem; }.pl-codes__h { font-size: clamp(1.9rem, 2.11vw, 2.7rem); font-weight: 500; letter-spacing: -.02em; color: var(--pl-ink); margin: 0 0 .6rem; }.pl-codes__info { font-size: 1.4rem; color: var(--pl-text); margin: 0; }.pl-codes__close { width: 4.8rem; height: 4.8rem; border-radius: 50%; border: 1px solid var(--pl-line-strong); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: var(--pl-ink); transition: background-color .2s; }.pl-codes__close:hover { background: var(--pl-surface); }.pl-codes__top { display: flex; align-items: center; gap: 3.2rem; padding-block: 2.8rem; }.pl-codes__drawing { width: 22rem; flex: 0 0 auto; aspect-ratio: 1 / 1; border: 1px solid var(--pl-line); border-radius: 12px; padding: 1.6rem; display: flex; align-items: center; justify-content: center; }.pl-codes__drawing-img { max-width: 100%; max-height: 100%; object-fit: contain; }.pl-ctable { border: 1px solid var(--pl-line); border-radius: 12px; overflow: hidden; }.pl-ctable__row { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,.45fr) minmax(0,1.9fr); align-items: center; gap: 1.6rem; padding: 1.6rem 2rem; border-top: 1px solid var(--pl-line); font-size: 1.4rem; transition: background-color .2s; }.pl-ctable__row:hover { background: #fafafa; }.pl-ctable__row--head { border-top: 0; background: var(--pl-surface); font-weight: 500; color: var(--pl-ink); }.pl-ctable__row--head:hover { background: var(--pl-surface); }.pl-ctable__th { font-size: 1.2rem; }.pl-ctable__v { color: var(--pl-text); }.pl-ctable__cell--code .pl-ctable__v { color: var(--pl-ink); font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: .02em; }.pl-ctable__cell--act { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .8rem 1rem; }.pl-ctable__dl { font-size: 1.2rem; font-weight: 500; color: var(--pl-ink); white-space: nowrap; }.pl-codes__foot { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; padding-top: 2.8rem; }.pl-codes__foot .pl-note { max-width: 70ch; }.pl-phero__media .pl-variant { display: flex; flex-direction: column; align-items: center; margin: 2rem 0 0; }.pl-phero__media .pl-varform table.variations th.label { text-align: center; }.pl-phero__media .pl-varform table.variations tr { align-items: center; }.pl-phero__media .pl-varform ul.bricks-variation-swatches { justify-content: center; }.pl-phero__media .pl-varform li.bricks-swatch-selected .bricks-swatch-button::after { left: 50%; transform: translateX(-50%); }.pl-phero__media .pl-sku { justify-content: center; margin-top: .4rem; }.pl-store .jet-data-store-link { display: inline-flex; align-items: center; gap: .8rem; padding: 1.2rem 2rem; border-radius: 6px; border: 1px solid var(--pl-ink); background: #fff; color: var(--pl-ink); font-size: 1.4rem; font-weight: 500; line-height: 1; transition: background-color .25s var(--pl-ease), color .25s var(--pl-ease); }.pl-store .jet-data-store-link:hover { background: var(--pl-ink); color: #fff; }.pl-store .jet-data-store-link.in-store { background: var(--pl-accent-soft); border-color: var(--pl-accent-soft); color: var(--pl-accent); }.pl-store .jet-data-store-link__icon { font-size: 1.3rem; }.pl-codeband__act, .pl-codes__headact { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; }.pl-btn .icon, .pl-btn i { font-size: 1.2rem; }.pl-variant { margin: 0 0 2.4rem; }.pl-varform form.cart { display: block; margin: 0; }.pl-varform table.variations { width: 100%; border: 0; margin: 0; }.pl-varform table.variations, .pl-varform table.variations tbody { display: block; width: 100% !important; }.pl-varform table.variations tr { display: flex; flex-direction: column; gap: .8rem; margin-bottom: 1.6rem; width: 100%; }.pl-varform table.variations td, .pl-varform table.variations th { display: block; width: 100% !important; max-width: none !important; }.pl-varform table.variations th, .pl-varform table.variations td { padding: 0; border: 0; background: none; text-align: left; }.pl-varform table.variations th.label label { font-size: 1.2rem; letter-spacing: .1em; text-transform: uppercase; color: var(--pl-muted); font-weight: 400; }.pl-varform ul.bricks-variation-swatches { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: .8rem; margin: 0; padding: 0; list-style: none; }.pl-varform ul.bricks-variation-swatches li { margin: 0 !important; }.pl-varform table.variations tr:not(:has([name="attribute_pa_gehaeusefarbe"])) { display: none !important; }.pl-varform .reset_variations { display: none !important; }.pl-varform table, .pl-varform tbody, .pl-varform tr, .pl-varform td, .pl-varform th { border: 0 !important; background: none !important; }.pl-varform table.variations tr { margin-bottom: 0 !important; }.pl-varform ul.bricks-variation-swatches { position: relative; padding-bottom: 2.6rem !important; }.pl-varform li.bricks-swatch-selected .bricks-swatch-button::after { content: attr(aria-label); position: absolute; left: 0; top: calc(100% + .8rem); font-size: 1.2rem; font-weight: 500; color: var(--pl-ink); white-space: nowrap; pointer-events: none; }.pl-varform select { min-width: 22rem; padding: 1rem 1.2rem; border: 1px solid var(--pl-line-strong); border-radius: 8px; background: #fff; font-size: 1.4rem; }.pl-varform .reset_variations { font-size: 1.2rem; color: var(--pl-muted); }.pl-varform .single_variation_wrap .woocommerce-variation-price,.pl-varform .single_variation_wrap .woocommerce-variation-availability,.pl-varform .single_variation_wrap .woocommerce-variation-add-to-cart,.pl-varform .quantity, .pl-varform .single_add_to_cart_button, .pl-varform .price, .pl-varform .stock { display: none !important; }.pl-sku { display: flex; gap: .8rem; align-items: baseline; font-size: 1.4rem; color: var(--pl-muted); }.pl-sku__value, .pl-sku .sku { color: var(--pl-ink); font-weight: 500; letter-spacing: .02em; }.pl-store--sm .jet-data-store-link { padding: .8rem 1.4rem; font-size: 1.2rem; gap: .6rem; }.pl-downloads { padding-bottom: clamp(39px, 5.6vw, 77px); }.pl-dl-list { display: flex; flex-direction: column; gap: .8rem; }.pl-dl { display: flex; align-items: center; gap: 1.2rem; padding: 1.2rem 1.2rem 1.2rem .8rem; background: #f8f8f8; border: 1px solid transparent; border-radius: 5px; color: var(--pl-ink); transition: border-color .2s var(--pl-ease); }.pl-dl:hover { border-color: var(--pl-line-strong); }.pl-dl__file { flex: 0 0 4.4rem; width: 4.4rem; height: 4.4rem; border-radius: 4px; background: #eeedeb; display: flex; align-items: center; justify-content: center; color: var(--pl-ink); }.pl-dl__file::before, .pl-dl__btn::before, .pl-vg__btn::before { content: ""; display: block; background: currentColor; -webkit-mask: var(--pl-ico) center / contain no-repeat; mask: var(--pl-ico) center / contain no-repeat; }.pl-dl__file::before { width: 2.2rem; height: 2.2rem; --pl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 3h-7a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V8z'/%3E%3Cpath d='M13.5 3v5h5'/%3E%3C/svg%3E"); }.pl-dl__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }.pl-dl__label { font-size: 1.4rem; font-weight: 500; line-height: 1.5; color: var(--pl-ink); overflow-wrap: anywhere; }.pl-dl__ext { font-size: 1.2rem; line-height: 1.5; color: rgba(0, 0, 0, .6); }.pl-dl:has(.pl-dl__get[href$=".pdf" i]) div.pl-dl__ext::after { content: ".pdf"; }.pl-dl:has(.pl-dl__get[href$=".zip" i]) div.pl-dl__ext::after { content: ".zip"; }.pl-dl:has(.pl-dl__get[href$=".png" i]) div.pl-dl__ext::after { content: ".png"; }.pl-dl:has(.pl-dl__get[href$=".jpg" i]) div.pl-dl__ext::after { content: ".jpg"; }.pl-dl:has(.pl-dl__get[href$=".jpeg" i]) div.pl-dl__ext::after { content: ".jpeg"; }.pl-dl:has(.pl-dl__get[href$=".dwg" i]) div.pl-dl__ext::after { content: ".dwg"; }.pl-dl:has(.pl-dl__get[href$=".ies" i]) div.pl-dl__ext::after { content: ".ies"; }.pl-dl:has(.pl-dl__get[href$=".ldt" i]) div.pl-dl__ext::after { content: ".ldt"; }.pl-dl:has(.pl-dl__get[href$=".txt" i]) div.pl-dl__ext::after { content: ".txt"; }.pl-dl:has(.pl-dl__get[href$=".docx" i]) div.pl-dl__ext::after { content: ".docx"; }.pl-dl__acts { flex: 0 0 auto; display: flex; align-items: center; gap: .8rem; }.pl-dl__btn { width: 3.2rem; height: 3.2rem; border-radius: 5px; background: #fff; color: var(--pl-ink); display: flex; align-items: center; justify-content: center; transition: background .2s, color .2s; }.pl-dl__btn::before { width: 1.8rem; height: 1.8rem; }.pl-dl__get::before { --pl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='M7 10.5l5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E"); }.pl-dl__view::before { --pl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }.pl-dl__btn:hover { background: var(--pl-ink); color: #fff; }.pl-dl__view[href$=".zip" i] { display: none; }.pl-downloads .pl-dl-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1.2rem; }.pl-figures { display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; margin-top: 3.2rem; }.pl-figure { margin: 0; padding: 2rem; border: 1px solid var(--pl-line); border-radius: 12px; background: #fff; }.pl-figure__img { width: 100%; height: auto; display: block; }.pl-figure__cap { font-size: 1.2rem; color: var(--pl-muted); margin: 1.2rem 0 0; }.pl-codes__hint { font-size: 1.4rem; color: var(--pl-text); margin: 0 0 1.6rem; }.pl-codes__dl { margin-top: 3.2rem; }.pl-ctable__v small { display: block; font-size: 1.2rem; color: var(--pl-muted); margin-top: .2rem; }.pl-vlegend { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 2rem; margin: 0 0 1.6rem; font-size: 1.2rem; color: var(--pl-muted); }.pl-vlegend__i { display: inline-flex; align-items: center; gap: .6rem; color: var(--pl-text); }.pl-vlegend__i .pl-cert__icon { width: 1.8rem; height: 1.8rem; }.pl-vlist { border-top: 1px solid var(--pl-line); }.pl-vrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 0 1.6rem; border-bottom: 1px solid var(--pl-line); }.pl-vrow__details > summary, .pl-vrow__sum { list-style: none; display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: 1.4rem; padding: 1.1rem 0; cursor: pointer; }.pl-vrow__sum::-webkit-details-marker { display: none; }.pl-vrow__marks { display: flex; align-items: center; gap: .8rem; }.pl-vrow__thumb { width: 13rem; aspect-ratio: 1; box-sizing: border-box; padding: 1rem; border: 1px solid var(--pl-line); border-radius: 10px; background: var(--pl-surface); display: flex; align-items: center; justify-content: center; overflow: hidden; }.pl-vrow__thumb img, .pl-vrow__thumbimg { width: 100%; height: 100% !important; object-fit: contain; }.pl-vrow__dot { width: 2.2rem; height: 2.2rem; border-radius: 50%; background: #ddd; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }.pl-vrow__dot[data-farbe^="silber"], .pl-vrow__dot[data-farbe^="alu"], .pl-vrow__dot[data-farbe^="chrom"] { background: #c5c7ca; }.pl-vrow__dot[data-farbe^="weiss"] { background: #f4f4f4; }.pl-vrow__dot[data-farbe^="schwarz"] { background: #111112; }.pl-vrow__dot[data-farbe^="anthrazit"], .pl-vrow__dot[data-farbe^="grau"] { background: #383e42; }.pl-vrow__ctrl { width: 2.2rem; height: 2.2rem; color: var(--pl-ink); }.pl-vrow__ctrl svg { width: 100%; height: 100%; }.pl-vrow__id { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }.pl-vrow__name { font-size: 1.4rem; font-weight: 500; color: var(--pl-ink); line-height: 1.3; }.pl-vrow__sub { font-size: 1.2rem; color: var(--pl-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.pl-vrow__chev { font-size: 1.2rem; color: var(--pl-muted); transition: transform .25s var(--pl-ease); }.pl-vrow__details[open] .pl-vrow__chev { transform: rotate(180deg); }.pl-vrow__body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem 2rem; padding: .2rem 0 1.6rem 21rem; }.pl-vspec { display: flex; flex-direction: column; gap: .2rem; font-size: 1.2rem; }.pl-vspec__l { font-size: 1.1rem; letter-spacing: .06em; text-transform: uppercase; color: var(--pl-muted); }.pl-vspec__v { color: var(--pl-ink); }.pl-vrow__bfoot { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; flex-wrap: wrap; padding-top: 1.2rem; border-top: 1px solid var(--pl-line); }.pl-vrow__ies { margin-left: auto; font-size: 1.2rem; font-weight: 500; color: var(--pl-ink); }.pl-vrow__more { display: inline-flex; align-items: center; gap: 1rem; color: var(--pl-ink); font-size: 1.3rem; font-weight: 500; }.pl-vrow__moreico { width: 3.6rem; height: 3.6rem; border-radius: 50%; border: 1px solid var(--pl-ink); display: flex; align-items: center; justify-content: center; transition: background .2s, color .2s, transform .25s var(--pl-ease); }.pl-vrow__moreico::before { content: ""; width: 1.6rem; height: 1.6rem; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; }.pl-vrow__more:hover .pl-vrow__moreico { background: var(--pl-ink); color: #fff; transform: translateX(.3rem); }.pl-vrow__act { display: flex; align-items: center; gap: .8rem; padding-top: 1.1rem; }@media (max-width: 767px) { .pl-hero__img { height: auto !important; aspect-ratio: 4 / 3; } .pl-storyrow__img { aspect-ratio: 4 / 3; } .pl-bar__inner { align-items: center; gap: 1.2rem; min-height: 6.4rem; } .pl-bar__left { flex: 1 1 auto; min-width: 0; } .pl-bar__title { flex-wrap: wrap; gap: .4rem .8rem; } .pl-bar__h { font-size: 1.6rem; line-height: 1.2; overflow-wrap: anywhere; } .pl-bar__nav { flex: 0 0 auto; } .pl-codes__summary { grid-template-columns: 1fr; } .pl-codes__thumbs { flex-direction: row; } .pl-codes__thumb { width: 9rem; } .pl-vrow { grid-template-columns: 1fr; } .pl-vrow__act { padding: 0 0 1.6rem; justify-content: flex-start; } .pl-vrow__act > * { flex: 1 1 0; } .pl-vrow__thumb { width: 8rem; padding: .6rem; border-radius: 8px; } .pl-vrow__act .jet-data-store-link, .pl-vrow__act .pl-btn { width: 100%; justify-content: center; } .pl-vrow__body { grid-template-columns: 1fr 1fr; padding-left: 0; } .pl-vrow__details > summary, .pl-vrow__sum { gap: 1.2rem; padding: 1.4rem 0 1rem; }}.pl-codes__titlerow { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; }.pl-codes__select { display: flex; align-items: center; gap: 1.2rem; padding: 2.8rem 0 2rem; }.pl-codes__selh { font-size: clamp(1.8rem, 1.49vw, 2rem); font-weight: 400; color: var(--pl-ink); margin: 0; }.pl-codes__count { display: inline-flex; align-items: center; justify-content: center; min-width: 3.4rem; height: 3.4rem; padding: 0 1rem; border-radius: 999px; background: var(--pl-surface); font-size: 1.2rem; font-weight: 500; color: var(--pl-ink); }.pl-codes__summary { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2.4rem; align-items: start; padding: 2.4rem 0; border-top: 1px solid var(--pl-line); border-bottom: 1px solid var(--pl-line); margin-bottom: 2rem; }.pl-codes__thumbs { display: flex; flex-direction: column; gap: 1.2rem; }.pl-codes__thumb { width: 13rem; aspect-ratio: 1 / 1; border: 1px solid var(--pl-line); border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 1rem; overflow: hidden; }.pl-codes__thumbimg { max-width: 100%; max-height: 100%; object-fit: contain; }.pl-codes__name { font-size: 1.6rem; font-weight: 500; color: var(--pl-ink); margin: 0 0 .6rem; }.pl-codes__kurz { font-size: 1.4rem; color: var(--pl-text); margin: 0 0 1.6rem; }.pl-codes__info .pl-certs { margin: 0; }.pl-codes__info .pl-cert__icon, .pl-codes__info svg.pl-cert__icon { width: 2.4rem !important; height: 2.4rem !important; }.pl-codes__hint { font-size: 1.2rem; color: var(--pl-muted); margin: 0 0 1.2rem; }.pl-cert__box { display: none; }.pl-codes__info .pl-certs { display: grid; grid-template-columns: repeat(auto-fill, 4.8rem); gap: .8rem; margin: 0; }.pl-codes__info .pl-cert { width: 4.8rem; height: 4.8rem; border: 1.5px solid var(--pl-ink); border-radius: 2px; display: flex; align-items: center; justify-content: center; gap: 0; background: #fff; }.pl-codes__info .pl-cert__label { display: none; }.pl-codes__info .pl-cert__icon, .pl-codes__info svg.pl-cert__icon { width: 3.8rem !important; height: 3.8rem !important; }.pl-codes__info .pl-cert--text .pl-cert__icon { display: none !important; }.pl-codes__info .pl-cert--text .pl-cert__box { display: flex; flex-direction: column; align-items: center; line-height: 1; font-size: 1.6rem; font-weight: 500; color: var(--pl-ink); letter-spacing: -.01em; }.pl-codes__info .pl-cert__box small { font-size: 1.1rem; margin-top: .2rem; }.pl-codes__info .pl-cert:hover { background: var(--pl-surface); }.pswp__bg { background: #0e0f12 !important; opacity: .94 !important; }.pl-slider { padding-block: clamp(34px, 4.9vw, 70px) 0; overflow-x: clip; }.pl-hscroll { display: flex; flex-wrap: nowrap; gap: 16px; width: calc(100% + (100vw - 100%) / 2) !important; max-width: none !important; margin-right: 0 !important; padding-right: var(--pl-gutter) !important; scroll-padding-left: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 0 0 14px; margin: 0 0 1.6rem; scrollbar-width: thin; }.pl-slide { position: relative; flex: 0 0 min(28%, 420px); scroll-snap-align: start; border-radius: var(--pl-radius); overflow: hidden; background: var(--pl-card); }.pl-slide__img, .pl-slide img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; }.pl-slide__dl { position: absolute; right: 1.6rem; bottom: 1.6rem; width: 5.2rem; height: 5.2rem; border-radius: 50%; background: rgba(255,255,255,.94); color: var(--pl-ink); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; box-shadow: 0 6px 20px rgba(0,0,0,.12); transition: transform .25s var(--pl-ease), background-color .25s; }.pl-slide__dl:hover { transform: scale(1.06); background: #fff; }@media (max-width: 991px) { .pl-slide { flex-basis: 40%; } }@media (max-width: 767px) { .pl-slide { flex-basis: 63%; } }.pl-zipbar { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.6rem 1.6rem 1.6rem 2.8rem; border-radius: 12px; background: var(--pl-surface); color: var(--pl-ink); transition: background-color .2s; }.pl-zipbar:hover { background: var(--pl-card); }.pl-zipbar__l { font-size: 1.4rem; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; }.pl-zipbar__r { display: flex; align-items: center; gap: 1.4rem; }.pl-zipbar__ext { font-size: 1.4rem; color: var(--pl-muted); }.pl-zipbar__icon { width: 4.8rem; height: 4.8rem; border-radius: 50%; background: #e9e9e9; display: flex !important; align-items: center; justify-content: center; font-size: 1.7rem; }.pl-btn--wide { min-width: 28rem; }.pl-cta { padding-bottom: clamp(45px, 6.3vw, 84px); }.pl-cta__box { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.6rem; padding: clamp(48px, 7vw, 96px) clamp(24px, 5vw, 72px); border-radius: var(--pl-radius); background: var(--pl-night); color: #fff; }.pl-cta__glow { position: absolute; width: 60%; aspect-ratio: 1; left: 10%; top: -10%; background: radial-gradient(closest-side, rgba(37,102,244,.45), transparent); filter: blur(30px); pointer-events: none; }.pl-cta__h { position: relative; font-size: clamp(1.8rem, 2.11vw, 2.7rem); font-weight: 500; color: #fff; margin: 0; line-height: 1.15; max-width: 22ch; }.pl-cta__p { position: relative; font-size: 1.5rem; color: rgba(255,255,255,.72); margin: 0 0 1.2rem; }.pl-cta .pl-btn { position: relative; }@media (prefers-reduced-motion: no-preference) { .bricks-is-frontend .pl-reveal { opacity: 0; transform: translateY(44px); transition: opacity 1s var(--pl-ease), transform 1s var(--pl-ease); } .bricks-is-frontend .pl-reveal[data-pl-in] { opacity: 1; transform: none; } .bricks-is-frontend .pl-reveal-img img, .bricks-is-frontend .pl-reveal img, .bricks-is-frontend .pl-hero--zoom .pl-hero__img { filter: blur(18px); transform: scale(1.04); transition: filter 1.4s var(--pl-ease), transform 1.6s var(--pl-ease); } .bricks-is-frontend .pl-reveal-img[data-pl-in] img, .bricks-is-frontend .pl-reveal[data-pl-in] img, .bricks-is-frontend .pl-hero--zoom[data-pl-in] .pl-hero__img { filter: blur(0); transform: none; } .bricks-is-frontend .pl-app:hover .pl-reveal-img[data-pl-in] img { transform: scale(1.04); transition-duration: 1s; }  .pl-grid > .pl-reveal:nth-child(3n+2), .pl-features__grid > .pl-reveal:nth-child(3n+2), .pl-apps__grid > .pl-reveal:nth-child(3n+2) { transition-delay: .12s; } .pl-grid > .pl-reveal:nth-child(3n), .pl-features__grid > .pl-reveal:nth-child(3n), .pl-apps__grid > .pl-reveal:nth-child(3n) { transition-delay: .24s; } .pl-phero__info > .pl-reveal:nth-child(2) { transition-delay: .08s; } .pl-phero__info > .pl-reveal:nth-child(3) { transition-delay: .16s; } .pl-phero__info > .pl-reveal:nth-child(4) { transition-delay: .24s; } .pl-phero__info > .pl-reveal:nth-child(n+5) { transition-delay: .32s; }}@media (max-width: 991px) { .pl-bar__nav .pl-bar__link, .pl-bar__nav .pl-bar__link--btn { display: none; } .pl-phero__grid, .pl-details__grid, .pl-storyrow { grid-template-columns: 1fr; } .pl-storyrow:nth-child(even) .pl-storyrow__text { order: 0; } .pl-grid, .pl-features__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pl-ctable { border: 0; border-radius: 0; } .pl-ctable__row--head { display: none; } .pl-ctable__row { grid-template-columns: 1fr 1fr; gap: 1rem 2rem; padding: 2rem; margin-bottom: 1.2rem; border: 1px solid var(--pl-line); border-radius: 12px; } .pl-ctable__cell::before { content: attr(data-label); display: block; font-size: 1.1rem; letter-spacing: .06em; text-transform: uppercase; color: var(--pl-muted); margin-bottom: .2rem; } .pl-ctable__cell--code { grid-column: 1 / -1; } .pl-ctable__cell--act { grid-column: 1 / -1; justify-content: flex-start; } .pl-ctable__cell--act::before { display: none; } .pl-codes__top { flex-direction: column; align-items: flex-start; }}@media (max-width: 767px) { .pl-figures { grid-template-columns: 1fr; } .pl-apps__grid, .pl-features__grid { grid-template-columns: 1fr; } .pl-app__img { aspect-ratio: 4 / 3; } .pl-feature { padding-right: 0; } .pl-hero__img { height: 56vh; } .pl-toolbar { flex-direction: column; align-items: flex-start; }}@media (max-width: 478px) { .pl-bar__inner { padding-block: 1rem; } .pl-crumbs { display: none; } .pl-grid { grid-template-columns: 1fr; } .pl-spec { grid-template-columns: 11rem 1fr; font-size: 1.4rem; } .pl-actions .pl-btn { flex: 1 1 100%; } .pl-certs { gap: 1.2rem 1.4rem; } .pl-ctable__row { grid-template-columns: 1fr; }}.pl-vpage { padding: clamp(2.4rem, 5vw, 5.6rem) 0 clamp(4rem, 8vw, 9rem); }.pl-vp__back { display: inline-flex; align-items: center; gap: 1rem; margin-bottom: 2.4rem; color: var(--pl-ink); font-size: 1.3rem; font-weight: 500; }.pl-vp__backico { width: 3.6rem; height: 3.6rem; border-radius: 50%; border: 1px solid var(--pl-ink); display: flex; align-items: center; justify-content: center; transition: background .2s, color .2s, transform .25s var(--pl-ease); }.pl-vp__backico::before { content: ""; width: 1.6rem; height: 1.6rem; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M11 6l-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M11 6l-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat; }.pl-vp__back:hover .pl-vp__backico { background: var(--pl-ink); color: #fff; transform: translateX(-.3rem); }.pl-vp__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, .85fr); gap: clamp(2.4rem, 4vw, 5.6rem); align-items: start; }.pl-vp__parent, .pl-vp__certgroup { display: contents; }.pl-vp__name { font-size: 1.4rem; color: var(--pl-muted, #6b6b6b); margin: .6rem 0 .4rem; }.pl-vp__code { font-size: clamp(2.4rem, 1.8vw, 2.8rem); font-weight: 500; line-height: 1.1; letter-spacing: -.01em; margin: 0 0 1.4rem; word-break: break-word; }.pl-vp__kurz { font-size: 1.4rem; line-height: 1.55; margin: 0 0 .4rem; }.pl-vp__certs { display: grid; grid-template-columns: repeat(auto-fill, 4.8rem); gap: .8rem; margin: 2rem 0 2.4rem; }.pl-vp__specs { margin: 0; }.pl-vp__specs--more { margin-top: 0; border-top: 0; }.pl-vp__actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.8rem; }.pl-vp__actions > * { flex: 1 1 auto; justify-content: center; }.pl-vp__col--media { position: sticky; top: 12rem; }.pl-vp__col--media .pl-eyebrow { margin-top: 3.2rem; }.pl-vp__desc { font-size: 1.4rem; line-height: 1.6; }.pl-vp__box { border: 1px solid var(--pl-line, #e3e3e0); padding: 2rem; }.pl-vp__boxh { font-size: 1.2rem; text-transform: uppercase; letter-spacing: .12em; margin: 0 0 1.2rem; }.pl-vp__box .pl-dl[data-label*="Lichtdaten"] { display: none; }@media (max-width: 991px) { .pl-vp__grid { grid-template-columns: 1fr 1fr; } .pl-vp__col--media { display: contents; } .pl-vg { grid-column: 1 / -1; order: 0; } .pl-vp__col--info { order: 1; } .pl-vp__col--dl { order: 2; } .pl-vp__col--media .pl-vp__parent > * { grid-column: 1 / -1; order: 3; margin-top: 0; } .pl-vp__col--media .pl-eyebrow { margin: 1.6rem 0 -1.2rem; }}@media (max-width: 767px) { .pl-vp__grid { grid-template-columns: 1fr; } .pl-vp__certs { grid-template-columns: repeat(auto-fill, 5rem); }}.pl-vp__certs .pl-cert { width: 4.8rem; height: 4.8rem; border: 1.5px solid var(--pl-ink); border-radius: 2px; display: flex; align-items: center; justify-content: center; gap: 0; background: #fff; }.pl-vp__certs .pl-cert__label { display: none; }.pl-vp__certs .pl-cert__icon, .pl-vp__certs svg.pl-cert__icon { width: 3.8rem !important; height: 3.8rem !important; }.pl-vp__certs .pl-cert--text .pl-cert__icon { display: none !important; }.pl-vp__certs .pl-cert--text .pl-cert__box { display: flex; flex-direction: column; align-items: center; line-height: 1; font-size: 1.6rem; font-weight: 500; color: var(--pl-ink); letter-spacing: -.01em; }.pl-vp__certs .pl-cert__box small { font-size: 1.1rem; margin-top: .2rem; }.pl-vp__certs .pl-cert:hover { background: var(--pl-surface); }.pl-vrow__col, .pl-vhead { display: none; }@media (min-width: 1024px) { .pl-vhead { display: grid; grid-template-columns: minmax(0, 1fr) 28rem; gap: 0 1.6rem; padding: 1rem 0; border-bottom: 1px solid var(--pl-line); } .pl-vhead__cols, .pl-vrow__details > summary, .pl-vrow__sum { grid-template-columns: 13rem 5.2rem minmax(0, 1fr) 11rem 19rem 6rem 1.4rem; } .pl-vhead__cols { display: grid; gap: 1.4rem; } .pl-vhead__c { font-size: 1.2rem; font-weight: 500; color: var(--pl-ink); } .pl-vhead__c--name { grid-column: 1 / 4; } .pl-vrow { grid-template-columns: minmax(0, 1fr) 28rem; } .pl-vrow__col { display: block; font-size: 1.4rem; color: var(--pl-ink); } .pl-vrow__subx, .pl-vspec--col { display: none; } .pl-vrow__act { justify-content: flex-end; }}.pl-vg { background: #f8f8f8; border: 1px solid var(--pl-line); border-radius: 6px; padding: .8rem; }.pl-vg__stage { position: relative; background: #fff; border: 1px solid var(--pl-line); border-radius: 5px; overflow: hidden; }.pl-vg__track { position: relative; display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; aspect-ratio: 1 / 1; }.pl-vg__track::-webkit-scrollbar { display: none; }.pl-vg__slide { flex: 0 0 100%; width: 100%; height: 100%; box-sizing: border-box; scroll-snap-align: start; display: flex; align-items: center; justify-content: center; padding: 6% 6% 16%; }.pl-vg__slide > *, .pl-vg__slide a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }.pl-vg__slide img { width: 100%; height: 100% !important; object-fit: contain; cursor: zoom-in; }.pl-vg__nav { position: absolute; left: 1.6rem; bottom: 1.6rem; display: flex; gap: .8rem; }.pl-vg__btn { width: 4rem; height: 4rem; padding: 0; border: 0; border-radius: 50%; background: #efeeec; color: var(--pl-ink); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s, color .2s, opacity .2s; }.pl-vg__btn::before { width: 1.8rem; height: 1.8rem; }.pl-vg__btn:hover:not([disabled]) { background: var(--pl-ink); color: #fff; }.pl-vg__btn[disabled] { opacity: .45; cursor: default; }.pl-vg__prev::before { --pl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6l-6 6 6 6'/%3E%3C/svg%3E"); }.pl-vg__next::before { --pl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E"); }.pl-vg__dl::before { --pl-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='M7 10.5l5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E"); }.pl-vg__dl { position: absolute; right: 1.6rem; bottom: 1.6rem; }.pl-vg__thumbs { display: flex; gap: .8rem; margin-top: .8rem; overflow-x: auto; scrollbar-width: none; }.pl-vg__thumb { flex: 1 1 0; min-width: 4.4rem; max-width: 6.4rem; aspect-ratio: 1; height: auto; padding: .4rem; background: #fff; border: 1px solid var(--pl-line); border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: border-color .2s; }.pl-vg__thumb img { width: 100%; height: 100% !important; object-fit: contain; }.pl-vg__thumb:hover { border-color: var(--pl-line-strong); }.pl-vg__thumb.is-active { border-color: var(--pl-ink); }.pl-vg.is-single .pl-vg__nav, .pl-vg.is-single .pl-vg__thumbs { display: none; }@media (max-width: 767px) { .pl-vg__track { aspect-ratio: 4 / 3; } .pl-downloads .pl-dl-list { grid-template-columns: 1fr; }}@media (min-width: 768px) { .pl-vrow__act { height: 15.2rem; padding-top: 0; align-items: center; }}.pl-codes__info .pl-cert, .pl-vp__certs .pl-cert { position: relative; cursor: default; }.pl-codes__info .pl-cert .pl-cert__label, .pl-vp__certs .pl-cert .pl-cert__label { display: block !important; position: absolute; left: 50%; bottom: calc(100% + 1rem); z-index: 5; padding: .6rem 1rem; border-radius: 6px; background: #111; color: #fff !important; font-size: 1.2rem; font-weight: 500; line-height: 1.2; white-space: nowrap; text-align: center; width: max-content; max-width: none !important; opacity: 0; visibility: hidden; transform: translate(-50%, .4rem); pointer-events: none; transition: opacity .18s ease, transform .18s ease, visibility .18s; }.pl-codes__info .pl-cert .pl-cert__label::after, .pl-vp__certs .pl-cert .pl-cert__label::after { content: ""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #111; }.pl-codes__info .pl-cert:hover .pl-cert__label, .pl-codes__info .pl-cert:focus-within .pl-cert__label, .pl-codes__info .pl-cert:focus .pl-cert__label,.pl-vp__certs .pl-cert:hover .pl-cert__label, .pl-vp__certs .pl-cert:focus .pl-cert__label { opacity: 1; visibility: visible; transform: translate(-50%, 0); }.pl-bar { background: #fff; border-bottom: 1px solid var(--pl-line); }.pl-bar__inner { max-width: none; padding: 1.8rem var(--pl-gutter) 2rem; }.pl-crumbs { font-size: 1.3rem; letter-spacing: .02em; color: var(--pl-ink); }.pl-crumbs a { color: var(--pl-ink); }.pl-bar__h { font-size: clamp(2.2rem, 2.3vw, 3.6rem); font-weight: 600; letter-spacing: -.012em; line-height: 1.15; }.pl-bar__title { gap: 1.4rem; }.pl-bar__title .pl-badge { font-size: 1.4rem; font-weight: 600; padding: .5rem 1.4rem; }.pl-wrap { max-width: none; }.pl-wrap--narrow { max-width: 1180px; }.pl-cathead__h { font-size: clamp(3rem, 3.4vw, 5.2rem); font-weight: 600; letter-spacing: -.02em; }.pl-famgrid__h { font-size: clamp(4rem, 5.4vw, 8rem); font-weight: 400; letter-spacing: -.03em; line-height: 1; margin: 0 0 clamp(28px, 3.4vw, 52px); }.pl-famgrid .exk-flt { margin: 0 auto clamp(36px, 4.2vw, 64px); }.pl-famgrid .exk-flt__bar { justify-content: center; }.pl-grid--center { max-width: none; display: flex; flex-wrap: wrap; justify-content: center; }.pl-grid--center > * { flex: 0 1 calc((100% - 3 * clamp(12px, 1.6vw, 24px)) / 4); min-width: 0; }@media (min-width: 1280px) { .pl-catgrid .pl-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }@media (max-width: 1279px) { .pl-grid--center > * { flex-basis: calc((100% - 2 * clamp(12px, 1.6vw, 24px)) / 3); } }@media (max-width: 991px) { .pl-grid--center > * { flex-basis: calc((100% - clamp(12px, 1.6vw, 24px)) / 2); } }@media (max-width: 478px) { .pl-grid--center > * { flex-basis: 100%; } .pl-bar__h { font-size: 2rem; } }.pl-catgrid .exk-flt { margin: 0 0 clamp(24px, 2.8vw, 40px); }