/*
 * branchen.css — Ausgelagerte Styles für alle Branchen-Landingpages
 * Wird von allen Template-Seiten gemeinsam genutzt.
 * Generiert aus den page-*.php Dateien um HTML-Größe zu reduzieren.
 */


/* ── page-webdesign-zahnarzt-wien.php (prefix: .za-) ── */
/* ── ZAHNARZT ACCENT ── */
:root { --za: #06b6d4; --za2: #0ea5e9; --za-gold: #f5c842; }

/* ── HERO ── */
.za-hero { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.za-eyebrow { font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--za);margin-bottom:16px;display:flex;align-items:center;gap:10px; }
.za-eyebrow::before { content:'';width:24px;height:1px;background:var(--za); }
.za-h1 { font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px; }
.za-h1 span { background:linear-gradient(135deg,var(--za),var(--za2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.za-desc { font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px; }
.za-btns { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px; }
.za-btn-p { display:inline-flex;align-items:center;gap:8px;background:var(--za);color:#0a0a0f;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s; }
.za-btn-p:hover { background:var(--za2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(6,182,212,0.4);color:#0a0a0f; }
.za-btn-s { display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s; }
.za-btn-s:hover { border-color:var(--za);color:var(--za); }
.za-trust { display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5); }
.za-trust-ava { display:flex; }
.za-trust-ava span { width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--za),var(--za2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#0a0a0f;margin-left:-6px; }
.za-trust-ava span:first-child { margin-left:0; }

/* ── METRICS CARD ── */
.za-mcard { background:rgba(255,255,255,0.02);border:1px solid rgba(6,182,212,0.2);border-radius:20px;padding:28px; }
.za-mcard-title { font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px; }
.za-mcard-title::before { content:'';width:6px;height:6px;border-radius:50%;background:var(--za);animation:zaPulse 1.5s infinite; }
@keyframes zaPulse { 0%,100%{opacity:1}50%{opacity:.3} }
.za-mgrid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px; }
.za-mitem { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px; }
.za-mval { font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em; }
.za-mval span { color:var(--za); }
.za-mlbl { font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4; }
.za-bar { margin-bottom:12px; }
.za-bar-hd { display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px; }
.za-bar-hd strong { color:var(--white);font-weight:600; }
.za-bar-bg { background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden; }
.za-bar-fill { height:100%;border-radius:4px;background:linear-gradient(90deg,var(--za),var(--za2)); }
.za-mfoot { padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px; }
.za-mfoot::before { content:'✓';color:var(--za);font-weight:700; }

/* ── STRIP ── */
.za-strip { border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02); }
.za-strip-inner { max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap; }
.za-strip-lbl { font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap; }
.za-feat { display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5); }
.za-feat::before { content:'✓';color:var(--za);font-size:11px; }

/* ── SECTIONS ── */
.za-sec { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px; }
.za-sec-lbl { font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--za);margin-bottom:12px;display:block; }
.za-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px; }
.za-h2 span { background:linear-gradient(135deg,var(--za),var(--za2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.za-sub { font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px; }
.za-dark { background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05); }
.za-dark .za-sec { padding-top:80px;padding-bottom:80px; }

/* ── WHY GRID ── */
.za-why-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.za-why-item { display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06); }
.za-why-item:last-child { border:none; }
.za-why-icon { width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);display:flex;align-items:center;justify-content:center;font-size:1.1rem; }
.za-why-item h3 { font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px; }
.za-why-item p { font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6; }
.za-quote-card { background:rgba(255,255,255,0.02);border:1px solid rgba(6,182,212,0.2);border-radius:20px;padding:36px; }
.za-quote { font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px; }
.za-quote::before { content:'"';color:var(--za);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px; }
.za-quote-stats { display:flex;gap:24px; }
.za-qstat-val { font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1; }
.za-qstat-val span { color:var(--za); }
.za-qstat-lbl { font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px; }
.za-quote-author { margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4); }

/* ── SERVICES ── */
.za-svc-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.za-svc { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden; }
.za-svc::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--za),var(--za2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left; }
.za-svc:hover { transform:translateY(-4px);border-color:rgba(6,182,212,0.25); }
.za-svc:hover::before { transform:scaleX(1); }
.za-svc-num { font-size:10px;font-weight:700;color:var(--za);letter-spacing:0.14em;margin-bottom:14px;display:block; }
.za-svc h3 { font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px; }
.za-svc p { font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6; }

/* ── PROBLEM CARDS ── */
.za-prob-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px; }
.za-prob-card { background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px; }
.za-prob-icon { font-size:1.8rem;margin-bottom:14px;display:block; }
.za-prob-card h3 { font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px; }
.za-prob-card p { font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6; }

/* ── PROCESS ── */
.za-steps { display:flex;flex-direction:column;max-width:760px; }
.za-step { display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start; }
.za-step:last-child { border:none; }
.za-step-num { font-family:'Bebas Neue',sans-serif;font-size:52px;color:rgba(6,182,212,0.2);line-height:1; }
.za-step h3 { font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px; }
.za-step p { font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7; }

