/* The visitor is a sales partner. One compact, connected product portfolio. */
.sales-partners .hero-unity .hero{padding-bottom:0}
.sales-partners .hero-unity h1{font-size:clamp(3rem,4.6vw,4.15rem)}
.sales-partners .hero-unity .hero-opening{font-size:1.17rem;line-height:1.65;font-weight:400;max-width:440px}
.sales-partners .hero-unity .hero-actions{gap:16px 22px}
.sales-foundation{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 0;border-bottom:1px solid #ecdfc9;margin-top:18px}
.sales-foundation>p{font-size:1.14rem;color:var(--brick);font-weight:600;margin:0}
.sales-foundation ul{display:flex;gap:22px;margin:0;padding:0;list-style:none;font-size:.9rem;color:#685749;line-height:1.5}
.sales-foundation li{display:flex;align-items:center;gap:9px}
.sales-foundation li::before{content:"";width:7px;height:7px;flex-shrink:0;background:#e4a62c;border-radius:50%}

.portfolio{padding-block:72px;background:#142c3d;color:#fffaf3}
.portfolio .eyebrow{color:#f3c66b}
.portfolio .section-top{align-items:center;gap:48px;margin-bottom:38px}
.portfolio .section-top h2{line-height:1.12;color:#fffaf3}
.portfolio .section-top h2 em{color:#f3c66b}
.portfolio .section-lead{max-width:440px;color:#d4dfe4}
.portfolio-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;scroll-margin-top:20px}
.portfolio-group{min-width:0;display:flex;flex-direction:column}
.portfolio-group-heading{padding:24px 26px;background:#253c3c;border-radius:16px 16px 0 0;border-top:3px solid #a6b375;flex:1}
.living-group .portfolio-group-heading{background:#203d50;border-top-color:#75b9d5}
.portfolio-pair{display:flex;align-items:center;gap:12px;font-size:.76rem;font-weight:700;letter-spacing:.08em;color:#c9dda2;margin:0 0 12px}
.living-group .portfolio-pair{color:#a9d8ed}
.portfolio-pair span{font-size:1.1rem;font-weight:400;line-height:1}
.portfolio-group-heading h3{font-size:1.7rem;letter-spacing:-.035em;line-height:1.2;color:#fffaf3;margin:0 0 12px}
.living-group .portfolio-group-heading h3{color:#fffaf3}
.portfolio-group-heading>p:last-child{font-size:.98rem;line-height:1.65;color:#d4dfd6;margin:0;max-width:510px}
.living-group .portfolio-group-heading>p:last-child{color:#d4e2ea}
.portfolio-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:14px}
.product-poster{--poster-tint:#f1f5e9;--poster-ink:#344b2b;border:1px solid #e0e7d7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;min-width:0;scroll-margin-top:20px}
.poster-nanoqon{--poster-tint:#edf2f4;--poster-ink:#273d49;border-color:#dfe5e9}
.poster-gara{--poster-tint:#eaf5fa;--poster-ink:#1e6481;border-color:#dceaf0}
.poster-delphin{--poster-tint:#eef2f8;--poster-ink:#173a61;border-color:#e0e6ef}
.poster-atmosphere{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:174px;padding:22px;background:var(--poster-tint);overflow:hidden}
.poster-atmosphere::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#ffffff70,#ffffffb8)}
.poster-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36;filter:saturate(.7);z-index:-2}
.poster-dnv .poster-photo{object-position:center 70%}
.poster-nanoqon .poster-photo{object-position:40% center}
.poster-gara .poster-photo{object-position:center 70%}
.poster-logo{display:block;max-width:100%;max-height:130px;width:100%;height:auto;object-fit:contain}
.poster-gara .poster-logo{width:230px}
.poster-delphin .poster-logo{width:106px;height:123px}
.poster-copy{padding:22px 20px;display:flex;flex-direction:column;flex:1;background:linear-gradient(180deg,#fff,var(--poster-tint))}
.poster-copy h4{font-size:1.12rem;line-height:1.3;letter-spacing:-.02em;color:var(--poster-ink);font-weight:600;margin:0 0 10px}
.poster-copy p{font-size:.93rem;line-height:1.6;color:#586773;margin:0 0 22px}
.poster-copy a{font-size:.85rem;line-height:1.5;color:var(--poster-ink);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid #d4dce0;margin-top:auto;min-height:40px}
.poster-copy a:hover{text-decoration:underline;text-underline-offset:4px}
.poster-copy a>span[aria-hidden]{font-size:1.1rem}
.portfolio-connection{display:flex;align-items:center;gap:26px;background:#1b3648;border:1px solid #466070;border-radius:14px;padding:28px 32px;margin-top:30px}
.portfolio-connection-mark{display:flex;align-items:center;justify-content:center;flex:0 0 54px;height:54px;border:1px solid #d2aa5a;border-radius:50%;color:#f3c66b;font-size:2.2rem;font-weight:300}
.portfolio-connection h3{font-size:1.4rem;line-height:1.3;letter-spacing:-.025em;color:#f3c66b;margin:0 0 10px}
.portfolio-connection p{font-size:1rem;line-height:1.7;color:#d4dfe4;margin:0;max-width:1020px}

.sales-partners #fair-advice .fair-services h3{font-size:1.25rem}
.sales-partners #partnerschaft .career-banner h2{font-size:clamp(2.3rem,3.5vw,3.2rem)}
.sales-partners #partnerschaft .career-banner .career-promise{font-size:1.15rem}
.sales-partners #kontakt .contact-label{font-size:.78rem;line-height:1.5;letter-spacing:.07em}
.sales-partners #kontakt .primary-contact .contact-label{font-size:.75rem}

@media(max-width:1100px){
 .sales-foundation{align-items:flex-start;flex-direction:column;gap:16px;padding-block:27px}
 .sales-foundation ul{flex-wrap:wrap}
 .portfolio{padding-block:58px}
 .portfolio-groups{gap:22px}
 .portfolio-pair-grid{gap:11px}
 .portfolio-group-heading{padding:24px 22px}
 .poster-atmosphere{height:156px;padding:18px}
 .poster-copy{padding:21px 16px}
 .poster-copy h4{font-size:1.05rem}
 .poster-copy a{font-size:.79rem}
}
@media(max-width:900px){
 .portfolio-groups{grid-template-columns:1fr;gap:32px}
 .portfolio-group-heading>p:last-child{max-width:none}
 .poster-atmosphere{height:180px;padding:22px}
 .poster-logo{max-width:245px}
 .poster-copy{padding:23px}
 .poster-copy h4{font-size:1.22rem}
 .poster-copy a{font-size:.9rem}
 .sales-partners #partnerschaft .career-intro-grid{grid-template-columns:1fr;gap:26px}
 .sales-partners #partnerschaft .career-banner .career-promise{max-width:none}
}
@media(max-width:800px){
 .portfolio .section-top{align-items:flex-start;gap:24px}
 .portfolio .section-lead{max-width:none}
 .portfolio-connection{padding:25px;align-items:flex-start;gap:20px}
 .portfolio-connection-mark{flex-basis:40px;height:40px;font-size:1.8rem}
}
@media(max-width:600px){
 .sales-partners .hero-unity h1{font-size:clamp(2.6rem,10.5vw,3.4rem)}
 .sales-partners .hero-unity .hero-opening{font-size:1.06rem}
 .sales-foundation{margin-top:12px;padding-block:25px}
 .sales-foundation ul{display:grid;gap:11px;font-size:.88rem}
 .portfolio{padding-block:45px}
 .portfolio .section-top h2{font-size:clamp(2rem,8vw,2.65rem)}
 .portfolio-group-heading{padding:22px 20px}
 .portfolio-group-heading h3{font-size:1.55rem}
 .portfolio-group-heading>p:last-child{font-size:.95rem}
 .portfolio-pair-grid{gap:12px}
 .poster-atmosphere{height:140px;padding:15px}
 .poster-delphin .poster-logo{height:104px;width:94px}
 .poster-copy{padding:19px 16px}
 .poster-copy h4{font-size:1.05rem}
 .poster-copy p{font-size:.9rem}
 .poster-copy a{font-size:.79rem;gap:4px}
 .portfolio-connection{padding:24px 21px;display:block}
 .portfolio-connection-mark{display:none}
 .portfolio-connection h3{font-size:1.3rem}
 .sales-partners #partnerschaft .career-banner h2{font-size:clamp(2rem,8.2vw,2.8rem)}
}
@media(max-width:420px){
 .portfolio-pair-grid{grid-template-columns:1fr}
 .poster-atmosphere{height:165px;padding:20px}
 .poster-logo{max-width:225px;max-height:130px}
 .poster-copy{padding:22px}
 .poster-copy h4{font-size:1.2rem}
 .poster-copy p{margin-bottom:17px}
 .poster-copy a{font-size:.9rem}
}

/* Poster-like hierarchy: fewer words, larger statements, generous visual space. */
.sales-partners .hero-unity .hero-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;padding-block:20px 26px}
.sales-partners .hero-unity .hero-row::before{background:radial-gradient(ellipse at 4% 10%,#ffeab4,transparent 65%),#fffcf6}
.sales-partners .hero-unity .hero-heading{padding-block:12px}
.sales-partners .hero-unity h1{font-size:clamp(4.3rem,7.15vw,6.25rem);line-height:.92;letter-spacing:-.06em;font-weight:700;margin-bottom:25px}
.sales-partners .hero-title-main{display:block;color:var(--brick)}
.sales-partners .hero-unity h1 em{color:var(--ink);font-style:normal;font-size:.46em;line-height:1.18;font-weight:400;letter-spacing:-.04em;margin-top:15px;white-space:nowrap}
.sales-partners .hero-unity h1 em::after{display:none}
.sales-partners .hero-unity .eyebrow{margin-bottom:22px}
.sales-partners .hero-unity .hero-opening{font-size:1.06rem;line-height:1.6;max-width:400px;color:var(--muted)}
.sales-partners .hero-opening strong{display:block;color:var(--ink);font-size:1.28rem;font-weight:600;letter-spacing:-.025em;margin-bottom:6px}
.sales-partners .hero-unity .hero-art{height:clamp(425px,39vw,505px);border-radius:12px 12px 70px 12px}
.sales-partners .hero-unity .hero-actions{margin-top:25px;gap:16px 20px}
.sales-foundation{padding-block:27px;margin-top:13px}
.sales-foundation>p{font-size:1.3rem;letter-spacing:-.025em}
.sales-foundation ul{gap:30px;font-weight:600}
.sales-partners .portfolio{padding-block:84px}
.sales-partners .portfolio .section-top{grid-template-columns:1fr 1fr;align-items:center;margin-bottom:42px}
.sales-partners .portfolio .section-top h2,
.sales-partners #fair-advice h2,
.sales-partners #partnerschaft .career-banner h2,
.sales-partners #kontakt h2{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.05em;font-weight:600}
.sales-partners .portfolio .section-lead{font-size:1.16rem;line-height:1.65;max-width:400px}
.portfolio-group-heading{padding:27px 26px;border-top-width:4px}
.portfolio-group-heading h3{font-size:1.85rem}
.poster-atmosphere{height:206px;padding:23px}
.poster-logo{max-height:146px}
.poster-delphin .poster-logo{width:116px;height:137px}
.poster-copy h4{font-size:1.22rem;line-height:1.25}
.poster-copy p{font-size:.92rem}
.portfolio-connection{padding:31px 32px;gap:27px}
.portfolio-connection h3{font-size:1.85rem;letter-spacing:-.04em}
.portfolio-connection p{max-width:860px}
.sales-partners #fair-advice .section{padding-block:86px}
.sales-partners #fair-advice .fair-heading-grid{grid-template-columns:1.05fr 1fr}
.sales-partners #fair-advice .fair-services{gap:24px;margin-top:44px}
.sales-partners #fair-advice .fair-services article{padding:32px;gap:23px}
.sales-partners #fair-advice .fair-services h3{font-size:1.5rem;letter-spacing:-.025em}
.sales-partners #fair-advice .fair-services p{line-height:1.65}
.sales-partners #fair-advice .fair-connection p{font-size:1.45rem;letter-spacing:-.025em}
.sales-partners #partnerschaft .career-banner{background:var(--brick);border-color:var(--brick);padding-block:84px}
.sales-partners #partnerschaft .career-banner::before{opacity:.2}
.sales-partners #partnerschaft .career-banner .eyebrow{color:#ffe1ae}
.sales-partners #partnerschaft .career-banner h2{color:#fffaf3}
.sales-partners #partnerschaft .career-banner h2 em{color:#ffd174}
.sales-partners #partnerschaft .career-banner p:not(.eyebrow){color:#fff0e4;font-size:1.12rem;line-height:1.7}
.sales-partners #partnerschaft .career-banner .career-promise{font-size:1.18rem;border-left-color:#ffd174;color:#fffaf3}
.sales-partners #partnerschaft .career-banner .button-light{background:#ffe5a5;border-color:#ffe5a5;color:#602a23;box-shadow:none}
.sales-partners #partnerschaft .career-banner .button-light:hover{background:#fff0cd;border-color:#fff0cd}
.sales-partners #partnerschaft .career-body{padding-block:68px 76px}
.sales-partners #partnerschaft .career-support-heading h3{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1}
.sales-partners #partnerschaft .career-support-grid h4{font-size:1.55rem;letter-spacing:-.035em}
.sales-partners #partnerschaft .career-invitation h3{font-size:2.45rem;line-height:1.1}
.sales-partners #kontakt>.section{padding-block:84px}
.sales-partners #kontakt .section-top{gap:55px}
.sales-partners #kontakt .section-lead{font-size:1.12rem}

@media(max-width:1100px){
 .sales-partners .hero-unity .hero-row{gap:28px}
 .sales-partners .hero-unity h1{font-size:clamp(4rem,7.4vw,5.1rem)}
 .sales-partners .hero-unity .hero-art{height:460px}
 .sales-partners .hero-unity .hero-actions{gap:14px}
 .sales-partners .portfolio .section-top{gap:35px}
 .poster-atmosphere{height:180px;padding:18px}
 .poster-copy h4{font-size:1.12rem}
 .sales-partners #fair-advice .fair-services article{padding:27px;gap:18px}
 .sales-partners #fair-advice .fair-services h3{font-size:1.35rem}
 .sales-partners #partnerschaft .career-banner h2{font-size:clamp(2.7rem,5vw,3.6rem)}
}
@media(max-width:900px){
 .sales-partners .hero-unity .hero-row{grid-template-columns:1fr;gap:27px}
 .sales-partners .hero-unity h1{font-size:clamp(4rem,10.3vw,5.7rem)}
 .sales-partners .hero-unity .hero-opening{max-width:520px}
 .sales-partners .hero-unity .hero-art{height:clamp(280px,50vw,420px)}
 .poster-atmosphere{height:210px}
 .poster-copy h4{font-size:1.3rem}
 .sales-partners #partnerschaft .career-intro-grid{gap:32px}
}
@media(max-width:800px){
 .sales-partners .portfolio,.sales-partners #fair-advice .section,.sales-partners #partnerschaft .career-banner,.sales-partners #kontakt>.section{padding-block:60px}
 .sales-partners .portfolio .section-top,.sales-partners #fair-advice .fair-heading-grid{grid-template-columns:1fr;gap:28px}
 .sales-partners .portfolio .section-lead{max-width:none}
 .sales-partners .portfolio .section-top h2,.sales-partners #fair-advice h2,.sales-partners #partnerschaft .career-banner h2,.sales-partners #kontakt h2{font-size:clamp(2.5rem,7vw,3.6rem)}
 .sales-partners #partnerschaft .career-support-grid h4{font-size:1.35rem}
 .sales-partners #kontakt .section-top{gap:26px}
}
@media(max-width:600px){
 .sales-partners .hero-unity .hero-row{padding-block:8px 16px}
 .sales-partners .hero-unity .hero-heading{padding:0}
 .sales-partners .hero-unity h1{font-size:clamp(3.1rem,16vw,5rem);margin-bottom:22px}
 .sales-partners .hero-unity h1 em{font-size:.5em;margin-top:12px}
 .sales-partners .hero-opening strong{font-size:1.23rem}
 .sales-partners .hero-unity .hero-opening{font-size:1.04rem}
 .sales-partners .hero-unity .hero-art{height:clamp(240px,68vw,350px);border-radius:12px 12px 40px 12px}
 .sales-foundation>p{font-size:1.22rem}
 .sales-foundation ul{gap:12px}
 .sales-partners .portfolio,.sales-partners #fair-advice .section,.sales-partners #partnerschaft .career-banner,.sales-partners #kontakt>.section{padding-block:49px}
 .sales-partners .portfolio .section-top h2,.sales-partners #fair-advice h2,.sales-partners #partnerschaft .career-banner h2,.sales-partners #kontakt h2{font-size:clamp(2.2rem,9.4vw,3rem)}
 .sales-partners .portfolio .section-lead,.sales-partners #kontakt .section-lead{font-size:1.04rem}
 .portfolio-group-heading{padding:23px 20px}
 .portfolio-group-heading h3{font-size:1.55rem}
 .poster-atmosphere{height:160px;padding:17px}
 .poster-delphin .poster-logo{width:98px;height:116px}
 .poster-copy h4{font-size:1.08rem}
 .portfolio-connection{padding:25px 22px}
 .portfolio-connection h3{font-size:1.65rem}
 .sales-partners #fair-advice .fair-services{margin-top:31px;gap:19px}
 .sales-partners #fair-advice .fair-services article{padding:26px 22px}
 .sales-partners #fair-advice .fair-services h3{font-size:1.45rem}
 .sales-partners #fair-advice .fair-connection p{font-size:1.32rem}
 .sales-partners #partnerschaft .career-banner .career-promise{font-size:1.08rem}
 .sales-partners #partnerschaft .career-body{padding-block:48px}
 .sales-partners #partnerschaft .career-invitation h3{font-size:2rem}
}
@media(max-width:420px){
 .poster-atmosphere{height:180px;padding:23px}
 .poster-copy h4{font-size:1.25rem}
}