/* Individual, static character poses. Existing screen geometry and films stay intact. */
@media (min-width:1100px) {
  html[data-design="calm"] #ablauf .s1-pfeil {
    color:#8798a0;
    stroke-width:1.8;
    height:48px;
    top:216px;
  }
  html[data-design="calm"] #ablauf .v4-s1-angelika {
    left:338px;
    width:144px;
    bottom:0;
  }
  html[data-design="calm"] #ablauf .s1-weg::after {
    content:"";
    position:absolute;
    z-index:-1;
    left:15px;
    bottom:-14px;
    width:480px;
    height:32px;
    background:radial-gradient(ellipse,rgba(101,119,130,.075),rgba(124,141,149,.025) 55%,transparent 74%);
    pointer-events:none;
  }
  html[data-design="calm"] #ablauf .s1-weg { isolation:isolate; }
  html[data-design="calm"] #ablauf .v4-configurator { position:relative;isolation:isolate; }
  html[data-design="calm"] #ablauf .v4-configurator::after {
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    right:0;
    bottom:-30px;
    height:30px;
    background:radial-gradient(ellipse,rgba(101,119,130,.065),transparent 72%);
    pointer-events:none;
  }
  html[data-design="calm"] #ablauf .v4-ew-person .ew-angelika {
    width:auto;
    height:220px;
    max-width:100px;
    object-fit:contain;
    object-position:left bottom;
  }
}
@media (min-width:1100px) and (max-width:1359px) {
  html[data-design="calm"] #ablauf .v4-s1-angelika { width:134px; }
  html[data-design="calm"] #ablauf .v4-configurator { row-gap:5px; }
  html[data-design="calm"] #ablauf .v4-configurator::after { bottom:-10px;right:70px; }
}
@media (min-width:1100px) and (max-width:1279px) {
  html[data-design="calm"] #ablauf .v4-ew-person .ew-angelika { height:210px;max-width:100px; }
}