/* R76: media composition and real, accessible explanatory controls. */
.demo figure img.r76-demo-image,.demo-single figure img.r76-demo-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#e7ece5}
.demo-single:has(.r76-demo-image){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
.demo-single:has(.r76-demo-image) figure{display:block;align-self:center;background:#f4f1e9}
.demo-single:has(.r76-demo-image) figcaption{padding:14px 22px;margin:0;background:#eef1e9}
.r76-learning-visual{margin:0;min-width:0;overflow:hidden;border:1px solid #b9cbc4;border-radius:14px;background:#fffdf9;box-shadow:0 18px 36px #193d4308}
.r76-learning-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.r76-learning-visual figcaption{padding:22px 26px 24px;border-top:1px solid #d6dfd7}
.r76-overline{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:650;color:#8a5d2b;margin-bottom:7px}
.r76-learning-visual figcaption>strong{font-size:23px;line-height:1.3;display:block;letter-spacing:-.02em;color:#193d43}
.r76-part-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 12px}
.r76-part-buttons button{appearance:none;background:transparent;border:1px solid #bacbc3;border-radius:30px;padding:10px 17px;min-height:44px;color:#21484b;font:600 15px/1.3 inherit;cursor:pointer}
.r76-part-buttons button[aria-pressed=true]{background:#21484b;color:#fffdf9;border-color:#21484b}
.r76-part-buttons button:focus-visible{outline:3px solid #bc802e;outline-offset:3px}
.r76-learning-visual .r76-part-copy{font-size:16px;line-height:1.5;color:#466569;min-height:4.5em;margin:0 0 14px}
.r76-learning-visual figcaption>small{display:block;font-size:12px;line-height:1.5;color:#597271;white-space:normal;letter-spacing:0}
.r76-showcase{border-radius:12px;overflow:hidden}
.r76-showcase-image{position:relative;background:#edf0e8}
.r76-showcase-image>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.r76-image-tag{position:absolute;bottom:16px;left:16px;right:16px;max-width:fit-content;padding:8px 12px;border:1px solid #fff6;background:#183e43eb;color:#fffdf9;font-size:12px;font-weight:500;border-radius:5px;line-height:1.5}
.r76-showcase figcaption>strong{display:block;color:#193d43;line-height:1.45;font-size:16px;margin-bottom:5px}
.r76-showcase figcaption>span{font-size:12px;line-height:1.5}
.r76-format-controls details[open]{border-color:#557b73;background:#edf2ea}
.r76-format-controls summary{min-height:70px}
.r76-process-example{border-block:1px solid #c7d2c7;margin-top:30px;padding:54px 0}
.r76-process-heading{max-width:760px;margin-bottom:28px}
.r76-process-heading h2{font-size:clamp(28px,3vw,39px);line-height:1.14;margin-bottom:18px;letter-spacing:-.03em}
.r76-process-heading>p:last-child{font-size:18px;color:#506662;line-height:1.6}
.r76-process-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.r76-process-pair figure{margin:0;overflow:hidden;background:#fffdf9;border:1px solid #b9cbc4;border-radius:12px}
.r76-process-pair img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.r76-process-pair figcaption{padding:23px 24px 20px;border-top:1px solid #d6dfd7}
.r76-process-pair figcaption>strong{display:block;font-size:21px;line-height:1.3;color:#193d43;margin:12px 0 9px}
.r76-process-pair figcaption>p{font-size:16px;line-height:1.5;color:#506662;margin:0}
.r76-state{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.045em;text-transform:uppercase;color:#315f4e;font-weight:650}
.r76-state i{width:8px;height:8px;background:#4b8067;display:inline-block;border-radius:50%}
.r76-state-wait{color:#8e611f}.r76-state-wait i{background:#c99c4d}
.r76-concept-note{margin:17px 0 0;font-size:13px;line-height:1.5;color:#58716b}
.r76-home-plan{position:relative}.r76-home-plan>img:first-child{width:100%;height:auto;display:block}
.r76-home-plan .r76-home-plan-inset{position:absolute;bottom:12px;right:12px;width:32%;height:auto;border:1px solid #afc3b8;border-radius:5px;background:#fffdf9;box-shadow:0 4px 15px #10252217}
.cf-home-card-art img.r76-demo-image{width:100%;height:100%;object-fit:cover}
@media(max-width:760px){
 .demo-single:has(.r76-demo-image){grid-template-columns:1fr}
 .r76-learning-visual figcaption{padding:20px}
 .r76-learning-visual figcaption>strong{font-size:21px}
 .r76-learning-visual .r76-part-copy{min-height:0}
 .r76-process-example{padding:35px 0}
 .r76-process-pair{grid-template-columns:1fr;gap:22px}
 .r76-process-pair figcaption{padding:20px}
 .r76-showcase-image>img{aspect-ratio:16/9}
 .r76-image-tag{bottom:10px;left:10px;right:10px;font-size:11px}
 .r76-home-plan .r76-home-plan-inset{width:35%;bottom:8px;right:8px}
}
@media(forced-colors:active){.r76-image-tag,.r76-part-buttons button[aria-pressed=true]{background:Canvas;color:CanvasText;border:1px solid CanvasText}}

.r76-training-media{position:relative}.r76-training-media>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.r76-part-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:6px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.r76-part-marker span{display:grid;place-items:center;width:27px;height:27px;border:2px solid white;border-radius:50%;background:#224b4be8;color:#fff;font:600 12px/1 Arial;box-shadow:0 1px 8px #142a2960}
.r76-part-marker[aria-pressed=true] span{background:#b87922;box-shadow:0 0 0 6px #f1c17a75,0 2px 10px #193d4340}.r76-part-marker:focus-visible{outline:3px solid #9f631b;outline-offset:2px;border-radius:50%}
.r76-showroom-point>button{position:absolute;left:48%;top:46%;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid #fff;background:#173e43ee;border-radius:50%;color:white;font:25px/1 Arial;cursor:pointer;box-shadow:0 0 0 6px #ffffff24}
.r76-showroom-point>button:focus-visible{outline:3px solid #edbf78;outline-offset:4px}
.r76-showroom-point>div{position:absolute;left:16px;top:18px;max-width:190px;width:36%;padding:13px 15px;background:#fffdf9f5;border:1px solid #c8d0bf;border-radius:7px;box-shadow:0 3px 20px #1028201a;color:#193d43}
.r76-showroom-point>div>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#916126;display:block;margin-bottom:4px}.r76-showroom-point>div>strong{font-size:15px;display:block;line-height:1.3}.r76-showroom-point>div>p{font-size:12px;line-height:1.4;margin:7px 0 0}
.r76-showroom-point[hidden],#r76-pump-info[hidden]{display:none}
@media(max-width:520px){.r76-showroom-point>div{left:10px;top:10px;padding:9px 10px;width:37%}.r76-showroom-point>div>strong{font-size:12px}.r76-showroom-point>div>span{font-size:9px}.r76-showroom-point>div>p{display:none}}

.r76-learning-visual figcaption{display:block}.r76-learning-visual figcaption>strong{margin-top:7px}.r76-process-pair img{aspect-ratio:8/5}

/* Homepage: retain full composed motifs despite older fixed-height previews. */
.cf-service-gallery .cf-service-panel>summary>.cf-service-image{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
.cf-service-gallery .cf-service-panel>summary>.cf-service-image>picture{display:block;height:100%}
.cf-service-gallery .cf-service-panel>summary>.cf-service-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.r73-home-planning-visual .r76-home-plan img.r76-home-plan-inset{position:absolute;width:32%;height:auto;min-height:0;max-height:none;aspect-ratio:8/5;bottom:12px;right:12px}
#schulungssoftware #cf-diesel-training .cf-diesel-visual{height:auto;min-height:0;max-height:none;aspect-ratio:16/9;align-self:center}
#schulungssoftware #cf-diesel-training .cf-diesel-visual>picture{display:block;width:100%;height:auto;aspect-ratio:16/9}
#schulungssoftware #cf-diesel-training .cf-diesel-visual img.r76-demo-image{display:block;position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#schulungssoftware #ct-feature .ct-feature-visual{display:block;min-height:0;height:auto;max-height:none;align-self:center}
#schulungssoftware #ct-feature .ct-feature-visual>picture{display:block;min-height:0;height:auto;aspect-ratio:16/9}
#schulungssoftware #ct-feature .ct-feature-visual img.r76-demo-image{display:block;position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:760px){.r73-home-planning-visual .r76-home-plan img.r76-home-plan-inset{width:35%;bottom:8px;right:8px}}