/* Risskanten aus der Designvorlage A5. Auswahl im Editor: Feld "Risskante" in der Block-Leiste / Seitenleiste
   (Gruppe, Pullquote, Cover, Spalten) oder als Klasse (zusätzliche CSS-Klasse):
   wk-torn-1…4         oben und unten gerissen
   wk-torn-top-1…4     nur oben      (bekommt oben 56px Innenabstand)
   wk-torn-bottom-1…4  nur unten     (bekommt unten 56px Innenabstand)
   wk-torn-photo       Foto mit gerissenem Rand rundum (Prozentwerte, passt auf jede Größe)
   wk-torn-none        glatt, hebt den Riss auf (z. B. beim Pullquote-Band)
   Pullquote-Bänder (is-style-band / -dark) sind von sich aus gerissen. Ein eigener Innenabstand im Editor überschreibt den Standardabstand. */
:root{
--wk-torn-1:polygon(0% 20px,3% 20px,5% 20px,5% 8px,11% 8px,11% 0px,14% 39px,16% 39px,16% 27px,22% 40px,30% 40px,30% 34px,33% 34px,33% 23px,36% 14px,38% 27px,44% 27px,44% 9px,52% 37px,54% 39px,56% 3px,60% 3px,60% 17px,71% 17px,71% 3px,79% 14px,80% 14px,80% 4px,88% 4px,88% 6px,96% 6px,96% 39px,98% 39px,98% 30px,100% 30px,100% 22px,100% calc(100% - 1px),93% calc(100% - 20px),93% calc(100% - 0px),85% calc(100% - 0px),81% calc(100% - 7px),81% calc(100% - 7px),79% calc(100% - 7px),73% calc(100% - 40px),73% calc(100% - 43px),69% calc(100% - 43px),69% calc(100% - 42px),68% calc(100% - 42px),66% calc(100% - 41px),66% calc(100% - 44px),64% calc(100% - 44px),63% calc(100% - 8px),63% calc(100% - 40px),62% calc(100% - 40px),62% calc(100% - 26px),61% calc(100% - 26px),61% calc(100% - 38px),57% calc(100% - 38px),57% calc(100% - 39px),53% calc(100% - 39px),53% calc(100% - 30px),45% calc(100% - 30px),45% calc(100% - 43px),44% calc(100% - 43px),44% calc(100% - 6px),41% calc(100% - 6px),41% calc(100% - 13px),40% calc(100% - 13px),32% calc(100% - 9px),32% calc(100% - 3px),21% calc(100% - 3px),19% calc(100% - 5px),19% calc(100% - 33px),8% calc(100% - 33px),8% calc(100% - 32px),2% calc(100% - 32px),2% calc(100% - 5px),0% calc(100% - 5px));
--wk-torn-2:polygon(0% 16px,2% 16px,2% 8px,13% 8px,13% 21px,14% 13px,20% 13px,20% 0px,31% 0px,31% 33px,35% 33px,36% 39px,42% 9px,53% 9px,53% 27px,54% 2px,62% 2px,62% 28px,63% 38px,67% 38px,67% 8px,68% 8px,68% 7px,69% 0px,72% 0px,72% 1px,78% 1px,78% 20px,79% 20px,79% 34px,81% 26px,82% 26px,82% 1px,83% 1px,83% 16px,87% 16px,87% 3px,88% 3px,88% 12px,89% 8px,90% 8px,90% 27px,92% 27px,92% 16px,94% 37px,97% 37px,98% 38px,100% 38px,100% 16px,100% calc(100% - 38px),100% calc(100% - 6px),96% calc(100% - 6px),92% calc(100% - 0px),92% calc(100% - 25px),89% calc(100% - 25px),89% calc(100% - 0px),88% calc(100% - 0px),84% calc(100% - 24px),84% calc(100% - 38px),78% calc(100% - 38px),75% calc(100% - 6px),75% calc(100% - 6px),67% calc(100% - 6px),67% calc(100% - 7px),56% calc(100% - 7px),52% calc(100% - 16px),48% calc(100% - 0px),40% calc(100% - 6px),37% calc(100% - 3px),31% calc(100% - 19px),31% calc(100% - 19px),30% calc(100% - 19px),30% calc(100% - 10px),27% calc(100% - 10px),16% calc(100% - 7px),16% calc(100% - 15px),13% calc(100% - 15px),2% calc(100% - 25px),2% calc(100% - 13px),0% calc(100% - 13px));
--wk-torn-3:polygon(0% 17px,3% 17px,3% 3px,6% 2px,10% 2px,10% 6px,21% 6px,21% 28px,25% 28px,25% 39px,31% 22px,33% 22px,33% 23px,35% 1px,41% 1px,41% 38px,43% 34px,45% 34px,45% 3px,53% 3px,53% 23px,55% 23px,55% 29px,56% 29px,56% 1px,57% 40px,59% 40px,59% 2px,67% 2px,67% 40px,73% 40px,73% 14px,81% 36px,85% 21px,86% 42px,87% 42px,87% 40px,93% 40px,93% 1px,95% 1px,95% 0px,100% 18px,100% calc(100% - 33px),100% calc(100% - 16px),91% calc(100% - 16px),91% calc(100% - 32px),90% calc(100% - 32px),82% calc(100% - 7px),76% calc(100% - 31px),76% calc(100% - 32px),74% calc(100% - 32px),74% calc(100% - 3px),66% calc(100% - 3px),65% calc(100% - 6px),65% calc(100% - 13px),64% calc(100% - 13px),64% calc(100% - 38px),58% calc(100% - 38px),58% calc(100% - 0px),56% calc(100% - 0px),56% calc(100% - 1px),53% calc(100% - 1px),53% calc(100% - 24px),51% calc(100% - 24px),51% calc(100% - 23px),43% calc(100% - 23px),43% calc(100% - 2px),42% calc(100% - 2px),41% calc(100% - 32px),40% calc(100% - 42px),32% calc(100% - 1px),32% calc(100% - 26px),24% calc(100% - 26px),24% calc(100% - 34px),22% calc(100% - 34px),22% calc(100% - 42px),11% calc(100% - 42px),11% calc(100% - 0px),10% calc(100% - 0px),10% calc(100% - 1px),4% calc(100% - 1px),4% calc(100% - 40px),2% calc(100% - 40px),0% calc(100% - 22px));
--wk-torn-4:polygon(0% 21px,1% 23px,2% 40px,10% 0px,12% 0px,12% 21px,20% 2px,21% 2px,21% 9px,32% 23px,38% 6px,40% 36px,41% 14px,44% 14px,44% 10px,46% 10px,46% 42px,48% 42px,48% 39px,49% 2px,53% 2px,53% 8px,54% 6px,56% 6px,56% 17px,58% 17px,58% 34px,61% 34px,61% 2px,62% 31px,66% 43px,69% 43px,69% 24px,72% 24px,72% 6px,80% 6px,80% 1px,88% 1px,88% 1px,91% 19px,100% 19px,100% 27px,100% calc(100% - 41px),100% calc(100% - 8px),90% calc(100% - 8px),79% calc(100% - 41px),68% calc(100% - 1px),68% calc(100% - 10px),62% calc(100% - 10px),62% calc(100% - 43px),60% calc(100% - 43px),58% calc(100% - 21px),50% calc(100% - 7px),49% calc(100% - 30px),49% calc(100% - 8px),45% calc(100% - 8px),45% calc(100% - 18px),42% calc(100% - 18px),42% calc(100% - 2px),40% calc(100% - 2px),40% calc(100% - 31px),36% calc(100% - 31px),30% calc(100% - 40px),26% calc(100% - 9px),26% calc(100% - 6px),20% calc(100% - 6px),18% calc(100% - 13px),16% calc(100% - 2px),12% calc(100% - 30px),12% calc(100% - 14px),1% calc(100% - 14px),0% calc(100% - 5px));
--wk-torn-top-1:polygon(0% 6px,11% 6px,11% 25px,13% 25px,13% 27px,14% 7px,15% 1px,16% 1px,16% 27px,24% 42px,30% 42px,30% 42px,36% 42px,36% 35px,37% 33px,48% 33px,48% 6px,50% 6px,50% 28px,52% 28px,52% 10px,60% 10px,60% 19px,61% 19px,61% 7px,63% 7px,63% 10px,69% 10px,69% 39px,70% 39px,70% 42px,71% 42px,71% 20px,72% 20px,72% 16px,83% 16px,83% 24px,94% 41px,100% 3px,100% 100%,0 100%);
--wk-torn-top-2:polygon(0% 44px,6% 44px,6% 44px,10% 44px,10% 25px,14% 37px,16% 9px,27% 9px,27% 6px,29% 6px,29% 8px,30% 8px,30% 35px,38% 24px,44% 24px,44% 29px,47% 15px,51% 40px,52% 40px,52% 2px,54% 2px,54% 40px,60% 40px,60% 43px,61% 43px,61% 5px,72% 8px,74% 8px,74% 4px,85% 4px,85% 28px,88% 26px,96% 26px,96% 32px,99% 42px,100% 42px,100% 2px,100% 100%,0 100%);
--wk-torn-top-3:polygon(0% 6px,4% 6px,4% 20px,7% 14px,13% 14px,13% 35px,15% 35px,15% 9px,26% 29px,28% 13px,36% 13px,36% 7px,40% 7px,40% 0px,43% 0px,43% 25px,44% 25px,44% 42px,47% 22px,49% 22px,49% 38px,53% 38px,53% 2px,64% 2px,64% 16px,65% 16px,65% 10px,76% 21px,77% 0px,78% 14px,80% 14px,80% 24px,82% 24px,82% 29px,88% 0px,94% 0px,94% 6px,95% 11px,97% 11px,97% 28px,100% 28px,100% 8px,100% 100%,0 100%);
--wk-torn-top-4:polygon(0% 27px,8% 25px,11% 25px,11% 21px,14% 21px,14% 42px,20% 5px,26% 5px,26% 3px,37% 3px,37% 31px,39% 34px,40% 34px,40% 12px,44% 12px,44% 2px,46% 2px,46% 5px,52% 5px,52% 1px,60% 1px,60% 42px,68% 1px,72% 5px,73% 5px,73% 28px,74% 28px,74% 8px,76% 8px,76% 25px,87% 25px,87% 13px,93% 17px,100% 19px,100% 100%,0 100%);
--wk-torn-bottom-1:polygon(0 0,100% 0,100% calc(100% - 19px),95% calc(100% - 5px),84% calc(100% - 30px),84% calc(100% - 39px),78% calc(100% - 39px),78% calc(100% - 2px),72% calc(100% - 2px),72% calc(100% - 20px),69% calc(100% - 20px),69% calc(100% - 39px),65% calc(100% - 39px),65% calc(100% - 20px),61% calc(100% - 20px),60% calc(100% - 14px),60% calc(100% - 7px),58% calc(100% - 7px),58% calc(100% - 8px),56% calc(100% - 8px),56% calc(100% - 37px),55% calc(100% - 37px),55% calc(100% - 31px),49% calc(100% - 31px),49% calc(100% - 26px),46% calc(100% - 26px),46% calc(100% - 10px),40% calc(100% - 10px),38% calc(100% - 41px),32% calc(100% - 41px),32% calc(100% - 14px),24% calc(100% - 14px),13% calc(100% - 20px),13% calc(100% - 38px),11% calc(100% - 38px),11% calc(100% - 12px),7% calc(100% - 12px),7% calc(100% - 22px),1% calc(100% - 22px),1% calc(100% - 39px),0% calc(100% - 39px));
--wk-torn-bottom-2:polygon(0 0,100% 0,100% calc(100% - 20px),100% calc(100% - 7px),98% calc(100% - 7px),98% calc(100% - 29px),87% calc(100% - 29px),87% calc(100% - 18px),83% calc(100% - 18px),83% calc(100% - 44px),72% calc(100% - 44px),72% calc(100% - 5px),68% calc(100% - 5px),60% calc(100% - 15px),60% calc(100% - 12px),56% calc(100% - 12px),56% calc(100% - 22px),52% calc(100% - 22px),51% calc(100% - 1px),51% calc(100% - 41px),48% calc(100% - 41px),47% calc(100% - 35px),47% calc(100% - 13px),46% calc(100% - 13px),44% calc(100% - 3px),44% calc(100% - 6px),40% calc(100% - 6px),39% calc(100% - 16px),35% calc(100% - 3px),33% calc(100% - 32px),31% calc(100% - 10px),31% calc(100% - 40px),27% calc(100% - 40px),27% calc(100% - 3px),26% calc(100% - 3px),26% calc(100% - 8px),25% calc(100% - 8px),25% calc(100% - 37px),24% calc(100% - 37px),24% calc(100% - 5px),21% calc(100% - 5px),19% calc(100% - 13px),19% calc(100% - 29px),15% calc(100% - 29px),15% calc(100% - 14px),14% calc(100% - 14px),14% calc(100% - 25px),13% calc(100% - 25px),13% calc(100% - 29px),10% calc(100% - 29px),10% calc(100% - 13px),9% calc(100% - 13px),6% calc(100% - 39px),2% calc(100% - 28px),2% calc(100% - 41px),0% calc(100% - 41px));
--wk-torn-bottom-3:polygon(0 0,100% 0,100% calc(100% - 0px),99% calc(100% - 38px),93% calc(100% - 13px),93% calc(100% - 7px),92% calc(100% - 7px),92% calc(100% - 13px),90% calc(100% - 13px),90% calc(100% - 5px),82% calc(100% - 5px),76% calc(100% - 28px),76% calc(100% - 37px),74% calc(100% - 37px),68% calc(100% - 37px),65% calc(100% - 12px),65% calc(100% - 23px),61% calc(100% - 23px),61% calc(100% - 29px),58% calc(100% - 29px),58% calc(100% - 3px),56% calc(100% - 3px),52% calc(100% - 25px),52% calc(100% - 22px),50% calc(100% - 22px),48% calc(100% - 21px),42% calc(100% - 26px),41% calc(100% - 34px),41% calc(100% - 0px),40% calc(100% - 0px),40% calc(100% - 34px),32% calc(100% - 34px),29% calc(100% - 4px),21% calc(100% - 19px),17% calc(100% - 41px),17% calc(100% - 1px),14% calc(100% - 1px),3% calc(100% - 5px),2% calc(100% - 22px),0% calc(100% - 13px));
--wk-torn-bottom-4:polygon(0 0,100% 0,100% calc(100% - 7px),100% calc(100% - 23px),94% calc(100% - 23px),93% calc(100% - 7px),93% calc(100% - 8px),87% calc(100% - 8px),87% calc(100% - 21px),84% calc(100% - 21px),84% calc(100% - 8px),81% calc(100% - 8px),81% calc(100% - 7px),80% calc(100% - 7px),80% calc(100% - 22px),78% calc(100% - 22px),78% calc(100% - 34px),67% calc(100% - 34px),61% calc(100% - 30px),55% calc(100% - 35px),54% calc(100% - 16px),54% calc(100% - 19px),53% calc(100% - 19px),53% calc(100% - 24px),52% calc(100% - 24px),52% calc(100% - 22px),46% calc(100% - 22px),45% calc(100% - 3px),39% calc(100% - 5px),39% calc(100% - 38px),33% calc(100% - 38px),33% calc(100% - 28px),31% calc(100% - 28px),20% calc(100% - 5px),20% calc(100% - 37px),19% calc(100% - 37px),11% calc(100% - 8px),0% calc(100% - 42px));
}
.is-style-band{clip-path:var(--wk-torn-3)}
.is-style-band-dark{clip-path:var(--wk-torn-2)}
.wk-torn-1{clip-path:var(--wk-torn-1);padding-top:56px;padding-bottom:56px}
.wk-torn-2{clip-path:var(--wk-torn-2);padding-top:56px;padding-bottom:56px}
.wk-torn-3{clip-path:var(--wk-torn-3);padding-top:56px;padding-bottom:56px}
.wk-torn-4{clip-path:var(--wk-torn-4);padding-top:56px;padding-bottom:56px}
.wk-torn-top-1{clip-path:var(--wk-torn-top-1);padding-top:56px}
.wk-torn-top-2{clip-path:var(--wk-torn-top-2);padding-top:56px}
.wk-torn-top-3{clip-path:var(--wk-torn-top-3);padding-top:56px}
.wk-torn-top-4{clip-path:var(--wk-torn-top-4);padding-top:56px}
.wk-torn-bottom-1{clip-path:var(--wk-torn-bottom-1);padding-bottom:56px}
.wk-torn-bottom-2{clip-path:var(--wk-torn-bottom-2);padding-bottom:56px}
.wk-torn-bottom-3{clip-path:var(--wk-torn-bottom-3);padding-bottom:56px}
.wk-torn-bottom-4{clip-path:var(--wk-torn-bottom-4);padding-bottom:56px}
.wk-torn-none{clip-path:none}
.wk-torn-photo{clip-path:polygon(0 0,100% 0,100% 31%,95% 31%,95% 32%,94% 32%,94% 65%,100% 65%,100% 67%,97% 67%,97% 68%,95% 68%,95% 73%,94% 73%,94% 79%,93% 79%,93% 83%,99% 83%,99% 87%,100% 87%,100% 100%,86% 100%,86% 95%,82% 95%,81% 95%,81% 98%,70% 98%,70% 94%,23% 94%,23% 100%,11% 100%,11% 97%,10% 97%,10% 96%,7% 96%,7% 97%,4% 97%,4% 98%,0 98%)}