/* Shared refinements for the home and purchase pages. */
.contact-intro h1 { font-size:clamp(2.2rem,4.8vw,3.8rem); max-width:850px; }
.contact-intro .lead { max-width:700px; }
.contact-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:36px; }
.contact-options h2 { font-size:clamp(1.5rem,2.4vw,2rem)!important; }
.contact-options .step-label { margin-bottom:20px; }
.contact-number { display:block; font-size:clamp(1.3rem,3vw,1.8rem); font-weight:700; margin:24px 0 16px; color:#e0f3e6; }
.contact-options .small-note { margin:16px 0 0; }
.contact-form .repair-damage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.contact-form .repair-damage { margin:0; }
.contact-form .repair-damage-grid input:focus-visible + span { outline:2px solid #c8f7d8; outline-offset:3px; }
@media(max-width:760px) { .contact-options { grid-template-columns:1fr; } }
@media(max-width:380px) { .contact-form .repair-damage-grid { grid-template-columns:1fr; } }
.conversion-page { --bg:#101918; --surface:#182321; --border:#2b3b36; --accent:#a9e7bf; --link:#a9e7bf; --link-2:#d7f6e1; background:var(--bg); color:#e4eae6; font-family:system-ui,-apple-system,'Segoe UI',sans-serif; }
.conversion-page [hidden] { display:none!important; }
.conversion-page .container { width:min(1160px,calc(100% - 48px)); }
.conversion-page h1,.conversion-page h2,.conversion-page h3 { line-height:1.13; letter-spacing:-.035em; text-wrap:balance; }
.conversion-page h2 { font-size:clamp(1.7rem,3.2vw,2.65rem); }
.conversion-page h3 { font-size:1.3rem; }
.conversion-page p { color:#bdcbc3; }
.conversion-page .section { padding:72px 0; }
.conversion-page .site-header { display:flex; justify-content:space-between; padding:14px max(24px,calc((100% - 1160px)/2)); background:#101918f5; gap:24px; }
.brand { display:flex; gap:12px; align-items:center; color:#f4f7f4; font-size:13px; line-height:1.4; flex-shrink:0; }
.brand img { border-radius:50%; object-fit:contain; }
.brand strong { display:block; font-size:16px; }
.conversion-page .nav-links { gap:8px; }
.conversion-page .nav-links a { font-size:14px; display:block; }
.conversion-page .nav-links a.active,.conversion-page .nav-links a:hover { background:#24382e; }
.intro-section { padding:76px 0; background:radial-gradient(ellipse at 10% 10%,#24382b,transparent 65%); }
.intro-grid { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:64px; }
.intro-copy h1 { font-size:clamp(2.6rem,4.8vw,4.3rem); margin:18px 0 24px; }
.intro-copy h1 span { color:#a9e7bf; }
.eyebrow { color:#b4e6c5!important; text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:700; margin:0 0 16px; }
.lead { font-size:18px; line-height:1.7; max-width:570px; }
.action-row { display:flex; gap:12px; flex-wrap:wrap; margin:28px 0 16px; }
.conversion-page .button { border-radius:8px; padding:14px 20px; font:700 14px/1.4 system-ui,sans-serif; text-align:center; }
.conversion-page .button.whatsapp,.conversion-page .button.cta { background:#b8ecc8; color:#10271a; border:1px solid #b8ecc8; }
.conversion-page .button.ghost { border-color:#587063; }
.conversion-page .button:hover { opacity:1; filter:brightness(1.08); }
.small-note { font-size:13px; color:#a7b9ae!important; line-height:1.7; }
.intro-image { margin:0; position:relative; border-radius:24px; overflow:hidden; border:1px solid #45604d; height:420px; }
.intro-image img { width:100%; height:100%; object-fit:cover; }
.intro-image figcaption { position:absolute; bottom:0; left:0; right:0; padding:60px 24px 22px; background:linear-gradient(transparent,#08100fec); font-size:14px; }
.section-heading { margin-bottom:32px; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.service-card { padding:30px; background:#182321; border:1px solid var(--border); border-radius:16px; }
.service-card p { font-size:15px; }
.service-card.featured { background:#22372b; border-color:#7eb28d; }
.step-label { display:block; font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:#abd3b8; margin-bottom:32px; }
.text-link { display:inline-block; color:#b8ecc8; font-size:14px; font-weight:650; padding:8px 0; text-underline-offset:5px; }
.text-link:hover { text-decoration:underline; }
.soft-section { background:#15201c; }
.split-panel { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; }
.steps-list { list-style:none; padding:0; margin:0; display:grid; gap:24px; }
.steps-list li { display:flex; align-items:flex-start; gap:20px; }
.steps-list li>span { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; border:1px solid #57705f; border-radius:50%; color:#b8ecc8; }
.steps-list p { margin-bottom:0; font-size:14px; }
.business-panel { display:grid; grid-template-columns:1.7fr 1fr; align-items:center; gap:48px; }
.business-panel>.button { justify-self:end; }
.business-panel p { max-width:690px; }
.business-action { display:grid; gap:16px; justify-items:start; }
.photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.photo-grid figure { margin:0; }
.photo-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; background:#182321; }
.photo-grid figcaption { padding:12px 0; color:#bdcbc3; font-size:13px; }
.conversion-page .site-footer { background:#0c1310; padding:36px 0; }
.footer-content { display:flex; justify-content:space-between; text-align:left; gap:24px; }
.footer-content p { margin-bottom:0; font-size:13px; }
.footer-content>div:last-child { display:flex; align-items:flex-start; gap:24px; font-size:14px; }
.offer-preview { background:#e4eee5; color:#173522; border-radius:20px; padding:30px; box-shadow:0 20px 80px #0003; transform:rotate(1deg); }
.offer-preview h2 { color:#173522; font-size:27px; margin:24px 0; }
.offer-preview p,.offer-preview .text-link { color:#3a5945; font-size:13px; }
.preview-top { font-size:12px; display:flex; align-items:center; gap:8px; }
.status-dot { width:7px; height:7px; background:#3b7752; border-radius:50%; }
.request-checklist { list-style:none; padding:0; margin:0; }
.request-checklist li { display:flex; align-items:center; gap:16px; padding:20px 0; border-top:1px solid #becfc1; }
.request-checklist li>span { font-size:12px; color:#537b5f; }
.request-checklist strong,.request-checklist small { display:block; }
.request-checklist small { color:#4a6752; margin-top:4px; line-height:1.5; }
.proof-strip { background:#203127; border-block:1px solid #354b3c; padding:20px 0; }
.proof-strip .container { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:#cce8d6; }
.condition-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.condition-grid>div { padding:24px; border:1px solid var(--border); border-radius:12px; }
.condition-grid strong,.condition-grid span { display:block; }
.condition-grid span { font-size:13px; color:#a7b9ae; margin-top:6px; }
.form-layout { display:grid; grid-template-columns:.8fr 1.3fr; gap:64px; align-items:start; }
.conversion-page .ankauf-form { width:100%; padding:28px; gap:24px; }
.conversion-page .ankauf-form legend { font-size:16px; }
.conversion-page .ankauf-form label { margin-bottom:14px; }
.conversion-page .ankauf-form input,.conversion-page .ankauf-form select,.conversion-page .ankauf-form textarea { background:#101a15; border-color:#4b6052; border-radius:6px; color:#eef4ef; width:100%; padding:12px; font:inherit; }
.conversion-page .ankauf-form input::placeholder,.conversion-page .ankauf-form textarea::placeholder { color:#9caf9f; opacity:1; }
.conversion-page .ankauf-form textarea { resize:vertical; min-height:110px; }
.conversion-page .ankauf-form .consent { margin:0; font-size:12px; }
.conversion-page .ankauf-form .consent input { width:18px; height:18px; padding:0; }
.conversion-page .ankauf-form .form-grid { gap:16px; }
.conversion-page .form-footnote { font-size:12px; }
.conversion-page .field-note { line-height:1.6; }
.conversion-page .ankauf-success { width:100%; }
.optional-fields summary { color:#b8ecc8; margin-bottom:16px; cursor:pointer; }
.file-label { padding:16px; border:1px dashed #587462; border-radius:8px; }
.conversion-page .file-label input { padding:8px 0; border:0; background:none; font-size:12px; }
.file-label input::file-selector-button { padding:10px; margin-right:10px; border:0; border-radius:4px; background:#c0e4cb; color:#10271a; cursor:pointer; }
.upload-status[data-error="true"] { color:#ffb8a6; }
.faq-layout { display:grid; grid-template-columns:.8fr 1.3fr; gap:64px; }
.faq-list details { border-bottom:1px solid #35473d; padding:20px 0; }
.faq-list details:first-child { padding-top:0; }
.faq-list summary { cursor:pointer; color:#e4eee5; font-weight:600; }
.faq-list p { font-size:14px; margin:16px 0 0; }
.skip-link { position:fixed; top:10px; left:10px; transform:translateY(-200%); z-index:2000; padding:12px; background:#e4eee5; color:#10271a; }
.skip-link:focus { transform:translateY(0); }
.conversion-page :focus-visible { outline:3px solid #c8f7d8; outline-offset:4px; }
.conversion-page #inhalt:focus { outline:none; }
.conversion-page section[id] { scroll-margin-top:100px; }
.mobile-action { display:none; }
@media(max-width:980px) { .intro-grid { gap:32px; } .intro-copy h1 { font-size:44px; } .intro-image { height:360px; } .service-card { padding:22px; } .split-panel,.form-layout,.faq-layout { gap:32px; } .business-panel { grid-template-columns:1.5fr 1fr; gap:24px; } }
@media(max-width:760px) { .intro-grid,.split-panel,.form-layout,.faq-layout,.business-panel { grid-template-columns:1fr; } .intro-section { padding:42px 0; } .intro-copy h1 { font-size:clamp(38px,8vw,54px); } .intro-image { height:280px; } .service-grid { grid-template-columns:1fr; } .service-card { padding:26px; } .step-label { margin-bottom:20px; } .conversion-page .section { padding:48px 0; } .business-panel>.button { justify-self:start; } .photo-grid { gap:12px; } .offer-preview { transform:none; } .proof-strip .container { display:grid; gap:10px; } .form-aside { max-width:540px; } }
@media(max-width:560px) { .conversion-page .container { width:calc(100% - 32px); } .conversion-page .site-header { padding:12px 16px; } .brand { gap:8px; font-size:11px; } .brand img { width:42px; height:42px; } .brand strong { font-size:13px; } .conversion-page .nav-toggle { font-size:13px; min-height:44px; } .lead { font-size:16px; } .action-row { display:grid; } .action-row .button { width:100%; } .offer-preview { padding:24px; } .condition-grid { grid-template-columns:1fr; } .condition-grid>div { padding:18px; } .photo-grid { grid-template-columns:1fr; } .conversion-page .ankauf-form { padding:18px; } .form-layout { gap:24px; } .footer-content { flex-direction:column; } .conversion-page .site-footer { padding-bottom:110px; } .mobile-action { display:block; position:fixed; bottom:0; left:0; right:0; background:#101918f5; border-top:1px solid #3a5042; padding:10px 16px max(10px,env(safe-area-inset-bottom)); z-index:100; } .mobile-action .button { display:block; width:100%; } }
@media(prefers-reduced-motion:reduce) { .conversion-page *, .conversion-page *::before, .conversion-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }