/* Viennaweb Hosting Add-on CSS – V2.5 */
.vw-addon-detail{background:#f4f7fa;color:#173047}
.vw-addon-detail .vw-container{max-width:1100px;margin:0 auto;padding-left:18px;padding-right:18px;box-sizing:border-box}

.vw-addon-hero{
  padding:68px 0 46px;
  background:
    radial-gradient(900px 420px at 20% 0%,rgba(15,106,166,.10),transparent 60%),
    linear-gradient(180deg,#081f34 0%,#071a2b 100%);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:right center;
  background-blend-mode:overlay;
}
.vw-addon-hero-focus-right{background-position:right center}
.vw-addon-hero-focus-center-right{background-position:78% center}
.vw-addon-hero-focus-far-right{background-position:90% center}
.vw-addon-hero-focus-center{background-position:center center}
.vw-addon-hero-focus-left{background-position:left center}
.vw-addon-hero-inner{display:flex;justify-content:flex-start}
.vw-addon-hero-copy{max-width:760px}
.vw-addon-h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;color:#fff;font-weight:800;letter-spacing:-.03em}
.vw-addon-subline{margin:0 0 18px;font-size:1.08rem;line-height:1.65;color:rgba(255,255,255,.88);max-width:720px}

.vw-addon-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.vw-addon-badges.is-four-badges{
  display:grid;
  grid-template-columns:repeat(2,max-content);
  gap:10px 12px;
  align-items:start;
}
.vw-addon-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:.92rem;
  font-weight:700
}

.vw-addon-hero-actions,
.vw-addon-links-row,
.vw-addon-closing-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.vw-addon-intro,
.vw-addon-products,
.vw-addon-features,
.vw-addon-compat,
.vw-addon-faq,
.vw-addon-closing{padding:34px 0}

.vw-addon-panel,
.vw-addon-closing-box{
  background:#fff;
  border:1px solid #e4edf4;
  border-radius:22px;
  box-shadow:0 12px 32px rgba(7,26,43,.06)
}
.vw-addon-panel{padding:30px}

.vw-addon-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);
  gap:28px;
  align-items:start
}

.vw-addon-section-title{
  margin:0 0 16px;
  font-size:clamp(1.5rem,2vw,2rem);
  line-height:1.18;
  color:#0b2239;
  font-weight:800;
  letter-spacing:-.02em
}
.vw-addon-section-title::after{
  content:"";
  display:block;
  width:110px;
  height:4px;
  margin-top:8px;
  border-radius:99px;
  background:linear-gradient(
    90deg,
    rgba(56,189,248,0.95) 0%,
    rgba(56,189,248,0.58) 48%,
    rgba(56,189,248,0.08) 100%
  );
}

.vw-addon-text{font-size:1rem;line-height:1.72;color:#334a5e}
.vw-addon-text p{margin:0 0 12px}
.vw-addon-text-muted{opacity:.95}

.vw-addon-pricebox{
  padding:22px;
  border-radius:18px;
  background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%);
  border:1px solid #d9e6f2
}
.vw-addon-price{font-size:1.7rem;line-height:1.15;font-weight:800;color:#0b2f4a;margin-bottom:10px}
.vw-addon-price-note{font-size:.98rem;line-height:1.65;color:#516576}
.vw-addon-price-note p{margin:0 0 8px}
.vw-addon-price-note p:last-child{margin-bottom:0}

.vw-addon-product-grid{display:grid;gap:24px}
.vw-addon-product-grid.products-1{grid-template-columns:minmax(320px,520px)}
.vw-addon-product-grid.products-2{grid-template-columns:repeat(2,minmax(320px,1fr))}
.vw-addon-product-grid.products-3,
.vw-addon-product-grid.products-4{grid-template-columns:repeat(2,minmax(320px,1fr))}

/* Produktkarten – Upgrade im Stil der Paket-Unterseiten */
.vw-addon-product-card{
  position:relative;
  background:#fff;
  border:1px solid #d7e3ed;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(7,26,43,.06);
  padding:34px 30px 30px;
  text-align:center;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.vw-addon-product-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(
    90deg,
    rgba(11,47,74,.92) 0%,
    rgba(56,189,248,.78) 50%,
    rgba(56,189,248,.10) 100%
  );
}
.vw-addon-product-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(7,26,43,.10);
  border-color:#c9dbea;
}

.vw-addon-product-image{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:170px;
  margin:0 0 18px
}
.vw-addon-product-image img{
  max-width:220px;
  max-height:220px;
  width:auto;
  height:auto;
  object-fit:contain
}

.vw-addon-product-title{
  margin:0 0 8px;
  font-size:1.35rem;
  line-height:1.22;
  color:#0b2239;
  font-weight:800
}
.vw-addon-product-subline{
  margin:0 0 14px;
  font-size:1rem;
  line-height:1.55;
  color:#415769
}
.vw-addon-product-price{
  margin:0 0 14px;
  font-size:1.6rem;
  line-height:1.15;
  color:#0b2f4a;
  font-weight:800
}

/* Usecase-Liste – edler Box-Look wie Unterseiten */
.vw-addon-product-usecase{
  margin:0 auto 18px;
  max-width:390px;
  font-size:.98rem;
  line-height:1.6;
  color:#415769;
  text-align:center;
}
.vw-addon-product-usecase p{margin:0 0 8px}
.vw-addon-product-usecase ul{
  display:grid;
  gap:10px;
  list-style:none;
  margin:8px auto 0;
  padding:0;
  text-align:left;
}
.vw-addon-product-usecase li{
  position:relative;
  padding:11px 16px 11px 46px;
  margin:0;
  background:#f8fbfe;
  border:1px solid #d8e5ef;
  border-radius:14px;
  box-shadow:0 2px 0 rgba(11,47,74,.02);
}
.vw-addon-product-usecase li::before{
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  background:url('/wp-content/uploads/2026/02/viennaweb-check-64.png') no-repeat center/contain;
}

.vw-addon-product-note{
  margin:0 0 20px;
  font-size:.96rem;
  line-height:1.55;
  color:#617487
}
.vw-addon-product-order{display:inline-flex}

.vw-addon-feature-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 28px
}
.vw-addon-feature-list li{
  position:relative;
  padding-left:34px;
  font-size:1rem;
  line-height:1.55;
  color:#2f4558
}
.vw-addon-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.25rem;
  width:22px;
  height:22px;
  background:url('/wp-content/uploads/2026/02/viennaweb-check-64.png') no-repeat center/contain
}

