.elementor-64 .elementor-element.elementor-element-06682f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-64 .elementor-element.elementor-element-1df9b23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-64 .elementor-element.elementor-element-0a4fea2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-64 .elementor-element.elementor-element-5408e8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-64 .elementor-element.elementor-element-e6f041d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//************************************************************
 Preise & Qualität – konsolidiertes Seiten-CSS
************************************************************/

/* ========== HERO: Full-bleed Bild + Glass-Card (ohne Hover) ========== */

/* Overlay/Maske komplett aus */
section#pq-hero.hero--overlay::after { content:none !important; display:none !important; }
/* etwaige Elementor Overlays */
#pq-hero > .elementor-background-overlay,
#pq-hero .e-con > .elementor-background-overlay { display:none !important; }

/* Container selbst transparent halten */
section#pq-hero.hero--overlay { background:transparent !important; box-shadow:none !important; }

/* innere Elementor-Container ggf. neutralisieren */
#pq-hero,
#pq-hero > .e-con,
#pq-hero > .elementor-container,
#pq-hero > .e-con > .e-con { background:transparent !important; }

/* Full-bleed, Höhe, Positionierung */
#pq-hero{
  position:relative;
  width:100vw; max-width:100vw !important;
  left:50%; margin-left:-50vw; margin-right:-50vw;
  min-height:clamp(520px, 72vh, 920px);
  display:flex; align-items:center;
  padding: clamp(36px, 7vw, 110px) clamp(16px, 3vw, 24px);
  background-size:cover !important;
  background-position: 50% var(--hero-y, 38%) !important;
  background-repeat:no-repeat !important;
  isolation:isolate; overflow:visible;
}

/* Schwebendes Fenster */
#pq-hero .card{
  position:relative; z-index:1;
  max-width:min(1020px, 94vw);
  margin-inline:auto;
  padding: clamp(18px, 3vw, 34px);
  background: rgba(255,255,255,.64);
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 20px;
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  box-shadow: 0 16px 40px rgba(2,6,23,.08);
}

/* statische Schattenfahne */
#pq-hero .card::after{
  content:"";
  position:absolute; left:10%; right:10%; bottom:-12px; height:22px;
  border-radius:999px;
  background: radial-gradient(60% 120% at 50% 50%, rgba(2,6,23,.20), rgba(2,6,23,0) 70%);
  filter: blur(8px); pointer-events:none;
}

/* Hero-Typo konsistent zu Upload/Leistungen */
#pq-hero .eyebrow{ margin:0 0 6px; letter-spacing:.08em; text-transform:uppercase; font-weight:800; font-size:12px; color:#6B7280 }
#pq-hero .title, #pq-hero h1{ margin:.12em 0 .38em; color:#0B1324; line-height:1.12; font-weight:800; font-size:clamp(28px,4.2vw,44px) }
#pq-hero .lead{ color:#334155; max-width:70ch; margin:0 }

/* Responsive */
@media (max-width:980px){
  #pq-hero{ min-height:clamp(460px, 66vh, 780px); padding-block: clamp(28px, 7vw, 72px) }
  #pq-hero .card{ padding: clamp(16px, 4vw, 24px) }
}
@media (max-width:540px){ #pq-hero .btn{ width:100% } }

/* Fallback ohne backdrop-filter */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  #pq-hero .card{ background:#fff !important; border-color:#fff !important; }
}


/* ========== CHIPS im Hero: Stil wie „Materialien“ ========== */

