/* Preview only: category artwork shares the heading's content width and right edge. */
.workshops-page .bc-offer-group-graphic { display:none; }
@media(min-width:768px) {
  .workshops-page #angebote > .ws-wrap > .ws-catalog-heading.bc-offer-group-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(180px,18vw,240px);
    column-gap:clamp(28px,4vw,68px);
    row-gap:16px;
    align-items:center;
  }
  .workshops-page #angebote > .ws-wrap > .ws-catalog-heading.bc-offer-group-layout > :is(h3,h4) {
    grid-column:1; grid-row:1; align-self:end;
    min-width:0; margin:0; max-width:none;
  }
  .workshops-page #angebote > .ws-wrap > .ws-catalog-heading.bc-offer-group-layout > p {
    grid-column:1; grid-row:2; align-self:start;
    min-width:0; margin:0; max-width:76ch;
  }
  .workshops-page #angebote > .ws-wrap > .ws-catalog-heading.bc-offer-group-layout > .bc-offer-group-graphic {
    display:block; grid-column:2; grid-row:1 / span 2;
    align-self:center; justify-self:end;
    width:100%; max-width:240px; min-width:0;
    margin:0; padding:0; border:0;
    background:none; box-shadow:none;
  }
  /* Keep the security artwork beside both the heading and its short introduction. */
  .workshops-page #angebote > .ws-wrap > .ws-security-subheading.bc-offer-group-layout {
    grid-template-columns:minmax(0,1fr) clamp(170px,17vw,220px);
    row-gap:16px;
  }
  .workshops-page #angebote > .ws-wrap > .ws-security-subheading.bc-offer-group-layout > h4 {
    align-self:end;
  }
  .workshops-page #angebote > .ws-wrap > .ws-security-subheading.bc-offer-group-layout > .bc-offer-group-graphic {
    grid-row:1 / span 2; max-width:220px;
  }
}
.bc-offer-group-graphic > svg {
  display:block; width:100%; height:auto;
  fill:none; stroke-linecap:round; stroke-linejoin:round;
}
.bc-offer-group-graphic .bc-group-wash { fill:var(--bc-visual-accent); opacity:.065; stroke:none; }
.bc-offer-group-graphic .bc-group-guide { fill:none; stroke:var(--bc-visual-line); stroke-width:1.2; opacity:.6; }
.bc-offer-group-graphic .bc-group-ink { fill:none; stroke:var(--bc-visual-ink); stroke-width:1.7; }
.bc-offer-group-graphic .bc-group-strong { fill:none; stroke:var(--bc-visual-accent); stroke-width:1.9; }
.bc-offer-group-graphic .bc-group-panel { fill:var(--bc-visual-panel); stroke:var(--bc-visual-accent); stroke-width:1.6; }
.bc-offer-group-graphic .bc-group-highlight { fill:var(--bc-visual-core); stroke:var(--bc-visual-accent); stroke-width:1.6; }
.bc-offer-group-graphic .bc-group-dot { fill:var(--bc-visual-accent); stroke:none; }
.bc-offer-group-graphic .bc-group-security-symbol { fill:none; stroke:var(--bc-visual-accent); stroke-width:1.5; }
@media(max-width:767px), (pointer:coarse) and (max-height:500px) {
  .workshops-page #angebote > .ws-wrap > .ws-catalog-heading.bc-offer-group-layout { display:block; }
  .workshops-page #angebote > .ws-wrap > .ws-catalog-heading.bc-offer-group-layout > p { margin:16px 0 0; }
  .workshops-page #angebote > .ws-wrap > .ws-catalog-heading.bc-offer-group-layout > .bc-offer-group-graphic { display:none!important; }
}