.vw-addon-faq-list{display:grid;gap:12px}
.vw-addon-faq-item{background:#fff;border:1px solid #e4edf4;border-radius:16px;overflow:hidden}
.vw-addon-faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:18px 22px;
  font-weight:700;
  color:#0b2239;
  position:relative
}
.vw-addon-faq-item summary::-webkit-details-marker{display:none}
.vw-addon-faq-item summary::after{
  content:'+';
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  font-size:1.25rem;
  font-weight:700;
  color:#0b2f4a
}
.vw-addon-faq-item[open] summary::after{content:'–'}
.vw-addon-faq-answer{padding:0 22px 18px;color:#3d5567;line-height:1.65}
.vw-addon-faq-answer p{margin:0}

.vw-addon-closing-box{
  padding:36px;
  text-align:center;
  background:linear-gradient(180deg,#081f34 0%,#0b2f4a 100%);
  border-color:rgba(255,255,255,.08)
}
.vw-addon-closing-title{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(1.7rem,2.6vw,2.3rem);
  line-height:1.18;
  font-weight:800
}
.vw-addon-closing-text{
  max-width:820px;
  margin:0 auto 22px;
  color:rgba(255,255,255,.86);
  font-size:1rem;
  line-height:1.72
}
.vw-addon-closing-actions{
  justify-content:center;
  align-items:center
}

@media (max-width:1100px){
  .vw-addon-product-grid.products-2,
  .vw-addon-product-grid.products-3,
  .vw-addon-product-grid.products-4{
    grid-template-columns:repeat(2,minmax(280px,1fr))
  }
}
@media (max-width:900px){
  .vw-addon-intro-grid,.vw-addon-feature-list{grid-template-columns:1fr}
  .vw-addon-badges.is-four-badges{grid-template-columns:repeat(2,minmax(0,max-content))}
}
@media (max-width:640px){
  .vw-addon-hero{padding:56px 0 40px;background-position:72% center}
  .vw-addon-panel,.vw-addon-closing-box,.vw-addon-product-card{padding:22px}
  .vw-addon-hero-actions,.vw-addon-links-row,.vw-addon-closing-actions{flex-direction:column}
  .vw-addon-hero-actions .vw-btn,.vw-addon-links-row .vw-btn,.vw-addon-closing-actions .vw-btn,.vw-addon-product-order{width:100%;justify-content:center}
  .vw-addon-product-grid.products-1,
  .vw-addon-product-grid.products-2,
  .vw-addon-product-grid.products-3,
  .vw-addon-product-grid.products-4{grid-template-columns:1fr}
  .vw-addon-badges.is-four-badges{grid-template-columns:1fr}
  .vw-addon-product-image{min-height:140px}
  .vw-addon-product-usecase li{padding:10px 14px 10px 42px}
}


/* =========================
   ADDON SERVICE BRIDGE
========================= */

.vw-addon-service-bridge{
  padding: 28px 0 10px;
}

.vw-addon-service-bridge-panel{
  position: relative;
  overflow: hidden;
}

.vw-addon-service-bridge-head{
  margin-bottom: 26px;
}

.vw-addon-service-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.vw-addon-service-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,255,0.98) 100%);
  border: 1px solid rgba(14,165,233,0.14);
  border-radius: 18px;
  padding: 22px 20px;
  box-shadow: 0 12px 28px rgba(2, 8, 23, 0.05);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.vw-addon-service-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(2, 8, 23, 0.08);
  border-color: rgba(14,165,233,0.28);
}

.vw-addon-service-card h3{
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.25;
  color: #0b1f3a;
}

.vw-addon-service-card p{
  margin: 0 0 18px;
  color: #334155;
  line-height: 1.7;
}

.vw-addon-service-card .vw-btn{
  margin-top: auto;
}

@media (max-width: 980px){
  .vw-addon-service-grid{
    grid-template-columns: 1fr;
  }
}
/* =========================
   ADDON SERVICE BRIDGE
========================= */

.vw-addon-service-bridge{
  padding: 28px 0 10px;
}

.vw-addon-service-bridge-head{
  margin-bottom: 26px;
}

.vw-addon-service-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.vw-addon-service-card{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,255,0.98) 100%);
  border: 1px solid rgba(14,165,233,0.14);
  border-radius: 18px;
  padding: 22px 20px;
  box-shadow: 0 12px 28px rgba(2, 8, 23, 0.05);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.vw-addon-service-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(2, 8, 23, 0.08);
  border-color: rgba(14,165,233,0.28);
}

.vw-addon-service-card h3{
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.25;
  color: #0b1f3a;
}

.vw-addon-service-card p{
  margin: 0 0 18px;
  color: #334155;
  line-height: 1.7;
}

.vw-addon-service-card .vw-btn{
  margin-top: auto;
}

@media (max-width: 980px){
  .vw-addon-service-grid{
    grid-template-columns: 1fr;
  }
}
/* Produktkarten: gleicher Button-Stand unten */
.vw-addon-product-grid{
  align-items: stretch;
}

.vw-addon-product-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.vw-addon-product-usecase{
  flex-grow: 1;
}

.vw-addon-product-note{
  margin-top: 14px;
}

.vw-addon-product-order{
  margin-top: auto;
}

.vw-addon-product-note:empty{
  display: none;
}


/* =========================
   INTRO EXTRAS / TRUST / CONVERSION
========================= */

.vw-addon-intro-extras{
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid #e4edf4;
}

