.u9-page main { overflow:hidden; }
.u9-page h1,.u9-page h2 { font-weight:650;letter-spacing:-.035em; }
.u9-page h3 { font-weight:700; }
.u9-page .page-hero,.u9-page .hb4-page-hero,.u9-page .rf-page-hero,.u9-page .hb-service-hero { background:var(--surface-2);color:var(--text);padding:58px 0; }
.u9-page .page-hero h1,.u9-page .hb4-page-hero h1,.u9-page .hb-service-hero h1 { color:var(--text);font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.18; }
.u9-page .page-hero p,.u9-page .hb4-page-hero p,.u9-page .hb-service-hero p { color:var(--muted);font-size:.98rem; }
.u9-page .section { padding-block:48px; }
.u9-page .breadcrumbs { padding-block:15px; }
.u9-page .footer { margin-top:0; }
.u9-page .section-heading h2,.u9-page .rf-section-head h2 { font-size:clamp(1.6rem,2.6vw,2.1rem); }
.u9-hero { padding:66px 0 58px;background:linear-gradient(120deg,var(--surface-2),var(--surface));border-bottom:1px solid var(--line); }
.u9-hero h1 { max-width:800px;margin:14px 0 18px;font-size:clamp(2.1rem,3.6vw,2.95rem);line-height:1.14; }
.u9-hero p { max-width:680px;margin:0 0 24px;color:var(--muted);font-size:1rem;line-height:1.7; }
.u9-hero .btn { min-height:44px;border-radius:10px;font-size:.87rem; }
.u9-story { padding:58px 0; }
.u9-story-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,75px); }
.u9-story figure { margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface-2); }
.u9-story img { display:block;width:100%;height:330px;object-fit:cover;object-position:center 58%;transition:transform .8s cubic-bezier(.2,.65,.3,1); }
.u9-story img[src$='iphone-akkuwechsel-vor-ort.jpg'] { object-position:center 82%; }
.u9-story figure:hover img { transform:scale(1.035); }
.u9-story figcaption { padding:12px 16px;color:var(--muted);font-size:.72rem; }
.u9-story h2,.u9-heading h2,.u9-process h2 { margin:10px 0 17px;font-size:clamp(1.65rem,2.6vw,2.2rem);line-height:1.18; }
.u9-story p,.u9-copy { color:var(--muted);font-size:.92rem;line-height:1.75; }
.u9-story ul { list-style:none;margin:22px 0;padding:0;display:grid;gap:11px; }
.u9-story li { position:relative;padding-left:22px;font-size:.86rem;font-weight:650; }
.u9-story li::before { content:'✓';position:absolute;left:0;color:var(--primary); }
.u9-inline-link { display:inline-block;color:var(--primary-strong);font-size:.84rem;font-weight:750;text-decoration:underline;text-underline-offset:4px; }
.u9-prices { padding:43px 0;background:var(--surface-2); }
.u9-heading { margin-bottom:25px; }
.u9-heading > p { max-width:700px;color:var(--muted);font-size:.91rem;line-height:1.7; }
.u9-price-group { padding:18px 0;border-top:1px solid var(--line); }
.u9-price-group h3 { margin:0 0 16px;font-size:1.02rem; }
.u9-price-group > div { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.u9-price-group a { display:grid;gap:8px;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);transition:border-color .25s,transform .25s; }
.u9-price-group a:hover { border-color:var(--primary);transform:translateY(-3px); }
.u9-price-group a > span { color:var(--muted);font-size:.77rem; }
.u9-price-group strong { font-size:1.3rem;font-weight:700; }
.u9-price-group small { color:var(--primary-strong);font-size:.72rem;font-weight:750; }
.u9-price-footnote { max-width:800px;margin:13px 0 0;color:var(--muted);font-size:.77rem;line-height:1.6; }
.u9-price-note { padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--surface); }
.u9-price-note h2 { margin:0 0 12px;font-size:1.5rem; }.u9-price-note p { color:var(--muted);line-height:1.65;font-size:.9rem; }.u9-price-note a { color:var(--primary-strong);font-weight:750;font-size:.85rem; }
.u9-inquiry { padding:52px 0; }
.u9-inquiry-layout { display:grid;grid-template-columns:1.35fr .85fr;gap:22px; }
.u9-inquiry .form-card { padding:25px;border-radius:14px;box-shadow:none; }
.u9-fields { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.u9-fields .full { grid-column:1/-1; }
.u9-fields label { display:block;margin-bottom:7px;font-size:.82rem;font-weight:750; }
.u9-fields input,.u9-fields select,.u9-fields textarea { width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.9rem; }
.u9-fields textarea { min-height:90px; }
.u9-fields :is(input,select,textarea):focus { outline:2px solid var(--primary);outline-offset:1px; }
.u9-quote { display:grid;align-content:center;gap:5px;padding-left:15px;border-left:2px solid var(--primary); }.u9-quote span { color:var(--muted);font-size:.74rem; }.u9-quote strong { color:var(--primary-strong);font-size:1.05rem; }
.u9-form-actions { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px; }.u9-form-actions .btn { min-height:43px;font-size:.82rem;padding:10px;border-radius:9px; }
.u9-inquiry .form-note { color:var(--muted);font-size:.74rem;line-height:1.6; }
.u9-contact { padding:27px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2); }
.u9-contact h3 { margin:14px 0;font-size:1.5rem;line-height:1.2; }.u9-contact p { color:var(--muted);font-size:.89rem;line-height:1.7; }
.u9-contact > a { display:block;padding:15px 0;border-bottom:1px solid var(--line);color:var(--primary-strong);font-size:.9rem;font-weight:750;overflow-wrap:anywhere; }.u9-contact > a:last-child { border:0;font-size:.78rem;line-height:1.6; }
.u9-faq { padding:48px 0;background:var(--surface-2); }.u9-faq .hb-faq-list { max-width:none; }.u9-faq .u9-inline-link { margin-top:23px; }
.u9-page .hb-faq-item summary h3 { font-size:.98rem;font-weight:650; }.u9-page .hb-faq-answer { font-size:.9rem;line-height:1.7; }.u9-page .hb-faq-answer a { color:var(--primary-strong);text-decoration:underline;text-underline-offset:3px; }
.u9-process { padding:45px 0;background:var(--surface-2); }.u9-step-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:25px; }.u9-step-grid.u9-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.u9-step-grid article { padding:20px 0;border-top:2px solid #b7d6f0; }.u9-step-grid article > span { display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary-strong);font-size:.75rem;font-weight:850; }.u9-step-grid h3 { margin:16px 0 10px;font-size:1.1rem; }.u9-step-grid p { color:var(--muted);font-size:.86rem;line-height:1.7; }
.u9-link-grid { display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:25px; }.u9-link-grid a { color:var(--primary-strong);font-size:.87rem;font-weight:750; }
.u9-ship-request { padding:52px 0; }.u9-ship-request > .container { max-width:1000px; }.u9-ship-request .hb4-request-form { padding:27px;border:1px solid var(--line);border-radius:14px;background:var(--surface); }.u9-ship-request .hb4-form-head h3 { font-size:1.35rem; }.u9-ship-request .hb4-form-head-contact { margin-top:27px;padding-top:23px; }.u9-ship-request .hb4-price-result strong { font-size:1.5rem; }
.u9-benefits { padding:50px 0; }.u9-benefits article { display:grid;grid-template-columns:60px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid var(--line); }.u9-benefits article > span { color:var(--primary);font-size:.75rem;font-weight:850; }.u9-benefits h2 { margin:0 0 12px;font-size:1.6rem; }.u9-benefits p { max-width:750px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.7; }
.u9-partners { padding:58px 0; }.u9-partner-grid { display:grid;grid-template-columns:1fr 1fr;gap:22px; }.u9-partner-grid a { display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:185px;padding:25px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);font-weight:750; }.u9-partner-grid img { width:40%;max-height:105px;object-fit:contain; }
.u9-reviews { padding:56px 0; }.u9-review-grid { display:grid;grid-template-columns:1fr 1fr;gap:65px; }.u9-review-grid h2 { font-size:1.9rem;margin:13px 0; }.u9-review-grid p { max-width:520px;color:var(--muted);font-size:.92rem;line-height:1.75; }.u9-review-grid img { display:block;width:150px;height:150px;object-fit:contain;margin:22px 0; }.u9-stars { color:#dca91d;font-size:1.4rem;letter-spacing:.06em; }
.u9-page .legal-card { font-size:.93rem;line-height:1.75; }.u9-page .legal-card h2 { font-size:1.45rem; }.u9-page .legal-card h3 { font-size:1.12rem; }
.u9-motion [data-u9-reveal] { opacity:0;transform:translateY(19px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1);transition-delay:var(--u9-delay,0ms); }.u9-motion [data-u9-reveal].is-visible { opacity:1;transform:none; }
@media(max-width:900px) { .u9-story-grid { gap:30px; }.u9-inquiry-layout { grid-template-columns:1fr; }.u9-step-grid.u9-four { grid-template-columns:1fr 1fr; }.u9-price-group > div { grid-template-columns:1fr 1fr; } }
@media(max-width:640px) { .u9-hero { padding:45px 0; }.u9-hero h1 { font-size:2.05rem; }.u9-hero p { font-size:.93rem; }.u9-story { padding:42px 0; }.u9-story-grid { grid-template-columns:1fr; }.u9-story img { height:260px; }.u9-story h2 { font-size:1.65rem; }.u9-fields { grid-template-columns:1fr; }.u9-fields .full { grid-column:auto; }.u9-form-actions { grid-template-columns:1fr; }.u9-inquiry .form-card,.u9-contact { padding:21px; }.u9-step-grid,.u9-step-grid.u9-four { grid-template-columns:1fr;gap:8px; }.u9-partner-grid,.u9-review-grid { grid-template-columns:1fr;gap:25px; }.u9-benefits article { grid-template-columns:30px 1fr;gap:14px; }.u9-benefits h2 { font-size:1.35rem; }.u9-ship-request .hb4-request-form { padding:21px; } }
@media(prefers-reduced-motion:reduce) { .u9-motion [data-u9-reveal] { opacity:1;transform:none;transition:none; }.u9-story img,.u9-price-group a { transition:none; } }