.ws .sio { margin: 0; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 24px; display: grid; gap: 12px; }
.ws .sio-head, .ws .sio-row { display: grid; grid-template-columns: 1fr 48px 1fr; gap: 14px; align-items: center; }
.ws .sio-head span { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--gold-d); font-weight: 700; }
.ws .sio-in { border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; background: var(--bg); color: var(--navy2); font-weight: 600; font-size: 15px; line-height: 1.35; }
.ws .sio-in strong { display: block; color: var(--navy); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 2px; }
.ws .sio-arrow { color: var(--gold-d); justify-self: center; }
.ws .sio-out { display: flex; gap: 10px; align-items: center; border: 1px solid #B7D3CE; border-radius: 4px; padding: 12px 14px; background: #DCEDEA; color: var(--navy); font-weight: 700; font-size: 16px; box-shadow: none; min-height: 58px; }
.ws .sio-bar { flex: none; width: 4px; height: 16px; border-radius: 2px; background: #2B665E; }
@media (max-width: 640px) {
  .ws .sio { padding: 16px; }
  .ws .sio-head { display: none; }
  .ws .sio-row { grid-template-columns: 1fr; gap: 6px; }
  .ws .sio-arrow { transform: rotate(90deg); }
}

 
.ws .sole-schritte { list-style: none; padding: 0; margin: 32px 0 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ws .sole-schritte li { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); }
.ws .sole-nummer { display: block; color: var(--gold-d); font-size: 14px; font-weight: 700; letter-spacing: .1em; margin-bottom: 18px; }
.ws .sole-schritte h3 { font-size: 21px; margin: 0 0 12px; }
.ws .sole-schritte p { margin: 0; line-height: 1.65; }
.ws .sole-erkenntnis { padding: 22px 26px; border-left: 3px solid var(--gold-d); background: var(--paper); }
.ws .sole-erkenntnis p { margin: 0 0 10px; }
.ws .sole-erkenntnis strong { color: var(--navy); }
.ws .sole-herkunft { margin-top: 18px; font-size: 14px; line-height: 1.6; }
@media (max-width: 760px) { .ws .sole-schritte { grid-template-columns: 1fr; gap: 14px; } .ws .sole-schritte li { padding: 20px; } }

.ws .sole-abbildung { margin: 30px 0 0; }
.ws .sole-abbildung svg { display: block; width: 100%; height: auto; font-family: inherit; }
.ws .sole-abbildung figcaption { margin: 12px 0 0; font-size: 14px; line-height: 1.6; }
 .ws .sole-abbildung .sole-bild-schmal { display: none; }
@media (max-width: 600px) {
  .ws .sole-abbildung .sole-bild-breit { display: none; }
  .ws .sole-abbildung .sole-bild-schmal { display: block; }
}