body{background:url(../images/bglines.svg) no-repeat,url(../images/bglines.svg) no-repeat,url(../images/bglines.svg) no-repeat #2abebe}
#colophon{position:relative;width:100%;margin-top:5rem}
#colophon::after{content:'';display:block;position:absolute;bottom:0;right:0;background:#fdeb2e;width:100%;height:3.5rem;clip-path:polygon(100% 0,100% 100%,0 100%)}
.workshop:last-child{grid-column:1/span 2;justify-self:center;margin-top:5rem}
.workshop-content{background:#fef56c;display:inline-block;padding:3rem 3rem 2rem;position:relative}
.workshop-content::before{content:'';display:block;position:absolute;top:0;left:0;background:#2abebe;width:6.25rem;height:2.8rem;clip-path:polygon(90% 0,0 100%,-100% 0);transform:scale(1.02);transform-origin:top left}
.workshop-content::after{content:'';display:block;position:absolute;top:0;left:0;background:#fdeb2e;width:6.25rem;height:3.8rem;clip-path:polygon(90% 0,75% 100%,0 75%)}
.workshop-content .cta{display:inline-block;margin-top:1rem;padding:.25rem 2.5rem;background:#323232;color:#fff;border-radius:0;text-decoration:none}
.workshop-content .timeplace{font-weight:500}
.workshop-content h3{font-weight:400}
.workshop-content .content>p{font-weight:500}
.workshop h2{background:#323232;color:#fff;padding:.5rem 1rem 1rem 2rem;clip-path:polygon(0 0,100% 0,100% 100%,5% 100%);display:inline-block;transform:rotate(3.8deg);margin:0 -2rem -2rem 0;z-index:999;position:relative}
.page-title{transform:rotate(3.82deg);display:flex;flex-direction:column;justify-content:center;align-items:center}
.page-title h1{position:relative;right:auto;top:auto}
.page-title .sub{font-weight:700;color:#fff;background:#323232;clip-path:polygon(0 0,100% 0,95% 100%,0 100%);display:inline-block;line-height:.9;padding:1rem 4rem 1rem 2rem}
.page-title .sub strong{color:#fef56c}
.page-title .flach{display:inline-flex;font-family:Font37,sans-serif;align-items:flex-start;margin-top:1rem}
.page-title .flach p:first-of-type{color:#fff;background:#323232;line-height:.8;padding:.5rem 1rem 1rem 2rem;clip-path:polygon(0 0,100% 0,100% 100%,5% 100%)}
.page-title .flach p:last-of-type{color:#323232;background:#fef56c;font-weight:700;clip-path:polygon(0 0,94% 0,100% 100%,0 100%);line-height:.8;padding:.5rem 2rem 1rem 1rem}
.textbox .inner{display:flex;justify-content: space-between;width: 80vw;margin: auto;}
.textbox h3{position:relative}
.textbox h3::before{content:'';position:absolute;top:0;right:-2.75rem;width:1.5rem;height:1.5rem;background-color:#333;transform:rotate(15deg);z-index:1}
.textbox h3::after{content:'✱';position:absolute;top:-.4rem;right:-2.5rem;font-size:3rem;color:#fff;line-height:1;z-index:2;transform:rotate(-5deg);pointer-events:none}
.card-stack{position:relative;width:100%;text-align: center;}
/* .card-bg{background:#fff;padding-bottom:20px;clip-path:polygon(0 0,100% 0,calc(100% - 60px) 100%,0 100%);text-align:center;po} */
.card-content{background:#333;color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 3rem) 100%,0 100%);position:relative;text-align: center;}
.card-bg::after{content:'';position:absolute;top:0;right: 0.25rem;width:1.2rem;height: 67%;background:#fdeb2e;transform: skew(-13.5deg,0deg);}
.card-bg::before{content:'';position:absolute;top:1rem;right:.5rem;width:calc(100% + 1rem);height:100%;background:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 4rem) 100%,0 100%);}
.register-link{color:#000;text-decoration:underline;font-weight:700;display:inline-block;margin:10px 0 20px 0;position: relative;z-index: 2;}
.card-content p:first-of-type{line-height:1;margin-bottom:0}
.card-content p:last-of-type{margin:0}
.card-content p:last-of-type strong{color:#fef56c;font-weight:400}
@media(min-width:1001px){
body{background-position:-13rem -20rem,-20rem 100rem,50rem 110rem;background-size:58rem}
.workshops{display:grid;gap:2rem;margin:5rem auto;align-items:start;grid-template-columns:1fr 1fr;width:80vw}
.workshop:nth-child(even){margin-top:15rem;justify-self:center}
.workshop:nth-child(odd){justify-self:center}
.workshop-1 .workshop-content{width:27.5rem}
.workshop-2 .workshop-content{width:32.5rem}
.workshop-3 .workshop-content{width:33.5rem}
.workshop-4 .workshop-content{width:27.5rem}
.workshop-5 .workshop-content{width:34.5rem}
.page-title{width:90%;margin:auto}
.page-title h1{margin-right:28rem}
.page-title .flach{margin-right:24rem}
.page-title .sub{font-size:11.5rem}
.page-title .flach p:last-of-type{font-size:10rem}
.page-title .flach p:first-of-type{font-size:7.5rem;margin-left:-.5rem}
.page-title h1{font-size:2.6rem}
.workshop h2{font-size:4.4rem}
.workshop-content .timeplace{font-size:2.5rem}
.workshop-content h3{font-size:2.8rem}
.workshop-content .content>p{font-size:2.25rem}
.workshop-content .cta{font-size:2.5rem}
.wp-block-site-logo.is-default-size img{width:13rem;display:block;margin:1rem}
.textbox h3{color:#fff;font-size:3.5rem}
.card-content p:first-of-type{font-size:4.5rem;}
.card-content p:last-of-type{font-size:2.5rem;}
.card-content{padding:2rem 6.2rem;}
.register-link{font-size:3rem;}
}
@media(max-width:1000px){
body{background-position:-8rem -10rem,-10rem 120rem,20rem 60rem;background-size:28rem}
.workshops{display:flex;flex-direction:column;width:80vw;margin:auto}
.workshop{margin-top:3rem}
.wp-block-site-logo{display:none}
.page-title{margin-top:2rem}
.page-title .sub{font-size:3rem;padding:1rem 2rem 1rem 1rem}
.page-title .sub p{margin:0}
.page-title .flach p:last-of-type{font-size:3rem}
.page-title .flach p:first-of-type{font-size:2rem;margin-left:.5rem}
.page-title h1{font-size:1.2rem;margin-right:4rem}
h1 p:last-of-type{font-size:1.5rem}
.workshop h2{font-size:2rem;padding:.5rem .5rem .5rem 1rem;margin:0 -1rem -1rem 0}
.workshop-content .timeplace{font-size:1.75rem}
.workshop-content h3{font-size:1.4rem}
.workshop-content .content>p{font-size:1.15rem}
.workshop-content .cta{font-size:1.2rem}
.workshop-content{padding:3rem 1.5rem 2rem;width:100%}
.textbox .inner{flex-direction: column;margin: 5rem auto;width: 90vw;}
.card-content p:first-of-type{font-size:2rem;}
.card-content p:last-of-type{font-size:1.25rem;}
.card-content{padding:1rem 2.2rem;}
.register-link{font-size:1.4rem;}
.card-bg::before{width:calc(100% + 0.25rem);height: 82%;}
.card-bg::after{height: 62%;transform: skew(-27deg,0deg);}
.textbox .right{padding-right: 4rem;}
}