/* ── PRICING ── */
.za-price-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start; }
.za-price { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative; }
.za-price:hover { transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5); }
.za-price.feat { border-color:var(--za);background:linear-gradient(160deg,rgba(6,182,212,0.07) 0%,rgba(255,255,255,0.02) 50%); }
.za-price-badge { position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--za);color:#0a0a0f;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap; }
.za-ptier { font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px; }
.za-pname { font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px; }
.za-pdesc { font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px; }
.za-pfrom { font-size:11px;color:rgba(240,238,255,0.4); }
.za-pnum { font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em; }
.za-pnum .cur { font-size:1.6rem;vertical-align:super; }
.za-pper { font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px; }
.za-price hr { border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px; }
.za-price ul { list-style:none;padding:0;margin:0 0 28px;flex:1; }
.za-price ul li { display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04); }
.za-price ul li:last-child { border:none; }
.za-price ul li .ck { color:var(--za);flex-shrink:0; }
.za-price ul li .no { color:rgba(255,255,255,0.18); }
.za-price ul li .no-t { color:rgba(240,238,255,0.25); }
.za-pbtn { display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s; }
.za-price.feat .za-pbtn { background:var(--za);border-color:var(--za);color:#0a0a0f; }
.za-pbtn:hover { filter:brightness(1.15);transform:translateY(-1px);color:var(--white); }
.za-price.feat .za-pbtn:hover { color:#0a0a0f; }
.za-price-note { text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45); }
.za-price-note a { color:var(--za);text-decoration:none; }

/* ── TESTIMONIALS ── */
.za-tgrid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px; }
.za-tcard { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s; }
.za-tcard:hover { border-color:rgba(6,182,212,0.3); }
.za-tstars { color:var(--za-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px; }
.za-ttext { font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px; }
.za-tauthor { font-size:13px;font-weight:700;color:var(--white); }
.za-trole { font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px; }

/* ── FAQ ── */
.za-faq { max-width:860px; }
.za-faq-item { border-bottom:1px solid rgba(255,255,255,0.06); }
.za-faq-q { width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px; }
.za-faq-q span:first-child { font-size:15px;font-weight:600;color:var(--white);line-height:1.4; }
.za-faq-q .arr { color:var(--za);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s; }
.za-faq-q.open .arr { transform:rotate(45deg); }
.za-faq-a { font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s; }
.za-faq-a.open { max-height:200px;padding-bottom:20px; }

/* ── FINAL CTA ── */
.za-cta-box { background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(14,165,233,0.07));border:1px solid rgba(6,182,212,0.25);border-radius:24px;padding:60px;text-align:center; }
.za-cta-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1; }
.za-cta-h2 span { background:linear-gradient(135deg,var(--za),var(--za2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.za-cta-txt { font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7; }
.za-cta-btns { display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px; }
.za-cta-detail { font-size:12px;color:rgba(240,238,255,0.35); }
.za-cta-detail span { margin:0 8px; }

/* ── RESPONSIVE ── */
@media (max-width:1024px) {
  .za-hero { grid-template-columns:1fr;padding:120px 24px 60px; }
  .za-mcard { display:none; }
  .za-sec { padding-left:24px;padding-right:24px; }
  .za-strip { padding:20px 24px; }
  .za-svc-grid { grid-template-columns:repeat(2,1fr); }
  .za-price-grid { grid-template-columns:1fr;max-width:420px;margin:0 auto; }
  .za-why-grid { grid-template-columns:1fr; }
  .za-cta-box { padding:40px 24px; }
}
@media (max-width:640px) {
  .za-svc-grid { grid-template-columns:1fr; }
  .za-prob-grid { grid-template-columns:1fr; }
}


/* ── page-webdesign-handwerker-wien.php (prefix: .ha-) ── */
:root { --ha: #f97316; --ha2: #fb923c; --ha-gold: #f5c842; }
.ha-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ha-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ha);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ha-eyebrow::before{content:'';width:24px;height:1px;background:var(--ha)}
.ha-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.ha-h1 span{background:linear-gradient(135deg,var(--ha),var(--ha2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ha-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.ha-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.ha-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--ha);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.ha-btn-p:hover{background:var(--ha2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.ha-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ha-btn-s:hover{border-color:var(--ha);color:var(--ha)}
.ha-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.ha-trust-ava{display:flex}
.ha-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ha),var(--ha2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.ha-trust-ava span:first-child{margin-left:0}
.ha-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.ha-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.ha-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ha);animation:haPulse 1.5s infinite}
@keyframes haPulse{0%,100%{opacity:1}50%{opacity:.3}}
.ha-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.ha-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.ha-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ha-mval span{color:var(--ha)}
.ha-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.ha-bar{margin-bottom:12px}
.ha-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.ha-bar-hd strong{color:var(--white);font-weight:600}
.ha-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.ha-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--ha),var(--ha2))}
.ha-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.ha-mfoot::before{content:'✓';color:var(--ha);font-weight:700}
.ha-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.ha-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.ha-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.ha-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.ha-feat::before{content:'✓';color:var(--ha);font-size:11px}
.ha-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.ha-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ha);margin-bottom:12px;display:block}
.ha-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.ha-h2 span{background:linear-gradient(135deg,var(--ha),var(--ha2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ha-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.ha-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.ha-dark .ha-sec{padding-top:80px;padding-bottom:80px}
.ha-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ha-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.ha-why-item:last-child{border:none}
.ha-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.ha-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.ha-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ha-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.ha-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.ha-quote::before{content:'"';color:var(--ha);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.ha-quote-stats{display:flex;gap:24px}
.ha-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.ha-qstat-val span{color:var(--ha)}
.ha-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.ha-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.ha-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ha-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.ha-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ha),var(--ha2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.ha-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.ha-svc:hover::before{transform:scaleX(1)}
.ha-svc-num{font-size:10px;font-weight:700;color:var(--ha);letter-spacing:0.14em;margin-bottom:14px;display:block}
.ha-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.ha-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ha-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ha-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.ha-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.ha-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.ha-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ha-steps{display:flex;flex-direction:column;max-width:760px}
.ha-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.ha-step:last-child{border:none}
.ha-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--ha);opacity:0.2;line-height:1}
.ha-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.ha-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.ha-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.ha-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.ha-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.ha-price.feat{border-color:var(--ha)}
.ha-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ha);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.ha-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.ha-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.ha-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.ha-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.ha-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ha-pnum .cur{font-size:1.6rem;vertical-align:super}
.ha-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.ha-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.ha-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.ha-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.ha-price ul li:last-child{border:none}
.ha-price ul li .ck{color:var(--ha);flex-shrink:0}
.ha-price ul li .no{color:rgba(255,255,255,0.18)}
.ha-price ul li .no-t{color:rgba(240,238,255,0.25)}
.ha-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ha-price.feat .ha-pbtn{background:var(--ha);border-color:var(--ha);color:white}
.ha-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.ha-price.feat .ha-pbtn:hover{color:white}
.ha-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.ha-price-note a{color:var(--ha);text-decoration:none}
.ha-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.ha-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.ha-tcard:hover{border-color:rgba(255,255,255,0.2)}
.ha-tstars{color:var(--ha-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.ha-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.ha-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.ha-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.ha-faq{max-width:860px}
.ha-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.ha-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.ha-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.ha-faq-q .arr{color:var(--ha);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.ha-faq-q.open .arr{transform:rotate(45deg)}
.ha-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.ha-faq-a.open{max-height:200px;padding-bottom:20px}
.ha-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.ha-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.ha-cta-h2 span{background:linear-gradient(135deg,var(--ha),var(--ha2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ha-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.ha-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.ha-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.ha-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .ha-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .ha-mcard{display:none}
  .ha-sec{padding-left:24px;padding-right:24px}
  .ha-strip{padding:20px 24px}
  .ha-svc-grid{grid-template-columns:repeat(2,1fr)}
  .ha-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .ha-why-grid{grid-template-columns:1fr}
  .ha-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .ha-svc-grid{grid-template-columns:1fr}
  .ha-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-steuerberater-wien.php (prefix: .st-) ── */
:root { --st: #10b981; --st2: #34d399; --st-gold: #f5c842; }
.st-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.st-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--st);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.st-eyebrow::before{content:'';width:24px;height:1px;background:var(--st)}
.st-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.st-h1 span{background:linear-gradient(135deg,var(--st),var(--st2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.st-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.st-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.st-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--st);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.st-btn-p:hover{background:var(--st2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.st-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.st-btn-s:hover{border-color:var(--st);color:var(--st)}
.st-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.st-trust-ava{display:flex}
.st-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--st),var(--st2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.st-trust-ava span:first-child{margin-left:0}
.st-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.st-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.st-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--st);animation:stPulse 1.5s infinite}
@keyframes stPulse{0%,100%{opacity:1}50%{opacity:.3}}
.st-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.st-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.st-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.st-mval span{color:var(--st)}
.st-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.st-bar{margin-bottom:12px}
.st-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.st-bar-hd strong{color:var(--white);font-weight:600}
.st-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.st-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--st),var(--st2))}
.st-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.st-mfoot::before{content:'✓';color:var(--st);font-weight:700}
.st-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.st-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.st-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.st-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.st-feat::before{content:'✓';color:var(--st);font-size:11px}
.st-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.st-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--st);margin-bottom:12px;display:block}
.st-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.st-h2 span{background:linear-gradient(135deg,var(--st),var(--st2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.st-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.st-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.st-dark .st-sec{padding-top:80px;padding-bottom:80px}
.st-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.st-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.st-why-item:last-child{border:none}
.st-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.st-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.st-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.st-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.st-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.st-quote::before{content:'"';color:var(--st);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.st-quote-stats{display:flex;gap:24px}
.st-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.st-qstat-val span{color:var(--st)}
.st-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.st-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.st-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.st-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.st-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--st),var(--st2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.st-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.st-svc:hover::before{transform:scaleX(1)}
.st-svc-num{font-size:10px;font-weight:700;color:var(--st);letter-spacing:0.14em;margin-bottom:14px;display:block}
.st-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.st-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.st-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.st-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.st-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.st-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.st-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.st-steps{display:flex;flex-direction:column;max-width:760px}
.st-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.st-step:last-child{border:none}
.st-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--st);opacity:0.2;line-height:1}
.st-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.st-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.st-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.st-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.st-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.st-price.feat{border-color:var(--st)}
.st-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--st);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.st-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.st-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.st-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.st-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.st-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.st-pnum .cur{font-size:1.6rem;vertical-align:super}
.st-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.st-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.st-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.st-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.st-price ul li:last-child{border:none}
.st-price ul li .ck{color:var(--st);flex-shrink:0}
.st-price ul li .no{color:rgba(255,255,255,0.18)}
.st-price ul li .no-t{color:rgba(240,238,255,0.25)}
.st-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.st-price.feat .st-pbtn{background:var(--st);border-color:var(--st);color:white}
.st-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.st-price.feat .st-pbtn:hover{color:white}
.st-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.st-price-note a{color:var(--st);text-decoration:none}
.st-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.st-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.st-tcard:hover{border-color:rgba(255,255,255,0.2)}
.st-tstars{color:var(--st-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.st-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.st-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.st-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.st-faq{max-width:860px}
.st-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.st-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.st-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.st-faq-q .arr{color:var(--st);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.st-faq-q.open .arr{transform:rotate(45deg)}
.st-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.st-faq-a.open{max-height:200px;padding-bottom:20px}
.st-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.st-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.st-cta-h2 span{background:linear-gradient(135deg,var(--st),var(--st2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.st-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.st-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.st-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.st-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .st-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .st-mcard{display:none}
  .st-sec{padding-left:24px;padding-right:24px}
  .st-strip{padding:20px 24px}
  .st-svc-grid{grid-template-columns:repeat(2,1fr)}
  .st-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .st-why-grid{grid-template-columns:1fr}
  .st-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .st-svc-grid{grid-template-columns:1fr}
  .st-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-friseur-wien.php (prefix: .fr-) ── */
:root { --fr: #ec4899; --fr2: #f472b6; --fr-gold: #f5c842; }
.fr-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.fr-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fr);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.fr-eyebrow::before{content:'';width:24px;height:1px;background:var(--fr)}
.fr-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.fr-h1 span{background:linear-gradient(135deg,var(--fr),var(--fr2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fr-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.fr-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.fr-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--fr);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.fr-btn-p:hover{background:var(--fr2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.fr-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.fr-btn-s:hover{border-color:var(--fr);color:var(--fr)}
.fr-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.fr-trust-ava{display:flex}
.fr-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--fr),var(--fr2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.fr-trust-ava span:first-child{margin-left:0}
.fr-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.fr-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.fr-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--fr);animation:frPulse 1.5s infinite}
@keyframes frPulse{0%,100%{opacity:1}50%{opacity:.3}}
.fr-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.fr-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.fr-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.fr-mval span{color:var(--fr)}
.fr-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.fr-bar{margin-bottom:12px}
.fr-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.fr-bar-hd strong{color:var(--white);font-weight:600}
.fr-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.fr-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--fr),var(--fr2))}
.fr-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.fr-mfoot::before{content:'✓';color:var(--fr);font-weight:700}
.fr-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.fr-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.fr-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.fr-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.fr-feat::before{content:'✓';color:var(--fr);font-size:11px}
.fr-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.fr-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--fr);margin-bottom:12px;display:block}
.fr-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.fr-h2 span{background:linear-gradient(135deg,var(--fr),var(--fr2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fr-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.fr-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.fr-dark .fr-sec{padding-top:80px;padding-bottom:80px}
.fr-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.fr-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.fr-why-item:last-child{border:none}
.fr-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.fr-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.fr-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.fr-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.fr-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.fr-quote::before{content:'"';color:var(--fr);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.fr-quote-stats{display:flex;gap:24px}
.fr-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.fr-qstat-val span{color:var(--fr)}
.fr-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.fr-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.fr-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fr-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.fr-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--fr),var(--fr2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.fr-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.fr-svc:hover::before{transform:scaleX(1)}
.fr-svc-num{font-size:10px;font-weight:700;color:var(--fr);letter-spacing:0.14em;margin-bottom:14px;display:block}
.fr-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.fr-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.fr-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.fr-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.fr-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.fr-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.fr-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.fr-steps{display:flex;flex-direction:column;max-width:760px}
.fr-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.fr-step:last-child{border:none}
.fr-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--fr);opacity:0.2;line-height:1}
.fr-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.fr-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.fr-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.fr-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.fr-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.fr-price.feat{border-color:var(--fr)}
.fr-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--fr);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.fr-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.fr-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.fr-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.fr-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.fr-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.fr-pnum .cur{font-size:1.6rem;vertical-align:super}
.fr-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.fr-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.fr-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.fr-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.fr-price ul li:last-child{border:none}
.fr-price ul li .ck{color:var(--fr);flex-shrink:0}
.fr-price ul li .no{color:rgba(255,255,255,0.18)}
.fr-price ul li .no-t{color:rgba(240,238,255,0.25)}
.fr-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.fr-price.feat .fr-pbtn{background:var(--fr);border-color:var(--fr);color:white}
.fr-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.fr-price.feat .fr-pbtn:hover{color:white}
.fr-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.fr-price-note a{color:var(--fr);text-decoration:none}
.fr-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.fr-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.fr-tcard:hover{border-color:rgba(255,255,255,0.2)}
.fr-tstars{color:var(--fr-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.fr-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.fr-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.fr-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.fr-faq{max-width:860px}
.fr-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.fr-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.fr-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.fr-faq-q .arr{color:var(--fr);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.fr-faq-q.open .arr{transform:rotate(45deg)}
.fr-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.fr-faq-a.open{max-height:200px;padding-bottom:20px}
.fr-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.fr-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.fr-cta-h2 span{background:linear-gradient(135deg,var(--fr),var(--fr2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fr-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.fr-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.fr-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.fr-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .fr-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .fr-mcard{display:none}
  .fr-sec{padding-left:24px;padding-right:24px}
  .fr-strip{padding:20px 24px}
  .fr-svc-grid{grid-template-columns:repeat(2,1fr)}
  .fr-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .fr-why-grid{grid-template-columns:1fr}
  .fr-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .fr-svc-grid{grid-template-columns:1fr}
  .fr-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-restaurant-wien.php (prefix: .re-) ── */
:root { --re: #f59e0b; --re2: #fbbf24; --re-gold: #f5c842; }
.re-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.re-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--re);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.re-eyebrow::before{content:'';width:24px;height:1px;background:var(--re)}
.re-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.re-h1 span{background:linear-gradient(135deg,var(--re),var(--re2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.re-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.re-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.re-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--re);color:#0a0a0f;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.re-btn-p:hover{background:var(--re2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:#0a0a0f}
.re-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.re-btn-s:hover{border-color:var(--re);color:var(--re)}
.re-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.re-trust-ava{display:flex}
.re-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--re),var(--re2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#0a0a0f;margin-left:-6px}
.re-trust-ava span:first-child{margin-left:0}
.re-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.re-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.re-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--re);animation:rePulse 1.5s infinite}
@keyframes rePulse{0%,100%{opacity:1}50%{opacity:.3}}
.re-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.re-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.re-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.re-mval span{color:var(--re)}
.re-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.re-bar{margin-bottom:12px}
.re-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.re-bar-hd strong{color:var(--white);font-weight:600}
.re-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.re-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--re),var(--re2))}
.re-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.re-mfoot::before{content:'✓';color:var(--re);font-weight:700}
.re-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.re-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.re-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.re-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.re-feat::before{content:'✓';color:var(--re);font-size:11px}
.re-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.re-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--re);margin-bottom:12px;display:block}
.re-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.re-h2 span{background:linear-gradient(135deg,var(--re),var(--re2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.re-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.re-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.re-dark .re-sec{padding-top:80px;padding-bottom:80px}
.re-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.re-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.re-why-item:last-child{border:none}
.re-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.re-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.re-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.re-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.re-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.re-quote::before{content:'"';color:var(--re);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.re-quote-stats{display:flex;gap:24px}
.re-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.re-qstat-val span{color:var(--re)}
.re-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.re-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.re-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.re-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.re-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--re),var(--re2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.re-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.re-svc:hover::before{transform:scaleX(1)}
.re-svc-num{font-size:10px;font-weight:700;color:var(--re);letter-spacing:0.14em;margin-bottom:14px;display:block}
.re-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.re-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.re-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.re-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.re-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.re-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.re-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.re-steps{display:flex;flex-direction:column;max-width:760px}
.re-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.re-step:last-child{border:none}
.re-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--re);opacity:0.2;line-height:1}
.re-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.re-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.re-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.re-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.re-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.re-price.feat{border-color:var(--re)}
.re-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--re);color:#0a0a0f;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.re-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.re-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.re-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.re-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.re-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.re-pnum .cur{font-size:1.6rem;vertical-align:super}
.re-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.re-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.re-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.re-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.re-price ul li:last-child{border:none}
.re-price ul li .ck{color:var(--re);flex-shrink:0}
.re-price ul li .no{color:rgba(255,255,255,0.18)}
.re-price ul li .no-t{color:rgba(240,238,255,0.25)}
.re-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.re-price.feat .re-pbtn{background:var(--re);border-color:var(--re);color:#0a0a0f}
.re-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.re-price.feat .re-pbtn:hover{color:#0a0a0f}
.re-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.re-price-note a{color:var(--re);text-decoration:none}
.re-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.re-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.re-tcard:hover{border-color:rgba(255,255,255,0.2)}
.re-tstars{color:var(--re-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.re-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.re-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.re-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.re-faq{max-width:860px}
.re-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.re-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.re-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.re-faq-q .arr{color:var(--re);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.re-faq-q.open .arr{transform:rotate(45deg)}
.re-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.re-faq-a.open{max-height:200px;padding-bottom:20px}
.re-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.re-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.re-cta-h2 span{background:linear-gradient(135deg,var(--re),var(--re2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.re-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.re-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.re-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.re-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .re-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .re-mcard{display:none}
  .re-sec{padding-left:24px;padding-right:24px}
  .re-strip{padding:20px 24px}
  .re-svc-grid{grid-template-columns:repeat(2,1fr)}
  .re-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .re-why-grid{grid-template-columns:1fr}
  .re-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .re-svc-grid{grid-template-columns:1fr}
  .re-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-immobilien-wien.php (prefix: .im-) ── */
:root { --im: #3b82f6; --im2: #60a5fa; --im-gold: #f5c842; }
.im-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.im-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--im);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.im-eyebrow::before{content:'';width:24px;height:1px;background:var(--im)}
.im-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.im-h1 span{background:linear-gradient(135deg,var(--im),var(--im2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.im-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.im-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.im-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--im);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.im-btn-p:hover{background:var(--im2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.im-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.im-btn-s:hover{border-color:var(--im);color:var(--im)}
.im-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.im-trust-ava{display:flex}
.im-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--im),var(--im2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.im-trust-ava span:first-child{margin-left:0}
.im-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.im-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.im-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--im);animation:imPulse 1.5s infinite}
@keyframes imPulse{0%,100%{opacity:1}50%{opacity:.3}}
.im-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.im-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.im-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.im-mval span{color:var(--im)}
.im-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.im-bar{margin-bottom:12px}
.im-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.im-bar-hd strong{color:var(--white);font-weight:600}
.im-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.im-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--im),var(--im2))}
.im-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.im-mfoot::before{content:'✓';color:var(--im);font-weight:700}
.im-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.im-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.im-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.im-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.im-feat::before{content:'✓';color:var(--im);font-size:11px}
.im-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.im-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--im);margin-bottom:12px;display:block}
.im-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.im-h2 span{background:linear-gradient(135deg,var(--im),var(--im2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.im-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.im-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.im-dark .im-sec{padding-top:80px;padding-bottom:80px}
.im-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.im-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.im-why-item:last-child{border:none}
.im-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.im-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.im-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.im-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.im-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.im-quote::before{content:'"';color:var(--im);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.im-quote-stats{display:flex;gap:24px}
.im-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.im-qstat-val span{color:var(--im)}
.im-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.im-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.im-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.im-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.im-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--im),var(--im2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.im-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.im-svc:hover::before{transform:scaleX(1)}
.im-svc-num{font-size:10px;font-weight:700;color:var(--im);letter-spacing:0.14em;margin-bottom:14px;display:block}
.im-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.im-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.im-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.im-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.im-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.im-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.im-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.im-steps{display:flex;flex-direction:column;max-width:760px}
.im-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.im-step:last-child{border:none}
.im-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--im);opacity:0.2;line-height:1}
.im-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.im-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.im-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.im-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.im-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.im-price.feat{border-color:var(--im)}
.im-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--im);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.im-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.im-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.im-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.im-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.im-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.im-pnum .cur{font-size:1.6rem;vertical-align:super}
.im-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.im-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.im-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.im-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.im-price ul li:last-child{border:none}
.im-price ul li .ck{color:var(--im);flex-shrink:0}
.im-price ul li .no{color:rgba(255,255,255,0.18)}
.im-price ul li .no-t{color:rgba(240,238,255,0.25)}
.im-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.im-price.feat .im-pbtn{background:var(--im);border-color:var(--im);color:white}
.im-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.im-price.feat .im-pbtn:hover{color:white}
.im-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.im-price-note a{color:var(--im);text-decoration:none}
.im-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.im-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.im-tcard:hover{border-color:rgba(255,255,255,0.2)}
.im-tstars{color:var(--im-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.im-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.im-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.im-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.im-faq{max-width:860px}
.im-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.im-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.im-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.im-faq-q .arr{color:var(--im);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.im-faq-q.open .arr{transform:rotate(45deg)}
.im-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.im-faq-a.open{max-height:200px;padding-bottom:20px}
.im-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.im-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.im-cta-h2 span{background:linear-gradient(135deg,var(--im),var(--im2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.im-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.im-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.im-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.im-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .im-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .im-mcard{display:none}
  .im-sec{padding-left:24px;padding-right:24px}
  .im-strip{padding:20px 24px}
  .im-svc-grid{grid-template-columns:repeat(2,1fr)}
  .im-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .im-why-grid{grid-template-columns:1fr}
  .im-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .im-svc-grid{grid-template-columns:1fr}
  .im-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-fitnessstudio-wien.php (prefix: .fi-) ── */
:root { --fi: #22c55e; --fi2: #4ade80; --fi-gold: #f5c842; }
.fi-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.fi-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fi);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.fi-eyebrow::before{content:'';width:24px;height:1px;background:var(--fi)}
.fi-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.fi-h1 span{background:linear-gradient(135deg,var(--fi),var(--fi2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fi-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.fi-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.fi-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--fi);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.fi-btn-p:hover{background:var(--fi2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.fi-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.fi-btn-s:hover{border-color:var(--fi);color:var(--fi)}
.fi-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.fi-trust-ava{display:flex}
.fi-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--fi),var(--fi2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.fi-trust-ava span:first-child{margin-left:0}
.fi-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.fi-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.fi-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--fi);animation:fiPulse 1.5s infinite}
@keyframes fiPulse{0%,100%{opacity:1}50%{opacity:.3}}
.fi-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.fi-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.fi-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.fi-mval span{color:var(--fi)}
.fi-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.fi-bar{margin-bottom:12px}
.fi-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.fi-bar-hd strong{color:var(--white);font-weight:600}
.fi-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.fi-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--fi),var(--fi2))}
.fi-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.fi-mfoot::before{content:'✓';color:var(--fi);font-weight:700}
.fi-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.fi-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.fi-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.fi-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.fi-feat::before{content:'✓';color:var(--fi);font-size:11px}
.fi-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.fi-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--fi);margin-bottom:12px;display:block}
.fi-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.fi-h2 span{background:linear-gradient(135deg,var(--fi),var(--fi2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fi-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.fi-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.fi-dark .fi-sec{padding-top:80px;padding-bottom:80px}
.fi-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.fi-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.fi-why-item:last-child{border:none}
.fi-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.fi-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.fi-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.fi-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.fi-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.fi-quote::before{content:'"';color:var(--fi);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.fi-quote-stats{display:flex;gap:24px}
.fi-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.fi-qstat-val span{color:var(--fi)}
.fi-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.fi-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.fi-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fi-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.fi-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--fi),var(--fi2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.fi-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.fi-svc:hover::before{transform:scaleX(1)}
.fi-svc-num{font-size:10px;font-weight:700;color:var(--fi);letter-spacing:0.14em;margin-bottom:14px;display:block}
.fi-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.fi-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.fi-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.fi-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.fi-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.fi-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.fi-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.fi-steps{display:flex;flex-direction:column;max-width:760px}
.fi-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.fi-step:last-child{border:none}
.fi-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--fi);opacity:0.2;line-height:1}
.fi-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.fi-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.fi-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.fi-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.fi-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.fi-price.feat{border-color:var(--fi)}
.fi-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--fi);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.fi-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.fi-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.fi-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.fi-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.fi-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.fi-pnum .cur{font-size:1.6rem;vertical-align:super}
.fi-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.fi-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.fi-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.fi-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.fi-price ul li:last-child{border:none}
.fi-price ul li .ck{color:var(--fi);flex-shrink:0}
.fi-price ul li .no{color:rgba(255,255,255,0.18)}
.fi-price ul li .no-t{color:rgba(240,238,255,0.25)}
.fi-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.fi-price.feat .fi-pbtn{background:var(--fi);border-color:var(--fi);color:white}
.fi-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.fi-price.feat .fi-pbtn:hover{color:white}
.fi-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.fi-price-note a{color:var(--fi);text-decoration:none}
.fi-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.fi-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.fi-tcard:hover{border-color:rgba(255,255,255,0.2)}
.fi-tstars{color:var(--fi-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.fi-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.fi-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.fi-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.fi-faq{max-width:860px}
.fi-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.fi-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.fi-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.fi-faq-q .arr{color:var(--fi);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.fi-faq-q.open .arr{transform:rotate(45deg)}
.fi-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.fi-faq-a.open{max-height:200px;padding-bottom:20px}
.fi-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.fi-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.fi-cta-h2 span{background:linear-gradient(135deg,var(--fi),var(--fi2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fi-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.fi-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.fi-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.fi-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .fi-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .fi-mcard{display:none}
  .fi-sec{padding-left:24px;padding-right:24px}
  .fi-strip{padding:20px 24px}
  .fi-svc-grid{grid-template-columns:repeat(2,1fr)}
  .fi-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .fi-why-grid{grid-template-columns:1fr}
  .fi-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .fi-svc-grid{grid-template-columns:1fr}
  .fi-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-rechtsanwalt-wien.php (prefix: .ra-) ── */
:root { --ra: #8b5cf6; --ra2: #a78bfa; --ra-gold: #f5c842; }
.ra-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ra-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ra);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ra-eyebrow::before{content:'';width:24px;height:1px;background:var(--ra)}
.ra-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.ra-h1 span{background:linear-gradient(135deg,var(--ra),var(--ra2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ra-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.ra-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.ra-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--ra);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.ra-btn-p:hover{background:var(--ra2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.ra-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ra-btn-s:hover{border-color:var(--ra);color:var(--ra)}
.ra-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.ra-trust-ava{display:flex}
.ra-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ra),var(--ra2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.ra-trust-ava span:first-child{margin-left:0}
.ra-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.ra-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.ra-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ra);animation:raPulse 1.5s infinite}
@keyframes raPulse{0%,100%{opacity:1}50%{opacity:.3}}
.ra-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.ra-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.ra-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ra-mval span{color:var(--ra)}
.ra-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.ra-bar{margin-bottom:12px}
.ra-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.ra-bar-hd strong{color:var(--white);font-weight:600}
.ra-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.ra-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--ra),var(--ra2))}
.ra-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.ra-mfoot::before{content:'✓';color:var(--ra);font-weight:700}
.ra-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.ra-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.ra-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.ra-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.ra-feat::before{content:'✓';color:var(--ra);font-size:11px}
.ra-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.ra-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ra);margin-bottom:12px;display:block}
.ra-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.ra-h2 span{background:linear-gradient(135deg,var(--ra),var(--ra2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ra-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.ra-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.ra-dark .ra-sec{padding-top:80px;padding-bottom:80px}
.ra-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ra-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.ra-why-item:last-child{border:none}
.ra-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.ra-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.ra-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ra-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.ra-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.ra-quote::before{content:'"';color:var(--ra);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.ra-quote-stats{display:flex;gap:24px}
.ra-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.ra-qstat-val span{color:var(--ra)}
.ra-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.ra-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.ra-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ra-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.ra-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ra),var(--ra2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.ra-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.ra-svc:hover::before{transform:scaleX(1)}
.ra-svc-num{font-size:10px;font-weight:700;color:var(--ra);letter-spacing:0.14em;margin-bottom:14px;display:block}
.ra-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.ra-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ra-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ra-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.ra-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.ra-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.ra-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ra-steps{display:flex;flex-direction:column;max-width:760px}
.ra-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.ra-step:last-child{border:none}
.ra-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--ra);opacity:0.2;line-height:1}
.ra-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.ra-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.ra-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.ra-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.ra-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.ra-price.feat{border-color:var(--ra)}
.ra-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ra);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.ra-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.ra-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.ra-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.ra-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.ra-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ra-pnum .cur{font-size:1.6rem;vertical-align:super}
.ra-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.ra-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.ra-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.ra-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.ra-price ul li:last-child{border:none}
.ra-price ul li .ck{color:var(--ra);flex-shrink:0}
.ra-price ul li .no{color:rgba(255,255,255,0.18)}
.ra-price ul li .no-t{color:rgba(240,238,255,0.25)}
.ra-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ra-price.feat .ra-pbtn{background:var(--ra);border-color:var(--ra);color:white}
.ra-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.ra-price.feat .ra-pbtn:hover{color:white}
.ra-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.ra-price-note a{color:var(--ra);text-decoration:none}
.ra-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.ra-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.ra-tcard:hover{border-color:rgba(255,255,255,0.2)}
.ra-tstars{color:var(--ra-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.ra-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.ra-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.ra-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.ra-faq{max-width:860px}
.ra-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.ra-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.ra-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.ra-faq-q .arr{color:var(--ra);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.ra-faq-q.open .arr{transform:rotate(45deg)}
.ra-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.ra-faq-a.open{max-height:200px;padding-bottom:20px}
.ra-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.ra-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.ra-cta-h2 span{background:linear-gradient(135deg,var(--ra),var(--ra2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ra-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.ra-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.ra-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.ra-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .ra-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .ra-mcard{display:none}
  .ra-sec{padding-left:24px;padding-right:24px}
  .ra-strip{padding:20px 24px}
  .ra-svc-grid{grid-template-columns:repeat(2,1fr)}
  .ra-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .ra-why-grid{grid-template-columns:1fr}
  .ra-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .ra-svc-grid{grid-template-columns:1fr}
  .ra-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-kosmetik-wien.php (prefix: .ko-) ── */
:root { --ko: #f43f5e; --ko2: #fb7185; --ko-gold: #f5c842; }
.ko-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ko-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ko);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ko-eyebrow::before{content:'';width:24px;height:1px;background:var(--ko)}
.ko-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.ko-h1 span{background:linear-gradient(135deg,var(--ko),var(--ko2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ko-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.ko-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.ko-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--ko);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.ko-btn-p:hover{background:var(--ko2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.ko-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ko-btn-s:hover{border-color:var(--ko);color:var(--ko)}
.ko-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.ko-trust-ava{display:flex}
.ko-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ko),var(--ko2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.ko-trust-ava span:first-child{margin-left:0}
.ko-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.ko-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.ko-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ko);animation:koPulse 1.5s infinite}
@keyframes koPulse{0%,100%{opacity:1}50%{opacity:.3}}
.ko-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.ko-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.ko-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ko-mval span{color:var(--ko)}
.ko-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.ko-bar{margin-bottom:12px}
.ko-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.ko-bar-hd strong{color:var(--white);font-weight:600}
.ko-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.ko-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--ko),var(--ko2))}
.ko-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.ko-mfoot::before{content:'✓';color:var(--ko);font-weight:700}
.ko-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.ko-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.ko-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.ko-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.ko-feat::before{content:'✓';color:var(--ko);font-size:11px}
.ko-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.ko-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ko);margin-bottom:12px;display:block}
.ko-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.ko-h2 span{background:linear-gradient(135deg,var(--ko),var(--ko2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ko-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.ko-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.ko-dark .ko-sec{padding-top:80px;padding-bottom:80px}
.ko-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ko-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.ko-why-item:last-child{border:none}
.ko-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.ko-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.ko-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ko-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.ko-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.ko-quote::before{content:'"';color:var(--ko);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.ko-quote-stats{display:flex;gap:24px}
.ko-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.ko-qstat-val span{color:var(--ko)}
.ko-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.ko-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.ko-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ko-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.ko-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ko),var(--ko2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.ko-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.ko-svc:hover::before{transform:scaleX(1)}
.ko-svc-num{font-size:10px;font-weight:700;color:var(--ko);letter-spacing:0.14em;margin-bottom:14px;display:block}
.ko-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.ko-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ko-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ko-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.ko-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.ko-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.ko-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ko-steps{display:flex;flex-direction:column;max-width:760px}
.ko-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.ko-step:last-child{border:none}
.ko-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--ko);opacity:0.2;line-height:1}
.ko-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.ko-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.ko-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.ko-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.ko-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.ko-price.feat{border-color:var(--ko)}
.ko-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ko);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.ko-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.ko-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.ko-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.ko-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.ko-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ko-pnum .cur{font-size:1.6rem;vertical-align:super}
.ko-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.ko-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.ko-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.ko-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.ko-price ul li:last-child{border:none}
.ko-price ul li .ck{color:var(--ko);flex-shrink:0}
.ko-price ul li .no{color:rgba(255,255,255,0.18)}
.ko-price ul li .no-t{color:rgba(240,238,255,0.25)}
.ko-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ko-price.feat .ko-pbtn{background:var(--ko);border-color:var(--ko);color:white}
.ko-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.ko-price.feat .ko-pbtn:hover{color:white}
.ko-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.ko-price-note a{color:var(--ko);text-decoration:none}
.ko-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.ko-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.ko-tcard:hover{border-color:rgba(255,255,255,0.2)}
.ko-tstars{color:var(--ko-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.ko-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.ko-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.ko-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.ko-faq{max-width:860px}
.ko-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.ko-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.ko-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.ko-faq-q .arr{color:var(--ko);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.ko-faq-q.open .arr{transform:rotate(45deg)}
.ko-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.ko-faq-a.open{max-height:200px;padding-bottom:20px}
.ko-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.ko-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.ko-cta-h2 span{background:linear-gradient(135deg,var(--ko),var(--ko2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ko-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.ko-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.ko-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.ko-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .ko-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .ko-mcard{display:none}
  .ko-sec{padding-left:24px;padding-right:24px}
  .ko-strip{padding:20px 24px}
  .ko-svc-grid{grid-template-columns:repeat(2,1fr)}
  .ko-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .ko-why-grid{grid-template-columns:1fr}
  .ko-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .ko-svc-grid{grid-template-columns:1fr}
  .ko-prob-grid{grid-template-columns:1fr}
}


/* ── page-webdesign-arztpraxis-wien.php (prefix: .ap-) ── */
:root { --ap: #06b6d4; --ap2: #0ea5e9; --ap-gold: #f5c842; }
.ap-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ap-eyebrow{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ap);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ap-eyebrow::before{content:'';width:24px;height:1px;background:var(--ap)}
.ap-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px}
.ap-h1 span{background:linear-gradient(135deg,var(--ap),var(--ap2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap-desc{font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px}
.ap-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.ap-btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--ap);color:white;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s}
.ap-btn-p:hover{background:var(--ap2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.3);color:white}
.ap-btn-s{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ap-btn-s:hover{border-color:var(--ap);color:var(--ap)}
.ap-trust{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5)}
.ap-trust-ava{display:flex}
.ap-trust-ava span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ap),var(--ap2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;margin-left:-6px}
.ap-trust-ava span:first-child{margin-left:0}
.ap-mcard{background:rgba(255,255,255,0.02);border:1px solid rgba(0,0,0,0.2);border-radius:20px;padding:28px;border-color:rgba(255,255,255,0.12)}
.ap-mcard-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.ap-mcard-title::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ap);animation:apPulse 1.5s infinite}
@keyframes apPulse{0%,100%{opacity:1}50%{opacity:.3}}
.ap-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.ap-mitem{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px}
.ap-mval{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ap-mval span{color:var(--ap)}
.ap-mlbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4}
.ap-bar{margin-bottom:12px}
.ap-bar-hd{display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px}
.ap-bar-hd strong{color:var(--white);font-weight:600}
.ap-bar-bg{background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden}
.ap-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--ap),var(--ap2))}
.ap-mfoot{padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px}
.ap-mfoot::before{content:'✓';color:var(--ap);font-weight:700}
.ap-strip{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02)}
.ap-strip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.ap-strip-lbl{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap}
.ap-feat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5)}
.ap-feat::before{content:'✓';color:var(--ap);font-size:11px}
.ap-sec{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px}
.ap-sec-lbl{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ap);margin-bottom:12px;display:block}
.ap-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:16px}
.ap-h2 span{background:linear-gradient(135deg,var(--ap),var(--ap2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap-sub{font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px}
.ap-dark{background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.ap-dark .ap-sec{padding-top:80px;padding-bottom:80px}
.ap-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ap-why-item{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.ap-why-item:last-child{border:none}
.ap-why-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.ap-why-item h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px}
.ap-why-item p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ap-quote-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px}
.ap-quote{font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px}
.ap-quote::before{content:'"';color:var(--ap);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px}
.ap-quote-stats{display:flex;gap:24px}
.ap-qstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1}
.ap-qstat-val span{color:var(--ap)}
.ap-qstat-lbl{font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px}
.ap-quote-author{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4)}
.ap-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ap-svc{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:30px 26px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}
.ap-svc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ap),var(--ap2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.ap-svc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.15)}
.ap-svc:hover::before{transform:scaleX(1)}
.ap-svc-num{font-size:10px;font-weight:700;color:var(--ap);letter-spacing:0.14em;margin-bottom:14px;display:block}
.ap-svc h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.ap-svc p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ap-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ap-prob-card{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:16px;padding:28px 24px}
.ap-prob-icon{font-size:1.8rem;margin-bottom:14px;display:block}
.ap-prob-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.ap-prob-card p{font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6}
.ap-steps{display:flex;flex-direction:column;max-width:760px}
.ap-step{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start}
.ap-step:last-child{border:none}
.ap-step-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--ap);opacity:0.2;line-height:1}
.ap-step h3{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px}
.ap-step p{font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7}
.ap-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.ap-price{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;position:relative}
.ap-price:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5)}
.ap-price.feat{border-color:var(--ap)}
.ap-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ap);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}
.ap-ptier{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px}
.ap-pname{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.04em;color:var(--white);margin-bottom:8px}
.ap-pdesc{font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px}
.ap-pfrom{font-size:11px;color:rgba(240,238,255,0.4)}
.ap-pnum{font-family:'Bebas Neue',sans-serif;font-size:3.6rem;color:var(--white);line-height:1;letter-spacing:0.02em}
.ap-pnum .cur{font-size:1.6rem;vertical-align:super}
.ap-pper{font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px}
.ap-price hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px}
.ap-price ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.ap-price ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.ap-price ul li:last-child{border:none}
.ap-price ul li .ck{color:var(--ap);flex-shrink:0}
.ap-price ul li .no{color:rgba(255,255,255,0.18)}
.ap-price ul li .no-t{color:rgba(240,238,255,0.25)}
.ap-pbtn{display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s}
.ap-price.feat .ap-pbtn{background:var(--ap);border-color:var(--ap);color:white}
.ap-pbtn:hover{filter:brightness(1.15);transform:translateY(-1px);color:var(--white)}
.ap-price.feat .ap-pbtn:hover{color:white}
.ap-price-note{text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45)}
.ap-price-note a{color:var(--ap);text-decoration:none}
.ap-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.ap-tcard{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s}
.ap-tcard:hover{border-color:rgba(255,255,255,0.2)}
.ap-tstars{color:var(--ap-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px}
.ap-ttext{font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px}
.ap-tauthor{font-size:13px;font-weight:700;color:var(--white)}
.ap-trole{font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px}
.ap-faq{max-width:860px}
.ap-faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}
.ap-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px}
.ap-faq-q span:first-child{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}
.ap-faq-q .arr{color:var(--ap);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s}
.ap-faq-q.open .arr{transform:rotate(45deg)}
.ap-faq-a{font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s}
.ap-faq-a.open{max-height:200px;padding-bottom:20px}
.ap-cta-box{background:linear-gradient(135deg,rgba(0,0,0,0.05),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:60px;text-align:center}
.ap-cta-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1}
.ap-cta-h2 span{background:linear-gradient(135deg,var(--ap),var(--ap2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap-cta-txt{font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7}
.ap-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.ap-cta-detail{font-size:12px;color:rgba(240,238,255,0.35)}
.ap-cta-detail span{margin:0 8px}
@media(max-width:1024px){
  .ap-hero{grid-template-columns:1fr;padding:120px 24px 60px}
  .ap-mcard{display:none}
  .ap-sec{padding-left:24px;padding-right:24px}
  .ap-strip{padding:20px 24px}
  .ap-svc-grid{grid-template-columns:repeat(2,1fr)}
  .ap-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .ap-why-grid{grid-template-columns:1fr}
  .ap-cta-box{padding:40px 24px}
}
@media(max-width:640px){
  .ap-svc-grid{grid-template-columns:1fr}
  .ap-prob-grid{grid-template-columns:1fr}
}


/* ── page-seo-agentur-wien.php (prefix: .se-) ── */
:root { --se: #06b6d4; --se2: #22d3ee; --se-gold: #f5c842; }

.se-hero { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.se-eyebrow { font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--se);margin-bottom:16px;display:flex;align-items:center;gap:10px; }
.se-eyebrow::before { content:'';width:24px;height:1px;background:var(--se); }
.se-h1 { font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px; }
.se-h1 span { background:linear-gradient(135deg,var(--se),var(--se2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.se-desc { font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px; }
.se-btns { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px; }
.se-btn-p { display:inline-flex;align-items:center;gap:8px;background:var(--se);color:#0a0a0f;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:0.03em;text-decoration:none;transition:all 0.2s; }
.se-btn-p:hover { background:var(--se2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(6,182,212,0.4);color:#0a0a0f; }
.se-btn-s { display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:14px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s; }
.se-btn-s:hover { border-color:var(--se);color:var(--se); }
.se-trust { display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(240,238,255,0.5); }
.se-trust-ava { display:flex; }
.se-trust-ava span { width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--se),var(--se2));border:2px solid #0a0a0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#0a0a0f;margin-left:-6px; }
.se-trust-ava span:first-child { margin-left:0; }

/* METRICS CARD */
.se-mcard { background:rgba(255,255,255,0.02);border:1px solid rgba(6,182,212,0.2);border-radius:20px;padding:28px; }
.se-mcard-title { font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(240,238,255,0.45);margin-bottom:20px;display:flex;align-items:center;gap:8px; }
.se-mcard-title::before { content:'';width:6px;height:6px;border-radius:50%;background:var(--se);animation:sePulse 1.5s infinite; }
@keyframes sePulse { 0%,100%{opacity:1}50%{opacity:.3} }
.se-mgrid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px; }
.se-mitem { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px 14px; }
.se-mval { font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--white);line-height:1; }
.se-mval span { color:var(--se); }
.se-mlbl { font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px;line-height:1.4; }
.se-bar { margin-bottom:12px; }
.se-bar-hd { display:flex;justify-content:space-between;font-size:11px;color:rgba(240,238,255,0.45);margin-bottom:5px; }
.se-bar-hd strong { color:var(--white);font-weight:600; }
.se-bar-bg { background:rgba(255,255,255,0.05);border-radius:4px;height:5px;overflow:hidden; }
.se-bar-fill { height:100%;border-radius:4px;background:linear-gradient(90deg,var(--se),var(--se2)); }
.se-mfoot { padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:11px;color:rgba(240,238,255,0.4);display:flex;align-items:center;gap:6px; }
.se-mfoot::before { content:'✓';color:var(--se);font-weight:700; }

/* STRIP */
.se-strip { border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02); }
.se-strip-inner { max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap; }
.se-strip-lbl { font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.35);white-space:nowrap; }
.se-feat { display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.5); }
.se-feat::before { content:'✓';color:var(--se);font-size:11px; }

/* SECTIONS */
.se-sec { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px; }
.se-sec-lbl { font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--se);margin-bottom:12px;display:block; }
.se-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;margin-bottom:16px; }
.se-h2 span { background:linear-gradient(135deg,var(--se),var(--se2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.se-sub { font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px; }
.se-dark { background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05); }
.se-dark .se-sec { padding-top:80px;padding-bottom:80px; }

/* PROBLEM */
.se-prob-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:48px; }
.se-prob-card { background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.12);border-radius:14px;padding:22px 20px;display:flex;gap:14px; }
.se-prob-card span { font-size:1.3rem;flex-shrink:0;margin-top:2px; }
.se-prob-card h3 { font-size:14px;font-weight:700;color:var(--white);margin-bottom:4px; }
.se-prob-card p { font-size:13px;color:rgba(240,238,255,0.55);line-height:1.5; }

/* LEISTUNGEN */
.se-svc-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.se-svc { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden; }
.se-svc::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--se),var(--se2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left; }
.se-svc:hover { transform:translateY(-4px);border-color:rgba(6,182,212,0.25); }
.se-svc:hover::before { transform:scaleX(1); }
.se-svc-icon { font-size:1.6rem;margin-bottom:14px;display:block; }
.se-svc h3 { font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px; }
.se-svc p { font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6; }

/* WHY GRID */
.se-why-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.se-why-item { display:flex;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.06); }
.se-why-item:last-child { border:none; }
.se-why-icon { width:42px;height:42px;border-radius:10px;flex-shrink:0;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);display:flex;align-items:center;justify-content:center;font-size:1.1rem; }
.se-why-item h3 { font-size:15px;font-weight:700;color:var(--white);margin-bottom:5px; }
.se-why-item p { font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6; }
.se-quote-card { background:rgba(255,255,255,0.02);border:1px solid rgba(6,182,212,0.2);border-radius:20px;padding:36px; }
.se-quote { font-size:15px;line-height:1.75;color:rgba(240,238,255,0.82);font-style:italic;margin-bottom:24px; }
.se-quote::before { content:'"';color:var(--se);font-size:2.5rem;line-height:0.5;display:block;margin-bottom:10px; }
.se-quote-stats { display:flex;gap:24px; }
.se-qstat-val { font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--white);line-height:1; }
.se-qstat-val span { color:var(--se); }
.se-qstat-lbl { font-size:11px;color:rgba(240,238,255,0.45);margin-top:4px; }
.se-quote-author { margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:rgba(240,238,255,0.4); }

/* PROCESS */
.se-steps { display:flex;flex-direction:column;max-width:760px; }
.se-step { display:grid;grid-template-columns:80px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start; }
.se-step:last-child { border:none; }
.se-step-num { font-family:'Bebas Neue',sans-serif;font-size:52px;color:rgba(6,182,212,0.2);line-height:1; }
.se-step h3 { font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px; }
.se-step p { font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7; }

/* TESTIMONIALS */
.se-tgrid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px; }
.se-tcard { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px;transition:border-color 0.3s; }
.se-tcard:hover { border-color:rgba(6,182,212,0.3); }
.se-tstars { color:var(--se-gold);font-size:13px;letter-spacing:2px;margin-bottom:12px; }
.se-ttext { font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:16px; }
.se-tauthor { font-size:13px;font-weight:700;color:var(--white); }
.se-trole { font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px; }

/* FAQ */
.se-faq { max-width:860px; }
.se-faq-item { border-bottom:1px solid rgba(255,255,255,0.06); }
.se-faq-q { width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px; }
.se-faq-q span:first-child { font-size:15px;font-weight:600;color:var(--white);line-height:1.4; }
.se-faq-q .arr { color:var(--se);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s; }
.se-faq-q.open .arr { transform:rotate(45deg); }
.se-faq-a { font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s; }
.se-faq-a.open { max-height:200px;padding-bottom:20px; }

/* CTA */
.se-cta-box { background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(14,165,233,0.07));border:1px solid rgba(6,182,212,0.25);border-radius:24px;padding:60px;text-align:center; }
.se-cta-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1; }
.se-cta-h2 span { background:linear-gradient(135deg,var(--se),var(--se2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.se-cta-txt { font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7; }
.se-cta-btns { display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:24px; }
.se-cta-detail { font-size:12px;color:rgba(240,238,255,0.35); }
.se-cta-detail span { margin:0 8px; }

@media (max-width:1024px) {
  .se-hero { grid-template-columns:1fr;padding:120px 24px 60px; }
  .se-mcard { display:none; }
  .se-sec { padding-left:24px;padding-right:24px; }
  .se-strip { padding:20px 24px; }
  .se-svc-grid { grid-template-columns:1fr 1fr; }
  .se-why-grid { grid-template-columns:1fr; }
  .se-prob-grid { grid-template-columns:1fr; }
  .se-cta-box { padding:40px 24px; }
}
@media (max-width:640px) {
  .se-svc-grid { grid-template-columns:1fr; }
}


/* ── page-website-analyse.php (prefix: .an-) ── */
:root { --an: #7c3aed; --an2: #c084fc; }

/* ── HERO ── */
.an-hero { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.an-eyebrow { font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--an2);margin-bottom:16px;display:flex;align-items:center;gap:10px; }
.an-eyebrow::before { content:'';width:24px;height:1px;background:var(--an2); }
.an-h1 { font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--white);line-height:1.05;letter-spacing:0.02em;margin-bottom:24px; }
.an-h1 span { background:linear-gradient(135deg,var(--an),var(--an2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.an-desc { font-size:16px;line-height:1.8;color:rgba(240,238,255,0.72);margin-bottom:32px;max-width:520px; }

/* ── FORM CARD ── */
.an-form-card {
  background:rgba(124,58,237,0.07);
  border:1px solid rgba(124,58,237,0.25);
  border-radius:24px;
  padding:40px;
}
.an-form-title { font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--white);letter-spacing:0.04em;margin-bottom:8px; }
.an-form-sub { font-size:13px;color:rgba(240,238,255,0.55);margin-bottom:28px;line-height:1.6; }
.an-form-group { margin-bottom:16px; }
.an-form-label { font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(240,238,255,0.5);margin-bottom:6px;display:block; }
.an-form-input, .an-form-select {
  width:100%;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;
  padding:12px 16px;
  font-size:14px;
  color:var(--white);
  font-family:'Barlow',sans-serif;
  transition:border-color 0.2s;
  outline:none;
  -webkit-appearance:none;
}
.an-form-input:focus, .an-form-select:focus { border-color:var(--an2); }
.an-form-input::placeholder { color:rgba(240,238,255,0.3); }
.an-form-select option { background:#0a0a0f;color:var(--white); }
.an-form-btn {
  width:100%;
  background:linear-gradient(135deg,var(--an),#9d4edd);
  color:white;
  border:none;
  border-radius:10px;
  padding:16px;
  font-size:15px;
  font-weight:700;
  font-family:'Barlow',sans-serif;
  letter-spacing:0.04em;
  cursor:pointer;
  margin-top:8px;
  box-shadow:0 8px 32px rgba(124,58,237,0.4);
  transition:transform 0.2s,box-shadow 0.2s;
}
.an-form-btn:hover { transform:translateY(-2px);box-shadow:0 12px 40px rgba(124,58,237,0.6); }
.an-form-note { font-size:11px;color:rgba(240,238,255,0.35);text-align:center;margin-top:12px; }

/* ── BENEFITS STRIP ── */
.an-strip { border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:22px 60px;background:rgba(255,255,255,0.02); }
.an-strip-inner { max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center; }
.an-benefit { display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(240,238,255,0.6); }
.an-benefit::before { content:'✓';color:var(--an2);font-size:12px; }

/* ── WHAT YOU GET ── */
.an-sec { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px; }
.an-sec-lbl { font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--an2);margin-bottom:12px;display:block; }
.an-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;margin-bottom:16px; }
.an-h2 span { background:linear-gradient(135deg,var(--an),var(--an2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.an-sub { font-size:15px;color:rgba(240,238,255,0.58);max-width:540px;line-height:1.75;margin-bottom:48px; }
.an-dark { background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05); }
.an-dark .an-sec { padding-top:80px;padding-bottom:80px; }

.an-checks-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.an-check-card {
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:16px;
  padding:28px 24px;
  position:relative;
  overflow:hidden;
  transition:border-color 0.3s;
}
.an-check-card:hover { border-color:rgba(124,58,237,0.3); }
.an-check-card::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--an),var(--an2));transform:scaleX(0);transition:transform 0.3s;transform-origin:left; }
.an-check-card:hover::before { transform:scaleX(1); }
.an-check-icon { font-size:1.8rem;margin-bottom:14px;display:block; }
.an-check-card h3 { font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px; }
.an-check-card p { font-size:13px;color:rgba(240,238,255,0.55);line-height:1.6; }
.an-check-tag {
  display:inline-block;
  margin-top:12px;
  font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--an2);
  background:rgba(124,58,237,0.1);
  border:1px solid rgba(124,58,237,0.2);
  padding:3px 10px;border-radius:100px;
}

/* ── PROCESS ── */
.an-steps { display:flex;flex-direction:column;max-width:700px; }
.an-step { display:grid;grid-template-columns:60px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,0.06);align-items:start; }
.an-step:last-child { border:none; }
.an-step-num { font-family:'Bebas Neue',sans-serif;font-size:44px;color:rgba(124,58,237,0.2);line-height:1; }
.an-step h3 { font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--white);letter-spacing:0.04em;margin-bottom:6px; }
.an-step p { font-size:14px;color:rgba(240,238,255,0.58);line-height:1.7; }

/* ── SOCIAL PROOF ── */
.an-proof-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px; }
.an-proof-card { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:24px; }
.an-proof-stars { color:#f59e0b;font-size:13px;letter-spacing:2px;margin-bottom:10px; }
.an-proof-text { font-size:13px;line-height:1.75;color:rgba(240,238,255,0.8);font-style:italic;margin-bottom:14px; }
.an-proof-author { font-size:13px;font-weight:700;color:var(--white); }
.an-proof-role { font-size:11px;color:rgba(240,238,255,0.4);margin-top:2px; }

/* ── FINAL CTA ── */
.an-cta-box { background:linear-gradient(135deg,rgba(124,58,237,0.12),rgba(192,132,252,0.06));border:1px solid rgba(124,58,237,0.25);border-radius:24px;padding:60px;text-align:center; }
.an-cta-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1; }
.an-cta-h2 span { background:linear-gradient(135deg,var(--an),var(--an2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.an-cta-txt { font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7; }
.an-btn-p { display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--an),#9d4edd);color:white;padding:16px 40px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 32px rgba(124,58,237,0.4);transition:transform 0.2s,box-shadow 0.2s; }
.an-btn-p:hover { transform:translateY(-2px);box-shadow:0 12px 40px rgba(124,58,237,0.6);color:white; }
.an-btn-s { display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:16px 28px;border-radius:10px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.12);transition:all 0.2s; }
.an-btn-s:hover { border-color:var(--an2);color:var(--an2); }
.an-cta-btns { display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:20px; }
.an-cta-detail { font-size:12px;color:rgba(240,238,255,0.35); }
.an-cta-detail span { margin:0 8px; }

@media (max-width:1024px) {
  .an-hero { grid-template-columns:1fr;padding:120px 24px 60px; }
  .an-sec { padding-left:24px;padding-right:24px; }
  .an-strip { padding:20px 24px; }
  .an-checks-grid { grid-template-columns:1fr 1fr; }
  .an-cta-box { padding:40px 24px; }
}
@media (max-width:640px) {
  .an-checks-grid { grid-template-columns:1fr; }
}


/* ── page-webdesign-preise.php (prefix: .pr-) ── */
:root { --pr: #7c3aed; --pr2: #c084fc; }

.pr-hero { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:140px 60px 80px;text-align:center; }
.pr-eyebrow { font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--pr2);margin-bottom:16px;display:inline-flex;align-items:center;gap:10px; }
.pr-h1 { font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,6vw,80px);color:var(--white);line-height:1.0;letter-spacing:0.02em;margin-bottom:20px; }
.pr-h1 span { background:linear-gradient(135deg,var(--pr),var(--pr2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.pr-desc { font-size:17px;line-height:1.8;color:rgba(240,238,255,0.65);max-width:620px;margin:0 auto 48px; }

/* ── TABS ── */
.pr-tabs { display:flex;justify-content:center;gap:8px;margin-bottom:48px;flex-wrap:wrap; }
.pr-tab { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:rgba(240,238,255,0.6);padding:10px 24px;border-radius:100px;font-size:14px;font-weight:600;font-family:'Barlow',sans-serif;cursor:pointer;transition:all 0.2s; }
.pr-tab.active, .pr-tab:hover { background:rgba(124,58,237,0.15);border-color:rgba(124,58,237,0.4);color:var(--white); }

/* ── PRICE GRID ── */
.pr-sec { position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 60px 90px; }
.pr-sec-lbl { font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--pr2);margin-bottom:12px;display:block; }
.pr-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);line-height:1.05;margin-bottom:16px; }
.pr-h2 span { background:linear-gradient(135deg,var(--pr),var(--pr2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.pr-sub { font-size:15px;color:rgba(240,238,255,0.58);max-width:600px;line-height:1.75;margin-bottom:48px; }
.pr-dark { background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05); }
.pr-dark .pr-sec { padding-top:80px;padding-bottom:80px; }

.pr-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start; }

.pr-card {
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:20px;
  padding:36px 28px;
  display:flex;flex-direction:column;
  transition:transform 0.2s,box-shadow 0.2s;
  position:relative;
}
.pr-card:hover { transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5); }
.pr-card.feat { border-color:var(--pr);background:linear-gradient(160deg,rgba(124,58,237,0.08) 0%,rgba(255,255,255,0.02) 60%); }
.pr-badge { position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--pr),#9d4edd);color:white;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap; }
.pr-tier { font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,238,255,0.4);margin-bottom:8px; }
.pr-name { font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:0.04em;color:var(--white);margin-bottom:6px; }
.pr-tagline { font-size:13px;color:rgba(240,238,255,0.5);line-height:1.5;margin-bottom:20px; }
.pr-from { font-size:11px;color:rgba(240,238,255,0.4); }
.pr-price { font-family:'Bebas Neue',sans-serif;font-size:3.8rem;color:var(--white);line-height:1;letter-spacing:0.02em; }
.pr-price .cur { font-size:1.8rem;vertical-align:super; }
.pr-period { font-size:12px;color:rgba(240,238,255,0.4);margin-bottom:24px; }
.pr-card hr { border:none;border-top:1px solid rgba(255,255,255,0.07);margin-bottom:20px; }
.pr-card ul { list-style:none;padding:0;margin:0 0 28px;flex:1; }
.pr-card ul li { display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(240,238,255,0.8);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04); }
.pr-card ul li:last-child { border:none; }
.pr-card ul li .ck { color:var(--pr2);flex-shrink:0; }
.pr-card ul li .no { color:rgba(255,255,255,0.2); }
.pr-card ul li .no-t { color:rgba(240,238,255,0.25); }
.pr-btn { display:block;text-align:center;background:rgba(255,255,255,0.05);color:var(--white);font-size:14px;font-weight:700;padding:13px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s; }
.pr-card.feat .pr-btn { background:linear-gradient(135deg,var(--pr),#9d4edd);border-color:var(--pr); }
.pr-btn:hover { filter:brightness(1.15);transform:translateY(-1px);color:var(--white); }
.pr-note { text-align:center;margin-top:32px;font-size:13px;color:rgba(240,238,255,0.45); }
.pr-note a { color:var(--pr2);text-decoration:none; }

/* ── COMPARE TABLE ── */
.pr-table-wrap { overflow-x:auto; }
.pr-table { width:100%;border-collapse:collapse;font-size:13px; }
.pr-table th { font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:0.05em;color:var(--white);padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.08); }
.pr-table th:first-child { color:rgba(240,238,255,0.5);font-size:12px;font-family:'Barlow',sans-serif;font-weight:600; }
.pr-table td { padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.05);color:rgba(240,238,255,0.75);vertical-align:middle; }
.pr-table td:first-child { color:rgba(240,238,255,0.6);font-weight:500; }
.pr-table tr:last-child td { border:none; }
.pr-table tr:hover td { background:rgba(255,255,255,0.02); }
.pr-table .yes { color:#4ade80;font-weight:700; }
.pr-table .no  { color:rgba(255,255,255,0.2); }
.pr-table .feat-col { background:rgba(124,58,237,0.05); }

/* ── FAQ ── */
.pr-faq { max-width:800px; }
.pr-faq-item { border-bottom:1px solid rgba(255,255,255,0.06); }
.pr-faq-q { width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;text-align:left;gap:16px; }
.pr-faq-q span:first-child { font-size:15px;font-weight:600;color:var(--white);line-height:1.4; }
.pr-faq-q .arr { color:var(--pr2);font-size:1.2rem;flex-shrink:0;transition:transform 0.25s; }
.pr-faq-q.open .arr { transform:rotate(45deg); }
.pr-faq-a { font-size:14px;color:rgba(240,238,255,0.6);line-height:1.7;max-height:0;overflow:hidden;transition:max-height 0.35s,padding 0.3s; }
.pr-faq-a.open { max-height:300px;padding-bottom:20px; }

/* ── CTA ── */
.pr-cta-box { background:linear-gradient(135deg,rgba(124,58,237,0.12),rgba(192,132,252,0.06));border:1px solid rgba(124,58,237,0.25);border-radius:24px;padding:60px;text-align:center; }
.pr-cta-h2 { font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,52px);color:var(--white);margin-bottom:16px;line-height:1.1; }
.pr-cta-h2 span { background:linear-gradient(135deg,var(--pr),var(--pr2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.pr-cta-txt { font-size:15px;color:rgba(240,238,255,0.65);max-width:520px;margin:0 auto 32px;line-height:1.7; }
.pr-btn-p { display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--pr),#9d4edd);color:white;padding:16px 40px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 32px rgba(124,58,237,0.4);transition:transform 0.2s,box-shadow 0.2s; }
.pr-btn-p:hover { transform:translateY(-2px);box-shadow:0 12px 40px rgba(124,58,237,0.6);color:white; }
.pr-btn-s { display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:16px 28px;border-radius:10px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid rgba(255,255,255,0.12);transition:all 0.2s; }
.pr-btn-s:hover { border-color:var(--pr2);color:var(--pr2); }
.pr-cta-btns { display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:20px; }
.pr-cta-detail { font-size:12px;color:rgba(240,238,255,0.35); }
.pr-cta-detail span { margin:0 8px; }

@media (max-width:1024px) {
  .pr-hero { padding:120px 24px 60px; }
  .pr-sec { padding-left:24px;padding-right:24px; }
  .pr-grid { grid-template-columns:1fr;max-width:440px;margin:0 auto; }
  .pr-cta-box { padding:40px 24px; }
}