.portfolio-seite{background:var(--creme);color:var(--ink)}.portfolio-breite{width:min(1280px,100% - 80px);margin-inline:auto}.portfolio-kopf{background:var(--creme);border-bottom:1px solid var(--linie)}.portfolio-kopf-innen{justify-content:space-between;align-items:center;gap:32px;min-height:90px;display:flex}.portfolio-kopf img{width:132px;height:auto;display:block}.portfolio-kopf nav{align-items:center;gap:26px;font-size:14px;display:flex}.portfolio-kopf nav a{text-underline-offset:8px;white-space:nowrap;align-items:center;min-height:44px;display:flex}.portfolio-kopf nav a[aria-current=page]{font-weight:600;text-decoration:underline}.portfolio-seite :is(a,button,summary):focus-visible,.portfolio-kopf a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.portfolio-seite .pill{align-items:center;gap:16px;display:inline-flex}.portfolio-hero{grid-template-columns:.85fr 1.15fr;align-items:start;gap:64px;padding-block:48px 52px;display:grid}.portfolio-hero h1,.portfolio-intro h1{font:400 clamp(44px,4.8vw,70px)/1.04 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 28px}.portfolio-hero p{max-width:43ch;margin:0 0 18px;font-size:16px;line-height:1.7}.portfolio-hero .portfolio-einleitung{font-size:20px;line-height:1.55}.portfolio-hero .portfolio-preis{flex-wrap:wrap;align-items:baseline;gap:12px;margin:28px 0 24px;display:flex}.portfolio-preis strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:500}.portfolio-preis span{font-size:13px}.portfolio-hero .portfolio-hinweis,.portfolio-hinweis{color:var(--text-3);margin-top:18px;font-size:12px;line-height:1.6}.portfolio-rahmenbild{margin:0}.portfolio-rahmen.kalender-rahmen{--leiste-breite:20px;width:100%;max-width:none;padding:var(--leiste-breite)}.portfolio-rahmen .kalender-mat{padding:var(--rahmen-rand-y,1.3%) var(--rahmen-rand-x,1.3%)}.portfolio-rahmen-raster{grid-template-columns:repeat(var(--portfolio-spalten),minmax(0,1fr));gap:var(--rahmen-abstand,1cqw);display:grid}.portfolio-relief,.portfolio-relief-leer{min-width:0;aspect-ratio:var(--kachel-aspekt,77/93)}.portfolio-relief{background-image:url(/produkt/rahmen-abgleich-20261005/09-rahmen-eiche.webp);background-repeat:no-repeat;background-size:832.184% 517.143%}.portfolio-rahmenbild figcaption{color:var(--text-3);text-align:center;margin-top:18px;font-size:11px;line-height:1.5}.portfolio-konfigurator{scroll-margin-top:20px}.portfolio-fragen{grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:80px;display:grid}.portfolio-fragen h2,.portfolio-wechsel h2{font:400 clamp(32px,3.3vw,46px)/1.12 var(--display);letter-spacing:-.02em;margin:0}.portfolio-fragen details{border-bottom:1px solid var(--linie)}.portfolio-fragen details:first-child{border-top:1px solid var(--linie)}.portfolio-fragen summary{cursor:pointer;padding:21px 0;font-size:16px;font-weight:500;line-height:1.5}.portfolio-fragen details p{max-width:65ch;margin:0 0 24px;font-size:14px;line-height:1.75}.portfolio-fragen details a{text-underline-offset:3px;text-decoration:underline}.portfolio-wechsel{justify-content:space-between;align-items:baseline;gap:32px;padding-block:10px 80px;display:flex}.portfolio-wechsel nav{flex-wrap:wrap;gap:32px;display:flex}.portfolio-intro{padding-block:64px 52px}.portfolio-intro h1{max-width:22ch}.portfolio-intro>p{max-width:56ch;margin:0;font-size:20px;line-height:1.6}.portfolio-auswahl{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding-bottom:88px;display:grid}.portfolio-produktbild{align-items:center;height:clamp(280px,29vw,400px);display:flex}.portfolio-produktbild .portfolio-rahmenbild{width:100%}.portfolio-auswahl .portfolio-rahmen{--leiste-breite:12px}.portfolio-auswahl .portfolio-rahmenbild figcaption{text-align:left;font-size:10px}.portfolio-produktkopf{border-top:1px solid var(--linie);justify-content:space-between;align-items:baseline;gap:16px;margin-top:28px;padding-top:24px;display:flex}.portfolio-produktkopf h2{font:400 36px/1.1 var(--display);margin:0}.portfolio-produktkopf strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.portfolio-auswahl article>p{max-width:36ch;min-height:52px;margin:14px 0 24px;font-size:15px;line-height:1.6}.portfolio-einzel{border-top:1px solid var(--linie);grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;padding-block:64px 90px;display:grid}.portfolio-einzelbild{aspect-ratio:1;overflow:hidden}.portfolio-einzelbild img{object-fit:contain;width:100%;height:100%;display:block}.portfolio-einzel h2{font:400 clamp(40px,4.6vw,64px)/1.06 var(--display);letter-spacing:-.02em;margin:0 0 28px}.portfolio-einzel p{max-width:43ch;margin:0 0 18px;font-size:16px;line-height:1.7}.portfolio-einzel .pill{margin-top:10px}.portfolio-einzel .portfolio-hinweis{margin-top:20px;font-size:12px}.portfolio-shop{background:var(--creme);color:var(--ink);padding-block:72px}.portfolio-shop-kopf{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;display:flex}.portfolio-shop-kopf :is(h1,h2){font:400 clamp(32px,3.2vw,46px)/1.12 var(--display);letter-spacing:-.02em;margin:0 0 18px}.portfolio-shop-kopf p{max-width:55ch;margin:0;font-size:16px;line-height:1.6}.portfolio-shop-kopf .marketing-textlink{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.portfolio-shop-auswahl{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.portfolio-shop-produkt{min-width:0;display:block}.portfolio-shop-produkt:focus-visible{outline:2px solid var(--ink);outline-offset:7px}.portfolio-shop-bild{justify-content:center;align-items:center;height:220px;display:flex;container-type:size}.portfolio-shop-bild .portfolio-rahmenbild{width:min(100cqw, calc(100cqh * var(--portfolio-bildverhaeltnis)));flex-shrink:0}.portfolio-shop-bild .portfolio-rahmen{--leiste-breite:10px}.portfolio-shop-bild figcaption{display:none}.portfolio-shop-bild>img{object-fit:contain;width:100%;height:100%}.portfolio-shop-produkt h3{font:500 20px/1.3 var(--sans);margin:22px 0 10px}.portfolio-shop-produkt>p{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;margin:0;font-size:18px;display:flex}.portfolio-shop-produkt>span{color:var(--text-3);margin-top:10px;font-size:12px;line-height:1.5;display:block}.portfolio-shop-produkt:hover h3{text-underline-offset:4px;text-decoration:underline}@media (max-width:1000px){.portfolio-shop-auswahl{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.portfolio-shop-bild{height:280px}.portfolio-breite{width:calc(100% - 48px)}.portfolio-kopf nav{gap:16px}.portfolio-hero{gap:36px}.portfolio-auswahl{gap:26px}.portfolio-einzel,.portfolio-fragen{gap:40px}}@media (max-width:760px){.portfolio-shop{padding-block:44px}.portfolio-shop-kopf{flex-direction:column;align-items:flex-start;gap:18px}.portfolio-shop-auswahl{gap:28px 18px}.portfolio-shop-bild{height:180px}.portfolio-shop-produkt h3{margin-top:16px;font-size:16px}.portfolio-shop-bild .portfolio-rahmen.kalender-rahmen{--leiste-breite:7px}.portfolio-breite{width:calc(100% - 36px)}.portfolio-kopf-innen{flex-direction:column;align-items:flex-start;gap:2px;min-height:auto;padding-top:18px}.portfolio-kopf img{width:108px}.portfolio-kopf nav{gap:20px;width:100%;padding-block:4px;font-size:12px;overflow-x:auto}.portfolio-hero{grid-template-columns:1fr;gap:34px;padding-block:36px 46px}.portfolio-hero h1,.portfolio-intro h1{margin-bottom:22px;font-size:clamp(42px,9vw,60px)}.portfolio-hero .portfolio-einleitung,.portfolio-intro>p{font-size:18px}.portfolio-hero p{max-width:48ch;font-size:15px}.portfolio-rahmen.kalender-rahmen{--leiste-breite:14px}.portfolio-fragen{grid-template-columns:1fr;gap:30px;padding-block:48px}.portfolio-wechsel{padding-bottom:50px;display:block}.portfolio-wechsel nav{gap:24px;margin-top:22px}.portfolio-intro{padding-block:40px}.portfolio-auswahl{grid-template-columns:1fr;gap:46px;padding-bottom:48px}.portfolio-produktbild{max-width:520px;height:auto}.portfolio-auswahl .portfolio-rahmen{--leiste-breite:12px}.portfolio-produktkopf{margin-top:20px;padding-top:20px}.portfolio-auswahl article>p{max-width:48ch;min-height:auto;margin-bottom:20px}.portfolio-einzel{grid-template-columns:1fr;gap:30px;padding-block:42px 50px}.portfolio-einzel h2{font-size:42px}}.portfolio-shop-start{padding-block:56px 64px}.portfolio-shop-start .portfolio-shop-kopf h1{max-width:24ch;font-size:clamp(40px,4.5vw,64px)}.portfolio-ablauf{border-block:1px solid var(--linie);padding-block:64px}.portfolio-ablauf h2{font:400 clamp(32px,3.3vw,46px)/1.12 var(--display);margin:0 0 36px}.portfolio-ablauf ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding-left:22px;display:grid}.portfolio-ablauf li{padding-left:8px}.portfolio-ablauf h3{margin:0 0 12px;font-size:18px;font-weight:500}.portfolio-ablauf p{max-width:40ch;margin:0;font-size:15px;line-height:1.7}@media (max-width:760px){.portfolio-shop-start{padding-block:32px 44px}.portfolio-ablauf{padding-block:40px}.portfolio-ablauf ol{grid-template-columns:1fr;gap:28px}}