.elementor-42 .elementor-element.elementor-element-1031bdd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-1102a8b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-6e38d27{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-f259a63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-8dece8b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-42 .elementor-element.elementor-element-dba472c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ===============================
   SALES VIKING – GLOBAL VARIABLEN
   =============================== */
:root {
  --sv-font-main: "Axiforma", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sv-color-dark: #020617;
  --sv-color-body: #0f172a;
  --sv-color-primary: #2C77F9;
  --sv-color-primary-light: #5BD8FF;
  --sv-color-muted: #64748b;
  --sv-color-section-bg: #f9fafb;

  --sv-btn-shadow: 0 10px 25px rgba(15, 23, 42, 0.16);
}

/* ===============================
   HERO
   =============================== */

.sv-hero {
  position: relative;
  overflow: hidden;
  padding: 90px 20px 90px;
  background-image: url("https://sales-viking.com/wp-content/uploads/2025/05/background-scaled.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  font-family: var(--sv-font-main);
  color: var(--sv-color-body);
}

.sv-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 70px;
}

/* LEFT */
.sv-hero-left {
  flex: 1 1 55%;
}

.sv-hero-badge-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  margin-bottom: 26px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.35);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--sv-color-body);
}

.sv-hero-badge-top .sv-trophy {
  font-size: 15px;
}

.sv-hero-title {
  margin: 0 0 32px !important;
  font-size: 46px;
  line-height: 1.22 !important;
  font-weight: 800;
  color: var(--sv-color-dark);
  letter-spacing: 0.01em;
}

.sv-hero-title .sv-highlight {
  color: var(--sv-color-primary);
}

.sv-hero-subline {
  margin: 0 0 32px !important;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #1f2933;
  max-width: 540px;
}

/* ===============================
   CTA BUTTONS – PERMANENTER SCHATTEN
   =============================== */

.sv-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 0 !important;
  margin-bottom: 36px;
}

.sv-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 26px;
  min-width: 220px;
  font-size: 15px;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-align: center;
  border-radius: 0 !important;
  border: none;
  cursor: pointer;
  line-height: 1.2;
  white-space: nowrap;
  font-family: var(--sv-font-main);

  /* permanenter Schatten */
  box-shadow: var(--sv-btn-shadow) !important;

  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease,
    color 0.15s ease;
}

/* PRIMARY BUTTON */
.sv-btn-primary {
  background-color: var(--sv-color-primary);
  color: #ffffff !important;
  box-shadow:
    var(--sv-btn-shadow),
    inset 0 -4px 0 var(--sv-color-primary-light) !important; /* Unterstrich IMMER sichtbar */
}

.sv-btn-primary:hover {
  background-color: #1F5FE6;
  transform: translateY(-1px);
  box-shadow:
    0 16px 32px rgba(15, 23, 42, 0.24),
    inset 0 -4px 0 var(--sv-color-primary-light) !important;
}

/* SECONDARY BUTTON */
.sv-btn-secondary {
  background-color: #ffffff;
  color: var(--sv-color-primary) !important;
  border: 1px solid var(--sv-color-primary);
  box-shadow: var(--sv-btn-shadow) !important;
}

.sv-btn-secondary:hover {
  background-color: #eff6ff;
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(15,23,42,0.20) !important;
}

/* ===============================
   META / TRUST
   =============================== */

.sv-hero-meta {
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 14px 20px;
  margin-top: 4px;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(148, 163, 184, 0.25);
  max-width: 460px;
}

.sv-meta-item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--sv-color-body);
}

.sv-meta-icon-wrap {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.sv-meta-icon-gold {
  background: #fef3c7;
}

.sv-meta-icon-blue {
  background: #eff6ff;
}

.sv-meta-text strong {
  font-weight: 700 !important;
  display: block;
  font-size: 13px;
}

.sv-meta-text span {
  display: block;
  font-size: 12px;
  color: var(--sv-color-muted);
}

.sv-meta-divider {
  width: 1px;
  align-self: stretch;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(148, 163, 184, 0.6),
    transparent
  );
}

.sv-rating-stars {
  color: #fbbf24;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 2px;
}

