/*
 * Patrick Krisch Website
 * Datei: assets/css/home.css
 * Bereich: Startseite – seitenbezogene Komponenten
 * Stand: 2026-08-18
 */

/* === Hero-Grundlayout === */
.hero{position:relative;overflow:hidden;padding:64px 0 30px;background:radial-gradient(circle at 73% 33%,rgba(45,146,255,.14),transparent 27%),linear-gradient(var(--surface),#fbfdff)}
.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;min-height:520px}.eyebrow{display:inline-flex;border:1px solid #32afc1;border-radius:99px;padding:5px 13px;color:#076e80;font-size:12px;font-weight:800;letter-spacing:.04em}.hero h1{font-size:clamp(46px,5.2vw,72px);line-height:.98;letter-spacing:-.045em;margin:20px 0 22px;max-width:620px;color:var(--navy)}.hero h1 span{color:#087ea1}.hero-copy>p{max-width:565px;font-size:17px;color:#263b60}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 34px}.hero-visual{position:relative;min-height:490px}.world{position:absolute;inset:15px 0 35px 20px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(50,146,250,.12) 37% 38%,transparent 39% 47%,rgba(50,146,250,.1) 48% 49%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 16px,rgba(19,129,231,.04) 17px 18px),repeating-linear-gradient(90deg,transparent 0 16px,rgba(19,129,231,.04) 17px 18px);border:1px solid rgba(55,149,245,.12)}
.portrait-card{position:absolute;left:17%;bottom:28px;width:54%;height:410px;border-radius:48% 48% 18px 18px;background:linear-gradient(145deg,#174b84,#092d5b 58%,#061c3d);box-shadow:0 24px 70px rgba(18,67,119,.18);display:flex;align-items:flex-start;justify-content:center;padding-top:55px;color:var(--surface)}.portrait-head{width:148px;height:148px;border-radius:50%;background:linear-gradient(145deg,#f0c8a9,#c78d67);box-shadow:0 0 0 14px rgba(255,255,255,.08)}.portrait-body{position:absolute;bottom:0;width:78%;height:245px;border-radius:80px 80px 15px 15px;background:linear-gradient(145deg,#103964,#041a38)}
.nameplate{position:absolute;left:8%;bottom:35px;background:rgba(7,31,77,.88);backdrop-filter:blur(12px);color:var(--surface);border:1px solid rgba(41,205,207,.35);padding:18px 22px;border-radius:var(--radius);box-shadow:var(--shadow)}.nameplate strong{display:block;font-size:20px}.nameplate small{display:block;margin-top:9px;line-height:1.45}
.metric{position:absolute;right:0;width:210px;background:var(--surface);border:1px solid #e7eef6;border-radius:16px;padding:15px 18px;box-shadow:var(--shadow)}.metric.one{top:36px}.metric.two{top:166px}.metric.three{top:296px}.metric-label{font-size:10px;font-weight:800;color:#596985}.metric-row{display:flex;justify-content:space-between;align-items:end}.metric strong{font-size:23px}.positive,.negative{color:#079b96;font-size:12px;font-weight:800}.spark{height:25px;margin-top:8px;border-bottom:2px solid #0a92ae;clip-path:polygon(0 85%,12% 55%,25% 72%,38% 30%,51% 70%,63% 40%,74% 59%,86% 32%,100% 10%,100% 18%,86% 40%,74% 68%,63% 49%,51% 79%,38% 39%,25% 81%,12% 64%,0 94%)}
.metric-head{display:flex;align-items:center;gap:10px;height:100%}.metric-icon{width:45px;height:45px;border-radius:99px;display:grid;place-items:center;align-self:center;background:linear-gradient(135deg,rgba(0,164,170,.13),rgba(14,100,216,.12));color:#087db2;flex:0 0 auto}.metric-icon .ui-icon{width:30px;height:30px}.metric-copy{min-width:0;flex:1}.metric-copy strong{white-space:nowrap}.hero-visual.has-slider.metrics-settled .metric{transition-delay:0s!important}.hero-visual.has-slider.metrics-settled .metric:hover{transform:translateY(-2px)!important;box-shadow:0 22px 48px rgba(13,68,124,.18),0 0 0 2px color-mix(in srgb,var(--metric-accent) 18%,transparent)!important;border-color:var(--metric-accent)!important}
.trust-points{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.trust-item{text-align:center;font-size:12px}.trust-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:radial-gradient(circle,var(--surface) 15%,#e8f8ff 58%,transparent 60%);font-size:27px;color:#1186dc}.trust-icon .ui-icon{width:28px;height:28px}.trust-item strong{display:block;font-size:13px}

/* === Sections / Service-Karten === */
.section{padding:24px 0 70px}.section-kicker{font-size:12px;font-weight:850;color:#006d93;letter-spacing:.04em}.section-title{font-size:clamp(32px,3.2vw,48px);line-height:1.05;letter-spacing:-.035em;margin:8px 0 30px;color:var(--navy)}.section-title span{color:#008e8b}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.service-card{border:1px solid #e1e9f3;border-radius:16px;padding:22px;background:var(--surface);box-shadow:0 10px 30px rgba(21,61,107,.06);display:flex;flex-direction:column;height:100%;min-height:420px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.service-card:hover{transform:translateY(-4px);border-color:#d5e3f1;box-shadow:0 18px 44px rgba(18,61,111,.13),0 5px 14px rgba(18,61,111,.06)}.service-visual{height:150px;border-radius:14px;background:linear-gradient(135deg,#f3fbff,#edf4ff);display:inline-flex;align-items:center;justify-content:center;font-size:57px;color:#0c75d4;margin-bottom:18px;overflow:hidden;flex:0 0 150px;width:100%}.service-visual .ui-icon{width:54px;height:54px}.service-visual picture{display:block;width:100%;height:100%}.service-visual img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.service-card h3{font-size:21px;margin:0 0 10px;color:var(--navy)}.service-card p{font-size:14px;color:#405272;min-height:0;margin-bottom:18px}.learn{color:#007b85;font-weight:800;font-size:14px}.service-card .learn{display:inline-flex;align-items:center;gap:9px;margin-top:auto;width:max-content;transition:color .2s ease,transform .2s ease}.service-card .learn .ui-icon{width:20px;height:20px;transition:transform .2s ease}.service-card .learn:hover{color:#006a73}.service-card .learn:hover .ui-icon{transform:translateX(4px)}

/* === Prozess === */
.process{text-align:center;padding-top:20px}.process .section-title{margin-bottom:42px}.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative;isolation:isolate}.process-row:before{display:none}.step{position:relative;z-index:2}.step-icon{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.97);border:1px solid #cddff1;box-shadow:0 10px 24px rgba(21,67,115,.1),0 0 0 7px rgba(255,255,255,.76);display:grid;place-items:center;margin:0 auto 12px;font-size:28px;color:#0878d0}.step-icon .ui-icon{width:29px;height:29px}.step-num{position:absolute;top:57px;left:50%;transform:translateX(-50%);background:#007c86;color:var(--surface);border-radius:99px;font-size:10px;padding:3px 8px}.step h3{font-size:15px;margin:9px 0 6px;color:var(--navy)}.step p{font-size:12px;color:#4d607c}.process-wave{position:absolute;z-index:0;left:-5.5%;top:2px;width:111%;height:86px;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 5px rgba(34,200,211,.55)) drop-shadow(0 0 14px rgba(8,168,193,.28))}.process-wave path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.process-wave-glow{stroke:#27cad4;stroke-width:10;opacity:.11;filter:blur(5px)}.process-wave-main{stroke:url(#process-wave-main);stroke-width:1.8}.process-wave-tail{stroke:url(#process-wave-fade);stroke-width:1.05}.process-wave .tail-2{transform:translateY(4px)}.process-wave .tail-3{transform:translateY(8px)}.process-wave .tail-4{transform:translateY(12px)}

/* === Kunden-/Logo-Banner === */
.client-strip{position:relative;isolation:isolate;overflow:hidden;margin:85px auto 0;padding:22px 24px 24px;border:1px solid rgba(117,191,226,.22);border-radius:var(--radius);background:radial-gradient(circle at 12% 110%,rgba(11,192,184,.34) 0,rgba(11,192,184,.12) 22%,transparent 44%),radial-gradient(circle at 92% -20%,rgba(54,137,232,.35) 0,rgba(54,137,232,.1) 28%,transparent 48%),repeating-linear-gradient(125deg,rgba(255,255,255,.018) 0 1px,transparent 1px 34px),linear-gradient(112deg,#071f4d 0%,#0a3f75 52%,#087d91 100%);box-shadow:0 20px 46px rgba(7,31,77,.14),inset 0 1px 0 rgba(255,255,255,.08)}.client-strip>*{position:relative;z-index:2}.client-strip:before{content:"";position:absolute;z-index:1;left:20px;top:16px;width:150px;height:76px;pointer-events:none;opacity:.58;background-image:radial-gradient(circle,rgba(115,231,235,.66) 1.1px,transparent 1.45px);background-size:14px 14px;mask-image:linear-gradient(105deg,#000,transparent 88%)}.client-strip:after{content:"";position:absolute;z-index:1;inset:-54% -10% -64%;pointer-events:none;opacity:.78;background:radial-gradient(72% 58% at 8% 92%,transparent 0 61.6%,rgba(110,232,233,.22) 62%,rgba(110,232,233,.055) 62.7%,transparent 63.2%),radial-gradient(62% 52% at 94% 11%,transparent 0 61%,rgba(120,184,255,.2) 61.4%,rgba(120,184,255,.045) 62.2%,transparent 62.8%),radial-gradient(circle at 76% 64%,rgba(114,229,230,.34) 0 1.5px,transparent 2px),radial-gradient(circle at 83% 37%,rgba(165,210,255,.32) 0 1.5px,transparent 2px),linear-gradient(27deg,transparent 0 71%,rgba(137,217,240,.09) 71.2% 71.5%,transparent 71.7%)}.client-strip>small{display:block;margin:0 0 16px;text-align:center;color:rgba(225,245,255,.76);font-size:11px;font-weight:800;letter-spacing:.1em}.client-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:0}.client-logo{display:flex;min-height:78px;align-items:center;justify-content:center;flex-direction:column;padding:8px 18px;border-right:1px solid rgba(224,246,255,.17);color:#f3fbff;font-size:15px;font-weight:800;line-height:1.32;letter-spacing:.015em;text-align:center;text-transform:uppercase;text-shadow:0 2px 14px rgba(1,25,58,.3)}.client-logo:last-child{border-right:0;font-size:15px}.client-subline{display:block;margin-top:5px;color:rgba(224,242,255,.7)!important;font-size:12px!important;font-weight:400!important;letter-spacing:0;line-height:1.2;text-transform:none;text-shadow:none}.client-logo-more{white-space:nowrap}

/* === Service-Carousel === */
.service-carousel-shell{position:relative;width:calc(100% + min(8vw,120px));margin-right:calc(-1 * min(8vw,120px))}#leistungen{overflow:hidden}.service-carousel-controls{display:flex;justify-content:flex-end;gap:9px;margin:-58px min(8vw,120px) 18px 0}.service-carousel-btn{width:40px;height:40px;border:1px solid #d6e3ef;border-radius:50%;background:var(--surface);color:#0a4f91;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 20px rgba(18,61,111,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.service-carousel-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#8fbfe4;box-shadow:0 11px 25px rgba(18,61,111,.13)}.service-carousel-btn:disabled{opacity:.32;cursor:default}.service-carousel-btn .ui-icon{width:20px;height:20px}.service-prev .ui-icon{transform:rotate(180deg)}.service-grid.service-track{display:flex!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:18px 3px 48px 28px;margin:-8px -3px -20px -28px;scroll-padding-left:28px;scroll-padding-right:3px;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;cursor:grab;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.service-grid.service-track::-webkit-scrollbar{display:none}.service-grid.service-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}.service-grid.service-track.is-dragging a{pointer-events:none}.service-grid.service-track .service-card{flex:0 0 calc((100% - 64px)/4.5);scroll-snap-align:start;scroll-snap-stop:normal;min-width:0}.service-placeholder-visual{background:radial-gradient(circle at 30% 25%,rgba(72,205,219,.18),transparent 34%),linear-gradient(135deg,#f3fbff,#edf4ff)}.service-placeholder-visual .ui-icon{width:58px;height:58px;color:#0c75d4;filter:drop-shadow(0 8px 15px rgba(12,117,212,.13))}.service-card h3.service-title-nowrap{white-space:nowrap;font-size:20px}

/* === Freelancer-Intro === */
.freelancer-intro{position:relative;margin:56px auto 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.freelancer-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.freelancer-intro-media{position:relative;display:grid;grid-template-columns:1.42fr .92fr;grid-template-rows:1fr 1fr;gap:10px;height:360px;min-height:0;isolation:isolate;align-self:start}.freelancer-intro-media:before{content:"";position:absolute;left:-24px;top:-16px;width:122px;height:96px;background-image:radial-gradient(circle,rgba(118,198,226,.62) 1.4px,transparent 1.8px);background-size:13px 13px;opacity:.28;z-index:0}.freelancer-intro-media:after{display:none}.freelancer-photo-card{position:relative;z-index:1;margin:0;min-width:0;min-height:0;height:100%;border-radius:13px;overflow:hidden;background:#eaf2f8}.freelancer-photo-card-main{grid-column:1;grid-row:1/3}.freelancer-photo-card-small:nth-of-type(2){grid-column:2;grid-row:1}.freelancer-photo-card-small:nth-of-type(3){grid-column:2;grid-row:2}.freelancer-photo-card:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:24%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(236,248,255,.08))}.freelancer-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border:0}.freelancer-photo-label{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;min-height:58px;padding:12px 15px;border:0;border-top:1px solid rgba(255,255,255,.7);border-radius:0;background:rgba(244,251,255,.7);-webkit-backdrop-filter:blur(4px) saturate(1.08);backdrop-filter:blur(4px) saturate(1.08);color:var(--navy);font-size:24px;font-weight:850;line-height:1.15;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.freelancer-photo-card-main .freelancer-photo-label{min-height:58px;font-size:24px}.freelancer-intro-copy{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.freelancer-kicker{margin:0 0 7px;font-size:11px;line-height:1.2;font-weight:850;letter-spacing:.06em;color:#007b91}.freelancer-intro h2{margin:0 0 11px;font-size:clamp(25px,2.35vw,36px);line-height:1.05;letter-spacing:-.035em;color:var(--navy)}.freelancer-intro h2 span{color:#008f93}.freelancer-lead{margin:0 0 14px;max-width:600px;font-size:14px;line-height:1.58;color:#334968}.freelancer-benefits{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px}.freelancer-benefits li{position:relative;padding-left:21px;font-size:13px;line-height:1.42;color:#263d60}.freelancer-benefits li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#08a89e,#0b72d6);box-shadow:0 0 0 4px rgba(8,168,158,.08)}.freelancer-benefits strong{color:var(--navy)}.freelancer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.freelancer-intro .freelancer-cta{align-self:flex-start;min-height:42px;padding:0 16px;font-size:13px;width:auto}.freelancer-intro .freelancer-cta .ui-icon{width:17px;height:17px}.section#leistungen{padding-top:56px}

/* === Startseiten-Kontakt === */
.contact-panel{position:relative;margin-top:60px;border:1px solid #e1e9f2;border-radius:18px;display:grid;grid-template-columns:.85fr 1.35fr .9fr;gap:0;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.contact-block{min-width:0;padding:28px 30px}.contact-block+.contact-block{border-left:1px solid #e6edf5}.contact-block h2{font-size:29px;line-height:1.05;margin:0 0 16px;color:var(--navy)}.contact-block h2 span{color:#008f89}.contact-block p,.benefit-list{font-size:13px;color:#405272}.contact-list{display:grid;gap:8px;margin-top:20px;font-size:13px}.contact-list .ui-icon{width:16px;height:16px;color:#078e98}.contact-list>span{display:flex;min-width:0;align-items:center;gap:9px}.contact-panel .contact-block{text-align:left}.contact-form-block h3,.contact-next h3{margin:0;color:var(--navy)}.contact-form-block h3{font-size:18px;line-height:1.2}.contact-form{min-width:0;margin-top:14px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 11px}.contact-field{display:block;min-width:0}.contact-field-full{grid-column:1/-1}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid var(--control-border);border-radius:7px;background:var(--surface);color:var(--navy);font:inherit;font-size:12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.contact-field input,.contact-field select{height:39px;padding:0 11px}.contact-field textarea{height:66px;resize:none;padding:9px 11px;line-height:1.35}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#078ea0;box-shadow:0 0 0 3px rgba(7,142,160,.09)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8290a7}.contact-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.contact-privacy{display:flex;align-items:center;gap:8px;min-width:0;font-size:10.5px;line-height:1.3;color:#52647f}.contact-privacy>span{min-width:0;overflow-wrap:anywhere}.contact-privacy a{color:#076e91;text-decoration:underline;text-underline-offset:2px}.privacy-switch{position:relative;display:inline-flex;flex:0 0 auto;width:42px;height:23px;cursor:pointer}.privacy-switch input{position:absolute;opacity:0;pointer-events:none}.privacy-switch-track{position:absolute;inset:0;border:1px solid #b9cadb;border-radius:99px;background:#eef3f8;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.privacy-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--surface);box-shadow:0 2px 7px rgba(7,31,77,.18);transition:transform .18s ease}.privacy-switch input:checked+.privacy-switch-track{border-color:#058f99;background:linear-gradient(90deg,#049a96,#095ab9)}.privacy-switch input:checked+.privacy-switch-track:after{transform:translateX(19px)}.privacy-switch input:focus-visible+.privacy-switch-track{box-shadow:0 0 0 3px rgba(5,143,153,.14)}.contact-submit{flex:0 0 auto;min-height:39px;border:0;border-radius:8px;padding:0 15px;color:var(--surface);background:var(--primary-gradient);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 7px 18px rgba(12,93,174,.14);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.contact-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 10px 24px rgba(12,93,174,.2)}.contact-submit:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.contact-submit .ui-icon{width:15px;height:15px}.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{margin:8px 0 0;padding:7px 9px;border-radius:7px;font-size:10.5px;line-height:1.35}.contact-status.is-success{background:#edf9f6;color:#086b63;border:1px solid #cdece5}.contact-status.is-error{background:#fff4f3;color:#9b352d;border:1px solid #f0d5d1}.contact-next-kicker{font-size:11px;font-weight:850;letter-spacing:.1em;color:#087d9b;margin-bottom:13px}.contact-next-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}.contact-next-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.contact-next-num{width:27px;height:27px;border:1px solid #079aa1;border-radius:50%;display:grid;place-items:center;color:#08788d;font-size:11px;font-weight:800}.contact-next-copy strong{display:block;font-size:12px;line-height:1.25;color:var(--navy);margin:1px 0 2px}.contact-next-copy span{display:block;font-size:10.5px;line-height:1.35;color:#52647f}.contact-list .contact-address{align-items:flex-start}.contact-email-link{min-width:0;color:inherit;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}.contact-email-link:hover,.contact-email-link:focus-visible{color:#087d9b;text-decoration:underline;text-underline-offset:2px}.contact-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:1041px){.contact-panel{grid-template-columns:25% 50% 25%;height:406px}.contact-panel .contact-block{padding:25px 28px;display:flex;flex-direction:column;justify-content:center}.contact-form-block,.contact-next{overflow:hidden}.contact-block h2{font-size:29px}.contact-block>p{margin-top:0}.contact-list{margin-top:18px}}
@media(max-width:1040px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{margin-top:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.trust-points{max-width:650px}.service-carousel-shell{width:calc(100% + min(6vw,70px));margin-right:calc(-1 * min(6vw,70px))}.service-carousel-controls{margin-right:min(6vw,70px)}.service-grid.service-track .service-card{flex-basis:calc((100% - 32px)/2.5)}.contact-panel{height:auto}.contact-form-bottom{align-items:flex-start;flex-direction:column}.contact-submit{align-self:flex-end}.contact-next-list{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.freelancer-intro-grid{gap:24px}.freelancer-intro-media{height:228px}.freelancer-intro{padding:0}.freelancer-lead{font-size:13.5px}.freelancer-benefits li{font-size:12.5px}}
@media(max-width:820px){.hero{padding-top:42px}.hero-grid{min-height:0}.hero-visual{min-height:420px}.metric{width:185px}.portrait-card{left:8%;width:58%;height:350px}.portrait-head{width:120px;height:120px}.portrait-body{height:215px}.client-row{grid-template-columns:repeat(2,1fr)}.client-logo{min-height:72px}.client-logo-more{white-space:normal}.process .section-title{margin-bottom:28px}.process-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.process-wave{display:none}.step{min-height:205px;padding:22px 18px 18px;border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),rgba(249,252,255,.96));box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.process-row>.step:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.step-icon{width:62px;height:62px;margin-bottom:14px;box-shadow:0 8px 20px rgba(21,67,115,.08),0 0 0 5px rgba(255,255,255,.8)}.step-icon .ui-icon{width:27px;height:27px}.step-num{top:66px}.step h3{font-size:16px;margin:8px 0 7px}.step p{margin:0;font-size:12.5px;line-height:1.45}.service-card{min-height:400px}.service-carousel-controls{margin:-48px min(6vw,70px) 16px 0}.service-carousel-btn{width:38px;height:38px}.contact-panel{grid-template-columns:minmax(0,1fr)}.contact-block{padding:24px}.contact-block+.contact-block{border-left:0;border-top:1px solid #e6edf5}.contact-form-block,.contact-next{overflow:visible}.contact-form-grid{grid-template-columns:1fr}.contact-field-full{grid-column:auto}.contact-next-list{grid-template-columns:1fr}.contact-form-bottom{gap:10px}}
@media(max-width:700px){.freelancer-intro{margin:38px auto 0;padding:0}.freelancer-intro-grid{grid-template-columns:1fr;gap:22px}.freelancer-intro-media{height:220px;grid-template-columns:1.35fr .9fr}.freelancer-intro h2{font-size:27px}.freelancer-lead{font-size:14px}.freelancer-benefits{gap:9px}.client-strip{margin-top:38px!important}.section#leistungen{padding-top:38px}}
@media(max-width:620px){.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.actions{display:grid}.btn{width:100%}.hero-visual{min-height:330px}.world{inset:0}.portrait-card{left:3%;height:295px;width:62%}.portrait-head{width:90px;height:90px}.portrait-body{height:185px}.nameplate{left:2%;bottom:12px;padding:12px}.nameplate strong{font-size:16px}.metric{width:142px;padding:10px}.metric strong{font-size:18px}.metric.one{top:8px}.metric.two{top:102px}.metric.three{top:196px}.trust-points{display:none!important}.client-strip{padding:18px 0 20px}.client-strip>small{margin:0 18px 13px;color:rgba(229,248,255,.78)}.client-row{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 18px 10px;scroll-snap-type:x mandatory;scroll-padding-left:18px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.client-row::-webkit-scrollbar{display:none}.client-logo{flex:0 0 72%;min-height:92px;padding:14px 18px;border:0;background:none;box-shadow:none;color:#f3fbff;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:normal;font-size:17px;line-height:1.35;text-shadow:0 2px 16px rgba(1,25,58,.34)}.client-logo:last-child{margin-right:8px}.client-logo-more{white-space:normal}.client-subline{margin-top:7px;color:rgba(224,242,255,.68)!important}.client-strip:before{left:10px;top:12px;width:92px;height:58px;opacity:.42}.client-strip:after{inset:-18% -34% -42%;opacity:.58}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card:hover{transform:none}.service-carousel-shell{width:calc(100% + 28px);margin-right:-28px}.service-carousel-controls{margin:0 28px 14px 0}.service-grid.service-track{gap:14px;padding:14px 3px 36px 20px;margin:-6px -3px -16px -20px;scroll-padding-left:20px}.service-grid.service-track .service-card{flex-basis:86%;min-height:400px}.service-carousel-btn{width:36px;height:36px}.contact-form-bottom{width:100%}.contact-submit{width:100%;min-width:0;align-self:stretch}.contact-privacy{width:100%;font-size:11px}}
@media(max-width:460px){.freelancer-intro{padding:0}.freelancer-intro-media{height:190px;gap:7px}.freelancer-photo-card{border-radius:10px}.freelancer-photo-label{min-height:48px;padding:9px 11px;font-size:18px}.freelancer-photo-card-main .freelancer-photo-label{min-height:48px;font-size:18px}.freelancer-intro h2{font-size:24px}.freelancer-benefits li{font-size:12.5px}.freelancer-actions{display:grid;grid-template-columns:1fr;gap:9px}.freelancer-intro .freelancer-cta{width:100%;justify-content:center}.process-row{gap:12px}.step{min-height:190px;padding:18px 14px 16px}.process-row>.step:last-child{width:calc(50% - 6px)}.step-icon{width:56px;height:56px}.step-num{top:59px}.step h3{font-size:15px}.step p{font-size:11.5px}.contact-block{padding:20px}.contact-block h2{font-size:27px}}
@media(max-width:370px){.process-row{grid-template-columns:1fr}.process-row>.step:last-child{grid-column:auto;width:auto}.step{min-height:0}.client-logo{flex-basis:82%}}
@media(prefers-reduced-motion:reduce){.service-carousel-btn,.privacy-switch-track,.privacy-switch-track:after,.contact-submit,.contact-field input,.contact-field select,.contact-field textarea{transition:none!important}.client-row{scroll-behavior:auto}}