.vw-addon-trust-strip{
  display: grid;
  grid-template-columns: auto minmax(0, 1.1fr) minmax(260px, .95fr);
  gap: 18px 24px;
  align-items: center;
  padding: 22px 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, #0b2f4a 0%, #0f456b 100%);
  box-shadow: 0 14px 34px rgba(7,26,43,.14);
}

.vw-addon-trust-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 126px;
  min-height: 126px;
  padding: 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(95,208,255,.98) 0%, rgba(30,144,255,.88) 55%, rgba(11,79,138,.95) 100%);
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 14px 30px rgba(2,132,199,.28), inset 0 4px 10px rgba(255,255,255,.18);
}

.vw-addon-trust-title{
  margin: 0 0 8px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.18;
  font-weight: 800;
}

.vw-addon-trust-text{
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 1rem;
  line-height: 1.7;
}

.vw-addon-trust-points{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.vw-addon-trust-points li{
  position: relative;
  padding: 12px 14px 12px 42px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  line-height: 1.45;
}

.vw-addon-trust-points li::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url('/wp-content/uploads/2026/02/viennaweb-check-64.png') no-repeat center/contain;
}

.vw-addon-conversion-blocks{
  margin-top: 22px;
}

.vw-addon-conversion-head{
  margin-bottom: 16px;
}

.vw-addon-conversion-title{
  margin: 0 0 8px;
  color: #0b2239;
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 800;
}

.vw-addon-conversion-intro{
  margin: 0;
  color: #4b6275;
  line-height: 1.7;
}

.vw-addon-conversion-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.vw-addon-conversion-card{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 22px 20px;
  border-radius: 18px;
  background: linear-gradient(180deg,#f9fcff 0%,#f2f7fb 100%);
  border: 1px solid #dce8f2;
  box-shadow: 0 8px 24px rgba(7,26,43,.05);
}

.vw-addon-conversion-card h4{
  margin: 0 0 10px;
  color: #0b2239;
  font-size: 1.08rem;
  line-height: 1.28;
  font-weight: 800;
}

.vw-addon-conversion-card p{
  margin: 0 0 14px;
  color: #455d70;
  line-height: 1.68;
}

.vw-addon-inline-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0b2f4a;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.vw-addon-inline-link::after{
  content: "→";
  font-size: .95rem;
  line-height: 1;
}

.vw-addon-inline-link:hover{
  text-decoration: none;
}

.vw-addon-related-links{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e5edf4;
}

.vw-addon-related-links p{
  margin: 0 0 10px;
  color: #516576;
  line-height: 1.7;
}

.vw-addon-related-links-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}

@media (max-width: 980px){
  .vw-addon-trust-strip{
    grid-template-columns: 1fr;
  }

  .vw-addon-conversion-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .vw-addon-intro-extras{
    margin-top: 22px;
    padding-top: 22px;
  }

  .vw-addon-trust-strip{
    padding: 20px 18px;
  }

  .vw-addon-trust-badge{
    min-width: 110px;
    min-height: 110px;
    font-size: .98rem;
  }
}


/* =====================================================
   V3 OVERRIDE – TYPOGRAFIE + FAQ wie Webspace-Übersicht
   Ziel: rechte Add-on Seite optisch näher an links bringen
   ===================================================== */

:root{
  --vw-addon-copy:#0b1b2b;
  --vw-addon-copy-soft:rgba(11,27,43,.75);
  --vw-addon-copy-mid:rgba(11,27,43,.80);
  --vw-addon-border-soft:rgba(6,26,43,.10);
  --vw-addon-bg-soft:rgba(6,26,43,.02);
}

.vw-addon-detail{
  color:var(--vw-addon-copy);
  line-height:1.45;
}

.vw-addon-detail .vw-container{
  width:min(1160px, calc(100% - 40px));
  max-width:none;
  margin-inline:auto;
  padding-left:0;
  padding-right:0;
}

/* Section spacing näher an Webspace-Seite */
.vw-addon-intro,
.vw-addon-products,
.vw-addon-features,
.vw-addon-compat,
.vw-addon-faq,
.vw-addon-closing{
  padding:46px 0;
}

