.tw-finder{--f-bg:#08111e;--f-text:#edf4fa;--f-muted:#b4c3d5;--f-line:#40536b;--f-accent:#b9e8ff;--f-ease:cubic-bezier(.23,1,.32,1);color:var(--f-text);font:16px/1.55 Instrument,Arial,sans-serif;text-align:left;color-scheme:dark;max-width:1700px;margin:auto;overflow-wrap:anywhere}
.tw-finder *{box-sizing:border-box}.tw-finder [hidden]{display:none!important}.tw-finder button,.tw-finder input,.tw-finder select,.tw-finder textarea{font:inherit;color:inherit}.tw-finder button,.tw-finder a{touch-action:manipulation}.tw-finder button{cursor:pointer;min-height:44px;background:transparent;border:0;padding:10px 14px;transition:transform 160ms var(--f-ease),background 180ms ease,color 180ms ease}.tw-finder button:active{transform:scale(.98)}.tw-finder :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #d7f52a;outline-offset:4px}.tw-finder input,.tw-finder textarea,.tw-finder select{max-width:100%;min-width:0}.tw-finder h2,.tw-finder h3{font-family:Familjen,Arial,sans-serif;font-weight:500;margin:0;text-wrap:balance}.tw-finder p{margin:0 0 16px}.tw-finder a{color:var(--f-accent);text-underline-offset:4px}.f-top{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.f-inherited{color:var(--f-accent)}.f-save{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}.f-save button{font-size:14px;padding-left:0;border-bottom:1px solid var(--f-line)}.f-nav{display:flex;gap:30px;margin:25px 0 40px;border-bottom:1px solid var(--f-line)}.tw-finder .f-nav button{display:flex;gap:12px;align-items:center;padding:14px 0;color:var(--f-muted)}.tw-finder .f-nav [aria-current]{color:var(--f-accent);border-bottom:2px solid var(--f-accent)}.f-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,.42fr);gap:7vw;align-items:start}.f-form{min-width:0}.tw-finder .f-title{font-size:clamp(30px,3.3vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0 0 20px;scroll-margin-top:30px}.f-title:focus{outline:none}.f-lead{color:var(--f-muted);max-width:62ch}.f-services{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:28px 0;border-top:1px solid var(--f-line);border-bottom:1px solid var(--f-line)}.tw-finder .f-service{display:grid;grid-template-columns:64px 1fr 20px;gap:0 18px;text-align:left;padding:20px 18px 20px 0;border-bottom:1px solid var(--f-line);width:100%;position:relative}.f-service svg{width:64px;height:50px;grid-row:1/3;stroke:currentColor;fill:none;stroke-width:1.5;transition:transform 220ms var(--f-ease)}.f-service span{font-family:Familjen,Arial,sans-serif;font-size:28px;line-height:1.25}.f-service small{color:var(--f-muted);grid-column:2}.f-service i{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;font-size:26px}.tw-finder .f-service:last-child{border-bottom:0}.tw-finder [aria-pressed=true]{color:var(--f-accent);background:#13344a}.f-service[aria-pressed=true] svg{transform:translateX(4px)}.f-concept{border-left:3px solid var(--f-accent);padding:4px 0 4px 22px;margin:28px 0}.f-concept label{display:flex;gap:12px;align-items:center;min-height:44px;cursor:pointer}.f-concept input{width:20px;height:20px}.tw-finder fieldset{min-width:0;border:0;padding:0}.tw-finder .f-section{margin:36px 0 0}.f-section legend,.f-start legend{font-family:Familjen,Arial,sans-serif;font-size:26px;margin-bottom:16px;line-height:1.2}.f-section>p{color:var(--f-muted)}.f-pairs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.f-field{display:flex;flex-direction:column;gap:8px;margin:22px 0;font-size:15px;min-width:0}.f-field input,.f-field select,.f-field textarea,.f-result textarea{background:#0a1929;border:1px solid #63748a;border-radius:3px;width:100%;padding:12px 14px;min-height:48px;line-height:1.5}.f-field textarea{resize:vertical}.tw-finder .f-hint{font-size:14px;color:var(--f-muted);line-height:1.65}.f-extras{margin:28px 0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.f-extras legend{font-size:18px;margin-bottom:12px}.f-extras label,.f-start label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;min-height:52px}.f-extras input,.f-start input{width:20px;height:20px;flex-shrink:0;accent-color:#a5e1ff;margin:4px 0}.f-extras small,.f-start small{display:block;color:var(--f-muted);font-size:13px}.f-tasks{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tw-finder .f-tasks button{border:1px solid var(--f-line);border-radius:3px;padding:12px 16px}.f-price{position:sticky;top:30px;border-top:2px solid #7eb9dc;padding:24px 0 0;min-width:0}.f-price-label{font-size:15px;color:var(--f-muted)}.f-price strong{font-family:Familjen,Arial,sans-serif;font-size:clamp(27px,3vw,46px);font-weight:500;letter-spacing:-.03em;line-height:1.15;display:block;margin:12px 0 16px;font-variant-numeric:tabular-nums}.f-price [data-month]{color:var(--f-accent);font-size:15px}.tw-finder summary{min-height:44px;cursor:pointer;padding:12px 0}.f-price-details{border-block:1px solid var(--f-line);margin:20px 0}.f-price-details p{font-size:14px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.f-price-details p span:last-child{font-variant-numeric:tabular-nums}.f-recommend{margin-top:30px}.f-recommend h3{font-size:23px;margin-bottom:10px}.f-recommend p{color:var(--f-muted);font-size:14px}.f-questions details{border-bottom:1px solid var(--f-line)}.f-questions summary{font-family:Familjen,Arial,sans-serif;font-size:22px;padding:20px 0}.f-questions .f-field{padding-left:16px}.f-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}.tw-finder .f-primary{background:#c7edfa;color:#07121c;border-radius:3px;padding:15px 22px;line-height:1.4}.f-upload{display:flex;flex-direction:column;gap:18px;padding:32px 0;border-block:1px dashed #6c94b5;margin:30px 0 20px;font-size:22px}.f-upload input{font-size:16px;max-width:100%}.f-upload input::file-selector-button{min-height:44px;font:inherit;margin:0 12px 0 0}.f-filelist{padding:0;list-style:none}.f-filelist li{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--f-line);padding:12px 0}.f-filelist small{display:block}.f-filelist button{flex-shrink:0}.f-start{margin:30px 0!important}.f-start label{border-bottom:1px solid var(--f-line);padding:16px 0}.f-payment{border-left:3px solid var(--f-accent);padding:0 20px;margin:28px 0}.f-payment h3{font-size:24px;margin-bottom:10px}.f-result{padding:28px 0;border-top:1px solid var(--f-accent);margin-top:32px}.f-result h3{font-size:25px;margin-bottom:16px}.f-result textarea{height:250px}.f-portal{max-width:65%;margin:45px 0;border-top:1px solid var(--f-line)}.f-portal ol{display:flex;gap:25px;flex-wrap:wrap;padding-left:20px;color:var(--f-muted)}.tw-finder [data-status]{color:#f3d491;margin:20px 0;white-space:pre-line}.tw-finder [data-status]:empty{display:none}
@media(hover:hover) and (pointer:fine){.tw-finder button:hover{background:#19384e;color:#e7f7ff}.tw-finder .f-primary:hover{background:#ebfaff;color:#07121c}.tw-finder .f-service:hover svg{transform:translateX(6px)}}
@media(min-width:1800px){.tw-finder{font-size:18px}.f-layout{gap:110px}.f-service span{font-size:34px}.f-field{font-size:17px}}
@media(max-width:850px){.f-layout{display:flex;flex-direction:column;gap:32px}.f-form{width:100%}.f-price{position:relative;top:auto;width:100%;order:-1;padding:16px 0;border-bottom:1px solid var(--f-line)}.f-price strong{font-size:30px}.f-price .f-hint{font-size:13px}.f-price .f-recommend{display:none}.f-price-details{margin:8px 0}.f-price>p,.f-price strong{margin-bottom:8px}.f-nav{gap:0;justify-content:space-between;margin:20px 0}.tw-finder .f-nav button{gap:5px;font-size:13px;flex-direction:column}.f-save{margin-left:0;gap:8px}.f-save button{font-size:14px}.f-pairs,.f-extras{grid-template-columns:1fr}.f-field{font-size:16px}.f-extras small,.f-start small{font-size:15px}.f-service span{font-size:25px}.f-service small{font-size:16px}.tw-finder .f-service{gap:0 10px}.f-start legend{font-size:26px}.f-portal{max-width:100%}.f-portal ol{display:block}.f-portal li{padding:7px 0}.tw-finder .f-primary{width:100%}.f-price .f-price-label{font-size:14px}.f-price [data-month]{font-size:14px}}
@media(prefers-reduced-motion:reduce){.tw-finder *{transition:none!important;animation:none!important}.tw-finder button:active{transform:none}}
.f-live{display:none}
@media(max-width:850px){.tw-finder{padding-bottom:80px}.tw-finder .f-live{display:block;position:fixed;bottom:0;left:0;right:0;padding:15px 22px calc(15px + env(safe-area-inset-bottom));border-top:1px solid #7099b5;background:#0b1c2d;color:#d2efff;z-index:30;font-size:17px;font-variant-numeric:tabular-nums;box-shadow:0 -6px 25px #0005}.tw-finder .f-nav button{flex:1;min-width:0;padding-inline:2px}.tw-finder .f-nav button span{white-space:nowrap}}

@font-face{font-family:Familjen;src:url('./assets/font-1.ttf');font-display:swap}
@font-face{font-family:Instrument;src:url('./assets/font-4.ttf');font-display:swap}
.tw-finder{--f-text:#f0f3eb;--f-muted:#bacbd2;--f-accent:#d7f52a;--f-line:#56757f;position:relative;isolation:isolate;max-width:2300px;font-size:16px;}
.tw-finder button,.tw-finder summary{min-height:48px}.tw-finder small,.tw-finder .f-hint,.tw-finder .f-save button,.tw-finder .f-recommend p{font-size:15px}.tw-finder .f-title{font-size:clamp(36px,4vw,88px);max-width:18ch;line-height:1.01;letter-spacing:-.045em;margin-bottom:16px}.tw-finder .f-lead{font-size:17px;max-width:54ch}.f-water{position:absolute;top:60px;left:-3%;width:106%;height:min(100%,1100px);pointer-events:none;z-index:-1;opacity:.9}.tw-finder[data-hintergrund=aus] .f-water{display:none}.f-top{min-height:48px}.f-save button{color:#bacbd2}.f-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.34fr);gap:4vw}.f-nav{position:relative;border:0;margin:18px 0 36px;gap:0;justify-content:space-between;max-width:1050px}.f-nav:before,.f-nav:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#4d666b}.f-nav:after{width:var(--f-progress,0%);background:#d7f52a;box-shadow:0 0 16px #d7f52a90;transition:width 250ms var(--f-ease)}.tw-finder .f-nav button{position:relative;gap:10px;font-size:15px;border:0;padding:12px 14px 18px 0;background:transparent}.f-nav button:after{content:'';width:8px;height:8px;border-radius:50%;position:absolute;bottom:-3px;left:0;background:#74888d}.f-nav button[aria-current]:after{background:#d7f52a;box-shadow:0 0 20px #d7f52a}.tw-finder .f-nav [aria-current]{color:#d7f52a;border:0}
/* One shared stage: broad architecture, low workbench, upright Kai. */
.f-services{position:relative;display:grid;grid-template-columns:1.28fr .86fr .82fr;align-items:end;gap:0;min-height:320px;border:0;margin:26px -16px 28px;perspective:1200px}.tw-finder .f-service{display:block;position:relative;width:auto;height:310px;border:0!important;padding:0 18px 22px;text-align:left;background:transparent!important;transition:transform 500ms var(--f-ease),color 180ms ease;isolation:isolate;overflow:visible}.tw-finder .f-programm{height:235px;margin-left:-28px;z-index:2}.tw-finder .f-ki{height:345px;margin-left:-22px;padding-left:22px}.f-media{position:absolute;inset:0 -15px 0;z-index:-1;display:block;overflow:hidden;transition:transform 250ms var(--f-ease);mask-image:linear-gradient(transparent,#000 10%,#000 60%,transparent 97%)}.f-media img,.f-media video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.f-media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 28%,#04101a35 47%,#04101a 93%);pointer-events:none}.f-website .f-media{border-radius:45% 10% 0 0}.f-programm .f-media{border-radius:4% 48% 0 0}.f-ki .f-media{inset:-8% -10% 0;border-radius:50% 50% 0 0;mask-image:radial-gradient(ellipse at 50% 47%,#000 34%,#000b 52%,transparent 72%)}.f-ki .f-media img{object-position:50% 35%}.tw-finder .f-service-name{position:absolute;left:18px;right:0;bottom:48px;font-size:clamp(26px,2.4vw,46px);line-height:1.02;letter-spacing:-.04em;text-shadow:0 2px 18px #000}.f-service small{position:absolute;bottom:15px;left:18px;font-size:19px;color:#e8f1ec}.f-service i{position:absolute;right:8px;bottom:15px;border:1px solid #9ab8bc;width:32px;height:32px;text-align:center;border-radius:50%;line-height:28px;font-size:24px;background:#07131c}.f-service[aria-pressed=true] i{background:#d7f52a;color:#07131c;border-color:#d7f52a}.tw-finder .f-service[aria-pressed=true]{color:#e5fa85}.f-service[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:7%;right:7%;height:2px;background:#d7f52a;box-shadow:0 0 20px #d7f52a}.f-ai-label{position:absolute;top:20px;right:0;font:15px Instrument,Arial,sans-serif!important;color:#d3e8ef;background:#071522;padding:4px 8px}.f-kai-orbits{position:absolute;inset:0;width:100%!important;height:100%!important;fill:none;stroke:#8bdbe4;stroke-width:.7;opacity:.7}.f-kai-orbits g{transform-origin:50% 52%;animation:finder-orbit 13s linear infinite}.f-fused .f-website{transform:translateX(4%)}.f-fused .f-programm{transform:translateY(18px);opacity:.75}.f-fused .f-ki{transform:translateX(-9%)}.f-fused .f-services:after{content:'';position:absolute;left:12%;right:9%;bottom:-8px;height:55px;border-bottom:2px solid #d7f52a;border-radius:50%;box-shadow:0 13px 25px -20px #d7f52a;pointer-events:none}.f-adopted .f-services:after{border-width:4px}.f-concept{border:0;padding:12px 0 18px;margin:0;display:flex;gap:22px;align-items:center}.f-concept p{flex:1;color:var(--f-muted);font-size:16px}.f-concept strong{display:block;font:500 clamp(30px,3vw,54px)/1.06 Familjen,Arial,sans-serif;color:#e4fa7a;margin-bottom:10px}.f-concept label{flex:0 0 auto;white-space:nowrap;border:1px solid #d7f52a;border-radius:28px;padding:12px 18px;color:#e4fa7a}.f-concept input{accent-color:#d7f52a;flex-shrink:0}
.tw-finder .f-section{position:relative;margin:40px 0 10px;padding:24px 0 0;border-top:1px solid #536a73;transform-origin:50% 0}.f-section legend,.f-start legend{font-size:clamp(36px,3vw,60px);letter-spacing:-.03em;margin:0 0 16px;padding-right:20px}.f-section>p{max-width:65ch}.f-field input,.f-field select,.f-field textarea{background:#071724;border:0;border-bottom:1px solid #78969d;border-radius:0;padding:14px 12px}.f-field select{background:#102331}.f-pairs{gap:24px}.f-pages{position:relative;overflow:hidden}.f-pages input{font:500 48px Familjen,Arial,sans-serif;max-width:130px;z-index:2;background:transparent}.f-page-stack{position:absolute;left:130px;top:45px;width:145px;height:70px;pointer-events:none}.f-page-stack i{position:absolute;inset:8px 42px 0 0;border:1px solid #b2ced0;background:linear-gradient(130deg,#224356,#091724);box-shadow:6px 8px 0 #06121b}.f-range{grid-column:1/-1;display:flex;align-items:center;gap:20px;font-size:15px;margin:-12px 0 12px}.f-range input{width:100%;min-height:48px;accent-color:#d7f52a}.tw-finder .f-extras{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0!important}.f-extras legend{font-size:24px}.f-extras label{position:relative;flex:0 1 auto;min-height:64px;border:1px solid #57737c;border-radius:32px;padding:12px 20px 12px 48px;background:#081a26;align-items:center}.f-extras input{position:absolute;left:17px;top:22px;width:17px;height:17px;appearance:none;border:1px solid #95aeb5;border-radius:50%;margin:0}.f-extras input:checked{background:#d7f52a;border:5px solid #d7f52a;box-shadow:inset 0 0 0 3px #0b1c22}.f-extras label:has(:checked){border-color:#d7f52a;color:#e6f894}.f-extras small{font-size:15px;color:#bacbd2}.f-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;margin-right:8px}.f-chip-help{display:none;position:absolute;bottom:calc(100% + 8px);left:0;z-index:9;width:260px;max-width:75vw;padding:14px 18px;background:#e9efdf;color:#10202a;border-radius:4px;font-size:16px;font-style:normal;box-shadow:0 12px 30px #0008}.f-extras label:focus-within .f-chip-help{display:block}.f-tasks button{border-radius:28px!important;min-height:52px}.tw-finder .f-tasks [aria-pressed=true]{background:#d7f52a;color:#08121b}.f-price{border:0;top:40px;padding-top:12px}.f-price:before{content:'';display:block;width:55px;height:3px;background:#d7f52a;box-shadow:0 0 16px #d7f525;margin-bottom:22px}.f-price strong{font-size:clamp(42px,4.6vw,92px);line-height:1.08;letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:normal;display:flex;flex-wrap:wrap;align-items:baseline;gap:0}.f-price strong>span{white-space:pre}.f-digit{overflow:hidden;display:inline-flex;line-height:1.1}.f-digit>span{display:inline-block}.f-price [data-month]{color:#d5e99c;font-size:16px}.f-price-details p,.f-recommend p{font-size:16px}.f-recommend h3{font-size:36px}.f-price .f-hint{font-size:15px}.tw-finder .f-primary{background:#d7f52a;color:#09131b;border-radius:32px;min-height:56px;padding:15px 26px;font-size:17px}.f-start{display:grid;grid-template-columns:1.15fr 1fr;gap:14px 24px;margin:26px 0!important}.f-start legend{font-size:22px}.f-way{position:relative;isolation:isolate;min-height:130px!important;align-items:center!important;padding:24px 20px 24px 46px!important;border:0!important;border-bottom:1px solid #60858b!important;font:500 clamp(24px,2.3vw,42px)/1.1 Familjen,Arial,sans-serif;transition:color 180ms ease,background 180ms ease}.f-way input{position:absolute;left:12px;top:30px;appearance:none;width:18px;height:18px;border:1px solid #a1b6bc;border-radius:50%;accent-color:#d7f52a}.f-way input:checked{background:#d7f52a;box-shadow:inset 0 0 0 4px #10232a;border-color:#d7f52a}.f-way:has(:checked){color:#e5fa85;background:#14302f}.f-way small{margin-top:10px;max-width:35ch;font:16px/1.45 Instrument,Arial,sans-serif}.f-way .f-icon{display:block;width:38px;height:38px;margin-bottom:12px}.f-way-ideen{grid-row:span 2;min-height:280px!important;background:radial-gradient(ellipse at 12% 90%,#23586b88,transparent 66%);border-radius:50% 5% 0 0}.f-way-entwurf{background:linear-gradient(115deg,#142d3c,transparent 75%)}.f-way-gespraech{margin-left:28px;background:radial-gradient(ellipse at 100% 100%,#365a5266,transparent 75%);border-radius:45% 0 0 0}.f-way-email{min-height:100px!important;font-size:28px}.f-way-angebot{grid-column:2;min-height:150px!important;color:#d7f52a;border-top:2px solid #d7f52a!important}.f-way-angebot .f-icon{float:right}.f-payment{border:0;padding:0;margin:32px 0}.f-payment h3{font-size:36px;margin-bottom:22px}.f-payment-bars{display:flex;gap:5px;margin:20px 0 22px}.f-payment-bars>span{background:#d7f52a;color:#0a1920;padding:18px 14px;transform-origin:left;animation:finder-payment 500ms var(--f-ease) both}.f-payment-bars>span:nth-child(2){background:#a8cbc0;animation-delay:80ms}.f-payment-bars>span:nth-child(3){background:#70a7b4;animation-delay:160ms}.f-payment-bars b{display:block;font:500 38px Familjen,Arial,sans-serif}.f-payment-bars small{font-size:16px}.f-upload{min-height:230px;justify-content:center;background:radial-gradient(ellipse at 0 90%,#20475a90,transparent 65%);border-color:#a8bf92;font-size:30px}.f-option-tabs{display:flex;gap:12px;margin:12px 0}.tw-finder .f-option-tabs button{font-size:15px;border-bottom:1px solid #7b9a9f;padding:6px 10px}.tw-finder .f-option-tabs [aria-pressed=true]{background:transparent;border-color:#d7f52a;color:#d7f52a}.f-paused *{animation-play-state:paused!important}.f-paused .f-media{transform:none!important}.f-paused .f-media video{visibility:hidden}
@keyframes finder-orbit{to{transform:rotate(360deg)}}
@keyframes finder-payment{from{transform:scaleX(.92);opacity:.4}to{transform:scaleX(1);opacity:1}}
@media(hover:hover) and (pointer:fine){.f-extras label:hover .f-chip-help{display:block}.tw-finder .f-service:hover{color:#ecfaaf}.tw-finder .f-way:hover{background-color:#15313a}.tw-finder .f-primary:hover{background:#edff84}.f-extras label:hover{border-color:#b7d8c8}}
@media(min-width:1800px){.tw-finder{font-size:20px}.tw-finder .f-lead{font-size:22px}.f-services{min-height:420px}.tw-finder .f-service{height:390px}.tw-finder .f-programm{height:300px}.tw-finder .f-ki{height:440px}.f-service small{font-size:23px}.f-field{font-size:18px}.f-extras label{font-size:19px}}
/* Compact is a single desktop scene, with an explicitly scrollable option well. */
.tw-finder[data-modus=kompakt]{height:calc(100svh - 100px);min-height:700px;max-width:2300px}.tw-finder[data-modus=kompakt] .f-title{font-size:clamp(36px,3.3vw,70px);max-width:none}.tw-finder[data-modus=kompakt] .f-top{position:absolute;right:0;top:-48px;font-size:15px}.tw-finder[data-modus=kompakt] .f-layout{height:100%}.tw-finder[data-modus=kompakt] .f-form{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);column-gap:32px;align-content:start}.tw-finder[data-modus=kompakt] .f-title,.tw-finder[data-modus=kompakt] .f-lead,.tw-finder[data-modus=kompakt] .f-services{grid-column:1/-1}.tw-finder[data-modus=kompakt] .f-lead{margin-bottom:0}.tw-finder[data-modus=kompakt] .f-services{min-height:240px;margin:10px -10px 16px}.tw-finder[data-modus=kompakt] .f-service{height:235px}.tw-finder[data-modus=kompakt] .f-programm{height:190px}.tw-finder[data-modus=kompakt] .f-ki{height:255px}.tw-finder[data-modus=kompakt] [data-options]{grid-column:1;max-height:300px;overflow:auto;padding:0 12px 12px 0;scrollbar-color:#7ca4aa #10242c;scrollbar-width:thin;overscroll-behavior:contain}.tw-finder[data-modus=kompakt] .f-section{margin:8px 0 0;padding-top:8px}.tw-finder[data-modus=kompakt] .f-section>legend{font-size:26px}.tw-finder[data-modus=kompakt] .f-section>p{display:none}.tw-finder[data-modus=kompakt] .f-concept{display:block}.tw-finder[data-modus=kompakt] .f-concept strong{font-size:30px}.tw-finder[data-modus=kompakt] .f-concept p{font-size:15px}.tw-finder[data-modus=kompakt] .f-concept label{width:max-content;max-width:100%;font-size:15px}.tw-finder[data-modus=kompakt] .f-field{margin:10px 0}.tw-finder[data-modus=kompakt] .f-start{grid-column:2;grid-row:4;display:flex;flex-direction:column;gap:0;margin:0!important;align-self:start}.tw-finder[data-modus=kompakt] .f-start legend{font-size:24px}.tw-finder[data-modus=kompakt] .f-way{font:16px/1.2 Instrument,Arial,sans-serif;min-height:48px!important;padding:12px 8px 12px 35px!important;background:transparent;border-radius:0;margin:0}.tw-finder[data-modus=kompakt] .f-way input{left:4px;top:11px}.tw-finder[data-modus=kompakt] .f-way .f-icon,.tw-finder[data-modus=kompakt] .f-way small{display:none}.tw-finder[data-modus=kompakt] [data-handoff]{grid-column:1/-1;justify-self:start;margin-top:18px}.tw-finder[data-modus=kompakt] .f-price{align-self:start;margin-top:90px}.tw-finder[data-modus=kompakt] .f-recommend{display:none}.tw-finder[data-modus=kompakt] .f-price strong{font-size:clamp(42px,4vw,82px)}
@media(max-width:850px){
 .tw-finder{padding-bottom:100px}.f-layout{display:flex;gap:30px}.f-price{order:2;position:relative;top:auto;width:100%;padding-top:25px}.f-price:before{margin-bottom:14px}.f-price strong{font-size:56px}.f-price .f-recommend{display:none!important}.f-top{margin:0 0 8px}.f-save{margin-left:auto}.f-save button{font-size:15px}.f-nav{margin:0 0 28px}.tw-finder .f-nav button{font-size:15px;flex-direction:row;padding:10px 0 16px;gap:5px;flex:0 1 auto}.f-nav button:after{bottom:-3px}.tw-finder .f-nav button span{font-size:15px}.f-nav button{font-size:0!important}.tw-finder .f-title{font-size:40px;max-width:15ch}.tw-finder .f-lead{font-size:16px}.f-services{grid-template-columns:1.1fr .9fr;min-height:390px;margin:16px -12px 24px}.tw-finder .f-service{height:225px;padding:0 12px}.tw-finder .f-website{grid-column:1;grid-row:1;margin-right:-38px}.tw-finder .f-programm{grid-column:1;grid-row:2;height:165px;margin:0 -20px 0 0}.tw-finder .f-ki{grid-column:2;grid-row:1/span 2;height:340px;align-self:center;margin:0 0 0 -12px}.tw-finder .f-service-name{left:12px;bottom:44px;font-size:26px;right:12px}.f-service small{left:12px;bottom:17px;font-size:17px}.f-service i{right:9px;bottom:12px;width:28px;height:28px;line-height:24px}.f-ai-label{top:30px;right:4px;font-size:12px!important}.f-fused .f-website{transform:translateX(5px)}.f-fused .f-ki{transform:translateX(-5px)}.f-fused .f-programm{transform:none}.f-concept{display:block;margin:12px 0 20px}.f-concept strong{font-size:36px}.f-concept label{width:max-content;max-width:100%}.f-section legend{font-size:36px}.f-section{scroll-margin-top:25px}.f-pairs{grid-template-columns:1fr;gap:0}.f-pages input{font-size:54px}.f-range{flex-direction:column;align-items:start;gap:0;margin:0}.f-extras label{width:100%;border-radius:32px;min-height:70px}.f-extras input{top:25px}.f-extras legend{font-size:30px}.f-field{font-size:16px}.f-start{gap:10px;grid-template-columns:1fr 1fr}.f-way{font-size:24px;padding:20px 10px 20px 30px!important;min-height:165px!important}.f-way input{left:4px;top:23px;width:16px;height:16px}.f-way-ideen{min-height:340px!important}.f-way-gespraech{margin-left:0}.f-way-angebot{grid-column:1/-1;min-height:130px!important}.f-way-email{font-size:24px;grid-column:1/-1;min-height:90px!important}.f-way small{font-size:15px}.f-way .f-icon{width:30px;height:30px}.f-payment-bars b{font-size:30px}.f-payment-bars>span{padding:15px 8px}.f-payment-bars small{font-size:15px}.tw-finder .f-live{padding:14px 22px calc(14px + env(safe-area-inset-bottom));background:#081b26;border-top:2px solid #d7f52a;box-shadow:none;color:#eff8d5;font-size:17px;line-height:1.3}.tw-finder .f-primary{min-height:56px}.f-form .f-actions{margin-bottom:20px}.f-water{left:0;width:100%}.f-questions summary{font-size:24px}.f-portal{max-width:100%}
 .tw-finder[data-modus=kompakt]{height:auto;min-height:0;padding-bottom:100px}.tw-finder[data-modus=kompakt] .f-top{position:static;margin-bottom:12px}.tw-finder[data-modus=kompakt] .f-layout{height:auto;display:block}.tw-finder[data-modus=kompakt] .f-form{display:block}.tw-finder[data-modus=kompakt] .f-title{font-size:36px}.tw-finder[data-modus=kompakt] .f-services{min-height:320px;margin:5px -8px 16px}.tw-finder[data-modus=kompakt] .f-website{height:180px}.tw-finder[data-modus=kompakt] .f-programm{height:140px}.tw-finder[data-modus=kompakt] .f-ki{height:280px}.tw-finder[data-modus=kompakt] [data-options]{max-height:270px;margin-bottom:18px}.tw-finder[data-modus=kompakt] .f-start{display:flex}.tw-finder[data-modus=kompakt] [data-handoff]{width:100%;margin:18px 0}.tw-finder[data-modus=kompakt] .f-price{margin:12px 0 0;padding:0;border:0}.tw-finder[data-modus=kompakt] .f-price:before,.tw-finder[data-modus=kompakt] .f-price-label,.tw-finder[data-modus=kompakt] .f-price strong,.tw-finder[data-modus=kompakt] .f-price [data-month]{display:none}.tw-finder[data-modus=kompakt] .f-price>.f-hint{font-size:15px}.tw-finder[data-modus=kompakt] .f-price-details{margin-top:0}.tw-finder[data-modus=kompakt] .f-range{display:none}.tw-finder[data-modus=kompakt] .f-extras label{min-height:64px}
}
@media(prefers-reduced-motion:reduce){.tw-finder *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.f-media,.f-fused .f-service{transform:none!important}}
/* Abnahme-Korrekturen: lesbare Preiszeichen und freie mobile Trefferflächen. */
.f-price strong{display:block}.f-price strong>span{display:inline}.f-price strong>.f-digit{display:inline-block;vertical-align:bottom}.f-price strong>.f-digit>span{display:inline-block}
.tw-finder[data-modus=kompakt] .f-concept p{font-size:0;margin-bottom:8px}.tw-finder[data-modus=kompakt] .f-concept strong{font-size:26px;margin-bottom:8px}.tw-finder[data-modus=kompakt] .f-concept{padding:0 0 8px}.tw-finder[data-modus=kompakt] .f-concept label{min-height:48px;padding:10px 16px}.tw-finder[data-modus=kompakt] .f-section>legend{font-size:24px}.tw-finder[data-modus=kompakt] .f-option-tabs{margin:4px 0}
@media(max-width:850px){.f-services{grid-template-columns:1.1fr .9fr;min-height:460px;row-gap:0;margin-inline:0}.tw-finder .f-website{grid-column:1/-1;grid-row:1;height:210px;margin:0}.tw-finder .f-programm{grid-column:1;grid-row:2;height:190px;margin:0;align-self:end}.tw-finder .f-ki{grid-column:2;grid-row:2;height:250px;margin:0;align-self:end}.f-website .f-media{inset:0 0 -10px;border-radius:30% 4% 0 0}.f-programm .f-media{inset:0 -10px 0 -12px}.f-ki .f-media{inset:-12px -10px 0}.tw-finder .f-service-name{font-size:26px;right:0}.f-website .f-service-name{bottom:48px}.f-ki .f-service-name{left:8px}.f-ki small{left:8px}.f-programm .f-service-name{font-size:25px}.f-service i{right:0}.f-programm i{right:12px}.f-ai-label{top:3px;right:0}.f-fused .f-service{transform:none!important}.f-fused .f-services:after{bottom:-10px}.tw-finder[data-modus=kompakt] .f-services{min-height:370px}.tw-finder[data-modus=kompakt] .f-website{height:160px}.tw-finder[data-modus=kompakt] .f-programm{height:170px}.tw-finder[data-modus=kompakt] .f-ki{height:210px}.tw-finder[data-modus=kompakt] [data-options]{max-height:240px}.tw-finder[data-modus=kompakt] .f-start legend{font-size:24px}.tw-finder[data-modus=voll] .f-pages{min-height:120px}}
@media(min-width:851px){.tw-finder .f-programm{margin-left:0}.tw-finder .f-ki{margin-left:0}.f-fused .f-website{transform:translateX(2%)}.f-fused .f-ki{transform:translateX(-3%)}}
.f-ai-label{font-size:15px!important}.f-fused .f-programm{opacity:1}
.f-question-next{display:none}
@media(max-width:850px){.tw-finder[data-modus=voll] .f-mobile-question{min-height:50svh;justify-content:center;align-content:center;scroll-margin-top:28px}.tw-finder[data-modus=voll] .f-section>.f-pairs{display:flex;flex-direction:column;gap:15px}.tw-finder[data-modus=voll] .f-section .f-pairs .f-field{margin:12px 0}.tw-finder[data-modus=voll] .f-question-next{display:block;min-height:52px;padding:12px 24px;border:1px solid #b3cc9a;border-radius:28px;margin:16px 0 28px;color:#e2f4ad}.tw-finder[data-modus=voll] .f-form>.f-pairs{display:flex;flex-direction:column}.tw-finder[data-modus=voll] .f-extras{align-content:start;padding-top:20px}.tw-finder[data-modus=voll] .f-tasks{align-content:center}.tw-finder[data-modus=voll] .f-extras label{width:100%}}
.f-water{top:0}
/* Große Einbauszenen nutzen auch die verfügbare Höhe. */
@media(min-width:1800px){
.tw-finder[data-modus=kompakt]{font-size:clamp(18px,.72vw,28px)}
.tw-finder[data-modus=kompakt] .f-title{font-size:clamp(58px,3.3vw,88px)}
.tw-finder[data-modus=kompakt] .f-lead{font-size:clamp(19px,.8vw,30px)}
.tw-finder[data-modus=kompakt] .f-services{min-height:clamp(300px,29svh,650px);margin-block:22px 30px}
.tw-finder[data-modus=kompakt] .f-service{height:clamp(270px,27svh,600px)}
.tw-finder[data-modus=kompakt] .f-programm{height:clamp(220px,22svh,490px)}
.tw-finder[data-modus=kompakt] .f-ki{height:clamp(310px,30svh,660px)}
.tw-finder[data-modus=kompakt] .f-service-name{font-size:clamp(34px,1.8vw,64px);bottom:65px}
.tw-finder[data-modus=kompakt] .f-service small{font-size:clamp(19px,1vw,32px)}
.tw-finder[data-modus=kompakt] [data-options]{max-height:clamp(340px,34svh,730px)}
.tw-finder[data-modus=kompakt] .f-section>legend,.tw-finder[data-modus=kompakt] .f-start legend{font-size:clamp(28px,1.5vw,48px)}
.tw-finder[data-modus=kompakt] .f-concept strong{font-size:clamp(32px,1.7vw,56px)}
.tw-finder[data-modus=kompakt] .f-field,.tw-finder[data-modus=kompakt] .f-way,.tw-finder[data-modus=kompakt] .f-option-tabs button,.tw-finder[data-modus=kompakt] .f-concept label{font-size:clamp(17px,.8vw,28px)}
.tw-finder[data-modus=kompakt] .f-way{min-height:clamp(56px,4.5svh,92px)!important;padding-top:18px!important;padding-bottom:18px!important}
.tw-finder[data-modus=kompakt] .f-way input{top:22px}
.tw-finder[data-modus=kompakt] .f-price{margin-top:150px}
.tw-finder[data-modus=kompakt] .f-price-label,.tw-finder[data-modus=kompakt] .f-price .f-hint,.tw-finder[data-modus=kompakt] .f-price [data-month],.tw-finder[data-modus=kompakt] .f-price summary{font-size:clamp(17px,.7vw,26px)}
.tw-finder[data-modus=kompakt] .f-primary{font-size:clamp(18px,.8vw,28px);margin-top:26px;padding:20px 30px}
}
/* ps-3c: Herkunft, echte Ersparnis und die freundliche Wasserfigur. */
.f-inherited{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:100%;font-size:16px;line-height:1.5}.f-inherited>span{overflow-wrap:anywhere}.tw-finder [data-edit-selection]{padding:6px 12px;text-decoration:underline;text-underline-offset:4px;color:#e0f6b0}.f-top:has(.f-inherited){padding:12px 0;border-block:1px solid #587580}
.f-ki-cost{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;color:#d6f5e5!important}.f-ki-cost strong{font-size:34px;font-weight:500;overflow:hidden;font-variant-numeric:tabular-nums}.f-price [data-total]{overflow:hidden}.f-price-roll{display:inline-block!important}
.tw-finder .f-subscriptions h3{font-size:25px;margin-top:28px}.f-subscription{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:14px;align-items:center;border-bottom:1px solid #526e76}.f-subscription .f-field{margin:16px 0}.f-subscription button{align-self:end;margin-bottom:18px;font-size:14px}.tw-finder .f-add-abo{border-bottom:1px solid #b0dab7;padding-left:0;margin:12px 0 24px}.f-subscriptions [data-abo-comparison]{max-width:62ch;line-height:1.6}.f-subscriptions [data-abo-comparison]>p:first-child{color:#e6f6cb}.f-concept-note{padding:18px 0;border-block:1px solid #587580;color:#c8dbdd;font-size:16px}.f-before{color:#cbdfc8;font-size:18px}.f-before s{margin-inline:5px}.f-portal ul{display:flex;gap:25px;flex-wrap:wrap;padding-left:20px;color:var(--f-muted)}
.tw-finder .f-concept{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:24px 0;border-block:1px solid #90b95b;margin-bottom:28px}.tw-finder .f-concept>div{flex:1 1 250px}.tw-finder .f-concept p{font-size:18px;margin:6px 0}.tw-finder .f-concept .f-discount-note{font-size:15px;max-width:52ch;line-height:1.5;color:#c8dbdd}.tw-finder .f-concept strong{font-size:clamp(28px,2.6vw,44px);line-height:1.2}.f-concept s{color:#b8cbcc;margin-right:8px}.f-concept b{font-size:24px;font-weight:500;color:#edffc8}.tw-finder .f-concept label{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:64px;padding:16px 22px;background:#cce956;color:#102821;border-radius:38px;white-space:normal;max-width:100%;line-height:1.3;font-size:17px;flex:0 1 auto}.f-concept label input{flex:0 0 20px;accent-color:#163d36}.f-concept label::after{content:'';position:absolute;inset:-30% -60%;z-index:-1;background:linear-gradient(110deg,transparent 40%,#fff9 50%,transparent 60%);transform:translateX(-50%);animation:f-discount-light 5s ease-in-out infinite}.f-discount-band{display:inline-block;color:#d8f657;text-shadow:0 0 24px #c6ed5140;animation:f-discount-pulse 3.8s ease-in-out infinite}.f-adopted .f-concept label{background:#e8ff9a}.f-all-services.f-fused .f-programm{transform:translateY(-6px)}
@keyframes f-discount-light{0%,20%{transform:translateX(-50%)}65%,100%{transform:translateX(50%)}}
@keyframes f-discount-pulse{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.75;transform:translateY(-2px)}}
.tw-finder .f-ki .f-media{mask-image:linear-gradient(#000 85%,transparent);background:none}.tw-finder .f-service .f-friendly-ai{width:100%;height:100%;fill:revert;stroke:none;transform:none}.f-ai-body{animation:f-ai-float 6s ease-in-out infinite;transform-origin:160px 220px}.f-ai-wave{transform-origin:203px 207px;animation:f-ai-wave 5s ease-in-out infinite}.f-ai-currents{animation:f-ai-current 3.8s ease-in-out infinite}.f-ai-ripples{transform-origin:158px 334px;animation:f-ai-ripple 5s ease-in-out infinite}.f-ai-sparks{animation:f-ai-current 4.5s ease-in-out infinite}.f-ki .f-ai-label{background:#102e3a;color:#e0fff4;padding:5px 9px;border-radius:12px}.f-service:focus-visible .f-ai-wave,.f-service[aria-pressed=true] .f-ai-wave{animation-duration:2.8s}
@keyframes f-ai-float{50%{transform:translateY(-7px)}}
@keyframes f-ai-wave{0%,55%,100%{transform:rotate(0)}15%,35%{transform:rotate(-13deg)}25%,45%{transform:rotate(6deg)}}
@keyframes f-ai-current{50%{transform:translateY(-6px)}}
@keyframes f-ai-ripple{50%{transform:scaleX(.9) scaleY(.8)}}
.f-paused *,.paused .tw-finder *{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.f-service:hover .f-ai-wave{animation-duration:2.8s}.f-concept label:hover{background:#e8ff9a}}
@media(max-width:850px){.f-subscription{grid-template-columns:1fr 1fr;gap:0 12px}.f-subscription button{grid-column:1/-1;justify-self:start;margin:0 0 12px;padding-left:0}.f-inherited{font-size:15px;gap:4px}.tw-finder .f-concept label{width:100%;justify-content:center}.f-inherited [data-edit-selection]{padding-left:0}.f-ki-cost strong{font-size:30px}.f-concept .f-discount-band{font-size:28px}.tw-finder[data-modus=voll] .f-section .f-subscriptions .f-field{min-height:0}.tw-finder .f-nav button span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.f-friendly-ai *,.f-concept *{animation:none!important}}
.tw-finder .f-price [data-total]{font-size:clamp(34px,3.1vw,66px);line-height:1.18}.f-price-roll{max-width:100%;white-space:normal;overflow-wrap:anywhere}.tw-finder .f-water{opacity:.55}
.tw-finder .f-ki .f-media{border-radius:44% 44% 5% 5%;overflow:hidden;mask-image:linear-gradient(#000 72%,transparent 99%)}.tw-finder .f-ki .f-ai-setting{height:100%;width:100%;object-fit:cover;object-position:50% 35%;opacity:1;filter:none;mask-image:none}.tw-finder .f-service .f-friendly-ai{position:absolute;left:-10%;bottom:-2%;width:86%;height:86%;filter:drop-shadow(0 5px 8px #12576d55)}.tw-finder .f-ki .f-media:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#061424);pointer-events:none}.f-ai-body{position:relative}.f-ki .f-ai-label{z-index:3}
/* Tim, 24.10. abends: Kais Kopf in der KI-Kachel; mitgebrachte Auswahl deutlich sichtbar und änderbar. */
.tw-finder .f-kai-kopf img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.tw-finder .f-top:has(.f-inherited){padding:18px 22px;margin-bottom:18px;border:1px solid #d7f52a88;border-radius:6px;background:#0e2a3fcc}
.tw-finder .f-inherited{font-size:clamp(17px,1.4vw,22px);color:#f1f8e8;gap:16px}
.tw-finder .f-inherited>span:before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:#d7f52a;box-shadow:0 0 12px #d7f52a}
.tw-finder [data-edit-selection]{min-height:44px;padding:0 18px;border-radius:4px;background:#d7f52a;color:#0a1a14;text-decoration:none;font-weight:500}