.atf{--atf-accent:#d10075;--atf-dark:#20232a;--atf-border:#dfe2e7;max-width:920px;margin:0 auto;color:var(--atf-dark);font-family:inherit}.atf *{box-sizing:border-box}.atf-progress{height:7px;background:#eceef1;border-radius:20px;overflow:hidden}.atf-progress span{display:block;height:100%;width:0;background:var(--atf-accent);transition:width .25s ease}.atf-step-count{text-align:right;color:#6b7280;font-size:14px;margin:8px 0 24px}.atf-step{display:none}.atf-step.is-active{display:block;animation:atf-in .25s ease}.atf h2{font-size:clamp(24px,4vw,36px);line-height:1.2;margin:0 0 8px}.atf-intro{color:#68707d;margin:0 0 24px}.atf-field-label{font-weight:700;margin:18px 0 4px}.atf-cards{display:grid;gap:16px;margin:16px 0 24px}.atf-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.atf-card{appearance:none;background:#fff;border:2px solid var(--atf-border);border-radius:14px;padding:22px;text-align:left;color:inherit;cursor:pointer;min-height:112px;transition:.18s ease;font:inherit}.atf-card:hover{border-color:#aeb4bd;transform:translateY(-2px)}.atf-card.is-selected{border-color:var(--atf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--atf-accent) 14%,transparent)}.atf-card strong,.atf-card small{display:block}.atf-card strong{font-size:18px}.atf-card small{color:#68707d;margin-top:7px;line-height:1.4}.atf-icon{font-size:34px;display:block;margin-bottom:12px}.atf-field,.atf-upload{display:block;font-weight:600;margin:16px 0}.atf-field input,.atf-field textarea,.atf-upload input{display:block;width:100%;margin-top:7px;border:1px solid #bdc2ca;border-radius:8px;padding:12px;font:inherit;background:#fff}.atf-upload{border:2px dashed var(--atf-border);padding:20px;border-radius:12px}.atf-upload small{display:block;color:#68707d;margin-top:8px;font-weight:400}.atf-checks{border:1px solid var(--atf-border);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.atf-checks legend{font-weight:700;padding:0 8px}.atf-privacy{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;margin:18px 0}.atf-privacy input{margin-top:4px}.atf-summary{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;border:1px solid var(--atf-border);border-radius:12px;overflow:hidden;margin:24px 0}.atf-summary dt,.atf-summary dd{padding:12px 16px;margin:0;border-bottom:1px solid var(--atf-border)}.atf-summary dt{font-weight:700;background:#f6f7f8}.atf-note{font-size:14px;color:#68707d}.atf-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.atf-btn{border:0;border-radius:8px;padding:13px 24px;font:inherit;font-weight:700;cursor:pointer;background:var(--atf-dark);color:#fff}.atf-next,.atf-submit{margin-left:auto;background:var(--atf-accent)}.atf-btn:disabled{opacity:.6;cursor:wait}.atf-error{color:#b42318;font-weight:600;margin-top:16px}.atf-success{padding:28px;border-left:5px solid #198754;background:#eef9f3;border-radius:8px;font-size:18px}.atf-hp{position:absolute!important;left:-99999px!important;opacity:0!important}.atf [hidden]{display:none!important}@keyframes atf-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.atf-cards-3{grid-template-columns:1fr}.atf-card{min-height:0}.atf-checks{grid-template-columns:1fr}.atf-summary{grid-template-columns:1fr}.atf-summary dt,.atf-summary dd{border-bottom:0}.atf-summary dd{border-bottom:1px solid var(--atf-border)}}

.atf-native .atf-native-content>.atf-native-step{display:none}
.atf-native .atf-native-content>.atf-native-step.is-active{display:block}
.atf-native-choice{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;width:100%}
.atf-native-choice.is-selected{outline:3px solid var(--atf-accent);outline-offset:4px;border-radius:8px}

/* 0.9.0: visual choice cards */
.atf-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.atf-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.atf-card-image{display:block;margin:-10px -10px 14px;overflow:hidden;border-radius:10px;aspect-ratio:16/10;background:#f3f4f6}.atf-card-image img{display:block;width:100%;height:100%;object-fit:cover}.atf-card:has(.atf-card-image){padding:16px}.atf-card:has(.atf-card-image) strong,.atf-card:has(.atf-card-image) small{padding-left:2px;padding-right:2px}@media(max-width:900px){.atf-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.atf-cards-2,.atf-cards-4{grid-template-columns:1fr}}


/* 0.10.0: configurable visual card design */
.atf-cards .atf-card-image{height:var(--atf-card-image-height,160px);aspect-ratio:auto}
.atf-cards.atf-ratio-16-10 .atf-card-image img{aspect-ratio:16/10}
.atf-cards.atf-ratio-4-3 .atf-card-image img{aspect-ratio:4/3}
.atf-cards.atf-ratio-1-1 .atf-card-image img{aspect-ratio:1/1}
.atf-cards .atf-card-image img{height:100%;object-fit:cover}
.atf-cards .atf-icon{font-size:var(--atf-card-icon-size,36px);line-height:1.1}
.atf-align-center .atf-card{text-align:center}
.atf-style-soft .atf-card{border-color:transparent;background:#f6f7f8}
.atf-style-soft .atf-card.is-selected{background:#fff;border-color:var(--atf-accent)}
.atf-style-minimal .atf-card{border-width:1px;border-radius:8px;box-shadow:none;padding:14px}
.atf-style-minimal .atf-card:has(.atf-card-image){padding:12px}
.atf-hover-border .atf-card:hover{transform:none;border-color:var(--atf-accent)}
.atf-hover-none .atf-card:hover{transform:none;border-color:var(--atf-border)}
.atf-hover-none .atf-card.is-selected:hover{border-color:var(--atf-accent)}

.atf-price-estimate{margin:20px 0;padding:14px 16px;border:1px solid #ddd;border-radius:10px;background:#fafafa}.atf-price-estimate strong{display:block;font-size:1.1rem}.atf-price-estimate small{display:block;margin-top:4px;opacity:.75}

.atf :focus-visible{outline:3px solid var(--atf-accent,#d10075);outline-offset:3px}.atf-step h2[tabindex="-1"]:focus{outline:none}

/* 1.1.0: nachvollziehbare Live-Kalkulation */
.atf-price-breakdown{list-style:none;margin:10px 0 6px;padding:0;border-top:1px solid #e5e7eb}.atf-price-breakdown li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid #eef0f2;font-size:.92rem}.atf-price-breakdown li span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}

/* 2.0.1 validation */
.atf-field-group.atf-has-error input,
.atf-field-group.atf-has-error textarea,
.atf-field-group.atf-has-error .atf-cards,
.atf-field-group.atf-has-error.atf-checks,
.atf-field-group.atf-has-error.atf-upload{border-color:#b42318!important}
.atf-inline-error{margin-top:7px;color:#b42318;font-size:14px;font-weight:600}
.atf-field-group[aria-invalid="true"],.atf-field-group .atf-card[aria-invalid="true"]{outline-color:#b42318}

/* 2.0.4: keep entered/default form values readable against the funnel's white fields. */
.atf .atf-field input:not([type="checkbox"]):not([type="radio"]),
.atf .atf-field textarea,
.atf .atf-upload input[type="file"]{
  color:#20232a!important;
  -webkit-text-fill-color:#20232a!important;
  caret-color:#20232a;
  background-color:#fff!important;
}
.atf .atf-field input::placeholder,
.atf .atf-field textarea::placeholder{color:#7a818c!important;-webkit-text-fill-color:#7a818c!important;opacity:1}
.atf .atf-field input:-webkit-autofill,
.atf .atf-field input:-webkit-autofill:hover,
.atf .atf-field input:-webkit-autofill:focus{
  -webkit-text-fill-color:#20232a!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  caret-color:#20232a!important;
}

.atf-card-graphic{display:flex;align-items:center;justify-content:center;background:#f7f8fa;padding:10px}.atf-card-graphic svg{display:block;width:100%;height:100%;max-height:var(--atf-card-image-height,160px)}


/* 2.0.7: Fahrzeugbeschriftung – hochwertige Medienkarten und Bereichsauswahl */
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card{
  background:#fff;
  border-color:#dfe2e7;
  text-align:center;
  min-height:270px;
}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card-image{
  margin:-4px -4px 16px;
  padding:8px;
  background:#fff;
  border-radius:10px;
}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card.is-selected{
  border-color:var(--atf-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--atf-accent) 16%,transparent);
}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"]{
  display:grid;
  grid-template-columns:minmax(140px,1fr) minmax(180px,240px) minmax(140px,1fr);
  grid-template-rows:auto repeat(5,minmax(38px,auto));
  align-items:center;
  column-gap:24px;
  row-gap:8px;
  padding:22px;
  background:#fff;
}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"] legend{
  grid-column:1/-1;
  margin-bottom:8px;
}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"]::before{
  content:"";
  grid-column:2;
  grid-row:2/7;
  align-self:stretch;
  min-height:310px;
  background:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-fahrzeug-draufsicht.png") center/contain no-repeat;
}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"] label:nth-of-type(-n+5){grid-column:1}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"] label:nth-of-type(n+6){grid-column:3}
@media(max-width:700px){
  .atf[data-funnel="fahrzeugbeschriftung"] .atf-card{min-height:0}
  .atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"]{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"]::before{
    grid-column:1;
    grid-row:auto;
    min-height:260px;
    order:0;
  }
  .atf[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"] label:nth-of-type(n){
    grid-column:1;
    grid-row:auto;
  }
}

.atf[data-funnel="fahrzeugbeschriftung"] .atf-card-graphic{background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#fff}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card-graphic svg{display:none}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="PKW"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-pkw.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Transporter"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-transporter.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="LKW"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-lkw.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Kleinwagen"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-kleinwagen.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Limousine / Kombi"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-limousine-kombi.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="SUV"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-suv.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Kleintransporter"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-kleintransporter.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Mittlerer Transporter"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-transporter-mittel.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Großer Transporter"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-transporter-gross.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="LKW bis 7,5 t"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-lkw-75t.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="LKW über 7,5 t"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-lkw-gross.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Anhänger / Auflieger"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-auflieger.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Türbeschriftung"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-wrap-tuer.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Teilbeschriftung"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-wrap-teil.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Seiten und Heck"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-wrap-seiten-heck.png")}
.atf[data-funnel="fahrzeugbeschriftung"] .atf-card[data-value="Vollverklebung"] .atf-card-graphic{background-image:url("https://www.atiart.de/wp-content/uploads/2026/09/atifunnel-wrap-voll.png")}

/* Vehicle funnel UX v2.2.3. Scope protects other funnels and website pages. */
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"]{max-width:1120px;scroll-margin-top:95px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-welcome{margin:0 0 28px;max-width:830px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-welcome h1{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:0 0 12px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-welcome p{font-size:16px;line-height:1.55;color:#515a66;margin:8px 0}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-welcome .atf-benefits{font-size:14px;color:#333c47;font-weight:600;white-space:normal}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0!important;margin:0 0 12px!important;gap:8px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases li{font-size:13px;color:#707782;padding:8px 4px;border-radius:6px;text-align:center;line-height:1.3}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases .is-current{color:#a8005e;background:#fff0f7;font-weight:700}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases .is-complete{color:#303b45}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-step{animation:none}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] h2{font-size:clamp(23px,3vw,30px);margin-bottom:12px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-card{position:relative;min-height:0;transition:border-color .15s;background:#fff}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-card:hover{transform:none}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-card.is-selected{background:#fff3f9;border:2px solid var(--atf-accent);box-shadow:0 0 0 2px #f7daea}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-card.is-selected::after{content:'✓';position:absolute;right:9px;top:9px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--atf-accent);color:white;font-size:16px;font-weight:700;z-index:2}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-door-graphic{display:block;margin:0 0 10px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-door-graphic svg{width:100%;height:80px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] [data-atf-key="tueren"] .atf-card{padding:16px;text-align:center}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"]::before{display:none}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"] label:nth-of-type(n){grid-column:auto}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-checks label{display:flex;align-items:center;gap:9px;min-height:48px;padding:11px 12px;border:1px solid #d7dce3;border-radius:9px;background:white;cursor:pointer;font-size:15px;line-height:1.35}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-checks label:has(input:checked){border-color:var(--atf-accent);background:#fff0f7;color:#9c0057;font-weight:600}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] input[type="checkbox"]{accent-color:var(--atf-accent);min-width:18px;min-height:18px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-help{display:block;font-size:14px;font-weight:400;color:#596471;line-height:1.5;margin-top:9px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-field input,.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-field textarea{min-height:48px;font-size:16px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-upload{padding:18px;background:#fafbfc}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-upload input::file-selector-button{border:1px solid #d6b4c7;border-radius:6px;padding:10px;margin-right:10px;background:#fff0f7;color:#89004c;font:inherit;cursor:pointer}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-form{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:28px;align-items:start}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-form:has(.atf-price-estimate[hidden]){grid-template-columns:minmax(0,1fr)}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-step,.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-error,.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-actions{grid-column:1;min-width:0}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-estimate{grid-column:2;grid-row:1 / span 3;position:sticky;top:100px;margin:0;padding:22px 18px;background:#fff;border:1px solid #e2d8df;border-top:3px solid var(--atf-accent);border-radius:12px;min-width:0}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-heading{display:block;font-size:14px;color:#515a66;font-weight:600}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-amount{display:block;font-size:24px;line-height:1.3;margin:8px 0 6px;color:#20232a;overflow-wrap:anywhere}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-live-config{font-size:14px;line-height:1.5;color:#525b67;margin:12px 0}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-breakdown{padding:0!important;font-size:13px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-breakdown li{display:block;font-size:13px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-breakdown li span{display:block}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-estimate small{font-size:12px;line-height:1.5;opacity:1;color:#66707c}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-trust{border-top:1px solid #e5e7eb;padding-top:16px;font-size:13px;color:#57616d;margin-top:20px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-edit{display:block;border:0;background:transparent;color:#a8005e;padding:4px 0;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;min-height:32px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-btn{min-height:48px;line-height:1.3;padding:14px 20px;font-size:16px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-summary dt,.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-summary dd{overflow-wrap:anywhere;font-size:14px}
.atf-funnel-page #top-header,.atf-funnel-page #et-top-navigation{display:none!important}
.atf-funnel-page #main-header .container{height:72px!important;min-height:72px}
.atf-funnel-page #main-header .logo_container{position:relative;display:flex;align-items:center;justify-content:space-between;height:72px}
.atf-funnel-page #main-header .logo_helper{display:none}
.atf-funnel-page #logo{max-height:44px}
.atf-funnel-page .atf-header-phone{font-size:14px;color:#333;font-weight:600;line-height:1.4}
.atf-funnel-page #page-container{padding-top:72px!important}
.atf-funnel-page .ht-ctc-chat{right:12px!important;bottom:12px!important}
@media(max-width:900px){
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-form{display:block}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-estimate{position:static;margin:22px 0 0;padding:16px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-breakdown{display:none}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-amount{font-size:23px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-step-count{margin-bottom:20px}
}
@media(max-width:700px){
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"]{scroll-margin-top:80px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-welcome{margin-bottom:20px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases{gap:2px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases li{font-size:10px;overflow-wrap:anywhere;padding:7px 2px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-cards{gap:10px;margin:12px 0 20px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-card{padding:15px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-card-image{height:120px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-checks[data-atf-key="bereiche"]{grid-template-columns:1fr;padding:12px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-actions{gap:8px;flex-wrap:wrap}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-next,.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-submit{max-width:100%}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-price-estimate small{font-size:13px}
 .atf-funnel-page .atf-header-phone{font-size:12px;max-width:125px;text-align:right}
}
@media(prefers-reduced-motion:reduce){.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] *{scroll-behavior:auto!important;transition:none!important}}
/* Compact Divi spacing and unobstructed mobile controls, this page only. */
.atf-funnel-page .et_slide_in_menu_container{display:none!important}
@media(max-width:700px){
 .atf-funnel-page article .et_pb_section:first-child{padding:18px 0!important}
 .atf-funnel-page article .et_pb_row{width:92%!important;padding:10px 0!important}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases li{font-size:11px;overflow-wrap:normal}
 .atf-funnel-page #callnowbutton{display:none!important}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-actions{margin-bottom:65px}
}

@media(max-width:700px){
 .atf-funnel-page #ht-ctc-chat{position:static!important;transform:none!important;float:none!important;clear:both;margin:16px 0!important;display:flex!important;justify-content:flex-end;animation:none!important}
}

.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-references{margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #e2e5e9}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-references h3{font-size:18px;margin:0 0 12px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-reference-grid figure{margin:0;min-width:0}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-reference-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-reference-grid figcaption{font-size:12px;line-height:1.4;margin-top:6px;color:#525b67;overflow-wrap:anywhere}
@media(max-width:700px){.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-reference-grid{gap:7px}}
/* Mobile follow-up: full-width actions and contained progress. */
@media(max-width:900px){
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"]{width:100%;min-width:0}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-actions{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;width:100%;gap:10px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-actions .atf-btn:not([hidden]){display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;max-width:100%;min-width:0;margin:0;text-align:center;white-space:normal;overflow-wrap:anywhere}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases,.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-progress,.atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-step-count{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-progress span{max-width:100%}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases li{min-width:0;max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:700px){
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .atf.atf-vehicle-ux[data-funnel="fahrzeugbeschriftung"] .atf-phases li:last-child{grid-column:1/-1}
}

/* Pricing 3.0: readable configuration on desktop and mobile, no internal costs. */
.atf.atf-vehicle-ux[data-atf-pricing-version="3.0"] .atf-price-breakdown{display:block!important}
.atf.atf-vehicle-ux[data-atf-pricing-version="3.0"] .atf-price-breakdown li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;line-height:1.35}
.atf.atf-vehicle-ux[data-atf-pricing-version="3.0"] .atf-price-breakdown li span:last-child{white-space:normal;overflow-wrap:anywhere;text-align:right}

.atf.atf-vehicle-ux .atf-removal-notice{margin:12px 0;padding:12px;border-left:4px solid var(--atf-accent);background:#fff1f7;color:#27202a;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.atf.atf-vehicle-ux .atf-removal-notice[hidden]{display:none!important}
.atf.atf-vehicle-ux .atf-removal-notice b{display:block;font-weight:700}
.atf.atf-vehicle-ux .atf-removal-notice p{margin:8px 0 0;padding:0;font-size:13px;line-height:1.5}