/* Nutzen zuerst, Bildbeleg direkt daneben. Nur die gewählte Fotografie-Seite. */
.applications-refined{padding-block:66px 48px}
.applications-refined .section-heading{gap:60px;margin-bottom:30px;align-items:center}
.applications-refined .section-heading h2{font-size:clamp(38px,4.2vw,60px);line-height:1.06}
.applications-refined .section-heading .eyebrow{font-size:10px;margin-bottom:20px}
.applications-refined .section-heading>p{font-size:16px;line-height:1.65;max-width:36ch}
.applications-refined .application-tabs{margin-bottom:36px;gap:25px}
.applications-refined .application-tabs button{font-size:17px;padding-block:17px;gap:11px}
.applications-refined .application-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:clamp(36px,5.5vw,78px);min-height:445px;align-items:start}
.applications-refined .application-panel[hidden]{display:none}
.applications-refined .application-copy{padding:23px 0 0;max-width:none}
.applications-refined .application-copy h3{font-size:clamp(29px,2.9vw,42px);font-weight:400;line-height:1.14;letter-spacing:-.025em;margin:0 0 21px}
.applications-refined .application-copy .application-lead{font-size:16px;line-height:1.65;max-width:40ch;color:#534e55}
.application-uses{margin-top:27px}
.application-uses h4{margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.5;color:#796c71}
.applications-refined .application-uses ul{margin:0;padding:0;list-style:none}
.applications-refined .application-uses li{position:relative;padding:7px 0 7px 16px;border:0;font-size:15px;line-height:1.4;color:#3e393f}
.applications-refined .application-uses li:before{content:'';position:absolute;left:0;top:16px;width:5px;height:5px;background:#861622;border-radius:50%}
.applications-refined .application-visual{height:auto;display:block;padding:0;margin:0;min-width:0}
.application-art{height:360px;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:22px;min-width:0}
.applications-refined .application-visual figcaption{position:static;display:block;margin-top:14px;padding-top:14px;border-top:1px solid #29252b22;color:#746a70;font-size:13px;line-height:1.5;max-width:none}
.applications-refined figcaption strong{display:block;font-size:13px;font-weight:600;color:#494048;margin-bottom:4px}
.applications-refined figcaption>span{display:block;position:static;font-size:13px;white-space:normal;color:#746a70;max-width:58ch}
.applications-refined .browser-frame{width:92%;max-width:610px;margin-right:8%;margin-bottom:0;align-self:center;box-shadow:0 14px 25px #241c2d12}
.applications-refined .phone-frame{bottom:12px;width:23%;border-radius:17px;padding:5px;box-shadow:0 12px 22px #241c2d20}
.applications-refined .phone-frame img{border-radius:12px}
.applications-refined .social-story{width:32%;max-width:190px;align-self:center;margin-left:6%;border-radius:17px}
.applications-refined .social-banner{width:66%;max-width:420px;top:32%;right:1%;transform:rotate(2deg);border-width:6px}
.applications-refined .career-preview{height:305px;max-height:none;border-width:5px}
.applications-refined .career-copy{padding:24px 22px}
.applications-refined .career-copy strong{font-size:clamp(28px,3vw,42px);margin:24px 0}
.applications-refined .print-original{width:auto;height:270px;margin-right:7%;border-width:5px}
.applications-refined .print-result{width:auto;height:305px;max-width:none;border-width:5px}
.applications-refined .print-original img,.applications-refined .print-result img{height:100%;width:auto;max-width:100%;object-fit:contain}
.applications-refined .print-visual .application-art span{bottom:-24px}
.application-planning{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:30px;padding-top:25px;border-top:1px solid #29252b33}
.application-planning>div{max-width:70ch}
.application-planning h3{font-size:20px;line-height:1.3;font-weight:400;letter-spacing:-.01em;margin-bottom:8px}
.application-planning p{font-size:14px;line-height:1.65;color:#655c63;max-width:68ch}
.application-planning .text-link{flex:none;display:inline-block;font-size:14px;color:#6b1722;padding-bottom:6px;border-bottom:1px solid #861622;white-space:nowrap}
@media(min-width:1300px){
 .applications-refined .application-panel{min-height:470px}
 .application-art{height:385px}
 .applications-refined .social-story{max-width:205px}
 .applications-refined .career-preview{height:330px}
 .applications-refined .print-original{height:290px}
 .applications-refined .print-result{height:330px}
}
@media(max-width:1100px){
 .applications-refined .section-heading{gap:45px}
 .applications-refined .section-heading>p{font-size:15px;max-width:34ch}
 .applications-refined .application-panel{min-height:420px;gap:40px}
 .applications-refined .application-copy h3{font-size:32px}
 .applications-refined .application-copy .application-lead{font-size:15px}
 .application-art{height:320px}
 .applications-refined .career-preview{height:280px}
 .applications-refined .career-copy{padding:20px 17px}
 .applications-refined .career-copy strong{font-size:31px}
 .applications-refined .print-original{height:230px}
 .applications-refined .print-result{height:265px}
 .application-planning{gap:35px;margin-top:22px}
 .application-planning p{font-size:13px}
 .application-planning .text-link{font-size:13px}
}
@media(max-width:800px){
 .applications-refined{padding-block:52px 38px}
 .applications-refined .section-heading{gap:32px;margin-bottom:24px}
 .applications-refined .section-heading h2{font-size:37px}
 .applications-refined .section-heading>p{font-size:14px;max-width:29ch}
 .applications-refined .application-tabs{gap:16px;margin-bottom:27px}
 .applications-refined .application-tabs button{font-size:14px;display:flex;gap:8px}
 .applications-refined .application-tabs button span{display:inline;margin:0;font-size:9px}
 .applications-refined .application-panel{gap:30px;min-height:390px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .applications-refined .application-copy{padding-top:12px}
 .applications-refined .application-copy h3{font-size:28px;margin-bottom:17px}
 .applications-refined .application-copy .application-lead{font-size:14px}
 .application-uses{margin-top:21px}
 .applications-refined .application-uses li{font-size:14px}
 .application-art{height:285px}
 .applications-refined .phone-frame{width:25%;bottom:28px}
 .applications-refined .social-story{width:37%;margin-left:2%;border-width:4px}
 .applications-refined .social-banner{width:69%;border-width:4px}
 .applications-refined .career-preview{height:255px}
 .applications-refined .career-copy{padding:19px 12px}
 .applications-refined .career-copy strong{font-size:27px}
 .applications-refined .print-original{height:200px}
 .applications-refined .print-result{height:230px}
 .applications-refined .application-visual figcaption,.applications-refined figcaption>span,.applications-refined figcaption strong{font-size:12px}
 .application-planning{gap:24px;align-items:start}
 .application-planning h3{font-size:18px}
 .application-planning .text-link{white-space:normal;max-width:19ch;line-height:1.4}
}
@media(max-width:600px){
 .applications-refined .section-heading{display:block}
 .applications-refined .section-heading>p{max-width:38ch;margin-top:20px;font-size:15px}
 .applications-refined .application-tabs{grid-template-columns:1fr 1fr;gap:0 20px}
 .applications-refined .application-tabs button{padding-block:13px;border-bottom:1px solid #29252b33}
 .applications-refined .application-tabs button[aria-selected=true]{border-bottom:3px solid #861622;padding-bottom:11px}
 .applications-refined .application-panel{display:block;min-height:0}
 .applications-refined .application-panel[hidden]{display:none}
 .applications-refined .application-copy{padding-top:0}
 .applications-refined .application-copy h3{font-size:31px}
 .applications-refined .application-copy .application-lead{font-size:15px;max-width:none}
 .application-uses{margin-top:21px}
 .applications-refined .application-visual{margin-top:25px}
 .application-art{height:300px}
 .applications-refined .phone-frame{bottom:20px}
 .applications-refined .career-preview{height:270px}
 .applications-refined .career-copy strong{font-size:29px}
 .applications-refined .application-visual figcaption{margin-top:8px;padding-top:12px}
 .application-planning{display:block;margin-top:28px;padding-top:22px}
 .application-planning p{font-size:14px}
 .application-planning .text-link{margin-top:18px;max-width:none;font-size:14px}
}