.up-detail-grid{display:flex !important;flex-direction:column !important;gap:18px !important;margin-top:14px !important;max-width:1080px !important;margin-left:auto !important;margin-right:auto !important} .up-detail-card{display:block !important;background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:14px !important;padding:24px 22px !important;min-width:0 !important;width:100% !important;box-shadow:0 2px 8px rgba(0,0,0,0.06) !important;visibility:visible !important;opacity:1 !important} @media (max-width:780px){.up-detail-card{padding:18px 16px !important;border-radius:12px !important}} .up-detail-card__icon{display:inline-flex !important;align-items:center;justify-content:center;width:44px;height:44px;background:#f1f5f9;border-radius:12px;font-size:22px;margin-bottom:10px} .up-detail-card h3{font-size:20px !important;font-weight:700 !important;margin:0 0 10px !important;color:#0f172a !important;line-height:1.3 !important} .up-detail-card table{width:100% !important;border-collapse:collapse !important}  .up-detail-card details{ margin:10px 0 !important; border:1.5px solid #cbd5e1 !important; border-radius:10px !important; overflow:hidden !important; background:#fff !important; transition:all 0.15s ease !important; box-shadow:0 1px 2px rgba(0,0,0,0.04) !important; } .up-detail-card details:hover{ border-color:#16a34a !important; box-shadow:0 2px 6px rgba(22,163,74,0.12) !important; } .up-detail-card details summary{ display:flex !important; cursor:pointer !important; padding:14px 16px !important; font-weight:600 !important; font-size:14px !important; background:linear-gradient(to right, #f0fdf4, #f8fafc) !important; list-style:none !important; justify-content:space-between !important; align-items:center !important; user-select:none !important; transition:background 0.15s ease !important; } .up-detail-card details summary:hover{ background:linear-gradient(to right, #dcfce7, #f1f5f9) !important; } .up-detail-card details[open] summary{ background:linear-gradient(to right, #dcfce7, #ecfccb) !important; border-bottom:1px solid #bbf7d0 !important; } .up-detail-card details summary::-webkit-details-marker{display:none !important} .up-detail-card details summary::after{ content:"▼ Aufklappen" !important; color:#16a34a !important; font-size:12px !important; font-weight:600 !important; background:#fff !important; border:1px solid #bbf7d0 !important; border-radius:20px !important; padding:4px 10px !important; margin-left:8px !important; white-space:nowrap !important; flex-shrink:0 !important; } .up-detail-card details[open] summary::after{ content:"▲ Zuklappen" !important; background:#16a34a !important; color:#fff !important; border-color:#16a34a !important; } .up-detail-card details summary > span:last-child{display:none !important} .up-detail-card details > div{ padding:14px 16px !important; background:#fff !important; }  @media (max-width:780px){ .up-detail-card details summary{padding:12px 14px !important;font-size:13px !important} .up-detail-card details summary::after{font-size:11px !important;padding:3px 8px !important} }   :root{ --c-anthracite:#111111;--c-bg:#ffffff;--c-bg-alt:#f6f7fa;--c-border:#d4d8e0;--c-border-strong:#111111; --c-brand-green:#5abc7a;--c-brand-green-deep:#3f9d5e;--c-brand-green-hover:#4aac6a;--c-text:#111111;--c-text-muted:#5a6470; --ease:cubic-bezier(0.4,0,0.2,1);--r-md:12px;--r-lg:20px;--r-pill:999px; --shadow-header:0 2px 12px rgba(15,23,42,0.08); --z-header:900;--z-burger:1001;--z-offcanvas:1000;--z-backdrop:999; }    :root { --c-primary-dark: #0a0a0a; --c-primary-darker: #000000; --c-anthracite: #111111; --c-anthracite-soft: #1f1f1f; --c-brand-green: #5abc7a; --c-brand-green-bright: #7fd49a; --c-brand-green-deep: #3f9d5e; --c-brand-green-hover: #4aac6a; --c-brand-green-dark: #134e29; --c-bg: #ffffff; --c-bg-alt: #f6f7fa; --c-text: #111111; --c-text-muted: #5a6470; --c-border: #d4d8e0; --c-border-strong: #111111; --c-yellow: #fbbf24; --c-purple: #8b5cf6; --r-md: 12px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px; --shadow-3d: 0 1px 0 var(--c-anthracite), 0 12px 24px -10px rgba(10,15,29,0.18), 0 4px 8px -3px rgba(10,15,29,0.08); --shadow-3d-hover: 0 1px 0 var(--c-brand-green), 0 18px 36px -12px rgba(90,188,122,0.35), 0 6px 12px -4px rgba(90,188,122,0.15); --shadow-md: 0 4px 16px rgba(10,15,29,0.08); --shadow-lg: 0 12px 40px rgba(10,15,29,0.12); --shadow-glow: 0 12px 40px rgba(90,188,122,0.35); --ease: cubic-bezier(0.4, 0, 0.2, 1); --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); }   *, *::before, *::after { font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; font-size: 17px; line-height: 1.7; color: var(--c-text); background: var(--c-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-feature-settings: 'cv11', 'ss01', 'ss03', 'calt', 'liga'; } h1, h2, h3, h4, h5, h6 { font-feature-settings: 'cv11', 'ss01', 'ss03'; letter-spacing: -0.02em; } .container { max-width: 1240px; margin: 0 auto; padding: 0 24px; } img { max-width: 100%; height: auto; display: block; } a { color: var(--c-brand-green); text-decoration: none; } button { font-family: inherit; }  .section { padding: 96px 0; position: relative; } .section--alt { background: var(--c-bg-alt); } .section__header { text-align: center; max-width: 760px; margin: 0 auto 48px; } .section__eyebrow { display: inline-block; color: var(--c-brand-green); font-size: 13px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 16px; padding: 6px 14px; background: rgba(90,188,122,0.08); border-radius: var(--r-pill); } .section h2 { font-size: clamp(1.85rem, 1.2rem + 2vw, 2.75rem); font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; margin-bottom: 16px; } .section h2 .accent { color: var(--c-brand-green); } .section__lead { font-size: 18px; color: var(--c-text-muted); } .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); } .reveal.in { opacity: 1; transform: translateY(0); }  .btn { display: inline-flex; align-items: center; gap: 8px; padding: 15px 28px; border-radius: var(--r-pill); font-weight: 700; font-size: 16px; transition: background 0.2s, color 0.2s, border-color 0.2s; cursor: pointer; border: none; text-decoration: none; line-height: 1.2; min-height: 50px; } .btn-primary { background: var(--c-brand-green); color: #fff; box-shadow: 0 4px 12px -2px rgba(90,188,122,0.4); } .btn-primary:hover { background: #4aac6a; color: #fff; } .btn-outline { background: rgba(255,255,255,0.06); color: #fff; border: 1.5px solid rgba(255,255,255,0.30); } .btn-outline:hover { background: rgba(255,255,255,0.14); color: #fff; } .btn-large { padding: 18px 36px; font-size: 17px; min-height: 56px; } .btn .arrow { display: inline-block; }   .hero { background: var(--c-brand-green-dark); color: #fff; padding: 96px 0; position: relative; overflow: hidden; } .hero__mesh { position: absolute; right: -10%; top: -20%; width: 60%; height: 140%; background-image: radial-gradient(circle, rgba(90,188,122,0.28) 0px, transparent 60%); filter: blur(60px); pointer-events: none; } .hero__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; position: relative; z-index: 1; } .hero__topbar { display: inline-flex; align-items: center; gap: 10px; color: var(--c-brand-green-bright); font-size: 13px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 24px; padding: 6px 14px; background: rgba(90,188,122,0.15); border: 1px solid rgba(127,212,154,0.3); border-radius: var(--r-pill); } .pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-brand-green-bright); animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(127,212,154,0.7); } 50% { box-shadow: 0 0 0 8px rgba(127,212,154,0); } } .hero h1 { font-size: clamp(2.2rem, 1.4rem + 2.6vw, 3.8rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; margin-bottom: 24px; } .hero h1 .gradient-text { color: var(--c-brand-green-bright); } .hero__sub { font-size: 19px; color: rgba(255,255,255,0.8); margin-bottom: 32px; line-height: 1.6; max-width: 560px; } .hero__ctas { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; } .hero__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .stat { padding: 16px 0; border-top: 1px solid rgba(255,255,255,0.1); } .stat__value { font-size: 28px; font-weight: 800; color: #fff; line-height: 1; letter-spacing: -0.02em; } .stat__value .unit { font-size: 18px; color: var(--c-brand-green-bright); font-weight: 600; } .stat__label { font-size: 12px; color: rgba(255,255,255,0.55); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 6px; } .hero__image-wrap { position: relative; } .hero__image { border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 4/3; background: linear-gradient(135deg, #1e293b, #334155); display: flex; align-items: center; justify-content: center; font-size: 14px; color: rgba(255,255,255,0.5); border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 30px 80px rgba(0,0,0,0.5); } .hero__badge { position: absolute; top: 24px; right: -16px; background: #fff; color: var(--c-text); padding: 14px 20px; border-radius: var(--r-lg); box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 12px; font-weight: 600; } .hero__badge .stars { color: var(--c-yellow); font-size: 18px; } .hero__badge small { display: block; font-size: 12px; color: var(--c-text-muted); font-weight: 500; }  .marquee-band { background: var(--c-bg-alt); padding: 22px 0; border-top: 1px solid var(--c-border); border-bottom: 1px solid var(--c-border); overflow: hidden; } .marquee { display: flex; gap: 48px; animation: marquee 40s linear infinite; width: max-content; align-items: center; } .marquee-band:hover .marquee { animation-play-state: paused; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .marquee { animation: none; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 24px; max-width: 1240px; margin: 0 auto; } } .marquee__item { display: inline-flex; align-items: center; gap: 9px; color: var(--c-text); font-weight: 600; font-size: 15px; white-space: nowrap; flex-shrink: 0; } .marquee__item .icon { font-size: 20px; }  .pricing-accordion { max-width: 980px; margin: 0 auto; } .price-acc { background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-xl); margin-bottom: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(10,15,29,0.04); transition: transform 0.25s var(--ease), border-color 0.2s, box-shadow 0.25s; } .price-acc:not([open]):hover { transform: translateY(-3px); border-color: var(--c-brand-green); box-shadow: 0 12px 26px -10px rgba(90,188,122,0.28), 0 4px 8px -4px rgba(10,15,29,0.08); } .price-acc:not([open]):hover .price-acc__icon { background: rgba(90,188,122,0.16); border-color: rgba(90,188,122,0.30); } .price-acc:not([open]):hover .price-acc__toggle { background: #4aac6a; box-shadow: 0 6px 14px -4px rgba(90,188,122,0.55); } .price-acc[open] { border-color: var(--c-brand-green); border-width: 2px; } .price-acc__head { padding: 22px 24px; cursor: pointer; list-style: none; display: grid; grid-template-columns: 56px 1fr auto; grid-template-areas: "icon main price" "toggle toggle toggle"; gap: 18px 18px; align-items: center; user-select: none; } .price-acc__head:hover { background: rgba(90,188,122,0.03); } .price-acc__head:focus-visible { outline: 3px solid var(--c-brand-green); outline-offset: -3px; } .price-acc__head::-webkit-details-marker { display: none; } .price-acc__icon { grid-area: icon; width: 56px; height: 56px; border-radius: 14px; background: rgba(90,188,122,0.08); border: 1px solid rgba(90,188,122,0.18); display: flex; align-items: center; justify-content: center; font-size: 28px; transition: background 0.25s, border-color 0.25s, color 0.25s; } .price-acc[open] .price-acc__icon { background: var(--c-brand-green); color: #fff; border-color: var(--c-brand-green); } .price-acc__main { grid-area: main; } .price-acc__title { font-size: 19px; font-weight: 700; color: var(--c-text); margin-bottom: 4px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; line-height: 1.3; } .price-acc__title-tag { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; background: rgba(90,188,122,0.10); color: var(--c-brand-green); font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; border-radius: var(--r-pill); } .price-acc__subtitle { font-size: 15px; color: var(--c-text-muted); line-height: 1.5; } .price-acc__price { grid-area: price; font-size: 22px; font-weight: 800; color: var(--c-brand-green); white-space: nowrap; text-align: right; line-height: 1.15; } .price-acc__price small { display: block; font-size: 12px; color: var(--c-text-muted); font-weight: 500; text-align: right; margin-top: 2px; } .price-acc__toggle { grid-area: toggle; display: inline-flex; align-items: center; gap: 10px; padding: 12px 22px; background: var(--c-brand-green); color: #fff; border-radius: var(--r-pill); font-size: 15px; font-weight: 700; box-shadow: 0 4px 10px -4px rgba(90,188,122,0.5); justify-self: start; min-height: 46px; transition: background 0.25s, box-shadow 0.25s, transform 0.25s var(--ease); } .price-acc__toggle-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(255,255,255,0.22); transition: transform 0.4s var(--ease-bounce), background 0.25s; } .price-acc__toggle-icon::before, .price-acc__toggle-icon::after { content: ''; position: absolute; background: currentColor; border-radius: 2px; transition: transform 0.35s var(--ease-bounce), opacity 0.3s; } .price-acc__toggle-icon::before { width: 12px; height: 2.5px; } .price-acc__toggle-icon::after { width: 2.5px; height: 12px; } .price-acc[open] .price-acc__toggle { background: var(--c-anthracite); box-shadow: 0 2px 6px -2px rgba(10,15,29,0.25); } .price-acc[open] .price-acc__toggle-icon { transform: rotate(180deg); background: rgba(255,255,255,0.18); } .price-acc[open] .price-acc__toggle-icon::after { transform: scaleY(0); opacity: 0; } .price-acc.is-closing .price-acc__toggle { background: var(--c-brand-green); } .price-acc.is-closing .price-acc__toggle-icon { transform: rotate(0deg); } .price-acc.is-closing .price-acc__toggle-icon::after { transform: scaleY(1); opacity: 1; } .price-acc[open] .price-acc__toggle-label-closed { display: none; } .price-acc:not([open]) .price-acc__toggle-label-open { display: none; } .price-acc.is-closing .price-acc__toggle-label-closed { display: inline; } .price-acc.is-closing .price-acc__toggle-label-open { display: none; } .price-acc__body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s var(--ease); } .price-acc[open] .price-acc__body-wrap { grid-template-rows: 1fr; } .price-acc[open].is-closing .price-acc__body-wrap { grid-template-rows: 0fr; } .price-acc__body-inner { overflow: hidden; min-height: 0; } .price-acc__body { padding: 24px 24px 28px; border-top: 1px solid var(--c-border); } .price-acc__body-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 24px; } .price-acc__col h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--c-anthracite); margin-bottom: 10px; } .price-acc__col ul { list-style: none; padding: 0; } .price-acc__col li { padding: 5px 0; font-size: 14px; color: var(--c-text); line-height: 1.55; display: flex; gap: 8px; } .price-acc__col li::before { content: ''; color: var(--c-brand-green); font-weight: 700; flex-shrink: 0; } .price-acc__col.is-warning li::before { content: '!'; color: #d97706; } .price-acc__example { background: var(--c-bg-alt); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 18px 20px; margin-bottom: 20px; } .price-acc__example-tag { display: inline-block; padding: 3px 10px; background: var(--c-anthracite); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; border-radius: var(--r-pill); margin-bottom: 8px; } .price-acc__example h5 { font-size: 16px; font-weight: 700; margin-bottom: 6px; } .price-acc__example p { font-size: 14px; color: var(--c-text-muted); line-height: 1.6; margin-bottom: 10px; } .price-acc__example-price { font-size: 18px; font-weight: 800; color: var(--c-brand-green); } .price-acc__cta { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 18px; border-top: 1px solid var(--c-border); } .price-acc__cta-note { font-size: 13px; color: var(--c-text-muted); }  .steps-v4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; } .step-card { background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-xl); padding: 0; box-shadow: var(--shadow-3d); transition: transform 0.35s var(--ease), box-shadow 0.4s var(--ease), border-color 0.3s; overflow: hidden; } .step-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-3d-hover); border-color: var(--c-brand-green); } .step-card__head { padding: 24px 22px; cursor: pointer; list-style: none; user-select: none; } .step-card__head::-webkit-details-marker { display: none; } .step-card__number { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--c-brand-green), var(--c-brand-green-bright)); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 20px; margin-bottom: 14px; box-shadow: 0 6px 16px rgba(90,188,122,0.3); border: 3px solid #fff; } .step-card__title { font-size: 16px; font-weight: 700; margin-bottom: 6px; line-height: 1.3; } .step-card__sub { font-size: 13px; color: var(--c-text-muted); line-height: 1.5; } .step-card__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 7px 14px 7px 16px; background: linear-gradient(135deg, var(--c-brand-green), var(--c-brand-green-bright)); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; border-radius: var(--r-pill); box-shadow: 0 4px 12px rgba(90,188,122,0.28); transition: all 0.3s var(--ease); } .step-card:hover .step-card__more { transform: translateX(4px) scale(1.04); box-shadow: 0 6px 18px rgba(90,188,122,0.45); } .step-card[open] .step-card__more { background: linear-gradient(135deg, var(--c-anthracite), var(--c-anthracite-soft)); box-shadow: 0 4px 12px rgba(26,21,48,0.3); } .step-card[open] .step-card__more::after { content: ' Schliessen '; } .step-card:not([open]) .step-card__more::after { content: ' Details anzeigen'; } .step-card[open] .step-card__more::after { content: ' Schliessen'; }  .step-card__body { padding: 0 22px 22px; border-top: 1px dashed var(--c-border); margin-top: 0; padding-top: 16px; } .step-card__body li { padding: 5px 0; font-size: 13px; color: var(--c-text); line-height: 1.5; list-style: none; display: flex; gap: 8px; } .step-card__body li::before { content: ''; color: var(--c-brand-green); flex-shrink: 0; font-weight: 700; }  .content-tabs { max-width: 980px; margin: 0 auto; } .tabs-intro { text-align: center; margin-bottom: 18px; color: var(--c-text-muted); font-size: 15px; } .tabs-nav { display: flex; gap: 10px; padding: 4px 0; margin-bottom: 28px; flex-wrap: wrap; justify-content: center; } .tab-btn { padding: 13px 22px; border-radius: var(--r-pill); font-weight: 700; font-size: 15px; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; color: var(--c-text); background: #fff; border: 1.5px solid var(--c-border-strong); white-space: nowrap; flex-shrink: 0; min-height: 46px; } .tab-btn:hover { border-color: var(--c-brand-green); color: var(--c-brand-green); background: rgba(90,188,122,0.04); } .tab-btn.active { background: var(--c-brand-green); color: #fff; border-color: var(--c-brand-green); }  @media (max-width: 640px) { .tabs-nav { flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0; margin-bottom: 24px; overflow: visible; } .tab-btn { padding: 10px 16px; font-size: 14px; min-height: 44px; white-space: normal; text-align: center; line-height: 1.25; flex: 0 1 auto; max-width: 100%; } } .tab-content { display: none; animation: fadeIn 0.4s var(--ease); } .tab-content.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .tab-content h3 { font-size: 22px; font-weight: 700; margin-bottom: 14px; } .tab-content p { margin-bottom: 14px; line-height: 1.75; }  .checklist-collapse { margin-top: 40px; } .checklist-collapse summary { padding: 18px 24px; cursor: pointer; background: var(--c-anthracite); color: #fff; border-radius: var(--r-lg); font-weight: 700; list-style: none; display: flex; justify-content: space-between; align-items: center; user-select: none; transition: background 0.2s, border-radius 0.2s; } .checklist-collapse summary::-webkit-details-marker { display: none; } .checklist-collapse summary:hover { background: #000; } .checklist-collapse summary:focus-visible { outline: 3px solid var(--c-brand-green); outline-offset: 2px; } .checklist-collapse__icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,0.14); transition: transform 0.4s var(--ease-bounce), background 0.25s; flex-shrink: 0; } .checklist-collapse__icon::before, .checklist-collapse__icon::after { content: ''; position: absolute; background: #fff; border-radius: 2px; transition: transform 0.35s var(--ease-bounce), opacity 0.3s; } .checklist-collapse__icon::before { width: 12px; height: 2.5px; } .checklist-collapse__icon::after { width: 2.5px; height: 12px; } .checklist-collapse[open] summary { border-radius: var(--r-lg) var(--r-lg) 0 0; background: var(--c-brand-green-dark); } .checklist-collapse[open] .checklist-collapse__icon { transform: rotate(180deg); background: rgba(255,255,255,0.20); } .checklist-collapse[open] .checklist-collapse__icon::after { transform: scaleY(0); opacity: 0; } .checklist-collapse.is-closing summary { background: var(--c-anthracite); border-radius: var(--r-lg); } .checklist-collapse.is-closing .checklist-collapse__icon { transform: rotate(0deg); } .checklist-collapse.is-closing .checklist-collapse__icon::after { transform: scaleY(1); opacity: 1; } .checklist-collapse__body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s var(--ease); } .checklist-collapse[open] .checklist-collapse__body-wrap { grid-template-rows: 1fr; } .checklist-collapse[open].is-closing .checklist-collapse__body-wrap { grid-template-rows: 0fr; } .checklist-collapse__body-inner { overflow: hidden; min-height: 0; } .checklist-collapse__body { padding: 24px; border: 1.5px solid var(--c-anthracite); border-top: none; border-radius: 0 0 var(--r-lg) var(--r-lg); background: #fff; } .checklist-collapse__body ol { padding-left: 22px; line-height: 1.85; } .checklist-collapse__body li { margin-bottom: 10px; }  .bento-grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(200px, auto); gap: 20px; } .bento-card { background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-xl); padding: 30px; box-shadow: 0 1px 2px rgba(10,15,29,0.04); transition: transform 0.25s var(--ease), border-color 0.2s, box-shadow 0.25s; position: relative; display: flex; flex-direction: column; } .bento-card:hover { transform: translateY(-5px); border-color: var(--c-brand-green); box-shadow: 0 14px 30px -12px rgba(90,188,122,0.30), 0 4px 10px -4px rgba(10,15,29,0.08); } .bento-card:hover .bento-card__icon-wrap { background: rgba(90,188,122,0.16); border-color: rgba(90,188,122,0.30); } .bento-card:hover .bento-card__icon { transform: scale(1.08); } .bento-card:hover .bento-card__cta { background: #4aac6a; transform: translateX(2px); box-shadow: 0 6px 14px -4px rgba(90,188,122,0.5); } .bento-card:hover .bento-card__cta-arrow { transform: translateX(3px); } .bento-card__icon-wrap { width: 56px; height: 56px; border-radius: 14px; background: rgba(90,188,122,0.08); border: 1px solid rgba(90,188,122,0.15); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; transition: background 0.25s, border-color 0.25s; } .bento-card__icon { font-size: 30px; line-height: 1; display: inline-block; transition: transform 0.25s var(--ease); } .bento-card__badge { position: absolute; top: 18px; right: 18px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.02em; border-radius: var(--r-pill); z-index: 2; } .bento-card__badge--popular { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; } .bento-card__badge--green { background: rgba(90,188,122,0.10); color: var(--c-brand-green); } .bento-card__badge--dark { background: rgba(255,255,255,0.16); color: #fff; border: 1px solid rgba(255,255,255,0.25); } .bento-card h3 { font-size: 22px; font-weight: 700; margin-bottom: 10px; line-height: 1.3; } .bento-card p { color: var(--c-text-muted); font-size: 16px; line-height: 1.6; } .bento-card__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .bento-card__stat { display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; background: var(--c-bg-alt); color: var(--c-anthracite); font-size: 13px; font-weight: 600; border-radius: var(--r-pill); border: 1px solid var(--c-border); } .bento-card__cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 13px 22px; align-self: flex-start; background: var(--c-brand-green); color: #fff; font-weight: 700; font-size: 15px; border-radius: var(--r-pill); transition: background 0.2s, transform 0.2s, box-shadow 0.2s; min-height: 46px; box-shadow: 0 2px 6px -2px rgba(90,188,122,0.4); } .bento-card__cta:hover { background: #4aac6a; } .bento-card__cta-arrow { font-size: 18px; line-height: 1; transition: transform 0.2s var(--ease); } .bento-card--big { grid-column: span 3; } .bento-card--medium { grid-column: span 2; } .bento-card--small { grid-column: span 2; } .bento-card--accent { background: var(--c-primary-dark); color: #fff; border-color: var(--c-anthracite); } .bento-card--accent h3 { color: #fff; } .bento-card--accent p { color: rgba(255,255,255,0.82); } .bento-card--accent .bento-card__icon-wrap { background: rgba(127,212,154,0.18); border-color: rgba(127,212,154,0.3); } .bento-card--accent .bento-card__stat { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.92); border-color: rgba(255,255,255,0.15); } .bento-card--accent .bento-card__cta { background: var(--c-brand-green-bright); color: var(--c-primary-dark); box-shadow: 0 2px 8px -2px rgba(127,212,154,0.55); } .bento-card--accent:hover { border-color: var(--c-brand-green-bright); box-shadow: 0 14px 30px -12px rgba(127,212,154,0.40), 0 4px 10px -4px rgba(10,15,29,0.25); } .bento-card--accent:hover .bento-card__icon-wrap { background: rgba(127,212,154,0.30); border-color: rgba(127,212,154,0.5); } .bento-card--accent:hover .bento-card__cta { background: #fff; box-shadow: 0 6px 14px -4px rgba(255,255,255,0.4); }  .swipe-carousel { display: none; } .swipe-track { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 24px; padding: 8px 24px 24px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .swipe-track::-webkit-scrollbar { display: none; } .swipe-card { flex: 0 0 78%; max-width: 320px; scroll-snap-align: start; } .swipe-hint { text-align: center; font-size: 14px; color: var(--c-text-muted); margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; } .swipe-hint::before { content: ''; color: var(--c-brand-green); font-weight: 700; } .swipe-hint::after { content: ''; color: var(--c-brand-green); font-weight: 700; }  .show-all-toggle { display: inline-flex; align-items: center; gap: 10px; margin: 14px auto 0; padding: 13px 22px; background: #fff; color: var(--c-brand-green); border: 2px solid var(--c-brand-green); border-radius: var(--r-pill); font-size: 15px; font-weight: 700; cursor: pointer; font-family: inherit; min-height: 46px; transition: background 0.2s, color 0.2s; } .show-all-toggle:hover { background: var(--c-brand-green); color: #fff; } .show-all-toggle__icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(90,188,122,0.12); color: var(--c-brand-green); font-size: 18px; font-weight: 700; line-height: 1; } .show-all-toggle:hover .show-all-toggle__icon { background: rgba(255,255,255,0.22); color: #fff; } .show-all-toggle-wrap { text-align: center; }  .swipe-track.is-expanded { display: flex; flex-direction: column; overflow-x: visible; padding: 8px 0 8px; scroll-snap-type: none; } .swipe-track.is-expanded .swipe-card { flex: 1 1 auto; max-width: 100%; width: 100%; } .swipe-indicators { display: flex; justify-content: center; gap: 6px; margin-top: 16px; } .swipe-indicator { width: 8px; height: 8px; border-radius: 50%; background: var(--c-border-strong); opacity: 0.3; transition: all 0.3s; } .swipe-indicator.active { background: var(--c-brand-green); opacity: 1; width: 24px; border-radius: 4px; }  .market-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; } .market-text h3 { font-size: 22px; font-weight: 700; margin-bottom: 14px; } .market-text p { margin-bottom: 14px; line-height: 1.75; } .market-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .market-stat { background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-lg); padding: 24px; box-shadow: var(--shadow-3d); text-align: center; transition: all 0.35s; } .market-stat:hover { transform: translateY(-4px); box-shadow: var(--shadow-3d-hover); border-color: var(--c-brand-green); } .market-stat__big { font-size: 36px; font-weight: 800; color: var(--c-brand-green); line-height: 1; margin-bottom: 8px; letter-spacing: -0.02em; } .market-stat__label { color: var(--c-text-muted); font-size: 14px; }  .city-bento { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .city-link { background: #fff; border: 1.5px solid var(--c-border-strong); padding: 24px; border-radius: var(--r-lg); color: var(--c-text); transition: all 0.3s; display: flex; flex-direction: column; gap: 8px; position: relative; overflow: hidden; box-shadow: var(--shadow-3d); } .city-link::before { content: ''; position: absolute; bottom: -50%; right: -20%; width: 150px; height: 150px; background: radial-gradient(circle, var(--c-brand-green), transparent 70%); opacity: 0; transition: all 0.5s; } .city-link:hover { border-color: var(--c-brand-green); transform: translateY(-4px); box-shadow: var(--shadow-3d-hover); color: var(--c-text); } .city-link:hover::before { opacity: 0.08; bottom: -20%; right: 0; } .city-link__icon { font-size: 22px; } .city-link__name { font-size: 16px; font-weight: 700; } .city-link__sub { font-size: 13px; color: var(--c-text-muted); }  .testimonials-slider { position: relative; margin: 0 -24px; overflow: hidden; padding: 8px 0; } .testimonials-track { display: flex; gap: 24px; animation: testimonialsMarquee 80s linear infinite; width: max-content; } .testimonials-slider:hover .testimonials-track, .testimonials-slider:focus-within .testimonials-track { animation-play-state: paused; } @keyframes testimonialsMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .testimonials-track { animation: none; } } .testimonial { background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-xl); padding: 28px 26px; box-shadow: 0 1px 2px rgba(10,15,29,0.04); position: relative; flex: 0 0 360px; transition: transform 0.25s var(--ease), border-color 0.2s, box-shadow 0.25s; } .testimonial:hover { transform: translateY(-3px); box-shadow: 0 12px 26px -10px rgba(10,15,29,0.20); border-color: var(--c-brand-green); } .testimonial::before { content: '"'; position: absolute; top: 12px; right: 24px; font-size: 100px; line-height: 1; color: rgba(90,188,122,0.08); font-weight: 700; } .testimonial__stars { color: var(--c-yellow); margin-bottom: 14px; font-size: 18px; letter-spacing: 2px; } .testimonial__tag { display: inline-block; padding: 3px 10px; background: var(--c-bg-alt); color: var(--c-text); font-size: 11px; font-weight: 700; border-radius: var(--r-pill); margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.05em; border: 1px solid var(--c-border); } .testimonial__text { font-size: 15.5px; line-height: 1.7; margin-bottom: 24px; } .testimonial__author { display: flex; align-items: center; gap: 14px; padding-top: 18px; border-top: 1px solid var(--c-border); } .testimonial__avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--c-brand-green), var(--c-brand-green-bright)); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 17px; box-shadow: 0 6px 16px rgba(90,188,122,0.3); } .testimonial__name { font-weight: 700; font-size: 14.5px; } .testimonial__role { color: var(--c-text-muted); font-size: 12.5px; } .slider-controls, .slider-progress, .slider-hint { display: none !important; } .slider-controls-original { display: flex; justify-content: center; gap: 20px; margin-top: 36px; align-items: center; } .slider-dot { width: 14px; height: 14px; border-radius: 50%; border: 2.5px solid var(--c-border-strong); background: transparent; cursor: pointer; transition: all 0.3s var(--ease-bounce); padding: 0; } .slider-dot:hover { border-color: var(--c-brand-green); transform: scale(1.15); } .slider-dot.active { background: var(--c-brand-green); border-color: var(--c-brand-green); width: 40px; border-radius: 7px; box-shadow: 0 2px 8px rgba(90,188,122,0.4); } .slider-arrow { width: 56px; height: 56px; border-radius: 50%; border: none; background: linear-gradient(135deg, var(--c-brand-green), var(--c-brand-green-bright)); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; transition: all 0.3s var(--ease-bounce); box-shadow: 0 6px 18px rgba(90,188,122,0.35); } .slider-arrow:hover { transform: scale(1.12) translateY(-2px); box-shadow: 0 10px 28px rgba(90,188,122,0.55); } .slider-arrow:active { transform: scale(0.96); } .slider-progress { height: 5px; background: var(--c-border); border-radius: var(--r-pill); margin: 24px auto 0; max-width: 240px; overflow: hidden; position: relative; box-shadow: inset 0 1px 2px rgba(0,0,0,0.06); } .slider-progress__bar { position: absolute; top: 0; left: 0; bottom: 0; width: 0%; background: linear-gradient(90deg, var(--c-brand-green-deep), var(--c-brand-green-bright)); border-radius: var(--r-pill); transition: width 0.1s linear; box-shadow: 0 0 10px rgba(127,212,154,0.5); } .slider-hint { text-align: center; margin-top: 14px; font-size: 13px; color: var(--c-text-muted); } .slider-hint .pill { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; background: rgba(90,188,122,0.08); border-radius: var(--r-pill); color: var(--c-brand-green); font-weight: 600; font-size: 12px; } .testimonials-slider { cursor: grab; } .testimonials-slider:active { cursor: grabbing; }  .faq-list { max-width: 820px; margin: 0 auto; } .faq-item { background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-lg); margin-bottom: 14px; transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s var(--ease), background 0.25s; box-shadow: 0 1px 2px rgba(10,15,29,0.04); position: relative; overflow: hidden; } .faq-item::before { content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; width: 4px; background: var(--c-brand-green); border-radius: 0 4px 4px 0; opacity: 0; transform: scaleY(0.4); transform-origin: center; transition: opacity 0.3s var(--ease), transform 0.35s var(--ease); z-index: 1; pointer-events: none; } .faq-item:hover { border-color: var(--c-brand-green); transform: translateY(-2px); box-shadow: 0 10px 22px -10px rgba(90,188,122,0.22), 0 3px 8px -4px rgba(10,15,29,0.08); } .faq-item[open] { border-color: var(--c-brand-green); background: linear-gradient(180deg, rgba(90,188,122,0.04), #fff 90px); box-shadow: 0 10px 22px -10px rgba(90,188,122,0.18); } .faq-item[open]::before, .faq-item:hover::before { opacity: 1; transform: scaleY(1); } .faq-item summary { padding: 22px 28px; font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; font-size: 16px; user-select: none; gap: 16px; line-height: 1.4; } .faq-item summary::-webkit-details-marker { display: none; } .faq-item summary:focus-visible { outline: 3px solid var(--c-brand-green); outline-offset: -3px; border-radius: var(--r-lg); } .faq-item summary:hover { color: var(--c-brand-green); } .faq-item summary .icon-plus { position: relative; width: 36px; height: 36px; border-radius: 50%; background: rgba(90,188,122,0.10); color: var(--c-brand-green); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0; transition: background 0.25s, color 0.25s, transform 0.4s var(--ease-bounce); } .faq-item summary .icon-plus::before, .faq-item summary .icon-plus::after { content: ''; position: absolute; background: currentColor; border-radius: 2px; transition: transform 0.35s var(--ease-bounce), opacity 0.3s; } .faq-item summary .icon-plus::before { width: 14px; height: 2.5px; } .faq-item summary .icon-plus::after { width: 2.5px; height: 14px; } .faq-item:hover summary .icon-plus { background: var(--c-brand-green); color: #fff; transform: scale(1.06); } .faq-item[open] summary .icon-plus { background: var(--c-brand-green); color: #fff; transform: rotate(180deg); } .faq-item[open] summary .icon-plus::after { transform: scaleY(0); opacity: 0; } .faq-item__answer-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.32s var(--ease); } .faq-item[open] .faq-item__answer-wrap { grid-template-rows: 1fr; } .faq-item[open].is-closing .faq-item__answer-wrap { grid-template-rows: 0fr; }  .faq-item.is-closing { background: #fff; }  .faq-item.is-closing summary .icon-plus { transform: rotate(0deg); background: rgba(90,188,122,0.10); color: var(--c-brand-green); } .faq-item.is-closing summary .icon-plus::after { transform: scaleY(1); opacity: 1; } .faq-item.is-closing::before { opacity: 0; transform: scaleY(0.4); } .faq-item__answer-inner { overflow: hidden; min-height: 0; } .faq-item__answer { padding: 0 28px 24px 28px; color: var(--c-text-muted); line-height: 1.75; }  .sticky-cta { position: fixed; bottom: 24px; left: 24px; right: 100px; z-index: 90; transform: translateY(120%); transition: transform 0.4s var(--ease-bounce); display: none; } .sticky-cta.show { transform: translateY(0); } .sticky-cta__inner { background: var(--c-primary-dark); color: #fff; padding: 14px 18px; border-radius: var(--r-lg); display: flex; align-items: center; justify-content: space-between; gap: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.3); } .sticky-cta__text { font-size: 13px; font-weight: 600; } .live-notif { position: fixed; bottom: 24px; left: 24px; background: #fff; border: 1.5px solid var(--c-border-strong); padding: 14px 18px; border-radius: var(--r-lg); box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 12px; min-width: 280px; max-width: 340px; transform: translateX(-120%); transition: transform 0.5s var(--ease-bounce); z-index: 80; } .live-notif.show { transform: translateX(0); } .live-notif__icon { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--c-brand-green), var(--c-brand-green-bright)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; } .live-notif__title { font-size: 13px; font-weight: 700; } .live-notif__sub { font-size: 12px; color: var(--c-text-muted); margin-top: 2px; } .live-notif__close { position: absolute; top: 8px; right: 10px; background: none; border: none; color: var(--c-text-muted); cursor: pointer; font-size: 14px; padding: 2px 6px; }  .final-cta { background: var(--c-brand-green-dark); color: #fff; padding: 96px 0; position: relative; overflow: hidden; } .final-cta__mesh { position: absolute; right: -10%; top: -20%; width: 60%; height: 140%; background-image: radial-gradient(circle, rgba(90,188,122,0.25) 0px, transparent 60%); filter: blur(40px); pointer-events: none; } .final-cta > .container { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; } @media (max-width: 900px) { .final-cta > .container { grid-template-columns: 1fr; gap: 40px; } } .final-cta__content h2 { color: #fff; font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem); font-weight: 800; line-height: 1.15; letter-spacing: -0.01em; margin-bottom: 28px; } .final-cta__list { list-style: none; padding: 0; margin: 0 0 32px; display: flex; flex-direction: column; gap: 14px; } .final-cta__list li { display: flex; align-items: flex-start; gap: 14px; color: rgba(255,255,255,0.92); font-size: 17px; line-height: 1.5; } .final-cta__list li::before { content: ''; flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--c-brand-green-bright); margin-top: 10px; box-shadow: 0 0 0 4px rgba(127,212,154,0.15); } .final-cta__btn { display: inline-flex; align-items: center; gap: 10px; padding: 17px 32px; background: #fff; color: var(--c-brand-green-dark); border-radius: 12px; font-weight: 700; font-size: 16px; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; box-shadow: 0 8px 20px -8px rgba(0,0,0,0.4); min-height: 54px; } .final-cta__btn:hover { background: #f3f9f5; transform: translateY(-2px); box-shadow: 0 12px 26px -10px rgba(0,0,0,0.45); color: var(--c-brand-green-dark); } .final-cta__btn-arrow { font-size: 18px; line-height: 1; transition: transform 0.2s; } .final-cta__btn:hover .final-cta__btn-arrow { transform: translateX(3px); } .final-cta__trust { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; color: rgba(255,255,255,0.88); font-size: 15px; font-weight: 600; } .final-cta__trust-badge { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(127,212,154,0.18); color: var(--c-brand-green-bright); border: 1px solid rgba(127,212,154,0.35); font-size: 16px; flex-shrink: 0; }  .final-cta__visual { position: relative; min-height: 360px; display: flex; align-items: center; justify-content: center; } .final-cta__visual-card { position: absolute; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 24px; padding: 22px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); width: 220px; transition: transform 0.4s var(--ease); } .final-cta__visual-card--main { position: relative; z-index: 3; transform: rotate(-2deg); width: 260px; padding: 24px; background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); } .final-cta__visual-card--back-left { left: 5%; top: 18%; z-index: 1; transform: rotate(-9deg); opacity: 0.55; } .final-cta__visual-card--back-right { right: 5%; top: 18%; z-index: 1; transform: rotate(7deg); opacity: 0.55; } .final-cta__visual:hover .final-cta__visual-card--main { transform: rotate(0deg) translateY(-4px); } .final-cta__visual-photo { width: 100%; aspect-ratio: 4/5; border-radius: 14px; background: linear-gradient(135deg, var(--c-brand-green-deep), var(--c-brand-green)); display: flex; align-items: center; justify-content: center; font-size: 48px; margin-bottom: 14px; color: rgba(255,255,255,0.5); } .final-cta__visual-name { color: #fff; font-weight: 700; font-size: 15px; margin-bottom: 2px; } .final-cta__visual-role { color: rgba(255,255,255,0.6); font-size: 13px; } .final-cta__visual-dots { position: absolute; top: -16px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px; padding: 6px 14px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 999px; z-index: 4; } .final-cta__visual-dots span { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.55); } .final-cta__visual-cursor { position: absolute; bottom: 18%; right: 8%; width: 32px; height: 32px; z-index: 5; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)); } @media (max-width: 900px) { .final-cta__visual { min-height: 280px; } .final-cta__visual-card--main { width: 220px; padding: 20px; } .final-cta__visual-card { width: 180px; padding: 18px; } } @media (max-width: 540px) { .final-cta__visual-card--back-left, .final-cta__visual-card--back-right { display: none; } }  .tagcloud-section { padding: 80px 0; background: var(--c-bg-alt); } .tagcloud-section .container { text-align: center; } .tagcloud-section h2 { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem); font-weight: 800; color: var(--c-text); margin-bottom: 12px; } .tagcloud-section__lead { color: var(--c-text-muted); font-size: 16px; margin-bottom: 36px; max-width: 640px; margin-left: auto; margin-right: auto; } .tagcloud-section__group { margin-bottom: 28px; } .tagcloud-section__group:last-child { margin-bottom: 0; } .tagcloud-section__label { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-text-muted); margin-bottom: 14px; } .tagcloud { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 1100px; margin: 0 auto; } .tagcloud__link { display: inline-flex; align-items: center; padding: 10px 18px; background: #fff; border: 1.5px solid var(--c-border); color: var(--c-text); font-size: 15px; font-weight: 500; border-radius: var(--r-pill); text-decoration: none; transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.18s; line-height: 1.2; white-space: nowrap; } .tagcloud__link:hover, .tagcloud__link.is-active { background: var(--c-anthracite); color: #fff; border-color: var(--c-anthracite); transform: translateY(-1px); } .tagcloud__link--featured { border-color: var(--c-brand-green); color: var(--c-brand-green-deep); font-weight: 600; } .tagcloud__link--featured:hover { background: var(--c-brand-green-deep); border-color: var(--c-brand-green-deep); color: #fff; } @media (max-width: 640px) { .tagcloud__link { padding: 9px 14px; font-size: 14px; } .tagcloud { gap: 8px; } }   .scroll-progress { position: fixed; top: 0; left: 0; height: 3px; background: var(--c-brand-green); width: 0%; z-index: 100; transition: width 0.1s linear; } .back-to-top { position: fixed; bottom: 24px; right: 24px; min-width: 56px; height: 56px; padding: 0 18px; border-radius: var(--r-pill); background: var(--c-anthracite); border: none; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s, background 0.2s; z-index: 70; box-shadow: 0 8px 22px -8px rgba(10,15,29,0.4); } .back-to-top.show { opacity: 1; visibility: visible; } .back-to-top:hover { background: var(--c-brand-green); } .back-to-top__arrow { font-size: 18px; line-height: 1; }  @media (max-width: 1023px) { .hero__grid { grid-template-columns: 1fr; gap: 40px; } .section { padding: 72px 0; }  .price-acc__head { grid-template-columns: 48px 1fr auto; gap: 14px; padding: 18px 20px; } .price-acc__icon { width: 48px; height: 48px; font-size: 24px; } .price-acc__price { font-size: 18px; } .price-acc__body { padding: 0 20px 22px; padding-top: 20px; } .price-acc__body-grid { grid-template-columns: 1fr; gap: 20px; }  .steps-v4 { display: none; } .steps-carousel { display: block; }  .bento-grid { display: none; } .services-carousel { display: block; }  .city-bento { display: none; } .cities-carousel { display: block; }  .testimonial { flex: 0 0 320px; }  .market-grid { grid-template-columns: 1fr; gap: 32px; }   .live-notif { display: none; } }  @media (max-width: 767px) { .hero { padding: 64px 0; } .section { padding: 56px 0; } .container { padding: 0 16px; } .hero__stats { grid-template-columns: repeat(2, 1fr); gap: 12px; } .hero__ctas { flex-direction: column; } .hero__ctas .btn { width: 100%; justify-content: center; } .hero__badge { right: 16px; top: 16px; transform: scale(0.85); transform-origin: top right; }  .price-acc__head { grid-template-columns: 44px 1fr; grid-template-areas: "icon main" "price price" "toggle toggle"; row-gap: 10px; padding: 16px 18px; } .price-acc__icon { width: 44px; height: 44px; font-size: 22px; } .price-acc__price { padding-left: 0; font-size: 18px; text-align: left; } .price-acc__price small { text-align: left; } .price-acc__toggle { width: 100%; justify-content: center; } .price-acc__body { padding: 16px 18px 20px; } .price-acc__body-grid { grid-template-columns: 1fr; gap: 16px; } .price-acc__cta { flex-direction: column; align-items: stretch; } .price-acc__cta .btn { width: 100%; justify-content: center; }  .testimonial { flex: 0 0 280px; padding: 24px 22px; }  .tabs-nav { padding: 6px; } .tab-btn { padding: 10px 16px; font-size: 13px; }   .sticky-cta { display: block; }  .back-to-top { padding: 0 14px; height: 48px; font-size: 14px; bottom: 86px; }  .price-acc, .step-card, .bento-card, .testimonial, .city-link, .market-stat, .faq-item { box-shadow: 0 1px 0 var(--c-anthracite), 0 4px 12px -4px rgba(10,15,29,0.1); } }  @media (min-width: 1024px) { .steps-carousel, .services-carousel, .cities-carousel { display: none; } }  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }   .rg-pagehead { background: #fff; padding: 38px 0 36px; } .rg-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--c-text-muted); margin-bottom: 16px; } .rg-breadcrumb a { color: var(--c-text-muted); text-decoration: none; } .rg-breadcrumb a:hover { color: var(--c-brand-green-deep); text-decoration: underline; } .rg-breadcrumb__sep { opacity: 0.5; } .rg-breadcrumb__current { color: var(--c-text); font-weight: 600; } .rg-pagehead__eyebrow { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-brand-green-deep); background: rgba(90,188,122,0.10); padding: 5px 12px; border-radius: var(--r-pill); margin-bottom: 14px; } .rg-pagehead h1 { font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.5rem); font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; margin-bottom: 10px; } .rg-pagehead__intro { font-size: 16px; color: var(--c-text-muted); line-height: 1.6; max-width: 680px; }  .upm-back-link { display: none !important; }  .rg-backlink { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--c-brand-green-deep); text-decoration: none; margin-bottom: 14px; } .rg-backlink:hover { text-decoration: underline; }  .rg-topics { margin-top: 30px; } .rg-topics__label { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-text-muted); margin-bottom: 16px; } .rg-cat-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; } .rg-cat-tile { display: flex; flex-direction: column; gap: 5px; min-width: 0;  padding: 22px; background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-lg); text-decoration: none; color: var(--c-text); transition: transform 0.2s var(--ease), border-color 0.2s, box-shadow 0.2s; } .rg-cat-tile:hover { transform: translateY(-4px); border-color: var(--c-brand-green); box-shadow: 0 12px 26px -14px rgba(90,188,122,0.32); } .rg-cat-tile__icon { width: 46px; height: 46px; border-radius: 12px; background: rgba(90,188,122,0.10); border: 1px solid rgba(90,188,122,0.18); display: inline-flex; align-items: center; justify-content: center; color: var(--c-brand-green-deep); margin-bottom: 9px; transition: background 0.2s, border-color 0.2s, transform 0.2s var(--ease); } .rg-cat-tile:hover .rg-cat-tile__icon { background: rgba(90,188,122,0.18); border-color: rgba(90,188,122,0.34); transform: scale(1.06); } .rg-cat-tile__icon svg { width: 23px; height: 23px; display: block; }  .rg-cat-tile__name { font-weight: 700; font-size: 16px; line-height: 1.3; min-height: 2.6em; overflow-wrap: break-word; hyphens: auto; } .rg-cat-tile:hover .rg-cat-tile__name { color: var(--c-brand-green-deep); } .rg-cat-tile__count { font-size: 13px; font-weight: 600; color: var(--c-text-muted); }  .rg-articles { background: var(--c-bg-alt); padding: 44px 0 56px; } .rg-articles__label { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-text-muted); margin-bottom: 18px; } .rg-article-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; } .rg-article-card { display: flex; flex-direction: column; background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 1px 2px rgba(10,15,29,0.04); transition: transform 0.25s var(--ease), border-color 0.2s, box-shadow 0.25s; } .rg-article-card:hover { transform: translateY(-5px); border-color: var(--c-brand-green); box-shadow: 0 16px 34px -14px rgba(90,188,122,0.28), 0 4px 12px -6px rgba(10,15,29,0.10); } .rg-article-card__media { display: block; position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--c-bg-alt); } .rg-article-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s var(--ease); } .rg-article-card:hover .rg-article-card__media img { transform: scale(1.05); } .rg-article-card__cat { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; padding: 6px 12px; background: rgba(255,255,255,0.96); color: var(--c-brand-green-deep); font-size: 12px; font-weight: 700; letter-spacing: 0.02em; border-radius: var(--r-pill); box-shadow: 0 2px 8px rgba(10,15,29,0.12); } .rg-article-card__body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; } .rg-article-card__date { font-size: 13px; color: var(--c-text-muted); font-weight: 600; margin-bottom: 8px; } .rg-article-card__title { font-size: 18px; font-weight: 700; line-height: 1.35; margin-bottom: 9px; } .rg-article-card__title a { color: var(--c-text); text-decoration: none; } .rg-article-card:hover .rg-article-card__title a { color: var(--c-brand-green-deep); } .rg-article-card__excerpt { font-size: 14.5px; color: var(--c-text-muted); line-height: 1.6; margin-bottom: 16px; } .rg-article-card__more { margin-top: auto; display: inline-flex; align-items: center; gap: 7px; color: var(--c-brand-green-deep); font-weight: 700; font-size: 14px; transition: gap 0.2s var(--ease); } .rg-article-card:hover .rg-article-card__more { gap: 11px; }  .rg-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 40px; } .rg-pagination a, .rg-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: var(--r-md); border: 1.5px solid var(--c-border); background: #fff; color: var(--c-text); font-weight: 600; font-size: 15px; text-decoration: none; transition: background 0.18s, color 0.18s, border-color 0.18s; } .rg-pagination a:hover { border-color: var(--c-brand-green); color: var(--c-brand-green-deep); } .rg-pagination .is-current, .rg-pagination .current { background: var(--c-anthracite); color: #fff; border-color: var(--c-anthracite); } .rg-pagination .dots { border-color: transparent; background: transparent; }  .rg-cta-strip { background: var(--c-brand-green-dark); color: #fff; } .rg-cta-strip__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; padding: 26px 0; } .rg-cta-strip__text { font-size: 18px; font-weight: 700; } .rg-cta-strip__text span { color: var(--c-brand-green-bright); } .rg-cta-strip__btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; background: #fff; color: var(--c-brand-green-dark); border-radius: var(--r-pill); font-weight: 700; font-size: 15px; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; } .rg-cta-strip__btn:hover { transform: translateY(-2px); box-shadow: 0 10px 22px -8px rgba(0,0,0,0.4); color: var(--c-brand-green-dark); }   @media (max-width: 1023px) { .rg-cat-tiles { grid-template-columns: repeat(3, 1fr); } .rg-article-grid { grid-template-columns: repeat(2, 1fr); } }  @media (max-width: 767px) { .rg-pagehead { padding: 26px 0 30px; } .rg-topics { margin-top: 24px; } .rg-cat-tiles { grid-template-columns: repeat(2, 1fr); gap: 12px; } .rg-cat-tile { padding: 18px; } .rg-articles { padding: 28px 0 40px; } .rg-article-grid { grid-template-columns: 1fr; gap: 16px; } .rg-article-card__body { padding: 18px 18px 20px; } .rg-pagination { margin-top: 28px; } .rg-cta-strip__inner { flex-direction: column; align-items: flex-start; padding: 22px 0; } .rg-cta-strip__text { font-size: 16px; } .rg-cta-strip__btn { width: 100%; justify-content: center; } }   .ra-head { background: var(--c-bg-alt); border-bottom: 1px solid var(--c-border); padding: 32px 0 30px; } .ra-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--c-text-muted); margin-bottom: 16px; } .ra-breadcrumb a { color: var(--c-text-muted); text-decoration: none; } .ra-breadcrumb a:hover { color: var(--c-brand-green-deep); text-decoration: underline; } .ra-breadcrumb__sep { opacity: 0.5; } .ra-breadcrumb__current { color: var(--c-text); font-weight: 600; } .ra-eyebrow { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-brand-green-deep); background: rgba(90,188,122,0.10); padding: 5px 12px; border-radius: var(--r-pill); margin-bottom: 14px; } .ra-head h1 { font-size: clamp(1.7rem, 1.25rem + 1.9vw, 2.6rem); font-weight: 800; line-height: 1.18; letter-spacing: -0.02em; max-width: 820px; margin-bottom: 16px; } .ra-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; color: var(--c-text-muted); } .ra-meta__item { display: inline-flex; align-items: center; gap: 7px; } .ra-meta__item svg { width: 16px; height: 16px; color: var(--c-brand-green); flex-shrink: 0; }  .ra-figure { max-width: 1000px; margin: 0 auto; padding: 30px 0 0; } .ra-figure img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-lg); } .ra-figure figcaption { font-size: 13px; color: var(--c-text-muted); margin-top: 8px; text-align: center; }  .ra-body { padding: 34px 0 46px; } .ra-col { max-width: 720px; margin: 0 auto; } .ra-lead { font-size: 19px; line-height: 1.7; color: var(--c-text); margin-bottom: 26px; }  .ra-summary { background: var(--c-brand-green-dark); color: #fff; border-radius: var(--r-lg); padding: 22px 26px; margin-bottom: 30px; } .ra-summary__title { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-brand-green-bright); margin-bottom: 12px; } .ra-summary ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; } .ra-summary li { display: flex; gap: 11px; font-size: 15.5px; line-height: 1.55; } .ra-summary li::before { content: ''; flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--c-brand-green-bright); margin-top: 8px; }  .ra-toc { background: var(--c-bg-alt); border: 1px solid var(--c-border); border-left: 4px solid var(--c-brand-green); padding: 18px 22px; border-radius: 0 var(--r-md) var(--r-md) 0; margin-bottom: 32px; } .ra-toc__title { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-text); margin-bottom: 12px; } .ra-toc ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 7px; } .ra-toc li { font-size: 15px; } .ra-toc a { color: var(--c-text-muted); text-decoration: none; } .ra-toc a:hover { color: var(--c-brand-green-deep); text-decoration: underline; }  .ra-prose { font-size: 18px; line-height: 1.75; color: var(--c-text); } .ra-prose p { margin: 0 0 1.25em; } .ra-prose h2 { font-size: clamp(1.4rem, 1.1rem + 0.9vw, 1.85rem); font-weight: 800; line-height: 1.25; letter-spacing: -0.02em; margin: 1.9em 0 0.55em; padding-top: 1.4em; border-top: 1px solid var(--c-border); scroll-margin-top: 90px; } .ra-prose h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .ra-prose h3 { font-size: clamp(1.18rem, 1.05rem + 0.4vw, 1.35rem); font-weight: 700; line-height: 1.3; margin: 1.6em 0 0.4em; scroll-margin-top: 90px; } .ra-prose ul, .ra-prose ol { margin: 0 0 1.25em; padding-left: 1.5em; } .ra-prose li { margin: 0.4em 0; line-height: 1.65; } .ra-prose ul li::marker { color: var(--c-brand-green); } .ra-prose ol li::marker { color: var(--c-brand-green-deep); font-weight: 700; } .ra-prose a { color: var(--c-brand-green-deep); text-decoration: underline; text-underline-offset: 2px; } .ra-prose a:hover { color: var(--c-brand-green-hover); } .ra-prose strong { font-weight: 700; } .ra-prose blockquote { margin: 1.6em 0; padding: 14px 22px; border-left: 4px solid var(--c-brand-green); background: var(--c-bg-alt); border-radius: 0 8px 8px 0; font-style: italic; } .ra-prose img { max-width: 100%; height: auto; border-radius: var(--r-md); margin: 1.5em 0; } .ra-prose figure { margin: 1.6em 0; } .ra-prose figure img { margin: 0; } .ra-prose figcaption { font-size: 13px; color: var(--c-text-muted); margin-top: 8px; text-align: center; } .ra-prose table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 16px; } .ra-prose th, .ra-prose td { border: 1px solid var(--c-border); padding: 10px 14px; text-align: left; } .ra-prose th { background: var(--c-bg-alt); font-weight: 700; }  .ra-faq { margin-top: 40px; } .ra-faq__title { font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.7rem); font-weight: 800; line-height: 1.25; margin-bottom: 18px; } .ra-faq .faq-list { margin: 0; }  .ra-author { display: flex; gap: 16px; align-items: flex-start; background: var(--c-bg-alt); border: 1px solid var(--c-border); border-radius: var(--r-lg); padding: 20px 22px; margin-top: 36px; } .ra-author__avatar { width: 52px; height: 52px; border-radius: 50%; flex-shrink: 0; background: var(--c-brand-green-dark); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 17px; } .ra-author__name { font-weight: 700; font-size: 15px; } .ra-author__role { font-size: 13px; color: var(--c-text-muted); margin-bottom: 6px; } .ra-author__bio { font-size: 14px; color: var(--c-text-muted); line-height: 1.6; }  .ra-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; background: var(--c-brand-green-dark); color: #fff; border-radius: var(--r-lg); padding: 24px 28px; margin-top: 22px; } .ra-cta__text { font-size: 18px; font-weight: 700; } .ra-cta__text span { display: block; font-weight: 500; font-size: 14px; color: var(--c-brand-green-bright); margin-top: 3px; } .ra-cta__btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; background: #fff; color: var(--c-brand-green-dark); border-radius: var(--r-pill); font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; } .ra-cta__btn:hover { transform: translateY(-2px); box-shadow: 0 10px 22px -8px rgba(0,0,0,0.4); color: var(--c-brand-green-dark); }  .ra-related { background: var(--c-bg-alt); border-top: 1px solid var(--c-border); padding: 46px 0 56px; } .ra-related__title { font-size: clamp(1.3rem, 1.1rem + 1vw, 1.7rem); font-weight: 800; margin-bottom: 22px; } .ra-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }  @media (max-width: 900px) { .ra-related-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .ra-head { padding: 24px 0 22px; } .ra-figure { padding-top: 22px; } .ra-figure img { aspect-ratio: 3 / 2; } .ra-body { padding: 28px 0 36px; } .ra-prose { font-size: 17px; } .ra-lead { font-size: 17px; } .ra-summary { padding: 20px; } .ra-author { padding: 18px; } .ra-cta { padding: 20px; } .ra-cta__btn { width: 100%; justify-content: center; } .ra-related { padding: 32px 0 40px; } .ra-related-grid { grid-template-columns: 1fr; } }   .site-footer { background: #fff; color: var(--c-text); padding: 72px 0 24px; border-top: 1px solid var(--c-border); } .footer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px; margin-bottom: 56px; } .footer-col h4 { color: var(--c-text); font-size: 16px; font-weight: 700; margin-bottom: 22px; letter-spacing: -0.005em; } .footer-col ul { list-style: none; padding: 0; } .footer-col li { padding: 0; margin-bottom: 14px; } .footer-col li:last-child { margin-bottom: 0; } .footer-col a { color: var(--c-text-muted); font-size: 15px; font-weight: 400; transition: color 0.18s; line-height: 1.4; display: inline-block; } .footer-col a:hover { color: var(--c-text); text-decoration: underline; text-underline-offset: 3px; } .footer-bottom { border-top: 1px solid var(--c-border); padding-top: 28px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; } .footer-bottom__brand { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } .footer-bottom__logo { font-size: 22px; font-weight: 800; color: var(--c-text); letter-spacing: -0.02em; } .footer-bottom__logo span { background: var(--c-anthracite); color: #fff; padding: 2px 8px; border-radius: 6px; margin-left: 2px; font-size: 18px; } .footer-bottom__copy { font-size: 14px; color: var(--c-text-muted); } .footer-bottom__right { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; } .footer-social { display: flex; align-items: center; gap: 16px; } .footer-social a { color: var(--c-text); width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; transition: opacity 0.18s; opacity: 0.65; } .footer-social a:hover { opacity: 1; } .footer-social svg { width: 20px; height: 20px; } .footer-locale { display: flex; align-items: center; gap: 8px; padding-left: 22px; border-left: 1px solid var(--c-border); font-size: 14px; color: var(--c-text-muted); } .footer-locale__item { display: inline-flex; align-items: center; gap: 6px; } @media (max-width: 1100px) { .footer-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; } } @media (max-width: 720px) { .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } .footer-bottom { flex-direction: column; align-items: flex-start; } } @media (max-width: 480px) { .footer-grid { grid-template-columns: 1fr; gap: 28px; } .footer-locale { padding-left: 0; border-left: none; } }  @media (max-width: 1100px) { .footer-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; } } @media (max-width: 1023px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 720px) { .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } .footer-bottom { flex-direction: column; align-items: flex-start; } } @media (max-width: 480px) { .footer-grid { grid-template-columns: 1fr; gap: 28px; } .footer-locale { padding-left: 0; border-left: none; } }  .upm-cf7{max-width:760px;margin:0 auto;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--c-text,#111);} .upm-cf7__section{font-size:18px;font-weight:700;color:var(--c-text,#111);margin:32px 0 4px;padding-bottom:8px;border-bottom:2px solid var(--c-brand-green,#5abc7a);} .upm-cf7__section:first-child{margin-top:0;} .upm-cf7__field{margin:0 0 16px;} .upm-cf7__field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--c-text,#111);} .upm-cf7__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .upm-cf7 input[type="text"],.upm-cf7 input[type="email"],.upm-cf7 input[type="tel"],.upm-cf7 input[type="number"],.upm-cf7 input[type="date"],.upm-cf7 select,.upm-cf7 textarea{width:100%;box-sizing:border-box;padding:12px 14px;font-size:16px;font-family:inherit;color:var(--c-text,#111);background:#fff;border:1.5px solid var(--c-border,#d4d8e0);border-radius:var(--r-md,12px);transition:border-color .15s ease,box-shadow .15s ease;} .upm-cf7 input:focus,.upm-cf7 select:focus,.upm-cf7 textarea:focus{outline:none;border-color:var(--c-brand-green,#5abc7a);box-shadow:0 0 0 3px rgba(90,188,122,0.15);} .upm-cf7 textarea{resize:vertical;min-height:90px;} .upm-cf7 .wpcf7-radio,.upm-cf7 .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:8px 18px;} .upm-cf7 .wpcf7-list-item{margin:0;} .upm-cf7 .wpcf7-list-item label{display:flex;align-items:center;gap:7px;font-weight:500;cursor:pointer;} .upm-cf7 input[type="radio"],.upm-cf7 input[type="checkbox"]{width:18px;height:18px;accent-color:var(--c-brand-green,#5abc7a);} .upm-cf7__consent label{display:flex;align-items:flex-start;gap:9px;font-size:14px;font-weight:500;line-height:1.5;} .upm-cf7__consent a{color:var(--c-brand-green-deep,#3f9d5e);} .upm-cf7__submit{margin-top:24px;} .upm-cf7 input[type="submit"]{background:var(--c-brand-green,#5abc7a);color:#fff;border:0;border-radius:var(--r-md,12px);padding:14px 32px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .15s ease;} .upm-cf7 input[type="submit"]:hover{background:var(--c-brand-green-hover,#4aac6a);transform:translateY(-1px);} .upm-cf7 .wpcf7-response-output{border-radius:var(--r-md,12px);padding:12px 16px !important;margin:16px 0 0 !important;font-size:14px;} .upm-cf7 .wpcf7-not-valid-tip{color:#c0392b;font-size:13px;font-weight:600;} @media(max-width:640px){.upm-cf7__row{grid-template-columns:1fr;gap:0;}}  .upm-cf7{background:#fff;border:1px solid var(--c-border,#d4d8e0);border-radius:var(--r-lg,20px);box-shadow:0 4px 18px rgba(10,15,29,.06);padding:32px;box-sizing:border-box;} @media(max-width:680px){.upm-cf7{margin-left:14px;margin-right:14px;padding:20px 16px;}}  .upm-cf7 .wpcf7-radio,.upm-cf7 .wpcf7-checkbox{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .upm-cf7 .wpcf7-radio .wpcf7-list-item,.upm-cf7 .wpcf7-checkbox .wpcf7-list-item{margin:0;border:1.5px solid var(--c-border,#d4d8e0);border-radius:var(--r-md,12px);background:var(--c-bg-alt,#f6f7fa);transition:border-color .15s ease,background .15s ease;} .upm-cf7 .wpcf7-radio .wpcf7-list-item label,.upm-cf7 .wpcf7-checkbox .wpcf7-list-item label{display:flex;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;width:100%;font-weight:500;} .upm-cf7 .wpcf7-radio .wpcf7-list-item:has(input:checked),.upm-cf7 .wpcf7-checkbox .wpcf7-list-item:has(input:checked){border-color:var(--c-brand-green,#5abc7a);background:rgba(90,188,122,.10);} .upm-cf7 .wpcf7-radio .wpcf7-list-item:hover,.upm-cf7 .wpcf7-checkbox .wpcf7-list-item:hover{border-color:var(--c-brand-green,#5abc7a);} @media(max-width:600px){.upm-cf7 .wpcf7-radio,.upm-cf7 .wpcf7-checkbox{grid-template-columns:1fr;}}  .upm-cf7 input[type="text"],.upm-cf7 input[type="email"],.upm-cf7 input[type="tel"],.upm-cf7 input[type="number"],.upm-cf7 input[type="date"],.upm-cf7 select,.upm-cf7 textarea{padding:9px 12px;font-size:15px;} .upm-cf7__field{margin-bottom:13px;} .upm-cf7 textarea{min-height:72px;} .upm-cf7 .wpcf7-radio .wpcf7-list-item label,.upm-cf7 .wpcf7-checkbox .wpcf7-list-item label{padding:10px 13px;} .upm-cf7__field label{font-size:13.5px;margin-bottom:4px;} .upm-cf7__section{font-size:16px;margin:24px 0 4px;} @media(max-width:600px){.upm-cf7 input,.upm-cf7 select,.upm-cf7 textarea{font-size:16px;}}  .upm-cf7{zoom:0.9;} @media(max-width:600px){.upm-cf7{zoom:1;}} .reveal{opacity:1 !important;transform:none !important;}  .upm-cf7__field{margin:0 0 10px !important;} .upm-cf7__field label{margin-bottom:4px !important;font-size:13.5px !important;} .upm-cf7__row{gap:12px !important;} .upm-cf7__section{margin:14px 0 4px !important;} .upm-cf7 input[type="text"],.upm-cf7 input[type="email"],.upm-cf7 input[type="tel"],.upm-cf7 input[type="number"],.upm-cf7 input[type="date"],.upm-cf7 select,.upm-cf7 textarea{padding:9px 13px !important;} .upm-cf7 textarea{min-height:60px !important;} .upm-wiz__progress{margin:0 0 15px !important;} .upm-wiz__dots{margin-top:9px !important;} .upm-wiz__nav{margin-top:15px !important;padding-top:13px !important;} .upm-wiz__btn{padding:11px 22px !important;} .form-card{padding:24px 26px 20px !important;} .form-card__intro{margin-bottom:13px !important;padding-bottom:13px !important;}  .form-card .upm-cf7{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;max-width:none !important;margin:0 !important;}  #formular-b .section__eyebrow,#formular-b .section__lead,#formular-b .form-card__intro{display:none !important;}  .upm-cf7 br{display:none !important;}    .site-header { position: sticky; top: 0; z-index: var(--z-header); background: rgba(255,255,255,0.92); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border-bottom: 1px solid var(--c-border); transition: box-shadow 0.25s, border-color 0.25s; } .site-header.is-scrolled { box-shadow: var(--shadow-header); border-bottom-color: transparent; } .site-header__inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; max-width: 1240px; margin: 0 auto; gap: 24px; }  .site-header__logo { font-size: 22px; font-weight: 800; color: var(--c-text); letter-spacing: -0.02em; display: inline-flex; align-items: center; white-space: nowrap; } .site-header__logo span { background: var(--c-brand-green); color: #fff; padding: 2px 9px; border-radius: 6px; margin-left: 4px; font-size: 18px; }  .site-nav { display: flex; gap: 6px; align-items: center; flex: 1; justify-content: center; } .site-nav__item { position: relative; } .site-nav__link { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; font-size: 15px; font-weight: 600; color: var(--c-text); border-radius: var(--r-pill); transition: background 0.18s, color 0.18s; white-space: nowrap; } .site-nav__link:hover, .site-nav__link.is-active, .site-nav__item:hover .site-nav__link { background: rgba(90,188,122,0.10); color: var(--c-brand-green-deep); } .site-nav__link svg { width: 12px; height: 12px; transition: transform 0.25s var(--ease); } .site-nav__item:hover .site-nav__link svg { transform: rotate(180deg); }  .site-nav__dropdown { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(-8px); min-width: 280px; background: #fff; border: 1px solid var(--c-border); border-radius: var(--r-lg); padding: 12px; box-shadow: 0 18px 50px -12px rgba(17,17,17,0.18), 0 4px 10px -4px rgba(17,17,17,0.06); opacity: 0; visibility: hidden; transition: opacity 0.18s, transform 0.18s, visibility 0.18s; display: grid; gap: 2px; } .site-nav__item:hover .site-nav__dropdown, .site-nav__item:focus-within .site-nav__dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .site-nav__dropdown a { display: block; padding: 10px 14px; font-size: 15px; font-weight: 500; color: var(--c-text); border-radius: var(--r-md); transition: background 0.15s, color 0.15s; } .site-nav__dropdown a:hover { background: rgba(90,188,122,0.10); color: var(--c-brand-green-deep); } .site-nav__dropdown-divider { height: 1px; background: var(--c-border); margin: 8px 0; } .site-nav__dropdown-hint { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--c-text-muted); padding: 8px 14px 4px; }  .site-header__actions { display: inline-flex; align-items: center; gap: 14px; } .site-header__phone { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px; color: var(--c-text); padding: 8px 12px; border-radius: var(--r-pill); transition: background 0.18s, color 0.18s; } .site-header__phone:hover { background: rgba(90,188,122,0.10); color: var(--c-brand-green-deep); } .site-header__phone svg { width: 16px; height: 16px; color: var(--c-brand-green); } .site-header__cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: var(--c-brand-green); color: #fff; font-weight: 700; font-size: 15px; border-radius: var(--r-pill); box-shadow: 0 4px 12px -2px rgba(90,188,122,0.4); transition: background 0.18s, transform 0.18s, box-shadow 0.18s; min-height: 44px; white-space: nowrap; } .site-header__cta:hover { background: var(--c-brand-green-hover); transform: translateY(-1px); box-shadow: 0 8px 18px -4px rgba(90,188,122,0.55); color: #fff; }  .site-header__burger { display: none; width: 46px; height: 46px; border-radius: 12px; background: transparent; border: 1.5px solid var(--c-border-strong); color: var(--c-text); align-items: center; justify-content: center; position: relative; z-index: var(--z-burger); transition: background 0.2s, border-color 0.2s; } .site-header__burger:hover { background: rgba(17,17,17,0.06); } .site-header__burger__lines { position: relative; width: 22px; height: 14px; } .site-header__burger__lines::before, .site-header__burger__lines::after, .site-header__burger__lines span { content: ''; position: absolute; left: 0; width: 22px; height: 2.5px; background: currentColor; border-radius: 2px; transition: transform 0.35s var(--ease), opacity 0.25s, top 0.35s var(--ease); } .site-header__burger__lines::before { top: 0; } .site-header__burger__lines span { top: 6px; } .site-header__burger__lines::after { top: 12px; }  .site-header__burger[aria-expanded="true"] .site-header__burger__lines::before { top: 6px; transform: rotate(45deg); } .site-header__burger[aria-expanded="true"] .site-header__burger__lines span { opacity: 0; } .site-header__burger[aria-expanded="true"] .site-header__burger__lines::after { top: 6px; transform: rotate(-45deg); }  .site-header__phone-mobile { display: none; width: 46px; height: 46px; border-radius: 12px; background: var(--c-brand-green); color: #fff; align-items: center; justify-content: center; box-shadow: 0 4px 10px -2px rgba(90,188,122,0.4); transition: background 0.2s; } .site-header__phone-mobile:hover { background: var(--c-brand-green-hover); color: #fff; } .site-header__phone-mobile svg { width: 20px; height: 20px; }  .offcanvas-backdrop { position: fixed; inset: 0; background: rgba(10,10,10,0.55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: var(--z-backdrop); opacity: 0; visibility: hidden; transition: opacity 0.3s var(--ease), visibility 0.3s; } body.offcanvas-open .offcanvas-backdrop { opacity: 1; visibility: visible; } body.offcanvas-open { overflow: hidden; } .offcanvas { position: fixed; top: 0; right: 0; height: 100dvh; width: min(420px, 100%); background: #fff; z-index: var(--z-offcanvas); transform: translateX(100%); transition: transform 0.35s var(--ease); display: flex; flex-direction: column; box-shadow: -12px 0 40px -12px rgba(0,0,0,0.18); } body.offcanvas-open .offcanvas { transform: translateX(0); } .offcanvas__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--c-border); background: var(--c-bg); position: sticky; top: 0; z-index: 2; } .offcanvas__close { width: 44px; height: 44px; border-radius: 12px; background: var(--c-bg-alt); border: 1px solid var(--c-border); color: var(--c-text); display: inline-flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; transition: background 0.18s, color 0.18s; } .offcanvas__close:hover { background: var(--c-anthracite); color: #fff; border-color: var(--c-anthracite); } .offcanvas__body { flex: 1; overflow-y: auto; padding: 8px 16px 24px; -webkit-overflow-scrolling: touch; } .offcanvas__group { padding: 16px 0; border-bottom: 1px solid var(--c-border); } .offcanvas__group:last-child { border-bottom: none; } .offcanvas__label { display: block; font-size: 11.5px; font-weight: 800; letter-spacing: 0.10em; text-transform: uppercase; color: var(--c-text-muted); padding: 4px 12px 12px; } .offcanvas__link { display: flex; align-items: center; justify-content: space-between; padding: 14px 14px; border-radius: 12px; font-size: 17px; font-weight: 600; color: var(--c-text); min-height: 52px; transition: background 0.18s, color 0.18s, transform 0.18s; } .offcanvas__link:hover, .offcanvas__link.is-active { background: rgba(90,188,122,0.10); color: var(--c-brand-green-deep); } .offcanvas__link:active { transform: scale(0.98); background: rgba(90,188,122,0.18); } .offcanvas__link .chev { color: var(--c-text-muted); font-size: 16px; opacity: 0.6; } .offcanvas__link:hover .chev { color: var(--c-brand-green-deep); opacity: 1; } .offcanvas__footer { border-top: 1px solid var(--c-border); padding: 20px 24px 28px; display: flex; flex-direction: column; gap: 12px; background: var(--c-bg-alt); } .offcanvas__quick { display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px; background: #fff; border: 1.5px solid var(--c-border); border-radius: 12px; font-weight: 700; color: var(--c-text); font-size: 16px; transition: background 0.18s, border-color 0.18s, color 0.18s; min-height: 52px; } .offcanvas__quick:hover { border-color: var(--c-brand-green); color: var(--c-brand-green-deep); background: #fff; } .offcanvas__quick svg { width: 20px; height: 20px; color: var(--c-brand-green); flex-shrink: 0; } .offcanvas__cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 22px; background: var(--c-brand-green); color: #fff; font-weight: 700; font-size: 16px; border-radius: 12px; box-shadow: 0 6px 16px -4px rgba(90,188,122,0.5); transition: background 0.2s, transform 0.2s; min-height: 56px; margin-top: 4px; } .offcanvas__cta:hover { background: var(--c-brand-green-hover); color: #fff; transform: translateY(-1px); }  @media (max-width: 1023px) { .site-header__inner { padding: 12px 20px; gap: 16px; } .site-nav, .site-header__phone, .site-header__cta { display: none; } .site-header__burger { display: inline-flex; } .site-header__phone-mobile { display: inline-flex; } }  @media (max-width: 480px) { .site-header__inner { padding: 10px 14px; gap: 10px; } .site-header__logo { font-size: 20px; } .site-header__logo span { font-size: 16px; padding: 1px 8px; } .offcanvas__head { padding: 14px 18px; } }  @media (prefers-reduced-motion: reduce) { .offcanvas { transition-duration: 0.01ms; } .offcanvas-backdrop { transition-duration: 0.01ms; } .site-header__burger__lines::before, .site-header__burger__lines::after, .site-header__burger__lines span { transition-duration: 0.01ms; } } .site-header__burger:focus-visible, .offcanvas__close:focus-visible, .site-header__cta:focus-visible, .offcanvas__cta:focus-visible { outline: 3px solid var(--c-brand-green); outline-offset: 3px; }  @media (max-width: 767px) { .marquee-band { overflow: visible; padding: 16px 0; } .marquee { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; max-width: none; margin: 0; padding: 0 16px; animation: none; transform: none !important; } .marquee__item { width: 100%; white-space: normal; flex-shrink: 1; padding: 12px 14px; background: #fff; border: 1px solid var(--c-border); border-radius: var(--r-lg); box-shadow: 0 1px 0 rgba(10,15,29,0.04); } .marquee__item--dup { display: none !important; } .swipe-track, .swipe-track.is-expanded { display: flex; flex-direction: column; gap: 14px; overflow-x: visible; scroll-snap-type: none; scroll-padding: 0; padding: 8px 0 0; } .swipe-card, .swipe-track.is-expanded .swipe-card { flex: 1 1 auto; width: 100%; max-width: 100%; scroll-snap-align: none; } .swipe-hint, .show-all-toggle-wrap, .swipe-indicators { display: none !important; } .testimonials-slider { margin: 0; overflow: visible; cursor: default; } .testimonials-track { display: flex; flex-direction: column; gap: 16px; width: 100%; animation: none; transform: none !important; } .testimonial { flex: 1 1 auto; width: 100%; max-width: 100%; padding: 24px 22px; } .testimonial-duplicate { display: none !important; } }   .ra-toc { padding: 0;  overflow: hidden; border-radius: 0 var(--r-md) var(--r-md) 0; transition: border-color 0.2s var(--ease); } .ra-toc__title {  margin: 0; padding: 16px 22px; cursor: pointer; user-select: none; display: flex; align-items: center; gap: 12px; line-height: 1.2; } .ra-toc__title::before { content: ""; width: 20px; height: 20px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f9d5e' stroke-width='2.4' stroke-linecap='round'><line x1='8' y1='6' x2='21' y2='6'/><line x1='8' y1='12' x2='21' y2='12'/><line x1='8' y1='18' x2='21' y2='18'/><line x1='3' y1='6' x2='3.01' y2='6'/><line x1='3' y1='12' x2='3.01' y2='12'/><line x1='3' y1='18' x2='3.01' y2='18'/></svg>") no-repeat center / contain; flex-shrink: 0; } .ra-toc__title::after { content: ""; width: 11px; height: 11px; border-right: 2.5px solid var(--c-text-muted); border-bottom: 2.5px solid var(--c-text-muted); transform: rotate(45deg); transition: transform 0.25s var(--ease); margin-left: auto; flex-shrink: 0; } .ra-toc.is-open .ra-toc__title::after { transform: rotate(-135deg); border-color: var(--c-brand-green-deep); } .ra-toc.is-open .ra-toc__title { border-bottom: 1px solid var(--c-border); }  .ra-toc__body-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s var(--ease); } .ra-toc.is-open .ra-toc__body-wrap { grid-template-rows: 1fr; } .ra-toc__body-inner { overflow: hidden; min-height: 0; } .ra-toc ol { margin: 0; padding: 14px 22px 18px 44px; background: #fff; }  .download-block { display: grid; grid-template-columns: 280px 1fr; gap: 32px; align-items: center; background: #fff; border: 1.5px solid var(--c-border-strong); border-radius: var(--r-xl); padding: 32px; margin: 40px 0; box-shadow: var(--shadow-md); position: relative; overflow: hidden; transition: transform 0.25s var(--ease), border-color 0.2s, box-shadow 0.25s; } .download-block:hover { transform: translateY(-3px); border-color: var(--c-brand-green); box-shadow: 0 14px 30px -12px rgba(90,188,122,0.30), 0 4px 10px -4px rgba(10,15,29,0.08); } .download-block::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: linear-gradient(180deg, var(--c-brand-green) 0%, var(--c-brand-green-deep) 100%); } .download-block__visual img { width: 100%; height: auto; display: block; border-radius: var(--r-md); box-shadow: 0 8px 24px rgba(10,15,29,0.15); transform: rotate(-2deg); transition: transform 0.3s var(--ease); } .download-block:hover .download-block__visual img { transform: rotate(0deg) scale(1.02); } .download-block__eyebrow { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 0.10em; color: var(--c-brand-green-deep); background: rgba(90,188,122,0.10); padding: 5px 12px; border-radius: var(--r-pill); margin-bottom: 10px; text-transform: uppercase; } .download-block h3 { font-size: 22px; font-weight: 800; margin: 0 0 12px; line-height: 1.3; letter-spacing: -0.01em; color: var(--c-text); } .download-block p { font-size: 15.5px; color: var(--c-text-muted); margin: 0 0 20px; line-height: 1.65; } .download-block__btn { display: inline-flex; align-items: center; gap: 9px; background: var(--c-brand-green); color: #fff; padding: 13px 24px; border-radius: var(--r-pill); font-weight: 700; font-size: 15px; text-decoration: none; min-height: 46px; box-shadow: 0 4px 12px -2px rgba(90,188,122,0.4); transition: background 0.2s var(--ease), transform 0.2s var(--ease), box-shadow 0.2s var(--ease); } .download-block__btn:hover { background: var(--c-brand-green-hover); color: #fff; transform: translateY(-1px); box-shadow: 0 6px 16px -3px rgba(90,188,122,0.5); } .download-block__btn::before { content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><polyline points='7 10 12 15 17 10'/><line x1='12' y1='15' x2='12' y2='3'/></svg>") no-repeat center / contain; } @media (max-width: 768px) { .download-block { grid-template-columns: 1fr; padding: 24px; gap: 22px; } .download-block__visual { max-width: 240px; margin: 0 auto; } }   :root {  --c-yellow: #fbbf24;  --c-anthracite-soft: #1f1f1f; }  .service-stripe{background:var(--c-brand-green-dark);color:rgba(255,255,255,.85);padding:6px 0;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase} .service-stripe__inner{max-width:1240px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;gap:24px} .service-stripe__service{display:inline-flex;align-items:center;gap:8px;color:var(--c-brand-green-bright)} .service-stripe__service::before{content:"";width:8px;height:8px;background:var(--c-brand-green-bright);border-radius:50%} .service-stripe__meta{display:inline-flex;align-items:center;gap:18px;font-weight:500;letter-spacing:.06em;text-transform:none;font-size:.78rem;color:rgba(255,255,255,.7)} .service-stripe__meta span{display:inline-flex;align-items:center;gap:5px} .service-stripe__meta svg{width:13px;height:13px;color:var(--c-brand-green-bright)}  .hub-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.10);border:1.5px solid rgba(127,212,154,.35);padding:8px 16px 8px 10px;border-radius:99px;backdrop-filter:blur(6px);margin-bottom:18px;color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.10em;text-transform:uppercase} .hub-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--c-brand-green);border-radius:50%;color:#0a2716} .hub-badge__icon svg{width:16px;height:16px}  .usp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px} .usp-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(127,212,154,.12);border:1px solid rgba(127,212,154,.28);color:#cfeed8;padding:5px 11px;border-radius:99px;font-size:.74rem;font-weight:600;letter-spacing:.02em} .usp-chip svg{width:13px;height:13px}  .service-promise{display:inline-flex;align-items:center;gap:12px;background:rgba(127,212,154,.10);border:1px dashed rgba(127,212,154,.4);padding:11px 16px;border-radius:12px;margin-bottom:22px;max-width:520px} .service-promise__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--c-brand-green);border-radius:50%;color:#0a2716} .service-promise__icon svg{width:20px;height:20px} .service-promise__text{font-size:.82rem;color:#fff;line-height:1.4} .service-promise__text strong{color:var(--c-brand-green-bright);display:block;font-size:.88rem;margin-bottom:2px}  .live-avail{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.82);font-size:.82rem;margin-bottom:24px} .live-avail__dot{position:relative;width:9px;height:9px;background:var(--c-brand-green-bright);border-radius:50%} .live-avail__dot::before{content:"";position:absolute;inset:-4px;border:2px solid var(--c-brand-green-bright);border-radius:50%;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite} @keyframes ping{0%{transform:scale(.9);opacity:1}80%,100%{transform:scale(2);opacity:0}} .live-avail strong{color:var(--c-brand-green-bright);font-weight:700}  .hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .stat{padding:12px 0;border-top:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;gap:3px} .stat__head{display:flex;align-items:center;gap:6px;color:var(--c-brand-green-bright);font-size:.78rem;font-weight:700} .stat__head svg{width:14px;height:14px} .stat__v{font-size:1.2rem;font-weight:800;color:#fff;line-height:1;margin-top:4px} .stat__l{font-size:.7rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}  .ansprech{background:#fff;color:#111;border-radius:14px;padding:18px;box-shadow:0 16px 40px rgba(0,0,0,.25);display:flex;align-items:center;gap:14px;border:2px solid var(--c-brand-green-bright)} .ansprech__avatar{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--c-brand-green),var(--c-brand-green-deep));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem} .ansprech__main{flex:1;min-width:0} .ansprech__label{font-size:.7rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:2px} .ansprech__name{font-weight:700;font-size:.95rem;color:#111} .ansprech__role{font-size:.78rem;color:var(--c-text-muted);margin-top:1px} .ansprech__tel{display:inline-flex;align-items:center;gap:5px;background:var(--c-brand-green);color:#0a2716;font-weight:700;font-size:.82rem;padding:7px 13px;border-radius:99px;text-decoration:none;flex-shrink:0;transition:all .15s} .ansprech__tel:hover{background:var(--c-brand-green-bright)} .ansprech__tel svg{width:14px;height:14px}  .proof-quote{background:rgba(255,255,255,.06);border:1px solid rgba(127,212,154,.20);border-left:3px solid var(--c-brand-green-bright);border-radius:10px;padding:14px 16px;color:#fff} .proof-quote__stars{color:var(--c-yellow);font-size:.85rem;letter-spacing:1px;margin-bottom:6px} .proof-quote__text{font-size:.82rem;line-height:1.5;font-style:italic;color:rgba(255,255,255,.92);margin-bottom:8px} .proof-quote__author{font-size:.72rem;color:rgba(255,255,255,.6)} .proof-quote__author strong{color:rgba(255,255,255,.85);font-weight:600}  .local-activity{margin-top:14px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.7);font-size:.78rem;padding-top:14px;border-top:1px dashed rgba(255,255,255,.15)} .local-activity strong{color:var(--c-brand-green-bright)}  .garantie-siegel{position:absolute;top:24px;right:24px;width:88px;height:88px;background:var(--c-yellow);color:#0a2716;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;text-align:center;font-size:.65rem;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-12deg);box-shadow:0 8px 20px rgba(0,0,0,.3);border:3px solid #fff;z-index:2} .garantie-siegel strong{font-size:.92rem;display:block;line-height:1;margin-bottom:2px}  .trust-bar{background:#fafbfc;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding:18px 0} .trust-bar__inner{max-width:1240px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px} .trust-bar__label{font-size:.74rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.10em;font-weight:700;flex-shrink:0} .trust-bar__logos{display:flex;gap:30px;flex-wrap:wrap;align-items:center;opacity:.75} .trust-logo{display:inline-flex;align-items:center;gap:8px;color:var(--c-text);font-weight:700;font-size:.85rem} .trust-logo svg{width:18px;height:18px;color:var(--c-brand-green-deep)} .trust-logo__sub{font-size:.7rem;color:var(--c-text-muted);font-weight:500;margin-top:1px;display:block}  @media (max-width: 880px) {  .service-stripe__inner { gap: 10px; padding: 0 14px; } .service-stripe__meta { font-size: .7rem; gap: 10px; } .service-stripe__meta span:not(:last-child) { display: none; }   .hero__grid { grid-template-columns: 1fr !important; gap: 28px; }  .usp-chip { font-size: .68rem; padding: 4px 9px; }  .hero__stats { grid-template-columns: 1fr 1fr; gap: 10px; } .stat__v { font-size: 1.05rem; } .stat__head { font-size: .66rem; } .stat__l { font-size: .64rem; }  .garantie-siegel { width: 62px; height: 62px; top: 12px; right: 12px; font-size: .52rem; } .garantie-siegel strong { font-size: .72rem; }  .ansprech { padding: 12px; gap: 10px; } .ansprech__avatar { width: 42px; height: 42px; font-size: .88rem; } .ansprech__name { font-size: .82rem; } .ansprech__role { font-size: .66rem; } .ansprech__tel { padding: 8px 11px; font-size: .72rem; }  .trust-bar__inner { flex-direction: column; align-items: flex-start; gap: 14px; padding: 0 14px; } .trust-bar__logos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .trust-logo { font-size: .7rem; } .trust-logo__sub { font-size: .55rem; } } @media (max-width: 560px) {  .hero__ctas { flex-direction: column; } .hero__ctas .btn { width: 100%; justify-content: center; }  .service-promise { padding: 10px 12px; gap: 10px; } .service-promise__icon { width: 30px; height: 30px; } .service-promise__icon svg { width: 16px; height: 16px; } .service-promise__text { font-size: .74rem; } .service-promise__text strong { font-size: .78rem; } } @media (max-width: 380px) {  .service-stripe__meta span { font-size: 0; } .service-stripe__meta svg { font-size: 13px; }  .hero__image { aspect-ratio: 16/10; min-height: 180px; } }    .up-toc{max-width:1180px;margin:32px auto;padding:0 28px} .up-toc__box{background:#fff;border:1px solid var(--c-border,#d4d8e0);border-radius:16px;box-shadow:0 1px 3px rgba(10,15,29,.04)} .up-toc__head{display:flex;align-items:center;gap:14px;padding:22px 26px;cursor:pointer;list-style:none;font-weight:700;font-size:1.1rem;color:var(--c-text,#111)} .up-toc__head::-webkit-details-marker{display:none} .up-toc__icon{flex:0 0 24px;width:24px;height:24px;color:var(--c-brand-green-deep,#3f9d5e)} .up-toc__icon svg{width:100%;height:100%} .up-toc__hint{flex:1;font-weight:500;font-size:.95rem;color:var(--c-text-muted,#5a6470)} .up-toc__chev{flex:0 0 10px;width:10px;height:10px;border-right:2px solid var(--c-text-muted,#5a6470);border-bottom:2px solid var(--c-text-muted,#5a6470);transform:rotate(45deg);transition:transform .2s} .up-toc__box[open] .up-toc__chev{transform:rotate(-135deg)} .up-toc__body{padding:8px 26px 26px;border-top:1px solid var(--c-border,#d4d8e0)} .up-toc__list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;counter-reset:toc} .up-toc__list li{counter-increment:toc} .up-toc__list li a{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:10px;color:var(--c-text,#111);text-decoration:none;font-weight:500;font-size:1rem;line-height:1.4;transition:background .15s,color .15s} .up-toc__list li a::before{content:counter(toc,decimal-leading-zero);flex:0 0 30px;font-size:.95rem;font-weight:800;color:var(--c-brand-green-deep,#3f9d5e)} .up-toc__list li a:hover{background:rgba(90,188,122,.08);color:var(--c-brand-green-deep,#3f9d5e)} @media(max-width:720px){.up-toc__list{grid-template-columns:1fr}}  .up-local{padding:64px 0;background:#fafbfc;border-top:1px solid var(--c-border,#d4d8e0);border-bottom:1px solid var(--c-border,#d4d8e0)} .up-local__inner{max-width:1180px;margin:0 auto;padding:0 28px} .up-local__header{text-align:center;max-width:760px;margin:0 auto 48px} .up-local__eyebrow{display:inline-block;color:var(--c-brand-green,#5abc7a);font-size:.92rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;padding:6px 16px;background:rgba(90,188,122,.08);border-radius:999px} .up-local__h2{font-size:clamp(1.8rem,1rem + 1.8vw,2.4rem);font-weight:800;line-height:1.15;margin:0 0 18px;color:var(--c-text,#111)} .up-local__h2 .accent{color:var(--c-brand-green-deep,#3f9d5e)} .up-local__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start} .up-local__map{width:100%;height:480px;border:0;border-radius:20px;box-shadow:0 14px 38px rgba(20,40,30,.12);display:block} .up-local__text{font-size:1.1rem;line-height:1.75;color:var(--c-text,#111);margin:0 0 24px} .up-local__pills-label{display:block;font-size:1rem;font-weight:700;color:var(--c-text-muted,#5a6470);margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em} .up-local__pills{display:flex;flex-wrap:wrap;gap:10px} .up-local__pills a{display:inline-flex;align-items:center;background:#fff;border:1.5px solid var(--c-border-strong,#111);color:var(--c-text,#111);font-size:1rem;font-weight:600;padding:11px 22px;border-radius:999px;text-decoration:none;transition:all .15s} .up-local__pills a:hover{background:var(--c-brand-green-deep,#3f9d5e);color:#fff;border-color:var(--c-brand-green-deep,#3f9d5e);transform:translateY(-1px);box-shadow:0 6px 14px rgba(63,157,94,.25)} @media(max-width:900px){.up-local__grid{grid-template-columns:1fr;gap:32px}.up-local__map{height:340px}}  .up-lilian{padding:64px 0} .up-lilian__card{max-width:880px;margin:0 auto;background:linear-gradient(135deg,#fff 0%,rgba(90,188,122,.06) 100%);border:1px solid rgba(90,188,122,.25);border-radius:24px;padding:42px 48px;display:flex;align-items:center;gap:36px;box-shadow:0 8px 30px rgba(90,188,122,.12)} .up-lilian__photo{flex:0 0 96px;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#5abc7a 0%,#3f9d5e 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.4rem;font-weight:800;box-shadow:0 8px 22px rgba(90,188,122,.4)} .up-lilian__text{flex:1} .up-lilian__role{display:inline-block;font-size:.88rem;font-weight:700;color:var(--c-brand-green-deep,#3f9d5e);text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px} .up-lilian__name{font-size:1.6rem;font-weight:800;color:var(--c-text,#111);margin:0 0 10px;line-height:1.2} .up-lilian__desc{font-size:1.05rem;line-height:1.6;color:var(--c-text-muted,#5a6470);margin:0 0 20px} .up-lilian__actions{display:flex;flex-wrap:wrap;gap:14px} .up-lilian__btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s} .up-lilian__btn--primary{background:var(--c-brand-green,#5abc7a);color:#fff;box-shadow:0 4px 12px rgba(90,188,122,.3)} .up-lilian__btn--primary:hover{background:var(--c-brand-green-deep,#3f9d5e);transform:translateY(-1px);box-shadow:0 6px 18px rgba(90,188,122,.4)} .up-lilian__btn--outline{background:#fff;color:var(--c-text,#111);border:1.5px solid var(--c-border-strong,#111)} .up-lilian__btn--outline:hover{border-color:var(--c-brand-green,#5abc7a);color:var(--c-brand-green-deep,#3f9d5e)} @media(max-width:720px){.up-lilian__card{flex-direction:column;text-align:center;padding:32px 24px}.up-lilian__actions{justify-content:center}}  .up-testi{padding:64px 0;background:#fafbfc} .up-testi__inner{max-width:1180px;margin:0 auto;padding:0 28px} .up-testi__header{text-align:center;max-width:760px;margin:0 auto 40px} .up-testi__eyebrow{display:inline-block;color:#fbbf24;font-size:1.1rem;font-weight:700;letter-spacing:.1em;margin-bottom:10px} .up-testi__h2{font-size:clamp(1.8rem,1rem + 1.8vw,2.4rem);font-weight:800;line-height:1.15;margin:0 0 14px;color:var(--c-text,#111)} .up-testi__lead{font-size:1.1rem;color:var(--c-text-muted,#5a6470);margin:0} .up-testi__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px} .up-testi__card{background:#fff;border:1px solid var(--c-border,#d4d8e0);border-radius:18px;padding:28px 30px;box-shadow:0 1px 3px rgba(10,15,29,.04),0 8px 24px rgba(20,20,20,.04)} .up-testi__stars{font-size:1.3rem;color:#fbbf24;letter-spacing:.15em;margin-bottom:14px} .up-testi__tag{display:inline-block;font-size:.78rem;font-weight:700;color:var(--c-brand-green-deep,#3f9d5e);background:rgba(90,188,122,.1);padding:5px 12px;border-radius:999px;margin-bottom:14px;letter-spacing:.06em;text-transform:uppercase} .up-testi__text{font-size:1.05rem;line-height:1.65;color:var(--c-text,#111);margin:0 0 22px} .up-testi__author{display:flex;align-items:center;gap:14px} .up-testi__avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#5abc7a 0%,#3f9d5e 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem} .up-testi__name{font-weight:700;font-size:1rem;color:var(--c-text,#111);line-height:1.3} .up-testi__role{font-size:.88rem;color:var(--c-text-muted,#5a6470)} V7 PRIVATUMZUG — ERGÄNZUNGEN Nur neue Elemente, bestehendes Custom CSS bleibt Basis. Alle Klassen scoped unter .pr-v7 (Template-Root). Stand: 2026-06-04 ============================================================ */  .pr-v7{display:block}  .pr-v7-hero-visual{ background:linear-gradient(135deg,var(--c-brand-green,#5abc7a),var(--c-brand-green-deep,#3f9d5e)); border-radius:20px;padding:38px 32px;color:#fff; display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; min-height:340px;box-shadow:0 16px 38px -10px rgba(63,157,94,.35); } .pr-v7-hero-visual__eyebrow{font-size:13px;font-weight:600;opacity:.9;letter-spacing:.02em} .pr-v7-hero-visual__city{font-size:clamp(36px,5vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1;margin:12px 0 14px} .pr-v7-hero-visual__label{font-size:14.5px;opacity:.95}  .pr-v7-tldr{list-style:none;margin:0 auto;padding:0;max-width:880px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .pr-v7-tldr__item{background:#fff;border:1px solid var(--c-border,#e5e7eb);border-radius:12px;padding:14px 18px;font-size:15px;font-weight:600;color:var(--c-text,#1a1a1a);display:flex;gap:10px;align-items:center} .pr-v7-tldr__item::before{content:"✓";color:var(--c-brand-green-deep,#3f9d5e);font-weight:800;flex-shrink:0} .pr-v7-tldr__intro{margin-top:28px;text-align:center}  .pr-v7-hv{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--c-border,#e5e7eb);border-radius:16px;padding:32px;box-shadow:0 2px 6px rgba(15,23,42,.04)} .pr-v7-hv__text h3{font-size:20px;font-weight:700;margin-bottom:14px;color:var(--c-text,#1a1a1a)} .pr-v7-hv__text p{color:var(--c-text-muted,#5a6470);line-height:1.7;font-size:15px} .pr-v7-hv__note{margin-top:14px;font-size:14px} .pr-v7-hv__visual{background:linear-gradient(135deg,rgba(90,188,122,.12),rgba(127,212,154,.05));border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;color:var(--c-brand-green-deep,#3f9d5e)} .pr-v7-hv__icon{font-size:48px;margin-bottom:12px} .pr-v7-hv__visual-text{font-size:15px;font-weight:600;line-height:1.5}  .pr-v7-eg{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:flex-start;max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--c-border,#e5e7eb);border-left:6px solid var(--c-brand-green,#5abc7a);border-radius:16px;padding:32px;box-shadow:0 2px 6px rgba(15,23,42,.04)} .pr-v7-eg__icon{width:56px;height:56px;border-radius:50%;background:rgba(90,188,122,.14);color:var(--c-brand-green-deep,#3f9d5e);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0} .pr-v7-eg__body p{margin-bottom:8px} .pr-v7-eg__text{font-size:16px;line-height:1.7;color:var(--c-text,#1a1a1a)} .pr-v7-eg__fakten{display:inline-flex;align-items:center;gap:8px;background:rgba(90,188,122,.12);color:var(--c-brand-green-deep,#3f9d5e);padding:10px 18px;border-radius:999px;margin-top:18px;font-weight:600;font-size:14.5px} .pr-v7-eg__maps{display:inline-block;margin-top:14px;font-weight:700;color:var(--c-brand-green-deep,#3f9d5e);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px} .pr-v7-eg__pills-label{display:block;margin-top:24px;font-size:11.5px;font-weight:700;color:var(--c-text-muted,#5a6470);letter-spacing:.08em;text-transform:uppercase} .pr-v7-eg__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .pr-v7-eg__pill{padding:8px 16px;background:#fff;border:1.5px solid var(--c-border,#e5e7eb);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--c-text,#1a1a1a)} .pr-v7-eg__pill--fact{background:rgba(90,188,122,.06);border-color:rgba(90,188,122,.2);color:var(--c-brand-green-deep,#3f9d5e)}  .pr-v7-pdf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto} .pr-v7-pdf{background:#fff;border:1px solid var(--c-border,#e5e7eb);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .pr-v7-pdf:hover{transform:translateY(-3px);box-shadow:0 8px 22px -4px rgba(15,23,42,.10);border-color:var(--c-brand-green-deep,#3f9d5e)} .pr-v7-pdf__icon{font-size:30px} .pr-v7-pdf__title{font-size:17px;font-weight:700;color:var(--c-text,#1a1a1a);margin:0} .pr-v7-pdf__desc{font-size:13px;color:var(--c-text-muted,#5a6470);line-height:1.55;flex:1} .pr-v7-pdf__link{font-weight:700;font-size:14px;color:var(--c-brand-green-deep,#3f9d5e);margin-top:8px;display:inline-flex;align-items:center;gap:6px} .pr-v7-pdf-grid > .pr-v7-pdf:nth-child(5){grid-column:2/4} @media(max-width:880px){.pr-v7-pdf-grid > .pr-v7-pdf:nth-child(5){grid-column:auto}}  .pr-v7-sicherheit{background:linear-gradient(135deg,#0f3a23 0%,#0a2716 100%);color:#fff} .pr-v7-sicherheit .section__eyebrow{background:rgba(255,255,255,.12);color:#fff} .pr-v7-sicherheit h2{color:#fff;font-size:clamp(32px,4vw,44px);font-weight:800} .pr-v7-sicherheit .section__lead{color:rgba(255,255,255,.85)}  .section__header--inverted .section__eyebrow{background:rgba(255,255,255,.12);color:#fff} .section__header--inverted h2{color:#fff}  .pr-v7-note{display:flex;gap:14px;align-items:flex-start;background:#fff8e6;border:1px solid #ffd97a;border-radius:12px;padding:18px 22px;max-width:880px;margin:0 auto;color:#5a3f00;font-size:14.5px;line-height:1.65} .pr-v7-note__icon{font-size:22px;flex-shrink:0} .pr-v7-note strong{display:block;color:#3d2900;margin-bottom:4px;font-size:15.5px}  .pr-v7-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto}  @media(max-width:880px){ .pr-v7-tldr{grid-template-columns:1fr} .pr-v7-hv{grid-template-columns:1fr;padding:24px} .pr-v7-eg{grid-template-columns:1fr;padding:24px} .pr-v7-eg__icon{width:48px;height:48px;font-size:22px} .pr-v7-pdf-grid{grid-template-columns:repeat(2,1fr)} .pr-v7-revs{grid-template-columns:1fr} .pr-v7-hero-visual{padding:28px 20px;min-height:260px} } @media(max-width:520px){ .pr-v7-pdf-grid{grid-template-columns:1fr} .pr-v7-hero-visual__city{font-size:36px} }  .pr-v7 .hero { background: linear-gradient(135deg, var(--c-brand-green-dark) 0%, #0a2716 100%); } .pr-v7 .hero__image-wrap { min-width: 0; } .pr-v7-hero-visual { min-height: 340px; border-radius: var(--r-xl); background: linear-gradient(135deg, var(--c-brand-green), var(--c-brand-green-deep)); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 36px 28px; box-shadow: 0 20px 54px rgba(0,0,0,.28); position: relative; overflow: hidden; } .pr-v7-hero-visual::before { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(255,255,255,.18); border-radius: calc(var(--r-xl) - 8px); pointer-events: none; } .pr-v7-hero-visual__eyebrow, .pr-v7-hero-visual__label { font-size: 14px; font-weight: 700; opacity: .9; } .pr-v7-hero-visual__city { font-size: clamp(38px, 5vw, 64px); font-weight: 800; line-height: 1; letter-spacing: 0; margin: 14px 0; } .pr-v7-tldr { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; list-style: none; padding: 0; } .pr-v7-tldr__item { background: #fff; border: 1.5px solid var(--c-border); border-radius: var(--r-lg); padding: 16px 18px; font-weight: 700; display: flex; align-items: flex-start; gap: 10px; box-shadow: 0 1px 2px rgba(10,15,29,.04); } .pr-v7-tldr__item::before { content: "✓"; color: var(--c-brand-green-deep); font-weight: 800; flex-shrink: 0; } .pr-v7-tldr__intro { max-width: 860px; margin: 28px auto 0; text-align: center; } .pr-v7-toc { margin-top: 0; margin-bottom: 0; } .pr-v7 .up-toc__icon { display: inline-flex; align-items: center; justify-content: center; font-size: 20px; color: var(--c-brand-green-deep); } .pr-v7 .price-acc__col li::before { content: "✓"; } .pr-v7 .price-acc .btn-outline { background: #fff; color: var(--c-text); border-color: var(--c-border-strong); } .pr-v7 .price-acc .btn-outline:hover { border-color: var(--c-brand-green); color: var(--c-brand-green-deep); } .pr-v7 .step-card__body p { margin: 0; font-size: 14px; color: var(--c-text-muted); line-height: 1.65; } .pr-v7-hv, .pr-v7-eg { max-width: 1000px; margin: 0 auto; background: #fff; border: 1.5px solid var(--c-border); border-radius: var(--r-xl); box-shadow: var(--shadow-md); } .pr-v7-hv { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; padding: 32px; } .pr-v7-hv__text h3 { font-size: 20px; font-weight: 800; margin-bottom: 12px; } .pr-v7-hv__text p { color: var(--c-text-muted); line-height: 1.75; } .pr-v7-hv__note { margin-top: 18px; padding: 14px 16px; background: rgba(90,188,122,.08); border-radius: var(--r-md); color: var(--c-text); font-weight: 600; } .pr-v7-hv__visual { border-radius: var(--r-lg); background: linear-gradient(135deg, rgba(90,188,122,.12), #fff); display: grid; place-items: center; text-align: center; min-height: 220px; color: var(--c-brand-green-deep); font-weight: 800; } .pr-v7-hv__icon { font-size: 42px; margin-bottom: 10px; } .pr-v7-eg { display: grid; grid-template-columns: auto 1fr; gap: 22px; padding: 32px; border-left: 6px solid var(--c-brand-green); } .pr-v7-eg__icon { width: 56px; height: 56px; border-radius: 50%; background: rgba(90,188,122,.12); color: var(--c-brand-green-deep); display: inline-flex; align-items: center; justify-content: center; font-size: 24px; } .pr-v7-eg__text { font-size: 16px; line-height: 1.75; color: var(--c-text); margin: 0; } .pr-v7-eg__fakten { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 10px 18px; border-radius: var(--r-pill); background: rgba(90,188,122,.10); color: var(--c-brand-green-deep); font-weight: 700; } .pr-v7-eg__maps { display: inline-block; margin-top: 14px; font-weight: 800; } .pr-v7-eg__pills-label { display: block; margin-top: 24px; margin-bottom: 10px; font-size: 12px; font-weight: 800; color: var(--c-text-muted); letter-spacing: 0; text-transform: uppercase; } .pr-v7-eg__pills { display: flex; flex-wrap: wrap; gap: 8px; } .pr-v7-eg__pill { display: inline-flex; align-items: center; padding: 8px 15px; border: 1.5px solid var(--c-border); border-radius: var(--r-pill); background: #fff; color: var(--c-text); font-size: 14px; font-weight: 700; } .pr-v7-eg__pill--fact { border-color: rgba(90,188,122,.35); color: var(--c-brand-green-deep); } .pr-v7-pdf-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } .pr-v7-pdf { background: #fff; border: 1.5px solid var(--c-border); border-radius: var(--r-lg); padding: 22px; min-height: 100%; box-shadow: 0 1px 2px rgba(10,15,29,.04); transition: transform .2s var(--ease), border-color .2s, box-shadow .2s; } .pr-v7-pdf:hover { transform: translateY(-3px); border-color: var(--c-brand-green); box-shadow: var(--shadow-md); } .pr-v7-pdf__icon { font-size: 30px; margin-bottom: 10px; } .pr-v7-pdf__title { font-size: 16px; font-weight: 800; line-height: 1.25; margin-bottom: 8px; } .pr-v7-pdf__desc { font-size: 13.5px; color: var(--c-text-muted); line-height: 1.55; margin-bottom: 14px; } .pr-v7-pdf__link { font-weight: 800; font-size: 14px; } .pr-v7-sicherheit { background: linear-gradient(135deg, var(--c-brand-green-dark), #0a2716); color: #fff; } .pr-v7-sicherheit .section__header h2, .pr-v7-sicherheit .section__lead { color: #fff; } .pr-v7-sicherheit .section__eyebrow { background: rgba(255,255,255,.12); color: var(--c-brand-green-bright); } .pr-v7-note { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; background: #fff; border: 2px solid rgba(217,119,6,.25); border-radius: var(--r-xl); padding: 26px 30px; box-shadow: var(--shadow-md); } .pr-v7-note__icon { font-size: 28px; line-height: 1; } .pr-v7-note strong { display: block; font-size: 20px; font-weight: 800; margin-bottom: 8px; } .pr-v7-note p { margin: 0; color: var(--c-text-muted); line-height: 1.7; } .pr-v7-revs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .pr-v7-revs .testimonial { flex: 1 1 auto; width: 100%; max-width: 100%; } .tagcloud-section h2 .accent { color: var(--c-brand-green-deep); } @media (max-width: 1023px) { .pr-v7 .steps-v4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .pr-v7-pdf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pr-v7-revs { grid-template-columns: 1fr; } } @media (max-width: 767px) { .pr-v7-tldr, .pr-v7-hv, .pr-v7-eg, .pr-v7 .steps-v4, .pr-v7-pdf-grid { grid-template-columns: 1fr; } .pr-v7-hv, .pr-v7-eg, .pr-v7-note { padding: 24px; } .pr-v7-hero-visual { min-height: 260px; } .pr-v7 .up-toc__hint { display: none; } }