.vw-addon-service-bridge{
  padding:30px 0;
}

/* Panels etwas ruhiger */
.vw-addon-panel{
  padding:26px 24px;
}

/* H2 / Bereichsüberschriften wie links */
.vw-addon-section-title,
.vw-addon-closing-title{
  font-size:clamp(22px, 2.2vw, 32px);
  line-height:1.18;
  letter-spacing:-0.02em;
  font-weight:800;
}

.vw-addon-section-title{
  margin:0 0 14px;
  color:#0b2239;
}

.vw-addon-section-title::after{
  width:110px;
  height:4px;
  margin-top:10px;
  background:linear-gradient(90deg, rgba(46,163,255,1) 0%, rgba(46,163,255,0.10) 100%);
}

/* Fließtext / Einleitung wie links */
.vw-addon-text,
.vw-addon-price-note,
.vw-addon-product-subline,
.vw-addon-product-usecase,
.vw-addon-closing-text,
.vw-addon-trust-text,
.vw-addon-conversion-intro,
.vw-addon-conversion-card p,
.vw-addon-service-card p,
.vw-addon-related-links p{
  font-size:15px;
  line-height:1.6;
  color:#3c4a57;
}

.vw-addon-text p,
.vw-addon-price-note p{
  margin:0 0 12px;
}

/* Intro 2-Spalter etwas ähnlicher zur Übersicht */
.vw-addon-intro-grid{
  gap:24px;
}

/* Features kompakter / weniger „luftig“ */
.vw-addon-feature-list{
  gap:12px 32px;
}

.vw-addon-feature-list li{
  font-size:15px;
  line-height:1.5;
  color:#2c3a46;
  padding-left:30px;
}

.vw-addon-feature-list li::before{
  width:18px;
  height:18px;
  top:.18rem;
}

/* Preise und Produkttexte optisch näher an links */
.vw-addon-price{
  font-size:28px;
}

.vw-addon-product-title{
  font-size:20px;
  line-height:1.22;
  font-weight:900;
}

.vw-addon-product-price{
  font-size:20px;
  font-weight:900;
}

.vw-addon-product-note{
  font-size:13px;
  line-height:1.45;
  color:rgba(11,27,43,.65);
}

/* Trust / Conversion / Bridge Überschriften angleichen */
.vw-addon-trust-title,
.vw-addon-conversion-title,
.vw-addon-service-card h3{
  font-size:18px;
  line-height:1.35;
  font-weight:800;
  color:#0b2239;
}

.vw-addon-conversion-card h4{
  font-size:17px;
  line-height:1.35;
  font-weight:800;
  color:#0b2239;
}

/* FAQ stark an linke Webspace-FAQ angleichen */
.vw-addon-faq .vw-container{
  width:min(1160px, calc(100% - 40px));
}

.vw-addon-faq-list{
  display:block;
}

.vw-addon-faq-item{
  border:1px solid var(--vw-addon-border-soft);
  border-radius:14px;
  padding:10px 12px;
  background:var(--vw-addon-bg-soft);
  margin-bottom:10px;
  box-shadow:none;
}

.vw-addon-faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:0 34px 0 0;
  margin:0;
  font-size:15px;
  line-height:1.45;
  font-weight:900;
  color:#0b2239;
  position:relative;
}

.vw-addon-faq-item summary::after{
  content:'+';
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  line-height:1;
  font-weight:700;
  color:#0b2239;
}

.vw-addon-faq-item[open] summary::after{
  content:'–';
}

.vw-addon-faq-answer{
  margin-top:8px;
  padding:0;
  color:var(--vw-addon-copy-mid);
  font-size:13px;
  line-height:1.6;
}

.vw-addon-faq-answer p{
  margin:0;
}

/* Buttons im FAQ/Bridge Umfeld optisch näher am linken System */
.vw-btn,
.vw-addon-product-order{
  border-radius:14px;
  font-weight:700;
}

/* Closing-Text etwas kompakter */
.vw-addon-closing-text{
  max-width:78ch;
}