/* ===============================
   RIGHT IMAGE & BADGE
   =============================== */

.sv-hero-right {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-self: center;
}

.sv-hero-image-wrapper {
  position: relative;
  max-width: 480px;
}

.sv-hero-image-wrapper img {
  display: block;
  width: 100%;
  border-radius: 0;
}

.sv-hero-image-badge {
  position: absolute;
  top: 6%;
  right: -10%;
  padding: 6px 18px;
  background: var(--sv-color-primary);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 999px;
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.5);
  transform: rotate(6deg);
  white-space: nowrap;
}

/* ===============================
   PROBLEM-GRID SECTION
   =============================== */

.sv-issues {
  background: transparent;
  padding: 90px 20px 100px;
}

.sv-issues-inner {
  max-width: 1200px;
  margin: 0 auto;
  font-family: var(--sv-font-main);
}

.sv-issues-heading {
  text-align: center;
  margin-bottom: 50px;
}

.sv-issues-eyebrow {
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--sv-color-primary);
  margin-bottom: 10px;
}

.sv-issues-title {
  font-size: 34px;
  font-weight: 800;
  color: var(--sv-color-dark);
  margin-bottom: 12px;
}

.sv-issues-subline {
  max-width: 620px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.6;
  color: var(--sv-color-muted);
}

.sv-issues-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  margin-top: 50px;
}

.sv-issue-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  display: flex;
  gap: 18px;
}

.sv-issue-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  background: #fee2e2;
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
}

.sv-issue-text {
  font-size: 16px;
  line-height: 1.55;
  color: var(--sv-color-body);
}

/* CTA */
.sv-issues-bottom {
  text-align: center;
  margin-top: 55px;
}

.sv-issues-bottom h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--sv-color-body);
  margin-bottom: 24px;
}

.sv-issues-bottom strong {
  font-weight: 800;
}

.sv-issues-bottom .sv-btn-primary {
  min-width: 260px;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .sv-issues-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .sv-issues-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================
   COMPARE SECTION (Was wir anders machen)
======================================== */

.sv-compare {
  padding: 90px 20px 100px;
  font-family: var(--sv-font-main);
}

.sv-compare-inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* HEADINGS */
.sv-compare-heading {
  text-align: center;
  margin-bottom: 55px;
}

.sv-eyebrow {
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--sv-color-primary);
  margin-bottom: 10px;
}

.sv-title {
  font-size: 34px;
  font-weight: 800;
  color: var(--sv-color-dark);
  margin-bottom: 12px;
  line-height: 1.25;
}

.sv-subline {
  max-width: 620px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.6;
  color: var(--sv-color-muted);
}

/* ROW WRAPPER */
.sv-compare-rows {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 65px;
}

/* EACH ROW */
.sv-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

/* LEFT COLUMN */
.sv-col-left {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 26px;
  background: #f8fafc;
}

.sv-icon-x {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e2e8f0;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

/* RIGHT COLUMN */
.sv-col-right {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 26px;
  background: #eef5ff;
}

.sv-icon-check {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #dbeafe;
  color: var(--sv-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

/* TEXT */
.sv-col-text {
  font-size: 16px;
  line-height: 1.55;
  color: var(--sv-color-body);
  font-weight: 600;
}

/* BOTTOM STATEMENT */
.sv-compare-bottom {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

.sv-compare-bottom h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--sv-color-dark);
}

.sv-compare-bottom h3 span {
  color: var(--sv-color-primary);
}

.sv-compare-bottom p {
  font-size: 16px;
  color: var(--sv-color-muted);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .sv-compare-row {
    grid-template-columns: 1fr;
  }
}

/* BOTTOM BLOCK – Style angleichen an "Was wir anders machen" */
.sv-bottom-block {
  text-align: center;
  margin-top: 55px;
}

.sv-bottom-inner {
  max-width: 720px;
  margin: 0 auto;
}

.sv-bottom-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--sv-color-dark);
  line-height: 1.45;
  margin-bottom: 22px;
}

.sv-bottom-title span {
  color: var(--sv-color-primary);
  font-weight: 800;
}/* End custom CSS */