/* The qualifying explanation remains in the refund terms dialog. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html body.editorial-site #main #ablauf .refund-qualifier{display:none!important}
 html body.editorial-site #main #ablauf .p-process ol{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
 }
 html body.editorial-site #main #ablauf .p-process ol::before,
 html body.editorial-site #main #ablauf .p-process ol::after,
 html body.editorial-site #main #ablauf .p-process li::before,
 html body.editorial-site #main #ablauf .p-process li::after{display:none!important;content:none!important}
 html body.editorial-site #main #ablauf .p-process li{
  display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
  column-gap:12px!important;row-gap:0!important;align-items:center!important;
  width:100%!important;padding:20px!important;margin:0!important;border:0!important;border-radius:4px!important;
  background:#fff!important;box-shadow:0 4px 24px #102e3b12!important;
 }
 html body.editorial-site #main #ablauf .p-process li:nth-child(1){background:#102e3b!important;box-shadow:none!important}
 html body.editorial-site #main #ablauf .p-process li:nth-child(2){background:#f6f2e9!important;box-shadow:none!important}
 html body.editorial-site #main #ablauf .p-process li>span{
  grid-column:1!important;grid-row:1!important;align-self:center!important;width:auto!important;height:auto!important;
  transform:none!important;animation:none!important;
  margin:0!important;padding:0!important;border-radius:0!important;background:none!important;
  color:#a97732!important;font-size:28px!important;line-height:1.15!important;text-align:left!important;
 }
 html body.editorial-site #main #ablauf .p-process li:nth-child(1)>span{color:#f4b65b!important}
 html body.editorial-site #main #ablauf .p-process li>div{display:contents!important}
 html body.editorial-site #main #ablauf .p-process h4{
  grid-column:2!important;grid-row:1!important;align-self:center!important;
  margin:0!important;font-size:22px!important;line-height:1.25!important;color:#102e3b!important;
 }
 html body.editorial-site #main #ablauf .p-process p{
  grid-column:1 / -1!important;max-width:none!important;margin:12px 0 0!important;
  font-size:16px!important;line-height:1.5!important;color:#435c66!important;text-wrap:pretty;
 }
 html body.editorial-site #main #ablauf .p-process li:nth-child(1) h4,
 html body.editorial-site #main #ablauf .p-process li:nth-child(1) p{color:#fff!important}
 html body.editorial-site #main #ablauf .mobile-response-time,
 html body.editorial-site #main #ablauf .mobile-research-time{font-weight:700!important}
 html body.editorial-site #main #ablauf .p-refund{
  margin:12px 0 0!important;padding:16px 20px!important;
 }
 html body.editorial-site #main #ablauf .p-refund-kicker{
  font-size:14px!important;margin:0 0 6px!important;
 }
 html body.editorial-site #main #ablauf .p-refund h3{gap:7px!important;flex-wrap:nowrap!important}
 html body.editorial-site #main #ablauf .refund-currency{font-size:13px!important}
 html body.editorial-site #main #ablauf .refund-amount{font-size:42px!important}
 html body.editorial-site #main #ablauf .refund-return{font-size:22px!important;margin-left:0!important}
 html body.editorial-site #main #ablauf .refund-asterisk{font-size:13px!important}
 html body.editorial-site #main #ablauf .p-refund details{margin-top:4px!important}
 html body.editorial-site #main #ablauf .p-refund summary{font-size:14px!important}
}

.process-swipe-controls { display: none; }
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px) {
 html body.editorial-site #main #ablauf .p-process ol {
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 12px !important; align-items: stretch !important;
  overflow-x: auto !important; overflow-y: hidden !important;
  scroll-snap-type: x mandatory; scroll-padding-inline: 0;
  overscroll-behavior-x: contain; scrollbar-width: none;
  margin: 0 !important; padding: 4px 0 12px !important;
 }
 html body.editorial-site #main #ablauf .p-process ol::-webkit-scrollbar { display: none; }
 html body.editorial-site #main #ablauf .p-process li {
  flex: 0 0 calc(100% - 32px); width: auto !important; min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important; align-content: start !important;
  padding: 22px !important; scroll-snap-align: start;
 }
 html body.editorial-site #main #ablauf .p-process li > span { grid-column: 1 !important; grid-row: 1 !important; margin-bottom: 14px !important; }
 html body.editorial-site #main #ablauf .p-process h4 { grid-column: 1 !important; grid-row: 2 !important; }
 html body.editorial-site #main #ablauf .p-process p { grid-column: 1 !important; margin-top: 16px !important; font-size: 15px !important; line-height: 1.5 !important; }
 html body.editorial-site #main #ablauf .process-swipe-controls {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px;
 }
 #ablauf .process-swipe-hint { font-size: 12px; line-height: 1.45; color: #52646c; }
 #ablauf .process-swipe-pages { display: flex; gap: 2px; flex-shrink: 0; }
 #ablauf .process-swipe-pages button {
  display: grid; place-items: center; width: 36px; height: 40px; padding: 0;
  background: transparent; border: 0; border-radius: 6px; color: #52646c; font-size: 12px;
 }
 #ablauf .process-swipe-pages button[aria-current="step"] { color: #102e3b; background: #f4b65b; }
}

/* The next card and position dots explain swiping without instructional copy. */
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px) {
 html body.editorial-site #main #ablauf .p-after-offer {
  border: 0 !important; border-radius: 0 !important; overflow: visible; background: transparent !important;
 }
 html body.editorial-site #main #ablauf .p-process-intro { padding: 0 0 22px !important; margin: 0 !important; }
 html body.editorial-site #main #ablauf .p-process { padding: 0 !important; }
 html body.editorial-site #main #ablauf .p-process li { flex-basis: calc(100% - 40px); }
 html body.editorial-site #main #ablauf .process-swipe-controls { justify-content: center; margin: 0 !important; }
 #ablauf .process-swipe-pages button { width: 40px; height: 44px; background: transparent !important; }
 #ablauf .process-swipe-pages button::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #d5cebf; transition: width .2s ease, background .2s ease; }
 #ablauf .process-swipe-pages button[aria-current="step"]::before { width: 20px; border-radius: 4px; background: #d9a14d; }
 html body.editorial-site #main #ablauf .p-refund {
  margin: 12px 0 0 !important; padding: 16px 18px !important; border: 0 !important;
  border-top: 0 !important; border-radius: 8px !important; background: #f6f2e9 !important;
 }
}