/* Bridge-Karten minimal ruhiger in der Typografie */
.vw-addon-service-card{
  padding:20px;
}

/* Mobile */
@media (max-width: 900px){
  .vw-addon-intro-grid,
  .vw-addon-feature-list,
  .vw-addon-conversion-grid,
  .vw-addon-service-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .vw-addon-detail .vw-container,
  .vw-addon-faq .vw-container{
    width:min(1160px, calc(100% - 28px));
  }

  .vw-addon-panel,
  .vw-addon-closing-box,
  .vw-addon-product-card{
    padding:22px 18px;
  }

  .vw-addon-section-title,
  .vw-addon-closing-title{
    font-size:clamp(22px, 7vw, 28px);
  }
}

/* =========================================
   V4 FIXES: FAQ triangle + Trust colors
========================================= */

/* Trust-Bereich Farben wie vorher / innerhalb des dunklen Trust-Strips */
.vw-addon-trust-strip .vw-addon-trust-title{
  color:#ffffff !important;
}

.vw-addon-trust-strip .vw-addon-trust-text{
  color:rgba(255,255,255,0.88) !important;
}

.vw-addon-trust-strip .vw-addon-trust-points li{
  color:rgba(255,255,255,0.92) !important;
}

.vw-addon-trust-strip .vw-addon-trust-points li::before{
  background:#27d3ff !important;
  box-shadow:0 0 0 4px rgba(39,211,255,0.18) !important;
}

/* FAQ: linkes kleines Dreieck wie auf der Übersicht */
.vw-addon-faq-item summary{
  padding-left:18px !important;
}

.vw-addon-faq-item summary::before{
  content:"";
  position:absolute;
  left:2px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:7px solid #0B2F4A;
}


/* =========================================
   V5 FIXES: headings lighter + trust icons restore
========================================= */

/* Hero / section / conversion / closing / product headings less bold */
.vw-addon-h1,
.vw-addon-section-title,
.vw-addon-closing-title,
.vw-addon-product-title,
.vw-addon-trust-title,
.vw-addon-conversion-title,
.vw-addon-service-card h3,
.vw-addon-conversion-card h4{
  font-weight:700 !important;
}

/* price_text / price heading less bold */
.vw-addon-price{
  font-weight:700 !important;
}

/* Keep trust text colors in the dark strip */
.vw-addon-trust-strip .vw-addon-trust-title{
  color:#ffffff !important;
}
.vw-addon-trust-strip .vw-addon-trust-text,
.vw-addon-trust-strip .vw-addon-trust-points li{
  color:rgba(255,255,255,.92) !important;
}

/* Restore original trust check icons instead of squares */
.vw-addon-trust-strip .vw-addon-trust-points li::before{
  width:18px !important;
  height:18px !important;
  border-radius:0 !important;
  background:url('/wp-content/uploads/2026/02/viennaweb-check-64.png') no-repeat center/contain !important;
  box-shadow:none !important;
}


/* =========================================
   V7 FIXES
========================================= */

/* Überschriften wieder wie in V5 */
.vw-addon-hero h1,
.vw-addon-hero-title,
.vw-hero-title,
.vw-addon-section-title,
.vw-addon-closing-title,
.vw-addon-product-title,
.vw-addon-trust-title,
.vw-addon-conversion-title,
.vw-addon-service-card h3,
.vw-addon-conversion-card h4,
.vw-addon-faq-title,
.vw-addon-features h2,
.vw-addon-products h2,
.vw-addon-compat h2,
.vw-addon-faq h2,
.vw-addon-closing h2{
  font-weight:700 !important;
}

/* Price-Überschrift ebenfalls wie V5 */
.vw-addon-price{
  font-weight:700 !important;
}

/* Conversion-Links immer unten in den Cards */
.vw-addon-conversion-card{
  display:flex !important;
  flex-direction:column !important;
}
.vw-addon-conversion-card .vw-addon-inline-link{
  margin-top:auto !important;
  align-self:flex-start;
}

