/* Campaigns: editorial hierarchy, full original media, purposeful diagrams. */
.cp-page{background:#202720;color:#f2efe5}.cp-page h1{font-size:clamp(60px,7vw,108px);letter-spacing:-.065em;line-height:.97;margin:0}.cp-page h1 em{color:#e9ba9b}
.cp-page .cp-hero{padding-top:70px;background:#202720}.cp-hero-copy{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:end;margin:40px 0 55px}.cp-hero-copy>div{min-width:0}.cp-hero-copy p+p{margin-top:15px}.cp-page .mm-button,.cp-entry .mm-button{background:#e8c5a5;color:#29382d;border-radius:2px}
.cp-hero-montage{display:grid;grid-template-columns:1fr 1fr 2.2fr;gap:26px;align-items:stretch}.cp-page figure{margin:0;min-width:0}.cp-image{display:block;position:relative;width:100%;height:100%;padding:13px;background:#111b17;border:1px solid #82938566;min-width:0;border-radius:3px}.cp-image img{width:100%;height:100%;object-fit:contain;display:block}.cp-image>span{position:absolute;bottom:8px;right:8px;background:#13211eeb;color:#f4efe7;width:33px;height:33px;display:grid;place-items:center;border:1px solid #95a599;border-radius:50%;transition:background .2s}.cp-image:hover>span{background:#75502c}.cp-hero-montage .cp-image{height:315px}.cp-hero-montage figure:last-child{display:flex;flex-direction:column;justify-content:center}.cp-hero-montage figure:last-child .cp-image{height:230px;background:#e9e7dc}.cp-page figcaption{font:11px/1.7 monospace;padding-top:13px;color:inherit}.cp-page .cp-note{font-size:12px;line-height:1.7;margin-top:25px;max-width:860px;color:inherit;opacity:.8}
.cp-jump{display:flex;gap:35px;flex-wrap:wrap;margin-top:35px;padding-top:20px;border-top:1px solid #81977e77}.cp-jump a{font-size:13px;min-height:44px;display:flex;align-items:center}
.cp-examples{background:#efede4;color:#22372c}.cp-examples em{color:#82604c}.cp-tabs button{border-radius:2px;border-color:#758572}.cp-tabs button[aria-pressed="true"]{background:#29473a;color:#f1f1df;border-color:#29473a}.cp-case-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin:45px 0 30px}.cp-case-head h3{font-size:39px}.cp-case-head p{font-size:15px}.cp-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}.cp-case-grid .cp-image{height:345px;background:#dddcd1;border:0;padding:12px}.cp-case-grid figcaption{min-height:58px;font-size:11px}.cp-case-head{min-height:235px}
.cp-planning{background:#d9e4cd;color:#1d3a30}.cp-planning .mm-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.cp-planning .mm-tabs button{font-size:13px;padding:15px 8px;min-height:55px}.cp-step{display:grid;grid-template-columns:140px 1fr;gap:6%;margin-top:45px;min-height:335px}.cp-step>span{font:100px/1 Georgia,serif;letter-spacing:-.08em;color:#537760}.cp-step h3{margin-top:0;font-size:34px}.cp-step>div>p{max-width:800px}.cp-input-output{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}.cp-input-output>div{border-top:1px solid #8b9d85;padding-top:20px}.cp-input-output h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.cp-input-output p{font-size:14px}
.cp-choices{background:#222d30;color:#f4f0e5}.cp-choices em{color:#dcc9a4}.cp-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 7%}.cp-choice-grid>a{border-top:1px solid #809c8a88;padding:25px 0 35px;display:block}.cp-choice-grid span{font:13px/1.5 monospace;color:#dcca99}.cp-choice-grid h3{font-size:32px}.cp-choice-grid p{font-size:15px;max-width:510px}.cp-choice-grid>a:hover h3{text-decoration:underline;text-underline-offset:6px}
.cp-ending{background:#e9c19e;color:#283c30}.cp-ending .mm-button{background:#263f34;color:#f6ebdc}.cp-ending h2{font-size:clamp(40px,5.5vw,80px)}
.cp-page .cp-trailer-hero{background:radial-gradient(ellipse at 90% 15%,#39493b,transparent 65%),#1d3029}.cp-trailer-stage{position:relative;margin:65px auto 30px;width:90%;padding-bottom:65px}.cp-trailer-stage .cp-image{height:auto;aspect-ratio:2.4;background:#e6e1d4;padding:12px;border:6px solid #777c70;border-bottom-width:12px}.cp-chassis{height:12px;background:#87958b;width:100%;position:absolute;bottom:65px;left:0}.cp-chassis:after{content:"";height:9px;position:absolute;right:-5%;width:8%;top:2px;background:#87958b}.cp-chassis i{display:block;position:absolute;left:22%;top:5px;width:66px;aspect-ratio:1;border-radius:50%;background:#13201a;border:13px solid #0b100e;box-shadow:inset 0 0 0 6px #7c9183}.cp-chassis i+i{left:auto;right:22%}
.cp-trailer-gallery{background:#f2efe5;color:#283b30}.cp-banner-view>.cp-image{height:auto;aspect-ratio:2.65;background:#dfdfd2;padding:20px;border-color:#bec6b6}.cp-banner-view>div{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:190px;padding-top:30px}.cp-banner-view h3{font-size:31px;margin:15px 0}.cp-banner-view p{font-size:15px}
.cp-layout{background:#252b39;color:#efede5}.cp-layout em{color:#c8b9ed}.cp-sides{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:35px;margin-top:45px}.cp-sides article{min-width:0}.cp-sides h3{font-size:26px;margin-top:28px}.cp-sides p{font-size:14px}.cp-diagram{height:230px;border:1px solid #a395bb88;background:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px),#1b2332;background-size:20px 20px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.cp-diagram b{font-size:30px;line-height:1;color:#dacdab;letter-spacing:-.06em}.cp-diagram span{font:11px/1.5 monospace;color:#c5b5e5;align-self:center;border:1px dashed #9b8cba;padding:16px 24px;border-radius:60px}.cp-diagram i{font:10px/1.5 monospace;font-style:normal;color:#ecded4;border-top:1px solid #919cac77;padding-top:12px}.cp-side-back{width:76%;margin:auto;border-bottom:7px solid #a2a8aa}.cp-side-print{width:72%;margin:auto;background-color:#485460;transform:rotate(3deg)}.cp-side-print b{font-size:30px;color:#eee5cc}.cp-side-print span{border-radius:0;font-size:9px;padding:10px;color:#f5ecdb}
.cp-bridge{background:#233f3b;color:#f2f0df}.cp-bridge em{color:#e4ca9c}.cp-bridge-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:center}.cp-bridge-grid>.cp-image{height:420px;padding:15px}.cp-bridge-grid h3{font-size:36px}.cp-bridge-grid p{max-width:650px}
.cp-home{position:relative;background:#eae7dc;color:#253b31}.cp-home h2,.cp-entry h2{font-size:clamp(38px,4.7vw,70px);line-height:1.05;margin:22px 0}.cp-home em,.cp-entry em{font-family:Georgia,serif;font-weight:400;color:#78604c}.cp-home p,.cp-entry p{font-size:16px;line-height:1.8;max-width:750px}.cp-home .eyebrow,.cp-entry .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.12em}.cp-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.cp-home-grid>a{min-width:0;border-top:1px solid #9ba792;padding-top:20px}.cp-home-grid>a>div{height:270px;background:#d2d7c7;padding:14px;margin-bottom:20px;overflow:hidden}.cp-home-grid img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.cp-home-grid>a:hover img{transform:translateY(-5px)}.cp-home-grid span{font:10px/1.5 monospace;letter-spacing:.07em}.cp-home-grid h3{font-size:29px;line-height:1.12;margin:17px 0;min-height:65px}.cp-home-grid p{font-size:14px}.cp-anchor{position:absolute;top:0;scroll-margin-top:110px}.cp-entry{background:#eae7dc;color:#253b31}.cp-entry>div:last-child{display:flex;gap:20px;flex-wrap:wrap}.cp-entry .mm-button{background:#294637;color:#f3ebd9}
@media(max-width:1000px){.cp-hero-copy{gap:5%;grid-template-columns:1.1fr .9fr}.cp-page h1{font-size:8vw}.cp-case-grid{gap:12px}.cp-case-grid .cp-image{height:275px;padding:8px}.cp-case-head{min-height:285px}.cp-case-head h3{font-size:33px}.cp-hero-montage{gap:15px}.cp-hero-montage .cp-image{height:275px}.cp-hero-montage figure:last-child .cp-image{height:190px}.cp-step{grid-template-columns:90px 1fr}.cp-step>span{font-size:80px}.cp-step{min-height:385px}.cp-sides{gap:20px}.cp-diagram{padding:15px}.cp-side-back,.cp-side-print{width:90%}.cp-diagram b{font-size:25px}.cp-diagram span{padding:15px;font-size:9px}.cp-home-grid{gap:20px}.cp-home-grid h3{font-size:24px;min-height:56px}.cp-home-grid>a>div{height:230px}}
@media(max-width:800px){.cp-hero-copy{grid-template-columns:1fr;gap:30px;margin-top:30px}.cp-page h1{font-size:clamp(55px,10vw,80px)}.cp-hero-copy p{max-width:650px}.cp-case-grid{grid-template-columns:1fr 1fr;gap:25px}.cp-case-grid .cp-image{height:360px}.cp-case-grid figcaption{min-height:38px}.cp-case-head{grid-template-columns:1fr;gap:15px;min-height:265px}.cp-case-head h3{margin-bottom:0}.cp-planning .mm-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-step{grid-template-columns:60px 1fr;gap:30px;min-height:415px}.cp-step>span{font-size:60px}.cp-input-output{gap:25px}.cp-trailer-stage{width:94%;padding-bottom:50px}.cp-chassis{bottom:50px}.cp-chassis i{width:52px;border-width:10px}.cp-banner-view>div{grid-template-columns:1fr;gap:10px;min-height:225px}.cp-sides{grid-template-columns:1fr;gap:38px}.cp-sides article{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:center}.cp-diagram{grid-row:span 2}.cp-sides h3{margin-top:0}.cp-sides p{align-self:start}.cp-side-back,.cp-side-print{width:75%}.cp-home-grid{grid-template-columns:1fr;gap:35px}.cp-home-grid>a{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.cp-home-grid>a>div{grid-row:span 3;height:250px;margin:0}.cp-home-grid h3{min-height:0;font-size:29px}.cp-home-grid p{font-size:15px}.cp-home-grid span{align-self:end}.cp-bridge-grid{gap:6%;grid-template-columns:1fr 1fr}.cp-bridge-grid h3{font-size:29px}.cp-bridge-grid>.cp-image{height:390px}}
@media(max-width:560px){.cp-page .cp-hero{padding-top:50px}.cp-page h1{font-size:clamp(46px,12vw,66px)}.cp-hero-montage{grid-template-columns:1fr 1fr;gap:25px 13px}.cp-hero-montage figure:last-child{grid-column:span 2}.cp-hero-montage .cp-image{height:260px;padding:8px}.cp-hero-montage figure:last-child .cp-image{height:auto;aspect-ratio:2.4}.cp-page figcaption{font-size:10px}.cp-page .cp-note{font-size:11px}.cp-jump{gap:5px 20px;margin-top:20px}.cp-jump a{font-size:12px}.cp-case-head{min-height:330px;margin:25px 0}.cp-case-head h3{font-size:29px}.cp-case-grid{gap:20px 12px}.cp-case-grid .cp-image{height:260px;padding:6px}.cp-case-grid figcaption{font-size:10px;min-height:52px}.cp-planning .mm-tabs{grid-template-columns:1fr 1fr;gap:9px}.cp-planning .mm-tabs button{font-size:12px}.cp-planning .mm-tabs button:last-child{grid-column:span 2}.cp-step{grid-template-columns:1fr;gap:18px;min-height:620px;margin-top:30px}.cp-step>span{font-size:62px}.cp-step h3{font-size:29px}.cp-input-output{grid-template-columns:1fr;gap:22px;margin-top:25px}.cp-input-output p{font-size:14px}.cp-choice-grid{grid-template-columns:1fr}.cp-choice-grid h3{font-size:28px}.cp-trailer-stage{width:94%;margin-top:40px;padding-bottom:36px}.cp-trailer-stage .cp-image{border-width:3px;border-bottom-width:7px;padding:5px}.cp-chassis{bottom:36px;height:7px}.cp-chassis i{width:36px;border-width:7px;box-shadow:inset 0 0 0 4px #7c9183}.cp-chassis:after{height:6px}.cp-banner-view>.cp-image{padding:7px;aspect-ratio:2.4}.cp-banner-view>div{min-height:320px;padding-top:25px}.cp-banner-view h3{font-size:29px}.cp-banner-view .eyebrow{font-size:9px}.cp-sides article{grid-template-columns:1fr;gap:0}.cp-diagram{grid-row:auto}.cp-sides h3{margin-top:25px}.cp-side-back,.cp-side-print{width:62%}.cp-side-long{height:210px}.cp-diagram b{font-size:30px}.cp-diagram span{font-size:11px}.cp-bridge-grid{grid-template-columns:1fr;gap:25px}.cp-bridge-grid>.cp-image{height:420px}.cp-home h2,.cp-entry h2{font-size:36px}.cp-home-grid>a{grid-template-columns:1fr;gap:0}.cp-home-grid>a>div{grid-row:auto;height:300px;margin-bottom:20px}.cp-home-grid>a:nth-child(2)>div{height:190px}.cp-home-grid h3{font-size:29px;margin:12px 0}.cp-home-grid p{font-size:15px}.cp-home .sp-heading{margin-bottom:25px}.cp-home-grid>a:nth-child(3)>div{height:250px}.cp-ending h2{font-size:38px}}
@media(max-width:360px){.cp-hero-montage .cp-image{height:220px}.cp-case-grid .cp-image{height:220px}.cp-case-head{min-height:370px}.cp-step{min-height:720px}.cp-banner-view>div{min-height:370px}.cp-bridge-grid>.cp-image{height:350px}}
@media(prefers-reduced-motion:reduce){.cp-home-grid img,.cp-image>span{transition:none}.cp-home-grid>a:hover img{transform:none}}
.motion-off .cp-home-grid img{transition:none}.motion-off .cp-home-grid>a:hover img{transform:none}

/* Kontrastkorrektur für den Ablaufbereich auf Desktop und Mobile. */
.cp-page .cp-planning{color:#edf4ea!important}
.cp-page .cp-planning .sp-heading p,.cp-page .cp-planning .cp-step h3,.cp-page .cp-planning .cp-step p,.cp-page .cp-planning .cp-step h4,.cp-page .cp-planning .cp-step li,.cp-page .cp-planning .cp-input-output p{color:#e2eee2!important}
.cp-page .cp-planning .sp-heading h2,.cp-page .cp-planning .sp-heading h2 em{color:#f3f6ee!important}
.cp-page .cp-planning .cp-input-output>div,.cp-page .cp-planning .step-result{border-color:#a8c2ad!important}
.cp-page .cp-planning .cp-step>span,.cp-page .cp-planning .journey-number{color:#d9fb41!important}

/* Die Kampagnenplanung liegt auf einer hellen Fläche: dunkler Lesetext hat Vorrang. */
.cp-page .cp-planning{background:linear-gradient(110deg,#e7e9f3,#f2eee6)!important;color:#1d3346!important}
.cp-page .cp-planning .sp-heading p,.cp-page .cp-planning .cp-step h3,.cp-page .cp-planning .cp-step p,.cp-page .cp-planning .cp-step h4,.cp-page .cp-planning .cp-step li,.cp-page .cp-planning .cp-input-output p{color:#33483e!important}
.cp-page .cp-planning .sp-heading h2{color:#1d3346!important}.cp-page .cp-planning .sp-heading h2 em{color:#665682!important}
.cp-page .cp-planning .cp-step>span,.cp-page .cp-planning .journey-number{color:#536f5a!important}
.cp-page .cp-planning .cp-input-output>div,.cp-page .cp-planning .step-result{border-color:#a3b7aa!important}
