.spf{background:var(--ground)}.spf .d,.spf .h{-webkit-hyphens:manual;hyphens:manual}.spf-hero{background:#fff;padding:24px 32px 0;position:relative;z-index:1}.spf-hero .spb__crumb{margin-bottom:0}.spf-hero--noimg{padding-bottom:48px}.spf-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:end;margin-top:48px}.spf-title{grid-column:1 / span 8;display:flex;flex-direction:column;gap:16px}.spf-meta{grid-column:10 / span 3;display:flex;flex-direction:column;margin:0}.spf-meta>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.spf-meta>div:first-child{border-top:2px solid var(--ink)}.spf-meta dd{margin:0}.spf .spf-fig{margin:48px 0 -240px;position:relative}.spf-fig .spb__ph{aspect-ratio:21/9}.spf-intro{padding:288px 32px 48px}.spf-intro--noimg{padding-top:48px}.spf-intro__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:start}.spf-lede{grid-column:1 / span 6;display:flex;flex-direction:column;gap:16px}.spf-kurz{grid-column:8 / span 5;margin-top:-168px;position:relative;z-index:2;background:var(--mint-soft);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px}.spf-intro--noimg .spf-kurz{margin-top:0}.spf-kurz p{margin:0}.spf-kurz .b{display:flex;flex-direction:column;gap:12px}.spf-bar{position:sticky;top:var(--sticky-area-height,0px);z-index:5;background:#fff}.spf-bar__nav{display:flex;gap:32px;padding:0 32px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.spf-bar__nav::-webkit-scrollbar{display:none}.spf-bar__nav a{display:flex;gap:8px;align-items:baseline;padding:20px 0 18px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;flex:none}.spf-bar__nav a:hover{color:var(--ink)}.spf-bar__nav a.is-on{color:var(--ink);border-bottom-color:var(--ink)}.spf-bar__track{height:2px;background:var(--line)}.spf-bar__track span{display:block;height:2px;width:0;background:var(--mint)}.spf-chap{padding:64px 32px}.spf-chap--w{background:#fff}.spf-chap--m{background:var(--mint-soft)}.spf-in{display:flex;flex-direction:column;gap:48px}.spf-head{display:flex;align-items:flex-end;gap:24px;padding-top:16px;border-top:2px solid var(--ink)}.spf-no{color:var(--muted);flex:none}.spf-head h2{margin:0;padding-bottom:4px;scroll-margin-top:calc(var(--sticky-area-height,80px) + 96px)}.spf-head .spf-pill{margin-left:auto;margin-bottom:4px}.spf-pill,.spb__prose .sp-res,.spb__prose .sp-tags span,.spb__prose .sp-duel th span{display:inline-flex;align-items:center;align-self:flex-start;height:32px;padding:0 12px;border-radius:12px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin:0}.spf-pill--a,.spb__prose .sp-res.a,.spb__prose .sp-tags .a{background:var(--ink);color:#fff}.spf-pill--b,.spb__prose .sp-res.b,.spb__prose .sp-tags .b{background:var(--mint);color:var(--on-mint)}.spf-pill--w,.spb__prose .sp-res.w{background:#fff;color:var(--ink)}.spf-chap--w .spf-pill--w{background:var(--ground)}.spb__prose .sp-kick{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.spf-flow{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:16px}.spf-flow>*{grid-column:1 / span 7;min-width:0}.spf-flow>.sp-duel,.spf-flow>.sp-cases,.spf-flow>.sp-textiles,.spf-flow>.sp-files,.spf-flow>.sp-tips,.spf-flow>.sp-steps,.spf-flow>.sp-werkstatt,.spf-flow>.sp-fig,.spf-flow>table{grid-column:1 / -1;margin:16px 0}.spf-flow>*:first-child{margin-top:0}.spf-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:start}.spf-split>.spf-txt{grid-column:1 / span 5;grid-row:1;min-width:0}.spf-split>.spf-side{grid-column:7 / span 6;grid-row:1}.spf-split--rev>.spf-txt{grid-column:8 / span 5}.spf-split--rev>.spf-side{grid-column:1 / span 6}.spf .spf-side{margin:0;background:#fff;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:24px;min-width:0}.spf .spf-chap--w .spf-side{background:var(--ground)}.spf-side svg{display:block;width:100%;height:auto}.spf-dg--m{display:none}.spf-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:16px 0 0;padding:0;list-style:none}.spf-legend li{display:flex;gap:8px;align-items:center}.spf-legend i{display:block;flex:none;width:16px;height:16px;border-radius:4px}.spb .sp-facts,.spf-side .sp-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}.spb .sp-facts>div{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.spb .sp-facts>div:first-child{border-top:2px solid var(--ink)}.spb .sp-facts dt{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.spb .sp-facts dd{margin:0;font-size:16px;line-height:24px}.spb__prose .sp-cap{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.spf .fo{fill:#fff;stroke:#111;stroke-width:1.6;stroke-linejoin:round}.spf .fs{fill:none;stroke:#111;stroke-width:1.1;stroke-linecap:round}.spf .fz{fill:none;stroke:#8a928e;stroke-width:1;stroke-dasharray:3 3}.spf-dtf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.spf-dtf li{display:flex;flex-direction:column;gap:12px;min-width:0}.spf-dtf__img{display:block;background:#fff;border-radius:12px;padding:8px}.spf-chap--g .spf-dtf__img{background:var(--ground)}.spf-dtf__t{display:flex;gap:12px;align-items:flex-start}.spf-dtf__t>span:last-child{display:flex;flex-direction:column;gap:4px}.spf-mk{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;line-height:16px;font-weight:700}.spb__prose .sp-note{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:2px solid var(--ink)}.spb__prose .sp-note>p:first-child,.spb__prose .sp-note>p:first-child strong{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.spf-ex{background:#fff;border-radius:24px;padding:32px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:start}.spf-chap--w .spf-ex{background:var(--ground)}.spf-ex__txt{grid-column:1 / span 6}.spf-ex__cond{grid-column:8 / span 5}.spb__prose ul.sp-cond{gap:0}.spb__prose ul.sp-cond>li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:16px 0;border-top:1px solid var(--line)}.spb__prose ul.sp-cond>li:first-child{border-top:2px solid var(--ink)}.spb__prose ul.sp-cond>li:before{grid-row:1 / span 2;width:24px;height:24px;margin:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6B5A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/24px 24px no-repeat}.spb__prose ul.sp-cond>li.nein:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}.spb__prose ul.sp-cond>li>p{grid-column:2}.spb__prose ul.sp-cond>li>p+p{color:var(--muted)}.spb__prose .sp-cond strong,.spb__prose .sp-cases strong,.spb__prose .sp-textiles strong,.spb__prose .sp-files strong,.spb__prose .sp-tips strong,.spb__prose .sp-steps strong{font-size:16px;line-height:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.spb__prose .sp-werkstatt a:after{display:inline-block;margin-left:4px;text-decoration:none}@media screen and (max-width:1099px){.spf-meta{grid-column:9 / span 4}.spf-title{grid-column:1 / span 8}.spb__prose ul.sp-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.spb__prose ul.sp-textiles{grid-template-columns:minmax(0,1fr)}.spb__prose ol.sp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.spb__prose ol.sp-steps>li:nth-child(2n):after{display:none}.spf-split>.spf-txt,.spf-split--rev>.spf-txt{grid-column:1 / span 6}.spf-split>.spf-side,.spf-split--rev>.spf-side{grid-column:7 / span 6}.spf-kombi__flats{grid-column:1 / -1}.spf-kombi__txt{grid-column:1 / span 8}.spf-faq__l{grid-column:1 / span 5}.spf-faq__r,.spf-faq__a{grid-column:6 / span 7}}@media screen and (max-width:849px){.spf-hero{padding:16px 16px 0}.spf-hero--noimg{padding-bottom:32px}.spf-hero__grid{grid-template-columns:minmax(0,1fr);margin-top:24px}.spf-title,.spf-meta{grid-column:1 / -1}.spf-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;border-top:2px solid var(--ink)}.spf-meta>div,.spf-meta>div:first-child{border-top:0;padding:12px 0 0}.spf .d{font-size:40px;line-height:40px;-webkit-hyphens:auto;hyphens:auto}.spf .spf-fig{margin:24px 0 -120px}.spf-fig .spb__ph{aspect-ratio:4/3}.spf-intro{padding:144px 16px 32px}.spf-intro--noimg{padding-top:32px}.spf-intro__grid{grid-template-columns:minmax(0,1fr)}.spf-lede,.spf-kurz{grid-column:1 / -1}.spf-kurz{margin-top:0;padding:16px}.spf-bar__nav{gap:24px;padding:0 16px}.spf-chap{padding:48px 16px}.spf-in{gap:32px}.spf-head{gap:16px}.spf-head .spf-no{font-size:40px;line-height:40px}.spf-flow,.spf-split,.spf-ex,.spf-faq,.spf-kombi,.spf-authorrow,.spb__prose .sp-werkstatt{grid-template-columns:minmax(0,1fr)}.spf-flow>*,.spf-split>*,.spf-split--rev>*,.spf-ex>*,.spf-kombi>*,.spf-authorrow>*,.spb__prose .sp-werkstatt>*{grid-column:1 / -1!important;grid-row:auto!important}.spf .spf-side,.spf-ex,.spf-kombi{padding:16px}.spf-dg--d{display:none}.spf-dg--m{display:block}.spf-dtf{grid-template-columns:minmax(0,1fr)}.spf-dtf li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}.spf-dtf__img{padding:4px}.spb .sp-facts,.spf-side .sp-facts{grid-template-columns:minmax(0,1fr);gap:16px}.spf-kombi__flats{padding:12px;gap:8px}.spb__prose .sp-duel thead tr{grid-template-columns:1fr 1fr;column-gap:16px;padding-bottom:16px}.spb__prose .sp-duel thead th:nth-child(1){display:none}.spb__prose .sp-duel thead th:nth-child(n+2){font-size:24px;line-height:28px;align-items:flex-start!important;text-align:left}.spb__prose .sp-duel thead th:nth-child(2) span{align-self:flex-start}.spb__prose .sp-duel tbody tr{grid-template-columns:1fr 1fr;column-gap:16px;row-gap:12px;align-items:start}.spb__prose .sp-duel tbody td:first-child{grid-column:1 / -1;justify-self:start;order:0}.spb__prose .sp-duel tr>*:nth-child(2){text-align:left}.spb__prose ul.sp-cases,.spb__prose ul.sp-files,.spb__prose .sp-tips{grid-template-columns:minmax(0,1fr);gap:16px}.spb__prose ul.sp-cases>li,.spb__prose ul.sp-files>li,.spb__prose .sp-tips>div,.spb__prose ul.sp-textiles>li{padding:16px}.spb__prose ul.sp-textiles>li{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.spb__prose ul.sp-textiles>li>.sp-flat{grid-row:auto;aspect-ratio:16/10}.spb__prose ul.sp-textiles>li>.sp-flat>svg{width:60%}.spb__prose ul.sp-textiles>li>p{grid-column:1}.spb__prose ul.sp-files>li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:8px}.spb__prose ul.sp-files>li:before{grid-row:1 / span 3;margin:0}.spb__prose ul.sp-files>li>*{grid-column:2}.spb__prose .sp-tips>div{grid-template-columns:minmax(0,1fr);row-gap:8px}.spb__prose .sp-tips>div>*{grid-column:1!important;grid-row:auto!important}.spb__prose ol.sp-steps{grid-template-columns:minmax(0,1fr);row-gap:24px}.spb__prose ol.sp-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;row-gap:4px}.spb__prose ol.sp-steps>li:before{grid-row:1 / span 2;width:40px;height:40px;margin:0}.spb__prose ol.sp-steps>li>p{grid-column:2}.spb__prose ol.sp-steps>li:not(:last-child):after,.spb__prose ol.sp-steps>li:nth-child(2n):not(:last-child):after{display:block;left:19px;right:auto;top:20px;bottom:-24px;width:2px;height:auto}.spb__prose .sp-werkstatt>div{padding:16px}.spf-faq__l{display:contents}.spf-faq>*,.spf-faq__l>*{grid-column:1 / -1!important}.spf-faq__l>.spf-head{order:1}.spf-faq__r{order:2;padding-top:0}.spf-faq__l>.spf-ask{order:3}.spf-faq__a{order:4;margin-top:0}.spf-ask{padding:16px}.spf-bridge__head,.spf-more__head{flex-direction:column;align-items:flex-start;gap:8px}.spf-bridge__grid{display:flex;overflow-x:auto;gap:16px;margin:0 -16px;padding:0 16px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.spf-bridge__grid::-webkit-scrollbar{display:none}.spf-bridge__item{flex:0 0 140px;scroll-snap-align:start}.spf-more{padding:48px 16px}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/sp-blog-f.css.map */