/* CONFYRA R77 · Website motifs and pump-demo presentation.
   Scoped overrides resolve the previous header/body CSS cascade without changing product rules. */
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support)>.cf-service-image,
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery details.cf-service-panel:not(.cf-service-panel-support)>summary>.cf-service-image{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;align-self:center;margin:0;overflow:hidden;border-right:0;background:#f0f3ec}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .cf-service-image:not(.cf-service-image-sales)>picture{display:block;position:static;width:100%;height:auto;aspect-ratio:16/9;min-height:0;max-height:none;margin:0}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support)>.cf-service-image img,
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery details.cf-service-panel>summary>.cf-service-image img{position:static;display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:contain;object-position:center;margin:0;padding:0}
#konfiguratortypen .r73-home-planning-visual .r76-home-plan{position:relative;width:100%;min-width:0;overflow:hidden;background:#f6f3eb;border:1px solid #bfcec3;border-radius:10px}
#konfiguratortypen .r73-home-planning-visual .r76-home-plan>img:first-child{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;border-radius:0}
#konfiguratortypen .r73-home-planning-visual .r76-home-plan img.r76-home-plan-inset{position:absolute;inset:auto 12px 12px auto;width:32%;max-width:32%;height:auto;min-height:0;max-height:none;aspect-ratio:8/5;object-fit:contain;border:1px solid #a9bdb0;border-radius:5px;background:#fffdf7;box-shadow:0 5px 16px #10252220}
#schulungssoftware #cf-diesel-training.cf-diesel-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;min-height:0;gap:0}
#schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-copy{width:100%;max-width:none;min-height:0;padding:30px 32px;position:relative}
#schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-visual{display:block;position:relative;inset:auto;width:100%;height:auto;min-width:0;min-height:0;max-height:none;aspect-ratio:16/9;align-self:center;margin:0;background:#f3f2eb;overflow:hidden}
#schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-visual>picture{display:block;position:static;inset:auto;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;min-height:0}
#schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-visual img.r76-demo-image{display:block;position:static;inset:auto;width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}
#schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-visual::after{display:none}
#schulungssoftware #cf-diesel-training.cf-diesel-card .cf-diesel-caption{position:absolute;inset:auto 10px 9px auto;max-width:calc(100% - 20px);font-size:11px;background:#26343de8;color:#f5f5f0}
#schulungssoftware #ct-feature .ct-feature-visual img.r76-demo-image{object-fit:contain}
#demo2[data-r77-presentation]>.wrap{width:min(1360px,calc(100% - 64px));max-width:1360px}
#demo2[data-r77-presentation] .wizard-body{padding:clamp(24px,3vw,40px)}
#demo2[data-r77-presentation] .wizard-step-panel[data-step="1"] .wizard-step-title{font-size:clamp(25px,2.25vw,33px)!important;line-height:1.2!important;margin-bottom:12px!important}
#demo2[data-r77-presentation] .wizard-step-panel[data-step="1"] .wizard-step-sub{font-size:18px!important;line-height:1.55!important;max-width:78ch;margin-bottom:26px!important}
#demo2[data-r77-presentation] #bereich-grid{gap:20px!important}
#demo2[data-r77-presentation] #bereich-grid .choice-card{padding:16px!important;border-radius:12px!important;min-width:0;transition:border-color .15s ease,box-shadow .15s ease}
#demo2[data-r77-presentation] #bereich-grid .choice-card .c-thumb{display:block;width:100%!important;height:clamp(215px,20vw,275px)!important;aspect-ratio:auto!important;object-fit:cover!important;margin:0 0 18px!important;border-radius:7px!important}
#demo2[data-r77-presentation] #bereich-grid .choice-card h4{font-size:21px!important;line-height:1.25!important;margin:0 0 10px!important}
#demo2[data-r77-presentation] #bereich-grid .choice-card p{font-size:16px!important;line-height:1.5!important;margin:0!important;color:#48616a}
#demo2[data-r77-presentation] .k2-result-r67 .summary-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:30px!important;align-items:start!important;background:#fffdf9;border:1px solid #cbd7cd;border-radius:15px;padding:24px!important;box-shadow:0 12px 36px -28px #193d4350}
#demo2[data-r77-presentation] .k2-result-r67 .summary-visual{background:#eef2e9!important;border-color:#ced9ca!important;align-self:start!important}
#demo2[data-r77-presentation] .k2-result-r67 .summary-media{height:clamp(285px,28vw,390px)!important;padding:18px!important}
#demo2[data-r77-presentation] .k2-result-r67 .rec-badge{margin:18px 18px 0!important;padding:8px 12px!important;font-size:14px!important;background:#dce9da!important;border:1px solid #c3d4c1}
#demo2[data-r77-presentation] .k2-result-r67 .s-name{font-size:clamp(30px,2.6vw,40px)!important;line-height:1.15!important;margin:0 0 12px!important}
#demo2[data-r77-presentation] .k2-result-r67 .s-desc{font-size:17px!important;line-height:1.5!important;margin-bottom:20px!important}
#demo2[data-r77-presentation] .k2-result-r67 .k2-result-head{padding:16px!important;margin-bottom:15px!important;background:#e9f0e6!important}
#demo2[data-r77-presentation] .k2-result-r67 .k2-proof-grid{gap:0!important;margin:0 0 18px!important;border-block:1px solid #d6dfd3}
#demo2[data-r77-presentation] .k2-result-r67 .k2-proof-grid>div{display:grid!important;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:baseline;padding:10px 0!important;border:0!important;border-bottom:1px solid #e2e8df!important;background:transparent!important}
#demo2[data-r77-presentation] .k2-result-r67 .k2-proof-grid>div:last-child{border-bottom:0!important}
#demo2[data-r77-presentation] .k2-result-r67 .k2-proof-grid span{display:block;font-size:11px;line-height:1.5;color:#947039;font-weight:600}
#demo2[data-r77-presentation] .k2-result-r67 .k2-proof-grid strong{font-size:16px!important;line-height:1.45!important}
#demo2[data-r77-presentation] .k2-result-r67 .k2-price-overview{margin:0 0 18px;padding:14px 16px;border:1px solid #dddccc;border-radius:9px;background:#f3f2ea}
#demo2[data-r77-presentation] .k2-result-r67 .q-total .qv{font-size:30px!important}
#demo2[data-r77-presentation] .k2-result-r67 .summary-cta{gap:9px!important}
#demo2[data-r77-presentation] .k2-result-r67 .summary-cta .btn{border-radius:6px;min-height:48px!important}
@media(max-width:1000px){#schulungssoftware #cf-diesel-training.cf-diesel-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-copy{padding:24px}#demo2[data-r77-presentation] .k2-result-r67 .summary-grid{gap:22px!important;padding:20px!important}#demo2[data-r77-presentation] #bereich-grid .choice-card h4{font-size:19px!important}}
@media(max-width:820px){#demo2[data-r77-presentation] .k2-result-r67 .summary-grid{grid-template-columns:minmax(0,1fr)!important}#demo2[data-r77-presentation] .k2-result-r67 .summary-media{height:285px!important}#demo2[data-r77-presentation] #bereich-grid .choice-card{grid-template-columns:114px minmax(0,1fr)!important;gap:7px 14px!important;min-height:142px!important;padding:13px!important}#demo2[data-r77-presentation] #bereich-grid .choice-card .c-thumb{width:114px!important;height:114px!important;margin:0!important}#demo2[data-r77-presentation] #bereich-grid .choice-card h4{font-size:19px!important;line-height:1.25!important;margin:0 0 3px!important}#demo2[data-r77-presentation] #bereich-grid .choice-card p{font-size:15px!important;line-height:1.45!important}}
@media(max-width:760px){
 #schulungssoftware #cf-diesel-training.cf-diesel-card{grid-template-columns:minmax(0,1fr)}
 #schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-visual{order:-1}
 #schulungssoftware #cf-diesel-training.cf-diesel-card>.cf-diesel-copy{padding:24px}
 #konfiguratortypen .r73-home-planning-visual .r76-home-plan img.r76-home-plan-inset{width:35%;max-width:35%;inset:auto 8px 8px auto}
 #demo2[data-r77-presentation]>.wrap{width:calc(100% - 36px)}
 #demo2[data-r77-presentation] .wizard-body{padding:20px 15px!important}
 #demo2[data-r77-presentation] .wizard-step-panel[data-step="1"] .wizard-step-title{font-size:24px!important}
 #demo2[data-r77-presentation] .wizard-step-panel[data-step="1"] .wizard-step-sub{font-size:16px!important;line-height:1.5!important;margin-bottom:21px!important}
 #demo2[data-r77-presentation] #bereich-grid{gap:13px!important}
 #demo2[data-r77-presentation] .k2-result-r67 .summary-grid{border-radius:11px;padding:14px!important;gap:20px!important}
 #demo2[data-r77-presentation] .k2-result-r67 .summary-media{height:235px!important;padding:10px!important}
 #demo2[data-r77-presentation] .k2-result-r67 .s-name{font-size:30px!important}
 #demo2[data-r77-presentation] .k2-result-r67 .s-desc{font-size:16px!important}
 #demo2[data-r77-presentation] .k2-result-r67 .k2-proof-grid strong{font-size:15px!important}
 #demo2[data-r77-presentation] .k2-result-r67 .k2-result-head{padding:13px!important}
 #demo2[data-r77-presentation] .k2-result-r67 .k2-price-overview{padding:13px}
 #demo2[data-r77-presentation] .k2-result-r67 .q-total .qv{font-size:27px!important}
}
@media(max-width:400px){#demo2[data-r77-presentation] #bereich-grid .choice-card{grid-template-columns:92px minmax(0,1fr)!important;gap:6px 11px!important;padding:11px!important}#demo2[data-r77-presentation] #bereich-grid .choice-card .c-thumb{width:92px!important;height:118px!important}#demo2[data-r77-presentation] #bereich-grid .choice-card h4{font-size:17px!important}#demo2[data-r77-presentation] #bereich-grid .choice-card p{font-size:14px!important}#demo2[data-r77-presentation] .k2-result-r67 .summary-cta{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){#demo2[data-r77-presentation] #bereich-grid .choice-card{transition:none}}

/* R77 visual refinement · Full product motifs in deliberately framed service cards. */
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support){grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);align-items:center;padding:16px;gap:20px;border-color:#bacac1;border-radius:12px;background:#fffdf8;box-shadow:0 6px 20px -14px #233f3636}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support)>.cf-service-image{height:auto;aspect-ratio:auto;margin:0;border-radius:7px;background:transparent;align-self:center;border:1px solid #e0e3da}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .cf-service-image:not(.cf-service-image-sales)>picture{width:100%;height:auto;aspect-ratio:auto}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support)>.cf-service-image img,
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery details.cf-service-panel>summary>.cf-service-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support)>.r32-service-copy{padding:5px 3px 3px 0;min-height:190px}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-copy>.cf-service-title{font-size:clamp(23px,1.8vw,27px);letter-spacing:-.03em;line-height:1.2}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .cf-service-image .r73-home-concept-label{inset:auto auto 7px 7px;padding:3px 6px;border-radius:3px;background:#fffdf4ed;color:#34564f;font-size:10px;line-height:1.3}
#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-trigger{margin-top:auto}
/* Two equally weighted demos can be read and opened in one desktop viewport. */
#schulungssoftware .r77-training-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;width:100%;max-width:none;margin:0 0 24px}
#schulungssoftware .r77-training-pair .cf-training-demos.r60-training-single{display:block;margin:0;padding:0;min-width:0}
#schulungssoftware .r77-training-pair #cf-diesel-training.cf-diesel-card,
#schulungssoftware .r77-training-pair #ct-feature.ct-feature{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;height:100%;min-height:0;margin:0;border:1px solid #bac9c1;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px -18px #233f3660}
#schulungssoftware .r77-training-pair #cf-diesel-training.cf-diesel-card>.cf-diesel-visual,
#schulungssoftware .r77-training-pair #ct-feature>.ct-feature-visual{display:block;position:relative;order:-1;flex:0 0 auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;margin:0;padding:0;border:0;border-bottom:1px solid #c6cfc5;overflow:hidden;background:#f1ece3}
#schulungssoftware .r77-training-pair #cf-diesel-training.cf-diesel-card>.cf-diesel-visual>picture,
#schulungssoftware .r77-training-pair #ct-feature>.ct-feature-visual>picture{display:block;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9}
#schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-visual img.r76-demo-image,
#schulungssoftware .r77-training-pair #ct-feature .ct-feature-visual img.r76-demo-image{position:static;display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:contain;object-position:center}
#schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-caption,
#schulungssoftware .r77-training-pair #ct-feature .ct-feature-visual figcaption{position:absolute;inset:auto 9px 8px auto;width:auto;max-width:calc(100% - 18px);margin:0;padding:4px 7px;border-radius:3px;background:#fffdf6ef;color:#36514c;font:400 11px/1.3 'IBM Plex Sans',Arial,sans-serif}
#schulungssoftware .r77-training-pair #cf-diesel-training.cf-diesel-card>.cf-diesel-copy,
#schulungssoftware .r77-training-pair #ct-feature>.ct-feature-copy{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;gap:0;width:100%;min-height:0;padding:22px 26px 24px}
#schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-eyebrow,
#schulungssoftware .r77-training-pair #ct-feature .ct-eyebrow{display:block;margin:0 0 10px;font-size:11px;line-height:1.4;letter-spacing:.065em}
#schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-title,
#schulungssoftware .r77-training-pair #ct-feature .ct-feature-copy h4{font-size:clamp(25px,2vw,29px);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}
#schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-intro,
#schulungssoftware .r77-training-pair #ct-feature .ct-feature-copy>p:not(.r36-training-meta){font-size:16px;line-height:1.5;margin:0 0 18px;max-width:54ch}
#schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-start,
#schulungssoftware .r77-training-pair #ct-feature .ct-button{order:5;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-width:0;min-height:46px;padding:12px 17px;margin:0;border-radius:6px;font-size:15px;line-height:1.4}
#schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-note,
#schulungssoftware .r77-training-pair #ct-feature .r36-training-meta{order:4;display:block;margin:auto 0 12px;padding:0;font-size:13px;line-height:1.45}
@media(min-width:1000px){#individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support){display:grid}}
@media(min-width:1000px) and (max-height:820px){
 #schulungssoftware .r77-training-pair #cf-diesel-training.cf-diesel-card>.cf-diesel-copy,
 #schulungssoftware .r77-training-pair #ct-feature>.ct-feature-copy{padding:16px 23px 18px}
 #schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-title,
 #schulungssoftware .r77-training-pair #ct-feature .ct-feature-copy h4{font-size:26px}
}
@media(max-width:999px){
 #individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support){padding:14px;gap:0}
 #individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-card:not(.cf-service-panel-support)>.r32-service-copy{padding:18px 4px 2px;min-height:0;flex:1}
 #schulungssoftware .r77-training-pair{max-width:none;gap:16px}
 #schulungssoftware .r77-training-pair #cf-diesel-training.cf-diesel-card>.cf-diesel-copy,
 #schulungssoftware .r77-training-pair #ct-feature>.ct-feature-copy{padding:22px}
}
@media(max-width:760px){
 #schulungssoftware .r77-training-pair{grid-template-columns:minmax(0,1fr);gap:20px}
 #schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-title,
 #schulungssoftware .r77-training-pair #ct-feature .ct-feature-copy h4{font-size:27px}
 #individuell.cf-home[data-r54-service-layout] .cf-service-gallery .r32-service-copy>.cf-service-title{font-size:25px}
}

/* R78 · Match the section width; save height through type flow, not a narrower card rail. */
@media(min-width:1000px){
 #schulungssoftware .r77-training-pair #cf-diesel-training .cf-diesel-title>span{display:inline}
}