/* Editorial sections: precise geometry, panoramic imagery and a quieter grid. */
#leistungen{background:#fafafa;padding:140px 0 110px}
#leistungen .section-heading{max-width:none;display:grid;grid-template-columns:1.2fr 1fr;column-gap:80px;align-items:end;margin-bottom:68px}
#leistungen .section-heading .eyebrow{grid-column:1/-1}
#leistungen .section-heading h2{font-size:clamp(44px,5.4vw,70px);margin:0}
#leistungen .section-heading>p:last-child{margin:0 0 6px;max-width:440px;font-size:17px;line-height:1.7}
#leistungen .service-grid{gap:22px 28px}
#leistungen .service-card:not(.compact){min-height:480px;border-radius:10px;padding:42px 42px 30px;border:1px solid #e4e5e8}
#leistungen .feature{background:linear-gradient(145deg,#fff 30%,#f1f2f5);box-shadow:0 25px 50px -42px #18223566}
#leistungen .service-card:not(.compact) h3{font-size:36px;letter-spacing:-.045em}
#leistungen .card-number{font-size:10px;letter-spacing:.18em;margin-bottom:36px}
#leistungen .feature .card-number:after{content:' / BETRIEBSFÜHRUNG'}
#leistungen .dark .card-number:after{content:' / MONITORING'}
#leistungen .dark{background:radial-gradient(ellipse at 85% 100%,#343848,transparent 65%),#181a20;border-color:#262932!important;box-shadow:0 25px 50px -42px #18223599}
#leistungen .chart{height:150px;gap:15px;border-bottom-color:#d2d7e0;padding:0 8px;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#cbd1da55 49px,#cbd1da55 50px)}
#leistungen .chart span{border-radius:3px 3px 0 0;background:linear-gradient(90deg,#bd0924,#ef4f65 75%,#e72d48);box-shadow:5px 0 0 #b70f2933;opacity:.9}
#leistungen .wave{height:150px;filter:drop-shadow(0 0 9px #ed284340)}
#leistungen .graphic-note{font-size:10px;letter-spacing:.04em;margin-top:21px}
#leistungen .compact{margin-top:20px;padding:32px 25px 0 0;border:0;border-top:1px solid #cdd0d6;border-radius:0;background:transparent;overflow:visible}
#leistungen .compact+.compact{padding-left:22px}
#leistungen .compact h3{font-size:22px;line-height:1.22;margin-top:22px}
#leistungen .compact p{line-height:1.75;font-size:14px;color:#696c75}
#leistungen .service-symbol{display:inline-flex;border:1px solid #d9dce3;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;font-size:23px;color:#b80e28}
#zweitmarkt{padding:100px 0 140px;background:#fff}
#zweitmarkt .market-grid{grid-template-columns:1fr;gap:66px}
#zweitmarkt .market-visual{height:auto;aspect-ratio:2.12;border-radius:10px;isolation:isolate;box-shadow:0 32px 55px -44px #14243d88}
#zweitmarkt .market-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.04)}
#zweitmarkt .market-visual:after{background:linear-gradient(0deg,#08152de0,transparent 68%)}
#zweitmarkt .photo-caption{font-size:clamp(30px,4.2vw,56px);bottom:40px;left:46px;letter-spacing:-.045em;line-height:1.05}
#zweitmarkt .photo-index{position:absolute;top:26px;left:30px;color:#fff;font-size:10px;letter-spacing:.18em;z-index:2;border:1px solid #ffffff55;border-radius:30px;padding:8px 12px;background:#15283b35}
#zweitmarkt .photo-orbit{position:absolute;right:44px;bottom:40px;width:94px;height:94px;border:1px solid #ffffff80;border-radius:50%;z-index:2;display:grid;place-items:center;color:#fff;font-size:38px;font-weight:200}
#zweitmarkt .market-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:95px;align-items:start}
#zweitmarkt .market-copy>.eyebrow{grid-column:1;grid-row:1}
#zweitmarkt .market-copy>h2{grid-column:1;grid-row:2;font-size:clamp(40px,4.6vw,60px);margin:0 0 26px}
#zweitmarkt .market-copy>.intro{grid-column:1;grid-row:3;max-width:420px;font-size:16px;line-height:1.75}
#zweitmarkt .market-copy>.text-link{grid-column:1;grid-row:4;justify-self:start;padding:12px 0;border-bottom:1px solid #d90827}
#zweitmarkt .steps{grid-column:2;grid-row:1/5;margin:0}
#zweitmarkt .steps li{padding:26px 0 27px 46px;border-color:#d8dce3}
#zweitmarkt .steps h3{font-size:21px;margin-bottom:12px}
#zweitmarkt .steps p{font-size:14px;line-height:1.7;max-width:380px}
#warum{position:relative;overflow:hidden;isolation:isolate;padding:130px 0 100px;background:radial-gradient(ellipse at 80% 35%,#252c3d 0,transparent 57%),#101217}
#warum:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#737d96,transparent)}
#warum>.container{position:relative;z-index:1}
#warum h2{font-size:clamp(44px,6.2vw,80px);max-width:740px;position:relative;z-index:2;letter-spacing:-.055em;line-height:1.03}
#warum h2 span{color:#959ba8}
#warum .eyebrow{color:#ff798b}
#warum .system-graphic{position:absolute;width:510px;height:510px;right:-80px;top:0;opacity:.8;pointer-events:none}
#warum .system-graphic .system-ring{fill:none;stroke:#8290ae;stroke-opacity:.22;stroke-width:1}
#warum .system-graphic .system-axis{fill:none;stroke:#8290ae;stroke-opacity:.18;stroke-width:1;stroke-dasharray:3 7}
#warum .system-graphic .system-node{fill:#222a38;stroke:#79859b;stroke-width:1}
#warum .system-graphic .system-center{fill:url(#system-core);stroke:#ff617b;stroke-width:1}
#warum .system-graphic text{font-family:inherit;font-size:10px;letter-spacing:1.4px;fill:#b9c2d3}
#warum .approach-bottom{position:relative;z-index:2;grid-template-columns:1.4fr 1fr;gap:100px;margin-top:76px;border-color:#8995ab33;padding-top:35px}
#warum .approach-bottom p{font-size:17px;line-height:1.7;max-width:570px;color:#bac0cd}
#warum .approach-bottom>div{gap:0}
#warum .approach-bottom>div>span{padding:8px 0;border-bottom:1px solid #6d779227;font-size:12px;letter-spacing:.04em;color:#c2c9d7}
#kontakt{background:#f6f6f7;padding:135px 0 120px}
#kontakt .contact-grid{gap:80px;align-items:center}
#kontakt h2{font-size:clamp(44px,5.3vw,70px);line-height:1.03;letter-spacing:-.05em}
#kontakt .contact-mail{font-size:clamp(22px,2.7vw,34px);display:inline-block;padding-bottom:5px;border-bottom:1px solid #d90827}
#kontakt .phone{font-size:16px}
#kontakt .contact-panel{position:relative;background:#fff;border:1px solid #e7e7ec;border-radius:10px;padding:50px 42px 36px;box-shadow:0 25px 45px -40px #25334e66}
#kontakt .contact-panel:before{content:'';position:absolute;top:-1px;left:42px;width:60px;height:3px;background:#d90827}
#kontakt .contact-panel h3{font-size:31px;max-width:270px;margin-bottom:24px;line-height:1.1}
#kontakt .contact-panel>p:not(.small){font-size:15px;line-height:1.75}
#kontakt .contact-panel .button{padding:16px 25px;margin-top:20px}
#kontakt .small{font-size:12px;color:#6d7079;line-height:1.65}
#kontakt .contact-privacy{margin-top:24px;border-color:#e5e6eb}
footer{background:#fff;padding:42px 0 28px}
footer .foot-top{padding-bottom:38px}
footer .foot-top>p{font-size:12px;letter-spacing:.015em}
footer .foot-top>a:last-child{color:#b50b24;font-weight:600}
footer .foot-bottom{font-size:11px;border-color:#e8e9ee}
@media(min-width:1440px){#warum .system-graphic{right:-10px}}
@media(max-width:1000px){#leistungen .section-heading{column-gap:40px}#leistungen .service-card:not(.compact){padding:32px;min-height:490px}#leistungen .service-card:not(.compact) h3{font-size:31px}#zweitmarkt .market-copy{column-gap:50px}#warum .system-graphic{right:-130px;opacity:.45}#warum h2{max-width:600px}#kontakt .contact-grid{gap:40px}#kontakt .contact-panel{padding:38px 30px}}
@media(max-width:850px){#leistungen,#zweitmarkt,#warum,#kontakt{padding-top:85px;padding-bottom:85px}#leistungen .compact,#leistungen .compact:last-child{grid-column:span 2}#leistungen .compact h3{font-size:19px}#leistungen .compact{padding-right:10px}#leistungen .compact+.compact{padding-left:0}#zweitmarkt .market-visual{aspect-ratio:1.8}#zweitmarkt .photo-caption{left:32px;bottom:32px}#zweitmarkt .photo-orbit{width:70px;height:70px;right:30px;bottom:32px}#warum .approach-bottom{gap:50px}#kontakt .contact-panel h3{font-size:27px}}
@media(max-width:600px){#leistungen .section-heading{display:block;margin-bottom:36px}#leistungen .section-heading h2{margin-bottom:24px}#leistungen .section-heading>p:last-child{font-size:16px}#leistungen .service-grid{gap:16px}#leistungen .service-card:not(.compact){min-height:0;padding:30px 25px 25px;border-radius:10px}#leistungen .service-card:not(.compact) h3{font-size:31px}#leistungen .card-number{margin-bottom:25px}#leistungen .chart,#leistungen .wave{height:125px}#leistungen .compact,#leistungen .compact:last-child{grid-column:span 6;padding:24px 0 12px;display:grid;grid-template-columns:45px 1fr;column-gap:20px;margin-top:8px}#leistungen .service-symbol{grid-column:1;grid-row:1/3;width:40px;height:40px}#leistungen .compact h3{grid-column:2;margin:0 0 12px;font-size:21px}#leistungen .compact p{grid-column:2;font-size:14px}#zweitmarkt .market-grid{gap:38px}#zweitmarkt .market-visual{aspect-ratio:1.18;border-radius:8px}#zweitmarkt .market-visual img{object-position:63% center}#zweitmarkt .photo-index{top:20px;left:22px;font-size:8px}#zweitmarkt .photo-caption{font-size:34px;left:24px;bottom:28px}#zweitmarkt .photo-orbit{display:none}#zweitmarkt .market-copy{display:block}#zweitmarkt .steps{margin:28px 0 12px}#zweitmarkt .steps li{padding-top:22px;padding-bottom:23px}#zweitmarkt .market-copy>.text-link{display:inline-block}#warum h2{font-size:clamp(38px,9vw,54px)}#warum .system-graphic{position:relative;display:block;width:100%;height:auto;top:auto;right:auto;max-width:350px;margin:-16px auto -15px;opacity:.9}#warum .approach-bottom{grid-template-columns:1fr;gap:28px;margin-top:25px}#warum .approach-bottom p{font-size:16px}#kontakt .contact-grid{gap:40px}#kontakt .contact-panel{padding:34px 28px;border-radius:8px}#kontakt .contact-panel h3{font-size:29px;max-width:none}footer .foot-top{gap:17px}footer .foot-bottom{font-size:11px}}
@media print{#leistungen,#zweitmarkt,#warum,#kontakt{background:white!important;color:#111;padding:30px 0}#warum .system-graphic{display:none}#warum .approach-bottom p{color:#333}}