/* FEATURE-Bereich: dunkelblaue Kreise mit weißem Hackerl */
.vw-addon-feature-list li{
  position:relative;
  padding-left:38px !important;
}
.vw-addon-feature-list li::before{
  content:"✓" !important;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background:#234f73 !important;
  color:#ffffff !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* TRUST-Bereich: hellblaue Kreise mit weißem Hackerl */
.vw-addon-trust-strip .vw-addon-trust-points li,
.vw-addon-trust-points li{
  position:relative;
  padding-left:46px !important;
}
.vw-addon-trust-strip .vw-addon-trust-points li::before,
.vw-addon-trust-points li::before{
  content:"✓" !important;
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  background:#35c8f2 !important;
  color:#ffffff !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* FAQ Antworten etwas größer */
.vw-addon-faq-answer,
.vw-addon-faq-answer p{
  font-size:1rem !important;
  line-height:1.65 !important;
}

/* CTA Button unten – Schriftfarbe */
.vw-addon-closing-cta,
.vw-addon-closing-cta a,
.vw-addon-closing-cta .vw-btn{
    color:#ffffff;
}
/* HERO SUBLINE – Farbe korrigieren */
.vw-addon-hero-subline{
    color:#e6f1f8;
}

.vw-addon-hero-subline{
    color:#e6f1f8;
}
.vw-addon-faq summary{
  font-size: 1.03rem !important;
  font-weight: 650 !important;
}
.vw-addon-closing-text{
    color:#ffffff;
}


/* =========================================
   V8.1 – Produktkarten kompakter
========================================= */

/* Produktbereich insgesamt etwas kompakter und weniger breit */
.vw-addon-products .vw-container{
  width:min(1040px, calc(100% - 40px));
}

/* Kartenraster schmäler und zentriert */
.vw-addon-product-grid.products-2,
.vw-addon-product-grid.products-3,
.vw-addon-product-grid.products-4{
  grid-template-columns:repeat(2, minmax(280px, 460px));
  justify-content:center;
  gap:20px 26px;
}

/* Karten selbst etwas kompakter */
.vw-addon-product-card{
  max-width:460px;
  margin:0 auto;
  padding:28px 24px 24px;
  border-radius:20px;
}

/* Bildbereich und Typografie etwas zurücknehmen */
.vw-addon-product-image{
  min-height:132px;
  margin:0 0 14px;
}

.vw-addon-product-image img{
  max-width:170px;
  max-height:170px;
}

.vw-addon-product-title{
  font-size:1.15rem;
  margin:0 0 6px;
}

.vw-addon-product-subline{
  font-size:.96rem;
  margin:0 0 10px;
}

.vw-addon-product-price{
  font-size:1.05rem;
  margin:0 0 12px;
}

.vw-addon-product-usecase{
  max-width:100%;
  font-size:.96rem;
  line-height:1.58;
  margin:0 auto 14px;
}

.vw-addon-product-usecase ul{
  gap:8px;
  margin-top:8px;
}

/* Mehr Abstand / klarer Umbruch nach der Aufzählung */
.vw-addon-product-usecase ul + p{
  margin-top:18px;
  padding-top:4px;
}

/* Hinweise und Button etwas kompakter */
.vw-addon-product-note{
  margin:8px 0 16px;
}

.vw-addon-product-order{
  width:100%;
  justify-content:center;
}

/* Mobile sauber beibehalten */
@media (max-width: 900px){
  .vw-addon-products .vw-container{
    width:min(1040px, calc(100% - 28px));
  }

  .vw-addon-product-grid.products-2,
  .vw-addon-product-grid.products-3,
  .vw-addon-product-grid.products-4{
    grid-template-columns:1fr;
  }

  .vw-addon-product-card{
    max-width:none;
  }
}

.vw-inline-link{
color:#0B2F4A;
font-weight:600;
text-decoration:underline;
text-underline-offset:3px;
transition:all .2s ease;
}

.vw-inline-link:hover{
color:#1e90ff;
text-decoration:none;
}
.vw-addon-pricing-note{
text-align:center;
margin-top:15px;
max-width:700px;
margin-left:auto;
margin-right:auto;
}