:root{--shell:calc(100vw - clamp(28px,4.6vw,104px));--max:1920px;--bg:#f6f9ff;--card:#fff;--ink:#0f172a;--muted:#667085;--line:#e5eaf3;--blue:#2563eb;--cyan:#06b6d4;--green:#12b981;--shadow:0 28px 90px rgba(15,23,42,.14);--soft:0 16px 46px rgba(15,23,42,.08);--radius:34px;--h1:clamp(3.15rem,4.9vw,6.65rem);--h2:clamp(2.1rem,2.7vw,3.75rem);--h3:clamp(1.22rem,1.18vw,1.58rem);--h4:clamp(1.06rem,1vw,1.28rem);--h5:clamp(.96rem,.82vw,1.08rem);--h6:clamp(.78rem,.62vw,.92rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;letter-spacing:-.006em;font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 3%,#dbeafe 0,transparent 28rem),radial-gradient(circle at 95% 0,#ccfbf1 0,transparent 25rem),linear-gradient(180deg,#fff 0,#f8fbff 42%,#eef6ff 100%);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}p{margin:0;color:var(--muted);line-height:1.72;letter-spacing:-.008em}h1,h2,h3,h4,h5,h6{max-width:none!important}h1,h2,h3,h4,h5,h6{font-weight:880;letter-spacing:-.028em;margin:0;color:var(--ink)}h1{font-size:var(--h1);line-height:1.02;letter-spacing:-.038em}h2{font-size:var(--h2);line-height:1.08;letter-spacing:-.032em}h3{font-size:var(--h3);line-height:1.16;letter-spacing:-.024em}h4{font-size:var(--h4);line-height:1.22;letter-spacing:-.018em}h5{font-size:var(--h5);line-height:1.28;letter-spacing:-.012em}h6{font-size:var(--h6);line-height:1.34;letter-spacing:.055em;text-transform:uppercase}.topbar{position:sticky;top:14px;z-index:50;width:min(var(--shell),var(--max));margin:14px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.72rem .82rem;border:1px solid rgba(229,234,243,.92);border-radius:18px;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);box-shadow:var(--soft)}.brand{display:flex;align-items:center;height:46px;min-width:150px}.brand img{height:34px;width:auto}.topbar nav{justify-self:center;display:flex;gap:.25rem;background:#f1f5fb;border:1px solid var(--line);border-radius:18px;padding:.22rem}.topbar nav a,.language-switch a,.cart-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:.65rem .95rem;font-weight:850;color:#344054;white-space:nowrap}.topbar nav a:hover,.language-switch a:hover{background:#fff;box-shadow:0 8px 22px rgba(16,24,40,.06)}.topbar-actions{display:flex;align-items:center;gap:.45rem}.language-switch{display:flex;border:1px solid var(--line);border-radius:18px;background:#fff;padding:.18rem}.language-switch a{font-size:.82rem;padding:.5rem .58rem}.cart-pill{background:#101828;color:#fff;gap:.5rem}.cart-pill b{display:grid;place-items:center;min-width:1.45rem;height:1.45rem;background:#fff;color:#101828;border-radius:18px}.hero-shop{width:min(var(--shell),var(--max));margin:clamp(1.5rem,3.6vw,4.2rem) auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.78fr);gap:clamp(1rem,2.4vw,2.6rem);align-items:stretch}.hero-copy{position:relative;overflow:hidden;border-radius:clamp(34px,4vw,64px);padding:clamp(2rem,4.8vw,6rem);background:linear-gradient(135deg,#fff 0%,#f9fbff 45%,#eaf4ff 100%);border:1px solid rgba(229,234,243,.95);box-shadow:var(--shadow)}.hero-copy:before{content:"";position:absolute;right:-15rem;top:-17rem;width:40rem;height:40rem;border-radius:28px;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 70%)}.hero-copy>*{position:relative}.kicker{display:inline-flex;align-items:center;gap:.45rem;width:max-content;max-width:100%;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#155eef;background:#eef4ff;border:1px solid #dbeafe;border-radius:18px;padding:.48rem .72rem;margin-bottom:1rem}.lead{font-size:clamp(1.08rem,1.22vw,1.42rem);max-width:920px;margin-top:.9rem}.hero-actions,.template-actions,.preview-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.15rem}.btn{border:0;border-radius:18px;padding:.9rem 1.15rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#101828;color:#fff;box-shadow:0 15px 32px rgba(16,24,40,.18)}.btn-light{background:#fff;color:#101828;border:1px solid var(--line);box-shadow:0 12px 28px rgba(16,24,40,.07)}.hero-preview-stack{position:relative;min-height:560px;border-radius:56px;background:linear-gradient(135deg,#ffffff,#eff8ff);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.hero-preview{position:absolute;width:72%;border-radius:26px;box-shadow:0 28px 70px rgba(15,23,42,.22);border:1px solid rgba(255,255,255,.9)}.hero-preview-a{top:7%;left:8%;transform:rotate(-3deg)}.hero-preview-b{top:33%;right:5%;transform:rotate(4deg)}.hero-preview-c{bottom:7%;left:15%;transform:rotate(-1deg)}.templates-section,.cart-section{width:min(var(--shell),var(--max));margin:clamp(2.1rem,3.8vw,4.6rem) auto 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.4rem;margin-bottom:1.05rem}.section-head p{max-width:560px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.2vw,1.4rem)}.template-card{display:flex;flex-direction:column;background:rgba(255,255,255,.94);border:1px solid rgba(229,234,243,.95);border-radius:34px;box-shadow:var(--soft);overflow:hidden;transition:.18s ease;min-height:495px}.template-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.template-preview{display:grid;place-items:center;border:0;background:linear-gradient(135deg,#f8fbff,#eef7ff);padding:0;cursor:pointer;overflow:hidden;min-height:clamp(250px,18vw,360px);border-radius:28px 28px 0 0}.template-preview img{width:100%;height:clamp(250px,18vw,360px);aspect-ratio:auto;object-fit:contain;object-position:center center;padding:clamp(.55rem,.75vw,.9rem);background:linear-gradient(135deg,#f8fbff,#eef7ff);border-radius:20px}.template-body{padding:1.1rem 1.1rem .65rem;display:grid;gap:.52rem}.template-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.price-pill{flex:0 0 auto;border:1px solid #bfdbfe;background:#eff6ff;color:#155eef;font-weight:950;border-radius:18px;padding:.42rem .62rem;font-size:.82rem;white-space:nowrap}.template-audience{font-weight:850;color:#344054}.template-actions{padding:0 1.1rem 1.1rem;margin-top:auto}.template-actions .btn{flex:1;min-width:116px}.cart-shell{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(440px,1fr);gap:1rem;align-items:start}.cart-panel,.checkout-form{background:#fff;border:1px solid var(--line);border-radius:38px;padding:clamp(1.35rem,2.3vw,2.5rem);box-shadow:var(--shadow)}.cart-empty{margin-top:1rem;padding:1rem;border-radius:22px;background:#f8fafc;border:1px dashed #cbd5e1}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:.85rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-item:last-child{border-bottom:0}.cart-item img{width:72px;height:48px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.cart-item b{display:block}.cart-item small{color:var(--muted)}.cart-total{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem;font-weight:950;font-size:1.1rem}.remove-item{border:1px solid var(--line);background:#fff;border-radius:18px;padding:.55rem .8rem;cursor:pointer;color:#b42318;font-weight:900}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.checkout-form label{display:grid;grid-template-rows:auto auto;gap:.42rem;font-weight:850;color:#344054;font-size:.95rem;margin-bottom:.85rem}.field-label{display:inline-flex;align-items:center;gap:.18rem;min-height:1.2rem;line-height:1.2;letter-spacing:-.01em}.required-star{color:#101828;font-weight:950;line-height:1}.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;height:56px;min-height:56px;box-sizing:border-box;border:1px solid rgba(16,24,40,.15);border-radius:18px;padding:0 1rem;background:#fbfdff;color:#101828;outline:none;line-height:1.2}.checkout-form select{appearance:auto}.checkout-form textarea{padding:.95rem 1rem;resize:vertical}.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.checkout-form input.is-invalid{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.1)}.checkline{grid-template-columns:auto 1fr!important;align-items:start}.checkline input{width:1rem!important;height:1rem!important;min-height:0!important;margin-top:.22rem;padding:0!important}.checkout-btn{width:100%;margin-top:.35rem}.form-note{font-size:.92rem;margin-top:.8rem}.preview-modal{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:1.2rem}.preview-modal[hidden]{display:none!important}.preview-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(8px)}.preview-dialog{position:relative;width:min(1180px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:36px;box-shadow:0 36px 120px rgba(15,23,42,.4)}.preview-dialog img{width:100%;max-height:74vh;object-fit:contain;object-position:center top;background:#f8fbff;border-bottom:1px solid var(--line);border-radius:22px 22px 0 0}.preview-info{padding:1.2rem 1.4rem 1.5rem}.preview-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border:0;border-radius:18px;background:#fff;box-shadow:var(--soft);font-size:1.7rem;line-height:1;cursor:pointer}footer{width:min(var(--shell),var(--max));margin:clamp(1.8rem,3.2vw,3.4rem) auto 1.2rem;padding:1.2rem 1.35rem;border-radius:28px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#667085}.cookie-settings-link{border:1px solid var(--line);background:#fff;border-radius:18px;padding:.65rem .9rem;cursor:pointer;color:#344054;font-weight:850}.status-toast{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%,20px);background:#101828;color:#fff;padding:.9rem 1.05rem;border-radius:18px;box-shadow:var(--shadow);z-index:300;opacity:0;pointer-events:none;transition:.2s ease}.status-toast.is-visible{opacity:1;transform:translate(-50%,0)}.cookie-consent{position:fixed;inset:auto 1rem 1rem 1rem;z-index:300;display:flex;justify-content:center}.cookie-consent__panel{width:min(1120px,100%);display:grid;grid-template-columns:1fr .85fr;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 30px 90px rgba(17,24,39,.22);padding:1.2rem}.cookie-consent__copy h2{font-size:clamp(1.55rem,2vw,2.2rem)}.cookie-consent__options{display:grid;gap:.7rem}.cookie-choice{display:grid!important;grid-template-columns:auto 1fr;gap:.65rem;align-items:start;border:1px solid var(--line);border-radius:20px;padding:.85rem;background:#f8fafc;margin:0!important}.cookie-choice input{margin-top:.2rem}.cookie-choice b{display:block}.cookie-consent__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.2rem}.cookie-consent[hidden]{display:none!important}.legal-page{width:min(var(--shell),var(--max));margin:clamp(2rem,5vw,5rem) auto;background:#fff;border:1px solid var(--line);border-radius:38px;box-shadow:var(--shadow);padding:clamp(1.6rem,4vw,4rem)}.legal-page h1{font-size:clamp(2.4rem,4vw,4.8rem)}.legal-page h2{font-size:clamp(1.5rem,2vw,2.3rem);margin-top:1.8rem}.legal-page ul{color:var(--muted);line-height:1.7}@media (min-width:1900px){:root{--shell:calc(100vw - 140px);--h1:clamp(5rem,3.85vw,6.8rem);--h2:clamp(2.85rem,2.22vw,3.9rem);--h3:clamp(1.42rem,1.05vw,1.78rem)}}@media (max-width:1360px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-shop{grid-template-columns:1fr}.hero-preview-stack{min-height:620px}}@media (max-width:920px){.topbar{grid-template-columns:1fr;justify-items:stretch;border-radius:28px}.topbar nav{justify-self:stretch;overflow:auto}.topbar-actions{justify-content:space-between}.section-head,.cart-shell{display:grid;grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.cookie-consent__panel{grid-template-columns:1fr}}@media (max-width:620px){:root{--shell:min(100% - 28px,520px);--h1:clamp(2.74rem,13vw,4.2rem);--h2:clamp(1.84rem,8vw,2.45rem)}.hero-copy{padding:1.5rem;border-radius:34px}.hero-preview-stack{min-height:430px;border-radius:34px}.template-grid{grid-template-columns:1fr}.language-switch{display:none}.cart-item{grid-template-columns:1fr}.cart-item img{width:100%;height:auto}.preview-dialog{border-radius:24px}}

@media(max-width:1180px){.hero-shop{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.template-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr;border-radius:28px}.topbar nav,.topbar-actions{justify-self:stretch;justify-content:center}.cart-shell{grid-template-columns:1fr}}

.customer-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.3rem 0 .55rem}.customer-type label{position:relative;display:flex;align-items:center;gap:.7rem;padding:1rem 1.05rem;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(16,24,40,.04);font-weight:900;color:#101828}.customer-type input{width:1rem!important;height:1rem!important;min-height:0!important;padding:0!important;accent-color:#2563eb}.business-fields-disabled{opacity:.48}.business-fields-disabled input{background:#f8fafc}.legal-note{font-size:.9rem;color:#667085;line-height:1.55;margin-top:.4rem}

/* V10 mobile navigation: Warenkorb bleibt ausserhalb vom Toggle */
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(16,24,40,.07);cursor:pointer;gap:4px;flex-direction:column;padding:0}
.mobile-menu-toggle span{display:block;width:19px;height:2px;border-radius:18px;background:#101828;transition:transform .18s ease,opacity .18s ease}
.mobile-language-link{display:none!important}.cart-pill svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
@media (max-width:920px){
  .topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand actions" "nav nav";align-items:center;border-radius:30px;padding:.68rem;width:min(calc(100% - 24px),var(--max));gap:.6rem}
  .brand{grid-area:brand;min-width:0;height:44px}.brand img{height:32px;max-width:170px}
  .topbar-actions{grid-area:actions;justify-self:end;justify-content:flex-end;gap:.45rem;min-width:0}.language-switch{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-language-link{display:inline-flex!important}
  .topbar nav{grid-area:nav;display:none;justify-self:stretch;width:100%;margin-top:.25rem;overflow:visible;background:#f8fafc;border-radius:24px;padding:.45rem;box-shadow:none}
  .topbar.is-open nav{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.topbar nav a{padding:.82rem .75rem;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px rgba(16,24,40,.04)}
  .topbar.is-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.topbar.is-open .mobile-menu-toggle span:nth-child(2){opacity:0}.topbar.is-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media (max-width:620px){
  .cart-pill{width:46px;height:46px;padding:0;gap:0}.cart-pill span{display:none}.cart-pill b{position:absolute;transform:translate(15px,-15px);min-width:1.25rem;height:1.25rem;font-size:.72rem;box-shadow:0 0 0 2px #101828}.cart-pill svg{width:21px;height:21px}.mobile-menu-toggle{width:46px;height:46px}.topbar nav{border-radius:22px}.topbar.is-open nav{grid-template-columns:1fr}
}


/* V12 tax summary and precise anchor scrolling */
section[id], main[id], .templates-section, .cart-section{scroll-margin-top:112px}
.cart-total{display:grid;gap:.55rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 12px 28px rgba(16,24,40,.05)}
.cart-total .summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#475467;font-weight:850;letter-spacing:-.01em;line-height:1.35}
.cart-total .summary-row strong{color:#101828;font-size:1.02rem;white-space:nowrap}
.cart-total .summary-row-total{border-top:1px solid var(--line);padding-top:.7rem;margin-top:.15rem;color:#101828;font-size:1.1rem}
.cart-total .summary-row-total strong{font-size:1.22rem}
.cart-total p{margin:.1rem 0 0;color:#667085;font-size:.92rem;line-height:1.52}
@media(max-width:920px){html{scroll-padding-top:96px}section[id],main[id],.templates-section,.cart-section{scroll-margin-top:96px}}


/* V18: Immobilien-cookie-copy and hard-rounded template image windows */
.cookie-consent.cookie-consent--compact {
  inset: auto clamp(14px, 2vw, 22px) clamp(14px, 2vw, 22px) clamp(14px, 2vw, 22px);
}
.cookie-consent__panel.cookie-consent__panel--compact {
  width: min(980px, 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border-radius: 24px;
  background: rgba(13, 26, 34, .94);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 25px 80px rgba(15, 23, 42, .28);
}
.cookie-consent__panel.cookie-consent__panel--compact p {
  margin: 0;
  color: rgba(255, 255, 255, .84);
  line-height: 1.55;
  letter-spacing: -.006em;
}
.cookie-consent__actions.cookie-consent__actions--compact {
  flex: 0 0 auto;
  display: flex;
  gap: .6rem;
  margin: 0;
}
.cookie-consent__actions.cookie-consent__actions--compact .btn {
  min-height: 42px;
  padding: .72rem .95rem;
  border-radius: 16px;
  white-space: nowrap;
}
.cookie-consent__actions.cookie-consent__actions--compact .btn-light {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, .22);
  box-shadow: none;
}
.cookie-consent__actions.cookie-consent__actions--compact .btn-dark {
  background: #5cc8ff;
  color: #0f172a;
  box-shadow: none;
}
.template-preview {
  padding: clamp(.62rem, .85vw, 1rem) !important;
  border-radius: 28px 28px 0 0 !important;
  overflow: hidden !important;
}
.template-preview img {
  width: 100% !important;
  height: clamp(236px, 17.5vw, 348px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 20px) !important;
  border: 1px solid rgba(203, 213, 225, .72);
  background: #fff !important;
}
.preview-dialog img {
  border-radius: 26px 26px 0 0 !important;
  overflow: hidden !important;
  clip-path: inset(0 round 26px 26px 0 0) !important;
}
@media (max-width: 720px) {
  .cookie-consent__panel.cookie-consent__panel--compact {
    display: block;
  }
  .cookie-consent__actions.cookie-consent__actions--compact {
    margin-top: .85rem;
    display: grid;
    grid-template-columns: 1fr;
  }
  .cookie-consent__actions.cookie-consent__actions--compact .btn {
    width: 100%;
  }
}

/* V19 Zusatzleistungen und serverseitige Preisdaten */
.addons-section{margin-top:clamp(1.4rem,2.5vw,3.2rem)}
.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.2vw,1.4rem)}
.addon-card{background:rgba(255,255,255,.96);border:1px solid rgba(229,234,243,.95);border-radius:34px;box-shadow:var(--soft);padding:clamp(1.15rem,1.6vw,1.55rem);display:flex;flex-direction:column;gap:.7rem;min-height:280px;transition:.18s ease}
.addon-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.addon-card .template-actions{padding:0;margin-top:auto}
.addon-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#eff6ff;border:1px solid #bfdbfe;color:#155eef;box-shadow:0 14px 34px rgba(21,94,239,.12)}
.addon-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.price-pill[data-price-for]{min-width:128px;text-align:center}
@media (max-width:920px){.addon-grid{grid-template-columns:1fr}}



/* V21: eigene Template-Bilder ohne Abschneiden + risikoarme Supportstunde */
.template-preview{
  aspect-ratio:16/9 !important;
  min-height:0 !important;
  height:auto !important;
  padding:clamp(.28rem,.45vw,.55rem) !important;
  background:linear-gradient(135deg,#f6fbff,#edf6ff) !important;
  border-radius:30px 30px 0 0 !important;
  overflow:hidden !important;
}
.template-preview img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  border-radius:20px !important;
  clip-path:inset(0 round 20px) !important;
  background:#eef6ff !important;
}
.template-card{overflow:hidden !important;}
.preview-dialog img{
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:24px 24px 0 0 !important;
  clip-path:inset(0 round 24px 24px 0 0) !important;
}
.legal-inline-link{
  text-decoration:underline !important;
  text-decoration-thickness:1.5px !important;
  text-underline-offset:.18em !important;
  font-weight:900 !important;
  color:#155eef !important;
}
.legal-inline-link:hover{color:#0f46c9 !important;}
.addon-card:nth-child(1) .template-actions .btn-dark{
  background:linear-gradient(135deg,#047857,#10b981) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(4,120,87,.22) !important;
}
.addon-card:nth-child(2) .template-actions .btn-dark{
  background:linear-gradient(135deg,#4f46e5,#7c3aed) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(79,70,229,.22) !important;
}
.addon-card:nth-child(3) .template-actions .btn-dark{
  background:linear-gradient(135deg,#0f766e,#14b8a6) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(15,118,110,.22) !important;
}
.addon-card .template-actions .btn-dark:hover{filter:saturate(1.06) contrast(1.03);}
@media (max-width:620px){
  .template-preview{aspect-ratio:16/9 !important;padding:.35rem !important;}
  .template-preview img{border-radius:18px !important;clip-path:inset(0 round 18px) !important;}
}

/* V22: dynamische Bildhoehe je Template-Bild, ohne Abschneiden */
.template-preview{
  --preview-aspect:16/9;
  aspect-ratio:var(--preview-aspect) !important;
  min-height:0 !important;
  height:auto !important;
  padding:clamp(.36rem,.52vw,.72rem) !important;
  background:linear-gradient(135deg,#f6fbff,#edf6ff) !important;
  border-radius:30px 30px 0 0 !important;
  overflow:hidden !important;
}
.template-preview img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  border-radius:20px !important;
  clip-path:inset(0 round 20px) !important;
  background:#eef6ff !important;
}
.template-preview.is-image-measured{
  transition:aspect-ratio .22s ease, min-height .22s ease;
}
.template-card{overflow:hidden !important;}



/* V23: keine innere Bildrundung mehr; Rundung nur ueber den aeusseren Preview-Wrapper */
.template-preview{
  border-radius:30px 30px 0 0 !important;
  overflow:hidden !important;
}
.template-preview img{
  border-radius:0 !important;
  clip-path:none !important;
}
.preview-dialog img{
  border-radius:0 !important;
  clip-path:none !important;
}
@media (max-width:620px){
  .template-preview img{
    border-radius:0 !important;
    clip-path:none !important;
  }
}

/* V24: Template-Bild und Karte exakt nach Vorgabe */
.template-preview img {
    width: 100% !important;
    height: clamp(236px, 17.5vw, 348px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
    /* border-radius: 20px !important; */
    overflow: hidden !important;
    clip-path: inset(0 round 20px) !important;
    /* border: 1px solid rgba(203, 213, 225, .72); */
    background: #fff !important;
}

.template-card {
    display: flex;
    flex-direction: column;
    box-shadow: var(--soft);
    min-height: 495px;
    background: rgba(255, 255, 255, 0.94);
    border-width: 2px;
    border-style: solid;
    border-color: rgba(203, 213, 225, 0.98);
    border-image: initial;
    border-radius: 4px;
    overflow: hidden;
    transition: 0.18s;
}

/* V25: Preis-Kacheln exakt ausrichten, keine Sonderhoehen durch einzelne Bildformate */
.template-grid{
  align-items:stretch !important;
}
.template-card{
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  min-height:0 !important;
  height:100% !important;
  border-radius:4px !important;
  overflow:hidden !important;
}
.template-preview{
  display:block !important;
  width:100% !important;
  height:clamp(248px,17.5vw,348px) !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  padding:clamp(.55rem,.75vw,.9rem) !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#f3f8ff !important;
}
.template-preview.is-image-measured{
  transition:none !important;
}
.template-preview img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  clip-path:inset(0 round 18px) !important;
  background:#fff !important;
}
.template-body{
  display:flex !important;
  flex-direction:column !important;
  gap:.62rem !important;
  padding:1.35rem 1.35rem .7rem !important;
}
.template-title-row{
  align-items:flex-start !important;
  min-height:2.75rem !important;
}
.template-audience{
  min-height:1.55rem !important;
  line-height:1.35 !important;
}
.template-body > p:not(.template-audience){
  min-height:3.05rem !important;
  line-height:1.55 !important;
}
.template-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:.8rem !important;
  padding:0 1.35rem 1.35rem !important;
  margin-top:0 !important;
}
.template-actions .btn{
  width:100% !important;
  min-height:3.25rem !important;
}
@media (max-width:920px){
  .template-preview{height:clamp(230px,42vw,340px) !important;}
}
@media (max-width:620px){
  .template-preview{height:clamp(214px,58vw,320px) !important;padding:.55rem !important;}
  .template-preview img{clip-path:inset(0 round 16px) !important;}
  .template-actions{grid-template-columns:1fr !important;}
}

/* V26: Bilder unverfaelscht auf Kartenbreite, Hoehe automatisch aus Originalformat */
.template-card{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:4px !important;
  overflow:hidden !important;
}
.template-preview{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:#fff !important;
}
.template-preview.is-image-measured{
  transition:none !important;
}
.template-preview img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  clip-path:none !important;
  background:#fff !important;
}
.preview-dialog img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:0 !important;
  clip-path:none !important;
}
@media (max-width:920px){
  .template-preview{height:auto !important;}
}
@media (max-width:620px){
  .template-preview{height:auto !important;padding:0 !important;}
  .template-preview img{height:auto !important;clip-path:none !important;border-radius:0 !important;}
}


/* V28: stronger template-card frame */
.template-card {
  border: 1.35px solid rgba(203, 213, 225, 0.82) !important;
}

/* V29: subtilerer Template-Kachelrahmen */
.template-card {
  border: 1.35px solid rgba(203, 213, 225, 0.82) !important;
}

.addon-preview{display:block;overflow:hidden;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid rgba(229,234,243,.95);border-radius:24px;padding:0;margin-bottom:.2rem}.addon-preview img{display:block;width:100%;height:auto;background:#fff}.addon-card .addon-icon{margin-top:.2rem}

/* V48 mobile language row */

@media (max-width: 920px) {
  .topbar nav a.mobile-language-link,
  .mobile-language-link {
    display: inline-flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  .topbar nav:has(.mobile-language-link) {
    flex-wrap: wrap !important;
  }

  .topbar nav .mobile-language-link {
    min-width: 3.1rem !important;
    padding-left: .7rem !important;
    padding-right: .7rem !important;
  }
}

/* V51: aktive Sprache sichtbar und mobile Sprachlinks in einer Zeile */
.language-switch a[aria-current="page"],
.topbar nav a.mobile-language-link[aria-current="page"]{
  background:#101828 !important;
  color:#fff !important;
  border-color:#101828 !important;
  box-shadow:0 10px 24px rgba(16,24,40,.16) !important;
}
@media (max-width:920px){
  .topbar.is-open nav{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .topbar nav a:not(.mobile-language-link){grid-column:1 / -1 !important;}
  .topbar nav a.mobile-language-link{grid-column:auto !important;min-width:0 !important;width:100% !important;padding:.78rem .2rem !important;text-align:center !important;}
}
@media (max-width:620px){
  .topbar.is-open nav{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .topbar nav a:not(.mobile-language-link){grid-column:1 / -1 !important;}
  .topbar nav a.mobile-language-link{grid-column:auto !important;}
}

/* V56 UX fixes */
.status-toast{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 24px 70px rgba(37,99,235,.38),0 8px 24px rgba(6,182,212,.22)!important;font-weight:950!important;letter-spacing:-.01em!important}.checkout-form input::placeholder,.checkout-form textarea::placeholder{color:rgba(102,112,133,.48)!important}.checkout-form select:invalid{color:rgba(102,112,133,.58)!important}.switchline{display:grid!important;grid-template-columns:auto 1fr!important;gap:.75rem!important;align-items:start!important;border:1px solid rgba(203,213,225,.82)!important;border-radius:20px!important;background:#f8fafc!important;padding:.88rem .95rem!important;margin:.72rem 0!important;color:#344054!important;font-weight:760!important;line-height:1.5!important}.switchline input{position:absolute!important;opacity:0!important;pointer-events:none!important}.switch-ui{position:relative;display:inline-block;width:46px;height:26px;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);transition:.18s ease;flex:0 0 auto;margin-top:.08rem}.switch-ui:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.18);transition:.18s ease}.switchline input:checked + .switch-ui{background:linear-gradient(135deg,#2563eb,#06b6d4)}.switchline input:checked + .switch-ui:after{transform:translateX(20px)}.switchline:has(input:focus-visible){outline:4px solid rgba(37,99,235,.14);border-color:#2563eb!important}.switchline-critical{background:#fff7ed!important;border-color:rgba(251,146,60,.55)!important}.switchline-critical .switch-ui{background:#fed7aa}.switchline-critical input:checked + .switch-ui{background:linear-gradient(135deg,#ea580c,#f59e0b)}.checkout-form input:disabled,.checkout-form input[readonly]{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.78!important}.checkout-form input:disabled::placeholder{color:rgba(148,163,184,.58)!important}

.switchline{background:#f8fafc!important;border-color:rgba(203,213,225,.82)!important;color:#344054!important}.switchline .switch-copy{display:inline-flex;align-items:center;gap:.46rem;flex-wrap:wrap;color:#344054!important}.consent-info-button{width:1.55rem;height:1.55rem;border-radius:999px;border:1px solid rgba(37,99,235,.25);background:#eff6ff;color:#155eef;font-weight:950;line-height:1;display:inline-grid;place-items:center;cursor:pointer}.consent-info-button:hover{background:#dbeafe}.consent-info-modal{position:fixed;inset:0;z-index:360;display:grid;place-items:center;padding:1rem}.consent-info-modal[hidden]{display:none!important}.consent-info-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.46);backdrop-filter:blur(7px)}.consent-info-dialog{position:relative;width:min(620px,100%);background:#fff;border:1px solid rgba(229,234,243,.96);border-radius:24px;box-shadow:0 34px 95px rgba(15,23,42,.32);padding:1.25rem 1.35rem}.consent-info-dialog h3{font-size:clamp(1.2rem,1.6vw,1.65rem);line-height:1.15;margin:0 2.2rem .6rem 0}.consent-info-dialog p{font-size:.98rem;line-height:1.68;color:#475467}.consent-info-close{position:absolute;right:.85rem;top:.85rem;width:36px;height:36px;border:0;border-radius:14px;background:#f1f5f9;color:#0f172a;font-size:1.35rem;cursor:pointer}.switchline-critical{background:#f8fafc!important;border-color:rgba(203,213,225,.82)!important}.switchline-critical .switch-ui{background:#cbd5e1!important}.switchline-critical input:checked + .switch-ui{background:linear-gradient(135deg,#2563eb,#06b6d4)!important}

/* V59 consent layout and working info overlay */
.consent-switch-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;margin:.72rem 0 .9rem!important}.consent-switchline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.72rem!important;margin:0!important;padding:.78rem .88rem!important;min-height:64px!important}.switchline-label{display:flex!important;align-items:center!important;gap:.72rem!important;min-width:0!important;cursor:pointer!important}.consent-switchline .switch-copy{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.95rem!important;color:#344054!important}.consent-switchline .consent-info-button{flex:0 0 auto!important;position:relative!important;z-index:2!important;background:#eff6ff!important;border-color:#93c5fd!important;color:#155eef!important}.consent-info-modal{position:fixed!important;inset:0!important;z-index:1000!important;display:grid!important;place-items:center!important;padding:1rem!important}.consent-info-modal[hidden]{display:none!important}.consent-info-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.48)!important;backdrop-filter:blur(8px)!important}.consent-info-dialog{position:relative!important;width:min(640px,calc(100vw - 2rem))!important;background:#fff!important;border:1px solid rgba(203,213,225,.9)!important;border-radius:24px!important;box-shadow:0 34px 95px rgba(15,23,42,.32)!important;padding:1.35rem 1.45rem!important}.consent-info-dialog h3{font-size:1.35rem!important;line-height:1.18!important;margin:0 2.4rem .65rem 0!important}.consent-info-dialog p{font-size:.98rem!important;line-height:1.68!important;color:#475467!important}.consent-info-close{position:absolute!important;right:.85rem!important;top:.85rem!important;width:38px!important;height:38px!important;border:0!important;border-radius:14px!important;background:#f1f5f9!important;color:#0f172a!important;font-size:1.45rem!important;cursor:pointer!important}@media(max-width:620px){.consent-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}.consent-switchline{padding:.68rem .62rem!important;gap:.45rem!important}.switchline-label{gap:.5rem!important}.consent-switchline .switch-copy{font-size:.78rem!important}.consent-info-button{width:1.45rem!important;height:1.45rem!important}.switch-ui{width:40px!important;height:24px!important}.switch-ui:after{width:18px!important;height:18px!important}.switchline input:checked + .switch-ui:after{transform:translateX(16px)!important}}

/* V60 consent overlay link and icon alignment fixes */
.consent-switch-grid{align-items:stretch!important;}
.consent-switchline{min-height:58px!important;align-items:center!important;}
.consent-switchline .switchline-label{align-items:center!important;height:auto!important;}
.consent-switchline .switch-copy{display:flex!important;align-items:center!important;line-height:1.18!important;}
.consent-info-button{align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1.35rem!important;height:1.35rem!important;min-width:1.35rem!important;min-height:1.35rem!important;padding:0!important;margin:0!important;border-radius:999px!important;font-size:.78rem!important;line-height:1!important;transform:none!important;vertical-align:middle!important;}
.consent-info-dialog a{color:#155eef!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;font-weight:850!important;}
.consent-info-dialog a:hover{color:#0f172a!important;}
@media(max-width:620px){.consent-switchline{min-height:54px!important}.consent-info-button{width:1.28rem!important;height:1.28rem!important;min-width:1.28rem!important;min-height:1.28rem!important;font-size:.75rem!important}}


/* V61: checkout micro-fixes */
.consent-info-button{transform:translateY(-2px)!important;}
@media(max-width:620px){.consent-info-button{transform:translateY(-1.5px)!important;}}
.checkout-form select,
.checkout-form select:invalid{color:#101828!important;}
.checkout-form select option{color:#101828!important;}
.checkout-form input:disabled,
.checkout-form input[readonly]{background:#eef2f7!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.82!important;}
.checkout-form label.business-fields-disabled{opacity:.72!important;}


/* V62: responsive hardening desktop/mobile */
html{overflow-x:hidden!important;}
body{overflow-x:hidden!important;}
.topbar{max-width:calc(100vw - 28px)!important;}
.topbar nav{min-width:0!important;}
.topbar nav a{line-height:1.15!important;text-align:center!important;}
.topbar-actions{min-width:0!important;}
.cart-pill{white-space:nowrap!important;}
.template-grid,.addon-grid{align-items:stretch!important;}
.template-card,.addon-card{height:100%!important;}
.template-body{min-width:0!important;}
.template-title-row{min-width:0!important;}
.template-title-row h3{min-width:0!important;overflow-wrap:anywhere!important;}
.price-pill{max-width:100%!important;text-align:center!important;}
.cart-panel,.checkout-form{min-width:0!important;}
.form-grid>*{min-width:0!important;}
.checkout-form label{min-width:0!important;}
.checkout-form input,.checkout-form select,.checkout-form textarea{max-width:100%!important;}
.checkout-form select:not(:disabled){color:#101828!important;opacity:1!important;}
.checkout-form select:required:invalid:not(:disabled){color:#101828!important;opacity:1!important;}
.checkout-form input:disabled,.checkout-form input[readonly]{pointer-events:none!important;user-select:none!important;}
.status-toast{max-width:min(92vw,720px)!important;text-align:center!important;}
.consent-switch-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;align-items:stretch!important;}
.consent-switchline{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-width:0!important;}
.consent-switchline .switchline-label{display:flex!important;align-items:center!important;min-width:0!important;}
.consent-switchline .switch-copy{min-width:0!important;line-height:1.12!important;}
.consent-info-button{transform:translateY(-3px)!important;align-self:center!important;}
.consent-info-dialog{max-height:calc(100dvh - 2rem)!important;overflow:auto!important;}

@media (max-width: 920px){
  .topbar{top:8px!important;margin-top:8px!important;display:grid!important;grid-template-columns:1fr auto auto!important;gap:.55rem!important;align-items:center!important;padding:.62rem!important;border-radius:22px!important;}
  .brand{height:42px!important;min-width:0!important;}
  .brand img{max-width:178px!important;height:auto!important;}
  .topbar-actions{display:contents!important;}
  .cart-pill{grid-column:2!important;grid-row:1!important;padding:.62rem .72rem!important;border-radius:16px!important;}
  .mobile-toggle{grid-column:3!important;grid-row:1!important;}
  .topbar nav{grid-column:1 / -1!important;width:100%!important;display:none!important;gap:.45rem!important;margin-top:.25rem!important;background:#f8fbff!important;border:1px solid rgba(229,234,243,.95)!important;border-radius:22px!important;padding:.55rem!important;overflow:visible!important;}
  .topbar.is-open nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .topbar nav a{margin:0!important;min-height:48px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(203,213,225,.78)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .topbar nav a:not(.mobile-language-link){grid-column:1 / -1!important;width:100%!important;}
  .topbar nav a.mobile-language-link{grid-column:auto!important;width:100%!important;min-width:0!important;padding:.74rem .1rem!important;font-size:.86rem!important;}
  .topbar nav a.mobile-language-link[aria-current="page"]{background:#101828!important;color:#fff!important;border-color:#101828!important;}
  .language-switch{display:none!important;}
  .hero-shop{grid-template-columns:1fr!important;gap:1rem!important;margin-top:1rem!important;}
  .hero-copy{padding:clamp(1.4rem,5vw,2.5rem)!important;}
  .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .addon-grid{grid-template-columns:1fr!important;}
  .cart-shell{grid-template-columns:1fr!important;}
  .form-grid{grid-template-columns:1fr!important;gap:.7rem!important;}
  .checkout-form input,.checkout-form select,.checkout-form textarea{height:54px!important;min-height:54px!important;}
  .consent-switch-grid{grid-template-columns:1fr!important;}
  .consent-switchline{min-height:58px!important;}
}

@media (max-width: 620px){
  :root{--shell:min(100% - 22px,520px)!important;}
  .topbar{max-width:calc(100vw - 20px)!important;}
  .brand img{max-width:148px!important;}
  .cart-pill{font-size:0!important;width:46px!important;height:46px!important;padding:0!important;border-radius:17px!important;}
  .cart-pill:before{content:"🛒";font-size:1.15rem;line-height:1;}
  .cart-pill b{font-size:.78rem!important;position:absolute!important;transform:translate(14px,-14px)!important;}
  .template-grid{grid-template-columns:1fr!important;gap:1rem!important;}
  .template-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.55rem!important;}
  .template-actions .btn{min-width:0!important;padding:.82rem .65rem!important;}
  .cart-item{grid-template-columns:64px 1fr auto!important;gap:.65rem!important;}
  .cart-item img{width:64px!important;height:42px!important;object-fit:contain!important;border-radius:10px!important;background:#fff!important;}
  .cart-item b{font-size:.92rem!important;line-height:1.16!important;}
  .cart-item small{font-size:.78rem!important;line-height:1.25!important;}
  .remove-item{padding:.48rem .58rem!important;font-size:.82rem!important;}
  .summary-row{display:grid!important;grid-template-columns:1fr auto!important;gap:.75rem!important;align-items:center!important;}
  .consent-switchline{padding:.68rem .7rem!important;}
  .switch-ui{width:42px!important;height:24px!important;}
  .switch-ui:after{width:18px!important;height:18px!important;}
  .switchline input:checked + .switch-ui:after{transform:translateX(18px)!important;}
  .consent-info-button{transform:translateY(-3px)!important;}
  footer{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;}
}

@media (max-width: 420px){
  .topbar{grid-template-columns:1fr auto auto!important;}
  .brand img{max-width:132px!important;}
  .cart-item{grid-template-columns:54px 1fr!important;}
  .cart-item .remove-item{grid-column:1 / -1!important;justify-self:start!important;}
  .cart-item img{width:54px!important;height:38px!important;}
}


/* V64: mobile overflow lock, mobile cart color inversion and consent-star/icon polish */
html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important;}
@supports not (overflow-x:clip){html,body{overflow-x:hidden!important;}}
body{position:relative!important;}
.topbar,.hero-shop,.templates-section,.cart-section,footer,.legal-page{max-width:min(var(--max),calc(100vw - 22px))!important;}
.hero-shop,.hero-copy,.hero-preview-stack,.template-grid,.addon-grid,.cart-shell,.checkout-form,.cart-panel{min-width:0!important;}
.hero-copy,.hero-copy *{max-width:100%!important;}
.hero-copy h1{overflow-wrap:break-word!important;word-break:normal!important;}
.checkout-form input:disabled,.checkout-form input[readonly]{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;}
.consent-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.consent-switchline{align-items:center!important;}
.consent-info-button{transform:translateY(-4px)!important;}
@media(max-width:920px){
  :root{--shell:calc(100vw - 22px)!important;}
  .topbar,.hero-shop,.templates-section,.cart-section,footer,.legal-page{width:calc(100vw - 22px)!important;max-width:calc(100vw - 22px)!important;margin-left:auto!important;margin-right:auto!important;}
  .topbar{grid-template-columns:minmax(0,1fr) auto auto!important;overflow:hidden!important;}
  .brand{overflow:hidden!important;}
  .brand img{max-width:min(150px,42vw)!important;}
  .hero-copy{padding:clamp(1.15rem,5vw,1.75rem)!important;border-radius:30px!important;overflow:hidden!important;}
  .hero-copy h1{font-size:clamp(2.25rem,12vw,4rem)!important;line-height:1.03!important;letter-spacing:-.045em!important;}
  .lead{font-size:1rem!important;line-height:1.58!important;}
  .topbar.is-open nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .topbar nav a:not(.mobile-language-link){grid-column:1 / -1!important;}
  .topbar nav a.mobile-language-link{grid-column:auto!important;width:auto!important;min-width:0!important;}
  .cart-pill{background:#fff!important;color:#101828!important;border:1px solid rgba(203,213,225,.95)!important;box-shadow:0 10px 24px rgba(16,24,40,.08)!important;}
  .cart-pill svg{display:block!important;color:#101828!important;stroke:#101828!important;}
  .cart-pill:before{content:none!important;display:none!important;}
  .cart-pill b{background:#101828!important;color:#fff!important;box-shadow:0 0 0 2px #fff!important;}
  .consent-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  :root{--shell:calc(100vw - 20px)!important;}
  .topbar,.hero-shop,.templates-section,.cart-section,footer,.legal-page{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;}
  .topbar{max-width:calc(100vw - 20px)!important;}
  .hero-copy h1{font-size:clamp(2.15rem,11.5vw,3.25rem)!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:.6rem!important;}
  .hero-actions .btn{width:100%!important;justify-content:center!important;}
  .consent-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;}
  .consent-switchline{min-height:56px!important;padding:.62rem .55rem!important;gap:.38rem!important;}
  .consent-switchline .switch-copy{font-size:.72rem!important;white-space:normal!important;line-height:1.12!important;}
  .consent-info-button{transform:translateY(-4px)!important;width:1.22rem!important;height:1.22rem!important;min-width:1.22rem!important;min-height:1.22rem!important;}
  .switch-ui{width:38px!important;height:22px!important;}
  .switch-ui:after{width:16px!important;height:16px!important;}
  .switchline input:checked + .switch-ui:after{transform:translateX(16px)!important;}
}
@media(max-width:420px){
  .brand img{max-width:min(132px,36vw)!important;}
  .cart-pill{width:44px!important;height:44px!important;}
  .mobile-menu-toggle{width:44px!important;height:44px!important;}
}

/* V65: consent switches stack vertically on mobile only */
@media(max-width:760px){
  .consent-switch-grid{grid-template-columns:1fr !important;}
  .consent-switchline{width:100% !important;}
}

/* V66: disabled business fields show no placeholder while locked */
.business-fields-disabled input::placeholder{color:transparent!important;opacity:0!important;}
.checkout-form input:disabled::placeholder{color:transparent!important;opacity:0!important;}

/* V67 Max Clean Final: finale Formular-/Mobile-Regeln */
.business-fields-disabled{opacity:.72!important;}
.business-fields-disabled input{background:#f8fafc!important;color:#667085!important;}
.business-fields-disabled input::placeholder{color:transparent!important;opacity:0!important;}
.checkout-form input:disabled,.checkout-form input[readonly]{cursor:not-allowed;}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden;}
  .checkout-form,.checkout-card,.cart-panel,.cart-summary,.consent-card,.legal-consent-box{max-width:100%;}  
  .consent-switch-grid{grid-template-columns:1fr!important;}
  .customer-type{grid-template-columns:1fr!important;}
}


/* Small WordPress services · 2026-06-10 */
.wp-check-section{position:relative;overflow:hidden;border-radius:42px;background:linear-gradient(135deg,#101828,#12345a);border:1px solid rgba(15,23,42,.12);padding:clamp(1.25rem,2.5vw,2.4rem);box-shadow:0 30px 90px rgba(15,23,42,.18)}.wp-check-section .section-head h2,.wp-check-section .section-head p,.wp-check-section .kicker{color:#fff}.wp-check-section .section-head p{color:rgba(226,232,240,.82)}.wp-check-section .kicker{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-height:auto;background:rgba(255,255,255,.96)}.service-card .template-body{padding:1.25rem}.wp-check-page .wp-check-hero{width:min(var(--shell),var(--max));margin:clamp(1.5rem,3.6vw,4.2rem) auto 0;border-radius:clamp(34px,4vw,64px);padding:clamp(2rem,5vw,6rem);background:linear-gradient(135deg,#ffffff,#eaf4ff);border:1px solid rgba(229,234,243,.95);box-shadow:var(--shadow)}.wp-check-grid{width:min(var(--shell),var(--max));margin:1rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.wp-check-card,.wp-check-list-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(1.1rem,1.8vw,1.8rem);box-shadow:var(--soft)}.wp-check-card strong{display:block;font-size:clamp(1.45rem,1.85vw,2.35rem);margin:.45rem 0;color:var(--blue)}.wp-check-list{width:min(var(--shell),var(--max));margin:1rem auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wp-check-list-card ul{margin:.8rem 0 0;padding-left:1.15rem;color:var(--muted);line-height:1.75}.wp-check-actions{width:min(var(--shell),var(--max));margin:1rem auto 0;display:flex;gap:.7rem;flex-wrap:wrap}@media(max-width:920px){.service-grid,.wp-check-grid,.wp-check-list{grid-template-columns:1fr}.wp-check-section{border-radius:28px}}

/* v7 WordPress-Check detail pages: native shop look, desktop/mobile safe */
.wp-check-page{padding-top:clamp(52px,5vw,92px)!important;padding-bottom:clamp(56px,5.4vw,100px)!important;}
.wp-check-page .section-head h1,.wp-check-teaser .section-head h2{margin:0!important;font-size:clamp(2.25rem,5vw,5.1rem)!important;line-height:1!important;letter-spacing:-.06em!important;color:#101828!important;}
.wp-check-page .section-head p,.wp-check-teaser .section-head p{max-width:none!important;line-height:1.7!important;}
.wp-check-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(16px,1.7vw,26px)!important;align-items:stretch!important;}
.wp-check-offer-card{min-height:auto!important;}.wp-check-offer-card .template-body{display:flex!important;flex-direction:column!important;height:100%!important;}.wp-check-offer-card ul{margin:auto 0 0!important;padding-left:1.15rem!important;color:var(--muted)!important;line-height:1.65!important;}
.wp-check-detail-grid{width:min(var(--shell),var(--max));margin:clamp(18px,2vw,30px) auto 0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr) minmax(280px,.9fr);gap:clamp(16px,1.7vw,26px);}
.wp-check-panel,.wp-check-step-grid,.wp-check-cta-card{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--soft);padding:clamp(22px,2vw,34px);}
.wp-check-panel h2,.wp-check-step-grid h2,.wp-check-cta-card h2{margin:0 0 14px!important;font-size:clamp(1.5rem,1.95vw,2.25rem)!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#101828!important;}
.wp-check-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.wp-check-mini,.wp-check-step{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;background:#f8fbff;padding:14px;min-width:0;}.wp-check-mini span,.wp-check-step span{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#101828;color:#fff;font-weight:850;font-size:.78rem;}.wp-check-mini p,.wp-check-step p{margin:0!important;line-height:1.55!important;color:var(--muted)!important;}.wp-check-panel ul{display:grid;gap:12px;margin:0!important;padding-left:1.15rem!important;color:var(--muted)!important;line-height:1.6!important;}
.wp-check-step-grid{width:min(var(--shell),var(--max));margin:clamp(18px,2vw,30px) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}.wp-check-step-grid h2{grid-column:1 / -1;}.wp-check-cta-card{width:min(var(--shell),var(--max));margin:clamp(18px,2vw,30px) auto 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(18px,2vw,30px);background:linear-gradient(135deg,#fff,#eef6ff);}.wp-check-cta-card p{margin:0!important;color:var(--muted)!important;line-height:1.65!important;}.wp-check-actions{justify-content:flex-end!important;gap:.7rem!important;}
@media(max-width:1180px){.wp-check-detail-grid{grid-template-columns:1fr 1fr;}.wp-check-panel-large{grid-column:1 / -1;}.wp-check-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.wp-check-cta-card{grid-template-columns:1fr;}.wp-check-actions{justify-content:flex-start!important;}}
@media(max-width:860px){.wp-check-offer-grid,.wp-check-detail-grid,.wp-check-mini-grid,.wp-check-step-grid{grid-template-columns:1fr!important;}.wp-check-page{padding-top:clamp(36px,9vw,58px)!important;padding-bottom:clamp(42px,10vw,68px)!important;}.wp-check-page .section-head h1,.wp-check-teaser .section-head h2{font-size:clamp(2rem,9.5vw,3.15rem)!important;}.wp-check-panel,.wp-check-step-grid,.wp-check-cta-card{border-radius:22px;padding:20px;}.wp-check-mini,.wp-check-step{border-radius:16px;padding:13px;}.wp-check-actions,.wp-check-actions .btn{width:100%!important;}.wp-check-actions .btn{justify-content:center!important;}}