.prices-scope .chip-row{ display:flex; flex-wrap:wrap; gap:8px }
.prices-scope .chip-row a,
.prices-scope .chip-row .elementor-button,
.prices-scope .chip-row .elementor-button-link{
  --chip-bg: rgba(238,242,255,.92);
  --chip-bd: #E0E7FF;
  display:inline-flex; align-items:center; justify-content:center;
  padding:7px 12px;
  border-radius:9999px;
  background:var(--chip-bg);
  border:1px solid var(--chip-bd);
  color:#0F172A; text-decoration:none;
  font-weight:800; font-size:.94rem; line-height:1;
  box-shadow:0 8px 20px rgba(2,6,23,.06);
  transition: transform .06s ease, background-color .25s ease, box-shadow .25s ease, color .2s ease, border-color .25s ease;
}
.prices-scope .chip-row a:hover,
.prices-scope .chip-row .elementor-button:hover,
.prices-scope .chip-row .elementor-button-link:hover{
  background:#E6ECFF;
  box-shadow:0 0 0 3px rgba(37,99,235,.22);
  transform:translateY(-1px);
}
/* erster Chip als Primary */
.prices-scope .chip-row > *:first-child a,
.prices-scope .chip-row > a:first-child,
.prices-scope .chip-row .elementor-button:first-child{
  background:#1A56FF; border-color:#1A56FF; color:#fff;
  box-shadow:0 14px 32px rgba(26,86,255,.25);
}
.prices-scope .chip-row > *:first-child a:hover,
.prices-scope .chip-row > a:first-child:hover,
.prices-scope .chip-row .elementor-button:first-child:hover{
  background:#184EE6; border-color:#184EE6;
}
@media (max-width:640px){
  .prices-scope .chip-row a,
  .prices-scope .chip-row .elementor-button,
  .prices-scope .chip-row .elementor-button-link{
    padding:6px 10px; font-size:.92rem;
  }
}


/* ========== Buttons (global auf der Seite, inkl. CTA) ========== */

/* Grundform: weniger rund (14px), CI-Schatten */
.prices-scope .btn,
.prices-scope a.btn,
.prices-scope .elementor-button,
.prices-scope .cta-card .svc-btn,
#pq-cta .cta-row a{
  border-radius:14px !important;
  padding:.86em 1.08em !important;
  font-weight:800 !important;
  box-shadow:0 14px 32px rgba(2,6,23,.10) !important;
  text-decoration:none;
  transition:transform .08s ease, background .2s ease, box-shadow .25s ease;
}

/* Primär (blau) */
.prices-scope .btn,
.prices-scope a.btn,
#pq-cta .cta-row a.btn-primary,
.prices-scope .cta-card .svc-btn--primary{
  background:#1A56FF !important; color:#fff !important; border:1px solid #1A56FF !important;
}
.prices-scope .btn:hover,
.prices-scope a.btn:hover,
#pq-cta .cta-row a.btn-primary:hover,
.prices-scope .cta-card .svc-btn--primary:hover{
  background:#184EE6 !important; border-color:#184EE6 !important; transform:translateY(-1px);
}

/* Sekundär (glasig) */
.prices-scope .btn--glass,
#pq-cta .cta-row a.btn-glass,
.prices-scope .cta-card .svc-btn--neutral{
  background:rgba(255,255,255,.92) !important; color:#0F172A !important;
  border:1px solid #E5E7EB !important; box-shadow:0 12px 28px rgba(2,6,23,.08) !important;
}
.prices-scope .btn--glass:hover,
#pq-cta .cta-row a.btn-glass:hover,
.prices-scope .cta-card .svc-btn--neutral:hover{
  background:#fff !important; box-shadow:0 16px 40px rgba(2,6,23,.12) !important;
}

/* Tertiär (ghost/pill) */
.prices-scope .cta-card .svc-btn--ghost,
#pq-cta .cta-row a.btn-ghost{
  background:rgba(238,242,255,.92) !important; border:1px solid #E0E7FF !important; color:#0F172A !important;
}
.prices-scope .cta-card .svc-btn--ghost:hover,
#pq-cta .cta-row a.btn-ghost:hover{
  background:#E6ECFF !important; box-shadow:0 0 0 3px rgba(37,99,235,.22);
}


/* ========== CTA-Card (Seitenende) ========== */

.prices-scope .cta-card,
#pq-cta .card{
  background:rgba(255,255,255,.64);
  border:1px solid rgba(255,255,255,.45);
  border-radius:20px;
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  box-shadow:0 16px 40px rgba(2,6,23,.08);
  padding: clamp(18px,3vw,28px);
}
.prices-scope .cta-card .cta-actions,
#pq-cta .cta-row{
  display:flex; flex-wrap:wrap; gap:12px;
}





/************************************************************
  3DDruck-Magdeburg • Globaler Hero (ein Look für alle Seiten)
  Verwendung:
    • Hero-Sektion in Elementor → "Erweitert → CSS-Klassen": site-hero
    • Optional Overlay-Farben: hero--blue / hero--teal / hero--violet
    • Hintergrundbild pro Seite weiter über Elementor-Hintergrund setzen
*************************************************************/

