.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.
↘
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.
ZIP splitten
ZIP zusammenführen
Überblick
Ablauf
Made in Germany
FAQ
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.
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
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
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
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
Aufteilung abgeschlossen
Parts fertig.
Direkt im Finder öffnen.
Nach erfolgreicher Aufteilung zeigt EditMyZip
Archivgröße, Anzahl der erzeugten Parts und die
Gesamtausgabe übersichtlich an.
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.
↘
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.
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
EditMyZip ist eine Software von iWerkstatt in Freiburg im Breisgau.
Der Download-Link wird vor Veröffentlichung noch durch die endgültige
Datei- beziehungsweise Produkt-URL ersetzt.