Zum Inhalt springen

EditMyZip

.iw-editmyzip-page .iw-edit-privacy { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(36px,5vw,72px); align-items: center; padding: clamp(38px,6vw,72px); border: 1px solid rgba(79,143,67,.13); border-radius: 38px; background: radial-gradient( circle at 5% 10%, rgba(112,178,93,.13), transparent 31% ), radial-gradient( circle at 93% 88%, rgba(36,84,102,.09), transparent 33% ), rgba(255,255,255,.68); box-shadow: 0 26px 70px rgba(27,70,63,.075), inset 0 1px 0 rgba(255,255,255,.92); -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); } .iw-editmyzip-page .iw-edit-privacy-copy { position: relative; z-index: 2; } .iw-editmyzip-page .iw-edit-privacy-mark { width: 72px; height: 72px; display: grid; place-items: center; margin-bottom: 25px; border: 1px solid rgba(79,143,67,.15); border-radius: 22px; background: linear-gradient( 145deg, rgba(31,192,160,.13), rgba(255,255,255,.76) ); color: var(–iw-accent); box-shadow: 0 15px 36px rgba(65,126,58,.08); } .iw-editmyzip-page .iw-edit-privacy-mark svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .iw-editmyzip-page .iw-edit-privacy-copy p { margin: 19px 0 0; } .iw-editmyzip-page .iw-edit-privacy-highlight { margin-top: 28px; padding: 17px 19px; border: 1px solid rgba(79,143,67,.12); border-radius: 18px; background: rgba(244,253,250,.72); color: #36564f; font-size: 14px; line-height: 1.6; } .iw-editmyzip-page .iw-edit-privacy-highlight strong { color: var(–iw-text); } .iw-editmyzip-page .iw-edit-privacy-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .iw-editmyzip-page .iw-edit-privacy-card { min-height: 165px; padding: 22px; border: 1px solid rgba(255,255,255,.84); border-radius: 22px; background: rgba(255,255,255,.58); box-shadow: 0 10px 30px rgba(25,60,55,.035), inset 0 1px 0 rgba(255,255,255,.90); -webkit-backdrop-filter: blur(18px) saturate(135%); backdrop-filter: blur(18px) saturate(135%); } .iw-editmyzip-page .iw-edit-privacy-icon { width: 35px; height: 35px; display: grid; place-items: center; margin-bottom: 15px; border-radius: 12px; background: rgba(79,143,67,.09); color: var(–iw-accent); font-size: 17px; font-weight: 700; } .iw-editmyzip-page .iw-edit-privacy-card strong { display: block; margin-bottom: 6px; color: var(–iw-text); font-size: 15px; font-weight: 650; } .iw-editmyzip-page .iw-edit-privacy-card span { display: block; color: #6d7471; font-size: 13px; line-height: 1.55; } @media (max-width: 900px) { .iw-editmyzip-page .iw-edit-privacy { grid-template-columns: 1fr; } } @media (max-width: 600px) { .iw-editmyzip-page .iw-edit-privacy { padding: 30px 20px; border-radius: 29px; } .iw-editmyzip-page .iw-edit-privacy-grid { grid-template-columns: 1fr; } } /* ========================================================= 0. iWERKSTATT THEME-HÜLLE Exakt nach dem funktionierenden Recycling-Seiten-Prinzip ========================================================= */ body:has(.iw-editmyzip-page) .iwx-page-head { display: none; } body:has(.iw-editmyzip-page) .iwx-main-content { padding-top: 20px; } body:has(.iw-editmyzip-page) .iwx-article { max-width: none; } body:has(.iw-editmyzip-page) .iwx-article-card { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } /* ========================================================= 1. GRUNDLAGE ========================================================= */ .iw-editmyzip-page { –iw-accent: #18783b; –iw-accent-dark: #115f31; –iw-accent-light: #67ad69; –iw-petrol: #345f50; –iw-purple: #56656b; –iw-text: #1d1d1f; –iw-copy: #5f6268; –iw-copy-soft: #777a80; –iw-border: rgba(255,255,255,.78); –iw-line: rgba(24,30,38,.075); –iw-glass: rgba(255,255,255,.62); –iw-glass-strong: rgba(255,255,255,.80); –iw-radius-big: 38px; –iw-radius: 28px; –iw-radius-small: 22px; width: 100%; max-width: 1600px; margin: 0 auto; padding: 10px 0 80px; overflow: hidden; border: 1px solid rgba(255,255,255,.82); border-radius: 42px; color: var(–iw-text); font-family: -apple-system, BlinkMacSystemFont, „SF Pro Display“, „SF Pro Text“, „Helvetica Neue“, Arial, sans-serif; /* * Gleiche Farbrichtung wie der große Early-Access-Abschluss: * Mint → Teal → Petrol → Violett, hier bewusst hell übersetzt, * damit die dunkle Typografie der Landingpage erhalten bleibt. */ background: radial-gradient( circle at 2% 2%, rgba(15,218,183,.22), transparent 34% ), radial-gradient( circle at 70% 76%, rgba(9,150,125,.13), transparent 46% ), radial-gradient( circle at 100% 0%, rgba(59,40,85,.11), transparent 42% ), radial-gradient( circle at 0% 100%, rgba(31,67,91,.14), transparent 46% ), linear-gradient( 135deg, #f7fdfb 0%, #f1faf7 43%, #f2f7f8 74%, #f8f5fa 100% ); box-shadow: 0 32px 90px rgba(23,61,56,.08), inset 0 1px 0 rgba(255,255,255,.92); } .iw-editmyzip-page *, .iw-editmyzip-page *::before, .iw-editmyzip-page *::after { box-sizing: border-box; } .iw-editmyzip-page img { display: block; max-width: 100%; height: auto; } /* * Die macOS-Fenster-Screenshots sind bereits sauber freigestellt * und bringen ihre eigenen Rundungen/Schatten mit. * Deshalb bekommen sie bewusst keinen zusätzlichen Kartenrahmen. */ .iw-editmyzip-page .iw-edit-hero-screen img, .iw-editmyzip-page .iw-edit-smart-image img, .iw-editmyzip-page .iw-edit-feature-screen img, .iw-editmyzip-page .iw-edit-duo-image img { height: auto; } .iw-editmyzip-page a { color: inherit; } .iw-editmyzip-page [id] { scroll-margin-top: 130px; } .iw-editmyzip-page .iw-edit-wrap { width: min(1180px, calc(100% – 48px)); margin: 0 auto; } .iw-editmyzip-page .iw-edit-section { margin: clamp(74px, 8vw, 125px) 0 0; } .iw-editmyzip-page .iw-edit-center { text-align: center; } /* ========================================================= 2. TYPOGRAFIE ========================================================= */ .iw-editmyzip-page h1, .iw-editmyzip-page h2, .iw-editmyzip-page h3, .iw-editmyzip-page p { font-family: inherit; } .iw-editmyzip-page h1 { margin: 0 0 22px !important; color: var(–iw-text) !important; font-size: clamp(43px, 5.9vw, 78px) !important; font-weight: 600 !important; letter-spacing: -.052em !important; line-height: .99 !important; } .iw-editmyzip-page h2 { margin: 0 !important; color: var(–iw-text) !important; font-size: clamp(34px, 4.4vw, 58px) !important; font-weight: 600 !important; letter-spacing: -.045em !important; line-height: 1.03 !important; } .iw-editmyzip-page h3 { margin: 0 !important; color: var(–iw-text) !important; font-size: clamp(21px, 2vw, 28px) !important; font-weight: 620 !important; letter-spacing: -.027em !important; line-height: 1.16 !important; } .iw-editmyzip-page p { color: var(–iw-copy); font-size: 16px; line-height: 1.68; } .iw-editmyzip-page .iw-edit-lead { max-width: 800px; margin: 22px auto 0; color: #595c62; font-size: clamp(18px, 1.75vw, 22px); line-height: 1.58; } /* ========================================================= 3. BADGE ========================================================= */ .iw-editmyzip-page .iw-edit-badge { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 18px; padding: 8px 13px; border: 1px solid rgba(79,143,67,.15); border-radius: 999px; background: rgba(255,255,255,.72); color: #47645f; font-size: 12px; font-weight: 650; line-height: 1.2; box-shadow: 0 8px 26px rgba(27,90,78,.045); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); } .iw-editmyzip-page .iw-edit-badge::before { content: „“; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(–iw-accent); box-shadow: 0 0 0 6px rgba(79,143,67,.10); } /* ========================================================= 4. BUTTONS ========================================================= */ .iw-editmyzip-page .iw-edit-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 31px; } .iw-editmyzip-page .iw-edit-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 22px; border: 1px solid transparent; border-radius: 999px; font-size: 15px; font-weight: 650; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; } .iw-editmyzip-page .iw-edit-btn-primary { color: #fff; background: linear-gradient( 180deg, #67a956 0%, #18783b 52%, #447c3a 100% ); box-shadow: 0 18px 34px rgba(79,143,67,.18), inset 0 -2px 0 rgba(0,0,0,.08); } @media (hover:hover) { .iw-editmyzip-page .iw-edit-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 22px 38px rgba(79,143,67,.24), inset 0 -2px 0 rgba(0,0,0,.08); filter: saturate(1.03); } } .iw-editmyzip-page .iw-edit-btn-secondary { border-color: rgba(0,0,0,.075); background: rgba(255,255,255,.72); color: #292b2f; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } @media (hover:hover) { .iw-editmyzip-page .iw-edit-btn:hover { transform: translateY(-2px); } .iw-editmyzip-page .iw-edit-btn-secondary:hover { background: #fff; } } /* ========================================================= 4B. EARLY ACCESS / VERKAUF ========================================================= */ /* Rundes Early-Access-Badge am Hero */ .iw-editmyzip-page .iw-edit-hero-title-wrap { position: relative; width: min(820px, 100%); margin: 0 auto; } .iw-editmyzip-page .iw-edit-hero-offer { position: absolute; top: -52px; right: -150px; z-index: 6; width: 164px; height: 164px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; border: 1px solid rgba(255,255,255,.74); border-radius: 50%; color: #fff; text-align: center; text-decoration: none; background: radial-gradient( circle at 28% 22%, rgba(255,255,255,.36), transparent 38% ), radial-gradient( circle at 78% 80%, rgba(75,53,96,.28), transparent 42% ), linear-gradient( 145deg, #25caaa 0%, #18783b 48%, #345f50 78%, #453453 100% ); box-shadow: 0 26px 62px rgba(21,93,80,.24), inset 0 1px 0 rgba(255,255,255,.42); -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); transform: rotate(4deg); transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, filter .28s ease; } .iw-editmyzip-page .iw-edit-hero-offer::before { content: „“; position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; pointer-events: none; } .iw-editmyzip-page .iw-edit-hero-offer-kicker { display: block; color: rgba(255,255,255,.82); font-size: 10px; font-weight: 750; letter-spacing: .07em; line-height: 1.1; text-transform: uppercase; } .iw-editmyzip-page .iw-edit-hero-offer-only { display: block; margin-top: 4px; color: rgba(255,255,255,.88); font-size: 11px; font-weight: 650; line-height: 1; } .iw-editmyzip-page .iw-edit-hero-offer-price { display: block; margin-top: 3px; color: #fff; font-size: 31px; font-weight: 760; letter-spacing: -.045em; line-height: 1; } .iw-editmyzip-page .iw-edit-hero-offer-action { display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.12); color: rgba(255,255,255,.94); font-size: 10px; font-weight: 700; line-height: 1; } @media (hover:hover) { .iw-editmyzip-page .iw-edit-hero-offer:hover { transform: translateY(-4px) rotate(2deg) scale(1.025); box-shadow: 0 32px 72px rgba(21,93,80,.30), inset 0 1px 0 rgba(255,255,255,.42); filter: saturate(1.04); } } /* Preisangaben im unteren Kaufblock */ .iw-editmyzip-page .iw-edit-early-label { display: block; margin-bottom: 5px; color: #6d7471; font-size: 12px; font-weight: 650; } .iw-editmyzip-page .iw-edit-early-price { display: block; margin: 0; color: var(–iw-text); font-size: clamp(38px,4.4vw,54px); font-weight: 700; letter-spacing: -.045em; line-height: 1; } .iw-editmyzip-page .iw-edit-early-tax { display: block; margin-top: 8px; color: #747a77; font-size: 11px; line-height: 1.45; } .iw-editmyzip-page .iw-edit-early-regular { display: block; margin: 14px 0 17px; padding-top: 14px; border-top: 1px solid rgba(0,0,0,.055); color: #656b68; font-size: 12px; line-height: 1.5; } .iw-editmyzip-page .iw-edit-early-note { margin-top: 10px; color: #838884; font-size: 10.5px; line-height: 1.45; } /* Großer Verkaufsblock am Seitenende */ .iw-editmyzip-page .iw-edit-buy { position: relative; overflow: hidden; padding: clamp(42px,6vw,72px); border-radius: 39px; color: #fff; background: radial-gradient(circle at 2% 2%, rgba(15,218,183,.88), transparent 36%), radial-gradient(circle at 70% 76%, rgba(9,150,125,.72), transparent 48%), radial-gradient(circle at 100% 0%, rgba(59,40,85,.80), transparent 45%), radial-gradient(circle at 0% 100%, rgba(31,67,91,.90), transparent 48%), linear-gradient(135deg, #138d80, #177d72 43%, #243b53 74%, #342546); box-shadow: 0 32px 85px rgba(18,54,49,.20); } .iw-editmyzip-page .iw-edit-buy-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: clamp(30px,5vw,64px); align-items: center; } .iw-editmyzip-page .iw-edit-buy .iw-edit-badge { color: rgba(255,255,255,.82); border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.09); } .iw-editmyzip-page .iw-edit-buy .iw-edit-badge::before { background: #7ff1d6; box-shadow: 0 0 0 6px rgba(127,241,214,.10); } .iw-editmyzip-page .iw-edit-buy h2 { max-width: 760px; color: #fff !important; } .iw-editmyzip-page .iw-edit-buy-copy > p { max-width: 720px; margin: 20px 0 0; color: rgba(255,255,255,.76); font-size: 16px; } .iw-editmyzip-page .iw-edit-buy-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 18px; margin-top: 26px; } .iw-editmyzip-page .iw-edit-buy-item { display: grid; grid-template-columns: 21px 1fr; gap: 9px; align-items: start; color: rgba(255,255,255,.86); font-size: 13px; line-height: 1.45; } .iw-editmyzip-page .iw-edit-buy-item::before { content: „✓“; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); color: #9af6df; font-size: 11px; font-weight: 800; } .iw-editmyzip-page .iw-edit-buy-pricebox { padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: 27px; background: rgba(15,33,39,.20); -webkit-backdrop-filter: blur(22px) saturate(130%); backdrop-filter: blur(22px) saturate(130%); text-align: center; } .iw-editmyzip-page .iw-edit-buy-pricebox .iw-edit-early-label, .iw-editmyzip-page .iw-edit-buy-pricebox .iw-edit-early-tax, .iw-editmyzip-page .iw-edit-buy-pricebox .iw-edit-early-regular { color: rgba(255,255,255,.68); } .iw-editmyzip-page .iw-edit-buy-pricebox .iw-edit-early-price { color: #fff; } .iw-editmyzip-page .iw-edit-buy-pricebox .iw-edit-early-regular { border-top-color: rgba(255,255,255,.12); } .iw-editmyzip-page .iw-edit-buy-pricebox .iw-edit-btn-primary { width: 100%; color: #16352f; background: #fff; box-shadow: none; } .iw-editmyzip-page .iw-edit-buy-legal { position: relative; z-index: 2; margin-top: 28px; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.62; } @media (max-width: 1120px) { .iw-editmyzip-page .iw-edit-hero-title-wrap { width: min(820px, calc(100% – 150px)); } .iw-editmyzip-page .iw-edit-hero-offer { top: -40px; right: -130px; width: 148px; height: 148px; } .iw-editmyzip-page .iw-edit-hero-offer-price { font-size: 28px; } } @media (max-width: 920px) { .iw-editmyzip-page .iw-edit-hero-title-wrap { width: 100%; } .iw-editmyzip-page .iw-edit-hero-offer { position: relative; top: auto; right: auto; width: 142px; height: 142px; margin: 0 auto 25px; } .iw-editmyzip-page .iw-edit-buy-grid { grid-template-columns: 1fr; } .iw-editmyzip-page .iw-edit-buy-pricebox { max-width: 520px; width: 100%; } } @media (max-width: 600px) { .iw-editmyzip-page .iw-edit-hero-offer { width: 132px; height: 132px; margin-bottom: 21px; } .iw-editmyzip-page .iw-edit-hero-offer-price { font-size: 25px; } .iw-editmyzip-page .iw-edit-buy { padding: 36px 20px; border-radius: 29px; } .iw-editmyzip-page .iw-edit-buy-list { grid-template-columns: 1fr; } } /* ========================================================= 5. HERO ========================================================= */ .iw-editmyzip-page .iw-edit-hero { padding: 38px 0 10px; } .iw-editmyzip-page .iw-edit-hero-copy { width: min(960px, calc(100% – 48px)); margin: 0 auto; text-align: center; } .iw-editmyzip-page .iw-edit-hero-visual { position: relative; width: min(1220px, calc(100% – 48px)); margin: 64px auto 0; } .iw-editmyzip-page .iw-edit-hero-glow { position: absolute; inset: -4% -1% -5%; z-index: 0; background: radial-gradient( ellipse at 22% 20%, rgba(13,203,173,.25), transparent 43% ), radial-gradient( ellipse at 63% 52%, rgba(21,151,132,.20), transparent 48% ), radial-gradient( ellipse at 92% 18%, rgba(61,78,105,.16), transparent 40% ), radial-gradient( ellipse at 86% 83%, rgba(80,58,100,.11), transparent 42% ); filter: blur(30px); } .iw-editmyzip-page .iw-edit-hero-screen { position: relative; z-index: 2; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } .iw-editmyzip-page .iw-edit-hero-screen img { width: 100%; border-radius: 0; } /* ========================================================= 6. TRUST ========================================================= */ .iw-editmyzip-page .iw-edit-trust { width: min(1180px, calc(100% – 48px)); display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin: 50px auto 0; } .iw-editmyzip-page .iw-edit-trust-item { padding: 24px 25px; border: 1px solid var(–iw-line); border-radius: 24px; background: rgba(255,255,255,.58); box-shadow: 0 12px 36px rgba(30,40,55,.045); -webkit-backdrop-filter: blur(20px) saturate(135%); backdrop-filter: blur(20px) saturate(135%); } .iw-editmyzip-page .iw-edit-trust-symbol { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 17px; border-radius: 13px; background: rgba(79,143,67,.09); color: var(–iw-accent); font-size: 19px; font-weight: 600; } .iw-editmyzip-page .iw-edit-trust-item strong { display: block; margin-bottom: 5px; color: var(–iw-text); font-size: 16px; font-weight: 650; } .iw-editmyzip-page .iw-edit-trust-item span { color: #71747a; font-size: 14px; line-height: 1.55; } /* ========================================================= 7. FUNKTIONSNAVIGATION ========================================================= */ .iw-editmyzip-page .iw-edit-jump { width: min(1180px, calc(100% – 48px)); display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin: 32px auto 0; } .iw-editmyzip-page .iw-edit-jump a { padding: 9px 14px; border: 1px solid rgba(0,0,0,.06); border-radius: 999px; background: rgba(255,255,255,.58); color: #5b5e64; font-size: 13px; font-weight: 540; text-decoration: none; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); transition: transform .22s ease, background .22s ease; } @media (hover:hover) { .iw-editmyzip-page .iw-edit-jump a:hover { transform: translateY(-2px); background: rgba(255,255,255,.96); } } /* ========================================================= 8. SMART SCAN – GROSSER EINSTIEG ========================================================= */ .iw-editmyzip-page .iw-edit-smart { position: relative; overflow: hidden; padding: clamp(38px,6vw,76px); border: 1px solid rgba(255,255,255,.84); border-radius: var(–iw-radius-big); background: radial-gradient( circle at 10% 12%, rgba(103,166,84,.12), transparent 32% ), radial-gradient( circle at 88% 86%, rgba(88,62,103,.045), transparent 30% ), linear-gradient( 145deg, rgba(255,255,255,.68), rgba(255,255,255,.42) ); box-shadow: 0 28px 75px rgba(29,39,58,.085), inset 0 1px 0 rgba(255,255,255,.90); -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); } .iw-editmyzip-page .iw-edit-smart-head { max-width: 830px; margin: 0 auto 50px; text-align: center; } .iw-editmyzip-page .iw-edit-smart-head p { max-width: 740px; margin: 19px auto 0; font-size: 17px; } .iw-editmyzip-page .iw-edit-smart-image { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .iw-editmyzip-page .iw-edit-smart-image img { width: 100%; border-radius: 0; } /* ========================================================= 9. FEATURE LINKS/RECHTS ========================================================= */ .iw-editmyzip-page .iw-edit-feature { display: grid; grid-template-columns: minmax(0, .91fr) minmax(0, 1.09fr); gap: clamp(42px,6vw,90px); align-items: center; } .iw-editmyzip-page .iw-edit-feature-reverse { grid-template-columns: minmax(0, 1.09fr) minmax(0, .91fr); } .iw-editmyzip-page .iw-edit-feature-reverse .iw-edit-feature-copy { order: 2; } .iw-editmyzip-page .iw-edit-feature-reverse .iw-edit-feature-media { order: 1; } .iw-editmyzip-page .iw-edit-feature-copy p { margin: 17px 0 0; } .iw-editmyzip-page .iw-edit-feature-copy > p:first-of-type { margin-top: 21px; } .iw-editmyzip-page .iw-edit-checks { display: grid; gap: 11px; margin-top: 25px; } .iw-editmyzip-page .iw-edit-check { display: grid; grid-template-columns: 23px 1fr; gap: 10px; align-items: start; color: #4e5258; font-size: 15px; line-height: 1.48; } .iw-editmyzip-page .iw-edit-check::before { content: „✓“; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(79,143,67,.10); color: var(–iw-accent); font-size: 12px; font-weight: 800; } .iw-editmyzip-page .iw-edit-feature-media { position: relative; } .iw-editmyzip-page .iw-edit-feature-media::before { content: „“; position: absolute; inset: 8% -7%; z-index: 0; border-radius: 50%; background: radial-gradient( circle at 38% 40%, rgba(103,166,84,.16), transparent 48% ), radial-gradient( circle at 72% 62%, rgba(38,104,108,.10), transparent 48% ), radial-gradient( circle at 84% 28%, rgba(88,62,103,.055), transparent 43% ); filter: blur(26px); } .iw-editmyzip-page .iw-edit-feature-screen { position: relative; z-index: 2; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } .iw-editmyzip-page .iw-edit-feature-screen img { width: 100%; border-radius: 0; transition: transform .45s cubic-bezier(.2,.7,.2,1); } @media (hover:hover) { .iw-editmyzip-page .iw-edit-feature:hover .iw-edit-feature-screen img { transform: scale(1.012); } } /* ========================================================= 10. DOPPELKARTEN ========================================================= */ .iw-editmyzip-page .iw-edit-duo { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; } .iw-editmyzip-page .iw-edit-duo-card { min-width: 0; overflow: hidden; padding: clamp(30px,3.6vw,46px); border: 1px solid rgba(255,255,255,.84); border-radius: 34px; background: rgba(255,255,255,.58); box-shadow: 0 19px 54px rgba(29,39,58,.065), inset 0 1px 0 rgba(255,255,255,.92); -webkit-backdrop-filter: blur(24px) saturate(140%); backdrop-filter: blur(24px) saturate(140%); } .iw-editmyzip-page .iw-edit-duo-card h2 { font-size: clamp(30px,3.3vw,45px) !important; } .iw-editmyzip-page .iw-edit-duo-card p { margin: 16px 0 0; } .iw-editmyzip-page .iw-edit-duo-image { margin: 32px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .iw-editmyzip-page .iw-edit-duo-image img { width: 100%; border-radius: 0; } /* ========================================================= 11. ALLE BEREICHE ========================================================= */ .iw-editmyzip-page .iw-edit-overview-head { max-width: 810px; margin: 0 0 46px; } .iw-editmyzip-page .iw-edit-overview-head p { margin: 19px 0 0; font-size: 18px; } .iw-editmyzip-page .iw-edit-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; } .iw-editmyzip-page .iw-edit-overview-card { min-height: 210px; padding: 27px; border: 1px solid var(–iw-line); border-radius: 26px; background: rgba(255,255,255,.58); box-shadow: 0 12px 37px rgba(29,39,58,.035); -webkit-backdrop-filter: blur(19px) saturate(135%); backdrop-filter: blur(19px) saturate(135%); } .iw-editmyzip-page .iw-edit-overview-symbol { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 21px; border-radius: 14px; background: linear-gradient( 145deg, rgba(103,166,84,.12), rgba(20,126,117,.055) ); color: var(–iw-accent); font-size: 18px; font-weight: 650; } .iw-editmyzip-page .iw-edit-overview-card h3 { font-size: 20px !important; } .iw-editmyzip-page .iw-edit-overview-card p { margin: 9px 0 0; font-size: 14px; line-height: 1.58; } /* ========================================================= 12. NATIV FÜR MACOS ========================================================= */ .iw-editmyzip-page .iw-edit-native { position: relative; overflow: hidden; padding: clamp(38px,6vw,76px); border: 1px solid rgba(255,255,255,.85); border-radius: 38px; background: radial-gradient( circle at 84% 14%, rgba(103,166,84,.12), transparent 30% ), radial-gradient( circle at 12% 88%, rgba(36,84,102,.075), transparent 30% ), radial-gradient( circle at 92% 88%, rgba(86,64,100,.05), transparent 28% ), rgba(255,255,255,.60); box-shadow: 0 26px 70px rgba(29,39,58,.075), inset 0 1px 0 rgba(255,255,255,.90); -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); } .iw-editmyzip-page .iw-edit-native-copy { max-width: 820px; } .iw-editmyzip-page .iw-edit-native-copy p { margin: 19px 0 0; } .iw-editmyzip-page .iw-edit-native-points { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 38px; } .iw-editmyzip-page .iw-edit-native-point { padding: 20px; border: 1px solid rgba(0,0,0,.055); border-radius: 21px; background: rgba(255,255,255,.54); } .iw-editmyzip-page .iw-edit-native-point strong { display: block; margin-bottom: 5px; color: var(–iw-text); font-size: 15px; } .iw-editmyzip-page .iw-edit-native-point span { color: #74777d; font-size: 13px; line-height: 1.5; } /* ========================================================= 13. FAQ ========================================================= */ .iw-editmyzip-page .iw-edit-faq-head { max-width: 800px; margin: 0 auto 42px; text-align: center; } .iw-editmyzip-page .iw-edit-faq { max-width: 900px; margin: 0 auto; } .iw-editmyzip-page .iw-edit-faq details { margin: 0 0 11px; border: 1px solid rgba(0,0,0,.065); border-radius: 21px; background: rgba(255,255,255,.60); box-shadow: 0 8px 25px rgba(29,39,58,.028); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } .iw-editmyzip-page .iw-edit-faq summary { position: relative; padding: 21px 55px 21px 23px; color: var(–iw-text); font-size: 16px; font-weight: 650; line-height: 1.4; cursor: pointer; list-style: none; } .iw-editmyzip-page .iw-edit-faq summary::-webkit-details-marker { display: none; } .iw-editmyzip-page .iw-edit-faq summary::after { content: „+“; position: absolute; top: 50%; right: 19px; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: rgba(79,143,67,.09); color: var(–iw-accent); font-size: 20px; font-weight: 450; transform: translateY(-50%); } .iw-editmyzip-page .iw-edit-faq details[open] summary::after { content: „–“; } .iw-editmyzip-page .iw-edit-faq-answer { padding: 0 23px 21px; } .iw-editmyzip-page .iw-edit-faq-answer p { margin: 0; font-size: 15px; } /* ========================================================= 14. ABSCHLUSS CTA ========================================================= */ .iw-editmyzip-page .iw-edit-download { position: relative; overflow: hidden; padding: clamp(50px,7vw,88px) clamp(22px,5vw,62px); border-radius: 39px; text-align: center; background: radial-gradient( circle at 3% 5%, rgba(13,221,185,.88), transparent 37% ), radial-gradient( circle at 68% 74%, rgba(10,154,127,.70), transparent 46% ), radial-gradient( circle at 100% 0%, rgba(54,38,81,.78), transparent 45% ), radial-gradient( circle at 0% 100%, rgba(31,67,91,.90), transparent 48% ), linear-gradient( 135deg, #138d80, #177d72 43%, #243b53 74%, #342546 ); box-shadow: 0 32px 85px rgba(18,54,49,.20); } .iw-editmyzip-page .iw-edit-download .iw-edit-badge { color: rgba(255,255,255,.76); border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.08); } .iw-editmyzip-page .iw-edit-download h2 { max-width: 800px; margin: 0 auto !important; color: #fff !important; } .iw-editmyzip-page .iw-edit-download p { max-width: 680px; margin: 21px auto 29px; color: rgba(255,255,255,.69); font-size: 17px; } .iw-editmyzip-page .iw-edit-download .iw-edit-btn-primary { color: #17191d; background: #fff; box-shadow: none; } .iw-editmyzip-page .iw-edit-legal { max-width: 790px; margin: 27px auto 0; color: rgba(255,255,255,.43); font-size: 11px; line-height: 1.55; } /* ========================================================= 15. TABLET ========================================================= */ @media (max-width: 1000px) { .iw-editmyzip-page .iw-edit-feature, .iw-editmyzip-page .iw-edit-feature-reverse { grid-template-columns: 1fr; gap: 37px; } .iw-editmyzip-page .iw-edit-feature .iw-edit-feature-copy, .iw-editmyzip-page .iw-edit-feature-reverse .iw-edit-feature-copy { order: 2; } .iw-editmyzip-page .iw-edit-feature .iw-edit-feature-media, .iw-editmyzip-page .iw-edit-feature-reverse .iw-edit-feature-media { order: 1; } .iw-editmyzip-page .iw-edit-overview { grid-template-columns: repeat(2,minmax(0,1fr)); } .iw-editmyzip-page .iw-edit-native-points { grid-template-columns: 1fr; } } /* ========================================================= 16. MOBILE ========================================================= */ @media (max-width: 780px) { .iw-editmyzip-page { padding-bottom: 52px; border-radius: 30px; } .iw-editmyzip-page .iw-edit-wrap, .iw-editmyzip-page .iw-edit-trust, .iw-editmyzip-page .iw-edit-jump, .iw-editmyzip-page .iw-edit-hero-copy, .iw-editmyzip-page .iw-edit-hero-visual { width: calc(100% – 24px); } .iw-editmyzip-page .iw-edit-hero { padding-top: 12px; } .iw-editmyzip-page h1 { font-size: clamp(39px,12vw,55px) !important; } .iw-editmyzip-page h2 { font-size: clamp(31px,9.5vw,43px) !important; } .iw-editmyzip-page .iw-edit-lead { font-size: 18px; } .iw-editmyzip-page .iw-edit-actions { flex-direction: column; } .iw-editmyzip-page .iw-edit-btn { width: 100%; } .iw-editmyzip-page .iw-edit-hero-visual { margin-top: 42px; } .iw-editmyzip-page .iw-edit-hero-screen { padding: 0; border-radius: 0; } .iw-editmyzip-page .iw-edit-hero-screen img { border-radius: 0; } .iw-editmyzip-page .iw-edit-trust { grid-template-columns: 1fr; margin-top: 29px; } .iw-editmyzip-page .iw-edit-section { margin-top: 67px; } .iw-editmyzip-page .iw-edit-smart { padding: 30px 18px 18px; border-radius: 29px; } .iw-editmyzip-page .iw-edit-smart-head { margin-bottom: 29px; } .iw-editmyzip-page .iw-edit-smart-image, .iw-editmyzip-page .iw-edit-feature-screen { padding: 0; border-radius: 0; } .iw-editmyzip-page .iw-edit-smart-image img, .iw-editmyzip-page .iw-edit-feature-screen img { border-radius: 0; } .iw-editmyzip-page .iw-edit-duo { grid-template-columns: 1fr; } .iw-editmyzip-page .iw-edit-duo-card { padding: 29px 20px 20px; border-radius: 28px; } .iw-editmyzip-page .iw-edit-overview { grid-template-columns: 1fr; } .iw-editmyzip-page .iw-edit-overview-card { min-height: 0; } .iw-editmyzip-page .iw-edit-native { padding: 32px 20px; border-radius: 29px; } .iw-editmyzip-page .iw-edit-download { padding: 49px 20px; border-radius: 29px; } } /* ========================================================= 17. KLEINE SMARTPHONES ========================================================= */ @media (max-width: 460px) { .iw-editmyzip-page h1 { font-size: clamp(37px,11.8vw,48px) !important; } .iw-editmyzip-page h2 { font-size: clamp(29px,9vw,38px) !important; } .iw-editmyzip-page p { font-size: 15px; } .iw-editmyzip-page .iw-edit-jump { justify-content: flex-start; } } /* ========================================================= 18. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .iw-editmyzip-page *, .iw-editmyzip-page *::before, .iw-editmyzip-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } } /* ========================================================= EDITMYZIP · PRODUKTSPEZIFISCHE ERGÄNZUNGEN ========================================================= */ .iw-editmyzip-page { –iw-accent: #18783b; –iw-accent-dark: #115f31; –iw-accent-light: #67ad69; –iw-petrol: #345f50; –iw-purple: #56656b; background: radial-gradient(circle at 2% 2%, rgba(116,188,101,.22), transparent 34%), radial-gradient(circle at 70% 76%, rgba(71,139,61,.13), transparent 46%), radial-gradient(circle at 100% 0%, rgba(55,74,68,.10), transparent 42%), radial-gradient(circle at 0% 100%, rgba(48,86,79,.12), transparent 46%), linear-gradient(135deg,#fbfdfb 0%,#f5faf4 43%,#f3f8f5 74%,#fafbfa 100%); } .iw-editmyzip-page .iw-edit-hero-offer { background: radial-gradient(circle at 28% 22%,rgba(255,255,255,.38),transparent 38%), radial-gradient(circle at 78% 80%,rgba(43,74,63,.22),transparent 42%), linear-gradient(145deg,#83c873 0%,#18783b 48%,#345f50 80%,#394a47 100%); } .iw-editmyzip-page .iw-edit-hero-offer-price { font-size: 29px; } .iw-editmyzip-page .iw-edit-story { display: grid; grid-template-columns: 92px minmax(0,1fr) auto; gap: 22px; align-items: center; margin-top: 28px; padding: 22px 24px; border: 1px solid rgba(79,143,67,.11); border-radius: 26px; background: rgba(255,255,255,.58); box-shadow: 0 13px 38px rgba(38,70,48,.045); -webkit-backdrop-filter: blur(20px) saturate(135%); backdrop-filter: blur(20px) saturate(135%); } .iw-editmyzip-page .iw-edit-story-icon { width: 82px; height: 82px; object-fit: contain; border-radius: 22px; } .iw-editmyzip-page .iw-edit-story strong { display: block; margin-bottom: 5px; color: var(–iw-text); font-size: 16px; font-weight: 650; } .iw-editmyzip-page .iw-edit-story span { display: block; color: #70756f; font-size: 14px; line-height: 1.55; } .iw-editmyzip-page .iw-edit-story-link { white-space: nowrap; padding: 10px 14px; border: 1px solid rgba(79,143,67,.12); border-radius: 999px; background: rgba(255,255,255,.72); color: #426c3b; font-size: 13px; font-weight: 650; text-decoration: none; } .iw-editmyzip-page .iw-edit-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 34px; } .iw-editmyzip-page .iw-edit-step-card { padding: clamp(28px,3.8vw,42px); border: 1px solid rgba(255,255,255,.84); border-radius: 31px; background: rgba(255,255,255,.58); box-shadow: 0 18px 52px rgba(29,58,42,.055), inset 0 1px 0 rgba(255,255,255,.92); -webkit-backdrop-filter: blur(22px) saturate(135%); backdrop-filter: blur(22px) saturate(135%); } .iw-editmyzip-page .iw-edit-step-card h3 { margin-bottom: 20px !important; } .iw-editmyzip-page .iw-edit-step-list { display: grid; gap: 13px; counter-reset: air-step; } .iw-editmyzip-page .iw-edit-step { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; color: #565b56; font-size: 14px; line-height: 1.55; counter-increment: air-step; } .iw-editmyzip-page .iw-edit-step::before { content: counter(air-step); width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: rgba(79,143,67,.10); color: var(–iw-accent-dark); font-size: 12px; font-weight: 750; } .iw-editmyzip-page .iw-edit-step-note { margin-top: 19px; padding: 14px 16px; border-radius: 16px; background: rgba(242,250,240,.72); color: #486145; font-size: 13px; line-height: 1.55; } .iw-editmyzip-page .iw-edit-compat { position: relative; overflow: hidden; padding: clamp(38px,6vw,72px); border: 1px solid rgba(255,255,255,.86); border-radius: 38px; background: radial-gradient(circle at 84% 14%, rgba(116,188,101,.14), transparent 31%), radial-gradient(circle at 12% 88%, rgba(63,97,88,.075), transparent 30%), rgba(255,255,255,.60); box-shadow: 0 26px 70px rgba(29,58,42,.07), inset 0 1px 0 rgba(255,255,255,.92); -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); } .iw-editmyzip-page .iw-edit-compat-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 34px; } .iw-editmyzip-page .iw-edit-compat-card { padding: 21px; border: 1px solid rgba(0,0,0,.052); border-radius: 21px; background: rgba(255,255,255,.55); } .iw-editmyzip-page .iw-edit-compat-card strong { display: block; margin-bottom: 6px; color: var(–iw-text); font-size: 15px; } .iw-editmyzip-page .iw-edit-compat-card span { color: #747970; font-size: 13px; line-height: 1.5; } .iw-editmyzip-page .iw-edit-download { background: radial-gradient(circle at 3% 5%, rgba(125,201,107,.86), transparent 37%), radial-gradient(circle at 68% 74%, rgba(74,143,64,.70), transparent 46%), radial-gradient(circle at 100% 0%, rgba(48,71,65,.76), transparent 45%), radial-gradient(circle at 0% 100%, rgba(41,75,68,.90), transparent 48%), linear-gradient(135deg,#548f48,#467f3f 43%,#385b53 74%,#324843); } @media (max-width: 900px) { .iw-editmyzip-page .iw-edit-story { grid-template-columns: 72px minmax(0,1fr); } .iw-editmyzip-page .iw-edit-story-icon { width: 66px; height: 66px; } .iw-editmyzip-page .iw-edit-story-link { grid-column: 1 / -1; justify-self: start; } .iw-editmyzip-page .iw-edit-steps, .iw-editmyzip-page .iw-edit-compat-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .iw-editmyzip-page .iw-edit-story { grid-template-columns: 1fr; padding: 20px; } } /* ========================================================= EDITMYZIP · TECHNISCHE TRANSPARENZ ========================================================= */ .iw-editmyzip-page .iw-edit-tech-intro { max-width: 860px; margin: 36px auto 0; text-align: center; } .iw-editmyzip-page .iw-edit-tech-intro p { max-width: 760px; margin: 15px auto 0; } .iw-editmyzip-page .iw-edit-tech-details { max-width: 980px; margin: 30px auto 0; } .iw-editmyzip-page .iw-edit-tech-details details { margin: 0 0 11px; border: 1px solid rgba(79,143,67,.10); border-radius: 21px; background: rgba(255,255,255,.62); box-shadow: 0 8px 25px rgba(29,58,42,.028); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } .iw-editmyzip-page .iw-edit-tech-details summary { position: relative; padding: 21px 56px 21px 23px; color: var(–iw-text); font-size: 16px; font-weight: 650; line-height: 1.4; cursor: pointer; list-style: none; } .iw-editmyzip-page .iw-edit-tech-details summary::-webkit-details-marker { display: none; } .iw-editmyzip-page .iw-edit-tech-details summary::after { content: „+“; position: absolute; top: 50%; right: 19px; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: rgba(79,143,67,.09); color: var(–iw-accent); font-size: 20px; font-weight: 450; transform: translateY(-50%); } .iw-editmyzip-page .iw-edit-tech-details details[open] summary::after { content: „–“; } .iw-editmyzip-page .iw-edit-tech-answer { padding: 0 23px 23px; } .iw-editmyzip-page .iw-edit-tech-answer p { margin: 0 0 14px; font-size: 14px; line-height: 1.68; } .iw-editmyzip-page .iw-edit-tech-answer p:last-child { margin-bottom: 0; } .iw-editmyzip-page .iw-edit-tech-answer ul { margin: 12px 0 17px 18px; padding: 0; color: #5f6660; } .iw-editmyzip-page .iw-edit-tech-answer li { margin: 7px 0; padding-left: 3px; font-size: 14px; line-height: 1.58; } .iw-editmyzip-page .iw-edit-tech-answer code { padding: 2px 6px; border-radius: 7px; background: rgba(79,143,67,.08); color: #345f30; font-size: .92em; } .iw-editmyzip-page .iw-edit-tech-answer a { color: var(–iw-accent-dark); font-weight: 620; text-decoration-thickness: 1px; text-underline-offset: 2px; } /* ========================================================= EDITMYZIP · H1 ZWEIZEILIG ========================================================= */ .iw-editmyzip-page .iw-edit-title-main { display: block; font-weight: 700; letter-spacing: -0.045em; } .iw-editmyzip-page .iw-edit-title-sub { display: block; margin-top: 10px; color: #6b746d; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.08; font-weight: 440; letter-spacing: -0.035em; } @media (max-width: 680px) { .iw-editmyzip-page .iw-edit-title-sub { margin-top: 8px; font-size: clamp(22px, 7vw, 31px); line-height: 1.12; } } /* ========================================================= EDITMYZIP · MOBILE FINAL OVERRIDE Desktop bleibt unverändert. ========================================================= */ /* * Der zweite Media-Zweig mit pointer:coarse fängt Mobilbrowser * ab, die intern mit einer ungewöhnlich breiten Layout-Viewport * arbeiten. Dadurch bleiben die Desktop-Grids auf iPhone/iPad * nicht versehentlich mehrspaltig. */ @media (max-width: 900px), (max-width: 1100px) and (pointer: coarse) { /* ——————————————————— 1. Ganze Landingpage nahezu über die volle Displaybreite ——————————————————— */ body:has(.iw-editmyzip-page) .iwx-main-content { padding-left: 0 !important; padding-right: 0 !important; } body:has(.iw-editmyzip-page) .iwx-article, body:has(.iw-editmyzip-page) .iwx-article-card { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .iw-editmyzip-page { position: relative !important; /* * Bricht auf Mobile kontrolliert aus einer eventuell noch * vorhandenen Theme-Hülle aus, ohne Desktop anzutasten. */ width: calc(100vw – 24px) !important; max-width: calc(100vw – 24px) !important; margin-left: 50% !important; margin-right: 0 !important; transform: translateX(-50%); padding-bottom: 46px !important; border-radius: 28px !important; } /* ——————————————————— 2. Einheitlicher Innenabstand ——————————————————— */ .iw-editmyzip-page .iw-edit-wrap, .iw-editmyzip-page .iw-edit-trust, .iw-editmyzip-page .iw-edit-jump, .iw-editmyzip-page .iw-edit-hero-copy, .iw-editmyzip-page .iw-edit-hero-visual { width: calc(100% – 28px) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; } /* ——————————————————— 3. Typografie – auf Mobile nicht unnötig riesig ——————————————————— */ .iw-editmyzip-page h1 { font-size: clamp(39px, 11vw, 54px) !important; line-height: 1.00 !important; } .iw-editmyzip-page .iw-edit-title-sub { max-width: 330px; margin: 10px auto 0; font-size: clamp(23px, 6.7vw, 31px) !important; line-height: 1.10 !important; } .iw-editmyzip-page h2, .iw-editmyzip-page .iw-edit-duo-card h2 { font-size: clamp(29px, 8.6vw, 40px) !important; line-height: 1.05 !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: auto; } .iw-editmyzip-page h3 { font-size: 21px !important; } .iw-editmyzip-page p { font-size: 15px; line-height: 1.62; } /* ——————————————————— 4. Hero ——————————————————— */ .iw-editmyzip-page .iw-edit-hero { padding-top: 14px !important; } .iw-editmyzip-page .iw-edit-hero-offer { position: relative !important; top: auto !important; right: auto !important; width: 132px !important; height: 132px !important; margin: 0 auto 23px !important; transform: none !important; } .iw-editmyzip-page .iw-edit-hero-offer-price { font-size: 24px !important; } .iw-editmyzip-page .iw-edit-actions { flex-direction: column !important; } .iw-editmyzip-page .iw-edit-btn { width: 100% !important; min-height: 50px; } .iw-editmyzip-page .iw-edit-hero-visual { margin-top: 38px !important; } /* ——————————————————— 5. Trust-Karten: NICHT drei schmale Spalten ——————————————————— */ .iw-editmyzip-page .iw-edit-trust { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; margin-top: 28px !important; } .iw-editmyzip-page .iw-edit-trust-item { display: grid !important; grid-template-columns: 44px minmax(0,1fr) !important; grid-template-rows: auto auto; column-gap: 14px !important; row-gap: 3px !important; min-width: 0 !important; padding: 18px !important; border-radius: 21px !important; } .iw-editmyzip-page .iw-edit-trust-symbol { grid-column: 1; grid-row: 1 / span 2; width: 42px; height: 42px; margin: 0 !important; } .iw-editmyzip-page .iw-edit-trust-item strong { grid-column: 2; margin: 0 !important; font-size: 16px; line-height: 1.30; } .iw-editmyzip-page .iw-edit-trust-item span { grid-column: 2; font-size: 13px; line-height: 1.48; } /* ——————————————————— 6. Alle Desktop-Feature-Grids wirklich einspaltig ——————————————————— */ .iw-editmyzip-page .iw-edit-feature, .iw-editmyzip-page .iw-edit-feature-reverse, .iw-editmyzip-page .iw-edit-duo, .iw-editmyzip-page .iw-edit-overview, .iw-editmyzip-page .iw-edit-native-points, .iw-editmyzip-page .iw-edit-steps, .iw-editmyzip-page .iw-edit-compat-grid, .iw-editmyzip-page .iw-edit-buy-grid { display: grid !important; grid-template-columns: minmax(0,1fr) !important; min-width: 0 !important; } /* Feature-Bereiche: Screenshot zuerst, Text danach */ .iw-editmyzip-page .iw-edit-feature .iw-edit-feature-media, .iw-editmyzip-page .iw-edit-feature-reverse .iw-edit-feature-media { order: 1 !important; min-width: 0 !important; } .iw-editmyzip-page .iw-edit-feature .iw-edit-feature-copy, .iw-editmyzip-page .iw-edit-feature-reverse .iw-edit-feature-copy { order: 2 !important; min-width: 0 !important; } .iw-editmyzip-page .iw-edit-feature, .iw-editmyzip-page .iw-edit-feature-reverse { gap: 28px !important; } /* ——————————————————— 7. Große Doppel-Karten zwingend untereinander ——————————————————— */ .iw-editmyzip-page .iw-edit-duo { gap: 16px !important; } .iw-editmyzip-page .iw-edit-duo-card { width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 27px 18px 20px !important; border-radius: 26px !important; } .iw-editmyzip-page .iw-edit-duo-card p { font-size: 15px; } .iw-editmyzip-page .iw-edit-duo-image { margin-top: 24px !important; } /* ——————————————————— 8. Smart / Glass / Made in Germany ——————————————————— */ .iw-editmyzip-page .iw-edit-smart, .iw-editmyzip-page .iw-edit-native, .iw-editmyzip-page .iw-edit-compat { padding: 28px 17px 20px !important; border-radius: 27px !important; } .iw-editmyzip-page .iw-edit-smart-head { margin-bottom: 28px !important; } .iw-editmyzip-page .iw-edit-native-points { gap: 10px !important; } .iw-editmyzip-page .iw-edit-native-point { padding: 18px !important; } /* ——————————————————— 9. Datenschutz – bewusst wie Mac Reiniger: 2×2 ——————————————————— */ .iw-editmyzip-page .iw-edit-privacy { grid-template-columns: minmax(0,1fr) !important; gap: 28px !important; padding: 28px 17px !important; border-radius: 27px !important; } .iw-editmyzip-page .iw-edit-privacy-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .iw-editmyzip-page .iw-edit-privacy-card { min-width: 0 !important; min-height: 0 !important; padding: 17px 14px !important; border-radius: 19px !important; } .iw-editmyzip-page .iw-edit-privacy-card strong { font-size: 14px !important; line-height: 1.3; overflow-wrap: break-word; } .iw-editmyzip-page .iw-edit-privacy-card span { font-size: 12px !important; line-height: 1.48; } .iw-editmyzip-page .iw-edit-privacy-icon { width: 32px; height: 32px; margin-bottom: 12px; } /* ——————————————————— 10. Übersicht / Schritte / FAQ / Download ——————————————————— */ .iw-editmyzip-page .iw-edit-overview { gap: 10px !important; } .iw-editmyzip-page .iw-edit-overview-card { min-height: 0 !important; padding: 20px !important; border-radius: 21px !important; } .iw-editmyzip-page .iw-edit-step-card { padding: 24px 18px !important; border-radius: 24px !important; } .iw-editmyzip-page .iw-edit-faq summary { padding: 18px 52px 18px 18px !important; font-size: 15px !important; } .iw-editmyzip-page .iw-edit-faq-answer { padding: 0 18px 18px !important; } .iw-editmyzip-page .iw-edit-download { padding: 42px 18px !important; border-radius: 27px !important; } /* ——————————————————— 11. Lange Wörter / Badges dürfen nie eine Spalte sprengen ——————————————————— */ .iw-editmyzip-page .iw-edit-badge, .iw-editmyzip-page .iw-edit-feature-copy, .iw-editmyzip-page .iw-edit-duo-card, .iw-editmyzip-page .iw-edit-overview-card, .iw-editmyzip-page .iw-edit-step-card { min-width: 0 !important; max-width: 100%; } .iw-editmyzip-page .iw-edit-badge { white-space: normal; text-align: left; } } /* Sehr kleine iPhones */ @media (max-width: 430px) { .iw-editmyzip-page .iw-edit-privacy-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .iw-editmyzip-page .iw-edit-privacy-card { padding: 15px 12px !important; } .iw-editmyzip-page .iw-edit-privacy-card strong { font-size: 13px !important; } .iw-editmyzip-page .iw-edit-privacy-card span { font-size: 11.5px !important; } } /* ========================================================= EDITMYZIP · VERLAUFSÜBERSCHRIFTEN H1 + relevante H2 im passenden AirPort-Farbstil ========================================================= */ /* * AirPort-Farbverlauf: * helles Grün → AirPort-Grün → Petrol → dunkles Blaugrün */ .iw-editmyzip-page .iw-edit-title-main { display: block; overflow: visible !important; line-height: 1.055 !important; padding: .015em .035em .105em; margin: -.015em -.035em -.085em; background: linear-gradient( 96deg, #79c879 0%, #4eaa62 25%, #18783b 46%, #2e7252 70%, #355b66 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* * Gleicher Verlauf für die inhaltlich wichtigen H2. */ .iw-editmyzip-page .iw-edit-smart-head h2, .iw-editmyzip-page .iw-edit-feature-copy h2, .iw-editmyzip-page .iw-edit-duo-card h2, .iw-editmyzip-page .iw-edit-overview-head h2, .iw-editmyzip-page .iw-edit-native-copy h2, .iw-editmyzip-page .iw-edit-privacy-copy h2, .iw-editmyzip-page .iw-edit-faq-head h2, .iw-editmyzip-page .iw-edit-tech-intro h2, .iw-editmyzip-page .iw-edit-compat h2 { display: block; overflow: visible !important; padding-bottom: .075em; background: linear-gradient( 96deg, #79c879 0%, #4eaa62 25%, #18783b 46%, #2e7252 70%, #355b66 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* * Dunkler Download-Abschluss: * Überschrift bleibt bewusst weiß. */ .iw-editmyzip-page .iw-edit-download h2 { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #fff !important; color: #fff !important; } /* Mobile: mehr Zeichenraum für g / p / y in Safari */ @media (max-width: 900px), (max-width: 1100px) and (pointer: coarse) { .iw-editmyzip-page .iw-edit-title-main { line-height: 1.075 !important; padding-bottom: .12em; margin-bottom: -.09em; } .iw-editmyzip-page .iw-edit-smart-head h2, .iw-editmyzip-page .iw-edit-feature-copy h2, .iw-editmyzip-page .iw-edit-duo-card h2, .iw-editmyzip-page .iw-edit-overview-head h2, .iw-editmyzip-page .iw-edit-native-copy h2, .iw-editmyzip-page .iw-edit-privacy-copy h2, .iw-editmyzip-page .iw-edit-faq-head h2, .iw-editmyzip-page .iw-edit-tech-intro h2, .iw-editmyzip-page .iw-edit-compat h2 { line-height: 1.09 !important; padding-bottom: .09em; } }
ZIP-Werkzeug für macOS

ZIP-Dateien am Mac splitten, zusammenführen und verschlüsseln iWerkstatt EditMyZip App für macOS

Große ZIP-Dateien auf dem Mac in handliche Parts aufteilen und zusammengehörende ZIP-Teile später wieder zu einem vollständigen Archiv verbinden – einfach, übersichtlich und ohne Terminal.

EditMyZip für macOS zum Splitten großer ZIP-Dateien
ZIP-Dateien aufteilen Große ZIP-Dateien oder komplette Ordner in gewünschte Part-Größen zerlegen.
ZIP-Parts verbinden Zusammengehörende Parts auswählen und wieder zu einer vollständigen ZIP-Datei zusammensetzen.
Ohne Terminal Quelle, Größe und Speicherort bequem über eine native macOS-Oberfläche festlegen.
Große ZIP-Dateien aufteilen

ZIP-Datei zu groß?
Auf dem Mac einfach in Parts splitten.

Große ZIP-Dateien lassen sich nicht immer problemlos per E-Mail versenden, hochladen oder auf ein Speichermedium kopieren. EditMyZip teilt ein bestehendes ZIP-Archiv oder einen kompletten Ordner deshalb in mehrere kleinere Parts mit einer von dir festgelegten Maximalgröße auf.

Statt Terminalbefehlen wählst du einfach die Quelle aus, bestimmst die gewünschte Größe pro Part und legst den Speicherort fest. Die Originaldatei bleibt dabei unverändert.

ZIP-Datei splitten Vorhandene ZIP-Archive in mehrere kleinere Teile zerlegen.
Ordner aufteilen Auch komplette Ordner können als Quelle ausgewählt werden.
Größe frei wählen Vorgegebene Größen nutzen oder eine eigene Maximalgröße festlegen.
Zwei Werkzeuge in einer App

ZIP splitten oder wieder zusammenführen.

EditMyZip vereint beide Arbeitsschritte in einer Anwendung. Du kannst große ZIP-Dateien in Parts aufteilen und später zusammengehörende Teile wieder zu einer vollständigen ZIP-Datei verbinden.

Die App führt dich dabei Schritt für Schritt durch Quelle, Speicherort und Verarbeitung – ohne sichtbares Terminal und ohne komplizierte Kommandos.

EditMyZip zum Zusammenführen von ZIP-Parts auf dem Mac
ZIP aufteilen

Part-Größe festlegen.
EditMyZip erledigt den Rest.

Wähle eine ZIP-Datei oder einen Ordner als Quelle und bestimme anschließend, wie groß die einzelnen Parts maximal sein dürfen.

Neben festen Größen wie 25 MB, 100 MB, 500 MB, 1 GB, 2 GB oder 4 GB kannst du auch eine eigene Maximalgröße festlegen.

ZIP-Datei oder Ordner als Quelle auswählen
Gewünschte maximale Part-Größe festlegen
Originaldatei bleibt unverändert
EditMyZip mit ausgewählter ZIP-Datei und verschiedenen Part-Größen
Speicherort

Parts getrennt speichern.
Original unverändert lassen.

Vor dem Aufteilen bestimmst du, wo die erzeugten Parts gespeichert werden sollen. EditMyZip zeigt Quelle, berechnete Part-Größe und die voraussichtliche Anzahl der Teile übersichtlich an.

Erst wenn alles passt, startest du die Aufteilung. Das ursprüngliche ZIP-Archiv wird dabei nicht verändert.

Zielordner vor dem Start kontrollieren
Geschätzte Anzahl der Parts vorab sehen
Ergebnis direkt im Finder öffnen
EditMyZip Auswahl des Speicherorts für aufgeteilte ZIP-Parts
ZIP zusammenführen

ZIP-Parts auswählen.
Archiv wiederherstellen.

Zum Zusammenführen wählst du alle zusammengehörenden Parts oder einfach den kompletten Ausgabeordner aus. EditMyZip erkennt die Teile und prüft Reihenfolge und Vollständigkeit automatisch.

Danach werden die Parts bytegenau wieder zusammengesetzt und die fertige Datei als ZIP geprüft.

Mehrere Parts oder kompletten Ordner auswählen
Reihenfolge und Vollständigkeit automatisch prüfen
Fertige ZIP separat speichern
EditMyZip mit ausgewählten ZIP-Parts zum Zusammenführen
Fertige ZIP

Speicherort wählen.
Zusammenführen starten.

Die einzelnen Parts bleiben unverändert. EditMyZip erstellt am gewählten Ziel eine neue, vollständig geprüfte ZIP-Datei.

Vor dem Start siehst du nochmals den Dateinamen, die Anzahl der Parts und die Gesamtgröße.

Zielordner frei auswählen
Parts bleiben unangetastet
Ergebnis direkt im Finder anzeigen
EditMyZip Auswahl des Speicherorts für die zusammengeführte ZIP-Datei
Aufteilung abgeschlossen

Parts fertig.
Direkt im Finder öffnen.

Nach erfolgreicher Aufteilung zeigt EditMyZip Archivgröße, Anzahl der erzeugten Parts und die Gesamtausgabe übersichtlich an.

Erfolgreich aufgeteilte ZIP-Datei in EditMyZip
ZIP wiederhergestellt

Parts verbunden.
ZIP geprüft.

Nach dem Zusammenführen zeigt die App die fertige ZIP-Datei, die Anzahl der Parts und die Dateigröße.

Erfolgreich zusammengeführte ZIP-Datei in EditMyZip
Alles an einem Ort

Die wichtigsten ZIP-Aufgaben in einer Mac-App.

EditMyZip konzentriert sich bewusst auf das, was du beim Teilen und Wiederherstellen großer ZIP-Dateien wirklich brauchst.

ZIP splitten

Große ZIP-Dateien in kleinere Parts aufteilen.

ZIP zusammenführen

Zusammengehörende Parts wieder zu einer ZIP-Datei verbinden.

Ordner als Quelle

Beim Splitten kann auch ein kompletter Ordner ausgewählt werden.

MB

Part-Größe wählen

Feste Größen verwenden oder eine eigene Maximalgröße definieren.

Parts prüfen

Reihenfolge und Vollständigkeit beim Zusammenführen automatisch prüfen.

ZIP

ZIP prüfen

Zusammengeführtes Ergebnis anschließend als ZIP überprüfen.

Speicherort wählen

Quelle und Ergebnis bleiben sauber voneinander getrennt.

Ohne Terminal

Alle Arbeitsschritte vollständig über die native Oberfläche erledigen.

Finder öffnen

Das fertige Ergebnis nach Abschluss direkt im Finder anzeigen.

Schritt für Schritt

ZIP teilen oder verbinden.
In wenigen Schritten erledigt.

Beide Arbeitsabläufe folgen demselben klaren Prinzip.

ZIP-Datei aufteilen

Ordner oder ZIP-Datei als Quelle auswählen.
Gewünschte maximale Größe pro Part festlegen.
Speicherort für die erzeugten Parts auswählen.
Aufteilung starten.
Fertige Parts direkt im Finder anzeigen.

ZIP-Parts zusammenführen

Zusammengehörende Parts oder Ausgabeordner auswählen.
Reihenfolge und Vollständigkeit prüfen lassen.
Speicherort für die fertige ZIP festlegen.
Zusammenführen starten.
Wiederhergestellte ZIP direkt im Finder öffnen.
Entwickelt in Freiburg im Breisgau

Software Made in Germany.
Entwickelt in Freiburg im Breisgau.

EditMyZip ist eine native macOS-Anwendung von iWerkstatt. Die App verbindet die früher getrennten Werkzeuge zum Splitten und Zusammenführen von ZIP-Dateien in einer einzigen übersichtlichen Anwendung.

Im Mittelpunkt steht nicht eine überladene ZIP-Suite, sondern ein kleines, schnelles Werkzeug für genau die Situationen, in denen ein Archiv geteilt oder wieder zusammengesetzt werden muss.

Native Oberfläche Für Maus, Trackpad und die gewohnte Bedienung unter macOS entwickelt.
Zwei Funktionen, eine App SplitMyZip und CombineMyZip gebündelt in EditMyZip.
Entwickelt in Freiburg EditMyZip ist eine Software von iWerkstatt.
Lokal auf deinem Mac

Deine Dateien bleiben
unter deiner Kontrolle.

Die ausgewählten Dateien werden für das Splitten und Zusammenführen direkt auf deinem Mac verarbeitet. Für die eigentliche Dateiverarbeitung ist keine Cloud-Verarbeitung erforderlich.

Originale bleiben erhalten: Beim Splitten bleibt die gewählte Originaldatei unverändert. Beim Zusammenführen werden die vorhandenen Parts nicht überschrieben.
Lokale Verarbeitung Splitten und Zusammenführen erfolgen direkt auf deinem Mac.
Original bleibt erhalten Die ausgewählte Quelldatei wird beim Aufteilen nicht verändert.
Ergebnis separat Parts und wiederhergestellte ZIPs werden am gewählten Ziel neu angelegt.
Kein Terminal nötig Alle unterstützten Arbeitsschritte laufen über die grafische Oberfläche.
Häufige Fragen

ZIP-Datei splitten oder zusammenführen:
häufige Fragen.

Wie kann ich eine ZIP-Datei auf dem Mac splitten?

Wähle in EditMyZip eine vorhandene ZIP-Datei oder einen Ordner aus, lege die gewünschte maximale Part-Größe fest und bestimme danach den Speicherort. Die App erstellt anschließend automatisch die einzelnen Parts.

Wie kann ich ZIP-Parts auf dem Mac wieder zusammenführen?

Wähle alle zusammengehörenden Parts oder den kompletten Ausgabeordner aus. EditMyZip prüft Reihenfolge und Vollständigkeit und erstellt anschließend am gewünschten Speicherort wieder eine vollständige ZIP-Datei.

Welche Part-Größen kann ich auswählen?

Die App bietet unter anderem 25 MB, 100 MB, 500 MB, 1 GB, 2 GB und 4 GB. Zusätzlich kannst du eine eigene maximale Größe festlegen.

Bleibt meine ursprüngliche ZIP-Datei erhalten?

Ja. Beim Aufteilen bleibt die Originaldatei unverändert. Die erzeugten Parts werden in einem separaten Ausgabeordner gespeichert.

Prüft EditMyZip die Parts beim Zusammenführen?

Ja. Die App prüft die ausgewählten Parts auf Reihenfolge und Vollständigkeit. Nach dem Zusammenführen wird das Ergebnis zusätzlich als ZIP geprüft.

Brauche ich Terminalbefehle zum Splitten einer ZIP-Datei?

Nein. Die unterstützten Arbeitsabläufe werden vollständig über die grafische Oberfläche von EditMyZip ausgeführt.

EditMyZip · Version 1.0

ZIP-Dateien auf dem Mac
splitten & zusammenführen.

Lade EditMyZip direkt von iWerkstatt herunter und teile große ZIP-Dateien in gewünschte Parts oder verbinde zusammengehörende ZIP-Teile wieder zu einem Archiv.

↓ EditMyZip herunterladen

Datenschutzübersicht

Diese Website verwendet Cookies, um Ihnen die bestmögliche Nutzererfahrung zu bieten. Cookie-Informationen werden in Ihrem Browser gespeichert und führen Funktionen wie dir Wiedererkennung auf Ihrer Website aus und helfen unserem Team dabei, zu verstehen, welche Bereiche der Website für Sie am interessantesten und nützlichsten sind.

Sie können alle Ihre Cookie-Einstellungen anpassen, indem Sie auf die Registerkarte auf linken Seite navigieren.

Zur Datenschutzseite