/* ===== Grund-Layout ===== */
.site-hero{
  position:relative; isolation:isolate;
  min-height:clamp(220px, 36vh, 560px);
  display:grid; place-items:center;
  text-align:center; color:#fff;
  background-size:cover; background-position:50% 40%; background-repeat:no-repeat;
  border-radius:22px; overflow:hidden;
  /* einheitlicher Abstand zur Seite */
  margin:clamp(14px,2.6vw,24px) 0;
  box-shadow:0 28px 80px rgba(2,6,23,.14);
}

/* dunkles CI-Overlay (Standard) */
.site-hero::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(180deg, rgba(2,6,23,.50), rgba(2,6,23,.38));
}

/* alternative Overlays nach Seitentyp (optional) */
.site-hero.hero--blue::before{
  background:linear-gradient(180deg, rgba(26,86,255,.48), rgba(2,6,23,.38));
}
.site-hero.hero--teal::before{
  background:linear-gradient(180deg, rgba(13,148,136,.42), rgba(2,6,23,.40));
}
.site-hero.hero--violet::before{
  background:linear-gradient(180deg, rgba(124,58,237,.42), rgba(2,6,23,.40));
}

/* Inhalt */
.site-hero .hero-inner{
  position:relative; z-index:1;
  width:min(1100px, 92vw);
  padding:clamp(16px,3vw,32px);
}

.site-hero h1{
  margin:0 0 .45em; font-weight:800; letter-spacing:.2px;
  font-size:clamp(26px,3.6vw,44px); line-height:1.15;
}
.site-hero p.sub{
  margin:0; opacity:.92;
  font-size:clamp(15px,2.1vw,18px); line-height:1.5;
}

/* Chips / Breadcrumb-Links optional */
.site-hero .hero-chips{
  margin-top:clamp(10px,1.8vw,16px);
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap;
}
.site-hero .chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px;
  background:rgba(255,255,255,.20); backdrop-filter:saturate(140%) blur(6px);
  border:1px solid rgba(255,255,255,.32);
  color:#fff; text-decoration:none; font-weight:600;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.site-hero .chip:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.28); border-color:rgba(255,255,255,.42);
}

/* Buttons – Glas-Style wie auf /kontakt (Memory-Präferenz) */
.site-hero .hero-actions{
  margin-top:clamp(12px,2vw,18px);
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
}
.site-hero .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 16px; border-radius:999px;
  background:rgba(255,255,255,.18); color:#fff; font-weight:700;
  border:1.5px solid rgba(255,255,255,.40);
  backdrop-filter:saturate(140%) blur(6px);
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.site-hero .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(0,0,0,.18);
  background:rgba(255,255,255,.26); border-color:rgba(255,255,255,.58);
}
.site-hero .btn.is-primary{
  background:rgba(26,86,255,.30);
  border-color:rgba(26,86,255,.55);
}
.site-hero .btn.is-primary:hover{
  background:rgba(26,86,255,.42); border-color:rgba(26,86,255,.72);
}

/* Responsive Feinschliff */
@media (max-width: 640px){
  .site-hero{ border-radius:18px }
}




/* Träger mit Hintergrundbild – robust (1. oder 2. Ebene) */
#mat-hero > .e-con,
#mat-hero > .elementor-container,
#mat-hero > .e-con > .e-con,
#mat-hero > .elementor-container > .e-con{
  min-height: var(--hero-min);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(40px, 7vw, 120px) clamp(16px, 4vw, 24px);

  width: 100%;
  max-width: none !important;
  border-radius: 0 !important;
  overflow: visible !important;

  background-size: cover !important;
  background-position: 50% var(--hero-y) !important;
  background-repeat: no-repeat !important;

  position: relative; z-index: 0;
}

/* Lesbarkeits-Overlay (unter Card) */
#mat-hero > .e-con::after,
#mat-hero > .elementor-container::after,
#mat-hero > .e-con > .e-con::after,
#mat-hero > .elementor-container > .e-con::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:-1;
  background:
    radial-gradient(60% 80% at 50% 8%, rgba(11,18,38,.25), transparent 55%),
    linear-gradient(180deg, rgba(11,18,38,.45), rgba(11,18,38,.15) 55%, rgba(11,18,38,.45));
}/* End custom CSS */