/* Auf-einen-Blick-Box für Schuhtests */
.jdb-blick{background:#fff;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.08);padding:20px 28px;margin:28px 0;font-size:.92em;line-height:1.5}
.jdb-blick .jdb-titel{font-family:'Oswald',sans-serif;font-weight:500;font-size:1.15em;margin:0 0 4px}
.jdb-blick .jdb-urteil{font-style:italic;margin:0 0 12px}
.jdb-blick dl{display:grid;grid-template-columns:max-content 1fr max-content 1fr;gap:4px 14px;margin:0}
.jdb-blick dt{font-weight:700;white-space:nowrap}
.jdb-blick dd{margin:0}
.jdb-blick .jdb-voll{grid-column:2 / -1}
@media (max-width:640px){.jdb-blick{padding:18px 20px}.jdb-blick dl{grid-template-columns:max-content 1fr}.jdb-blick .jdb-voll{grid-column:auto}}
/* Audio-Zeile in der Box [jdb_audio] */
.jdb-blick .jdb-audio{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;border-radius:8px;background:#f2f9fe;border:1px solid #d3ecfb}
.jdb-audio-hp{flex:0 0 40px;height:40px;border-radius:50%;background:#03a9f6;display:flex;align-items:center;justify-content:center}
.jdb-audio-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.jdb-audio-text strong{font-family:'Oswald',sans-serif;font-weight:500;font-size:1.05em}
.jdb-audio-text small{color:#5f6357;font-size:.85em}
.jdb-audio-fortschritt{display:block;height:3px;margin-top:6px;border-radius:2px;background:#d3ecfb;overflow:hidden;visibility:hidden}
.jdb-audio.laeuft .jdb-audio-fortschritt,.jdb-audio.pausiert .jdb-audio-fortschritt{visibility:visible}
.jdb-audio-fortschritt i{display:block;height:100%;width:0;background:#03a9f6}
.jdb-audio-knopf{flex:0 0 40px;width:40px;height:40px;padding:0;border-radius:50%;border:0;background:#1d1f1a;display:flex;align-items:center;justify-content:center;cursor:pointer}
.jdb-audio-knopf:focus-visible{outline:2px solid #03a9f6;outline-offset:2px}
.jdb-audio-knopf .pause{display:none}.jdb-audio.laeuft .jdb-audio-knopf .pause{display:block}.jdb-audio.laeuft .jdb-audio-knopf .play{display:none}
.jdb-audio audio{display:none}
/* Wasserzeichen-Grafik: Klasse an .jdb-blick anhängen, z. B. class="jdb-blick schuh" */
.jdb-blick{position:relative;overflow:hidden}
.jdb-blick > *{position:relative;z-index:1}
.jdb-blick[class*=" "]::after{content:"";position:absolute;z-index:0;right:1%;top:50%;width:42%;height:135%;transform:translateY(-50%) rotate(-8deg);background:right center/contain no-repeat;opacity:.13;pointer-events:none}
@media (max-width:640px){.jdb-blick[class*=" "]::after{width:70%;opacity:.09}}
.jdb-blick.schuh::after{background-image:url("img/trailschuh.png")}
.jdb-blick.trailschuh::after{background-image:url("img/trailschuh.png")}
.jdb-blick.wanderschuh::after{background-image:url("img/wanderschuh.png")}
.jdb-blick.laufweste::after{background-image:url("img/laufweste.png")}
.jdb-blick.rucksack::after{background-image:url("img/rucksack.png")}
.jdb-blick.shirt::after{background-image:url("img/shirt.png")}
.jdb-blick.jacke::after{background-image:url("img/jacke.png")}
.jdb-blick.shorts::after{background-image:url("img/shorts.png")}
.jdb-blick.tights::after{background-image:url("img/tights.png")}
.jdb-blick.uhr::after{background-image:url("img/uhr.png")}
.jdb-blick.sonnenbrille::after{background-image:url("img/sonnenbrille.png")}
.jdb-blick.ski::after{background-image:url("img/ski.png")}
.jdb-blick.stoecke::after{background-image:url("img/stoecke.png")}
.jdb-blick.ausruestung::after{background-image:url("img/stoecke.png")}
.jdb-blick.drohne::after{background-image:url("img/drohne.png")}
.jdb-blick.buch::after{background-image:url("img/buch.png")}