.elementor-2326 .elementor-element.elementor-element-51aa5364{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2326 .elementor-element.elementor-element-3e5a4666 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-2326 .elementor-element.elementor-element-3e5a4666 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2326 .elementor-element.elementor-element-6c04832a:not(.elementor-motion-effects-element-type-background), .elementor-2326 .elementor-element.elementor-element-6c04832a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000020;}.elementor-2326 .elementor-element.elementor-element-6c04832a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2326 .elementor-element.elementor-element-6c04832a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2326 .elementor-element.elementor-element-6c04832a a{color:#FFFFFF;}.elementor-2326 .elementor-element.elementor-element-6c04832a a:hover{color:#E66478;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2326 .elementor-element.elementor-element-460fdea0 > .elementor-widget-container{padding:20px 0px 10px 0px;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-icon i{color:#E66478;transition:color 0.3s;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-icon svg{fill:#E66478;transition:fill 0.3s;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#E66478;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#E66478;}.elementor-2326 .elementor-element.elementor-element-460fdea0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-icon{padding-right:20px;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:300;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2326 .elementor-element.elementor-element-460fdea0 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#E66478;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-df840ea.elementor-social-icon{background-color:#FFFFFF;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-df840ea.elementor-social-icon i{color:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-df840ea.elementor-social-icon svg{fill:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-130484d.elementor-social-icon{background-color:#FFFFFF;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-130484d.elementor-social-icon i{color:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-130484d.elementor-social-icon svg{fill:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-9ca8123.elementor-social-icon{background-color:#FFFFFF;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-9ca8123.elementor-social-icon i{color:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-9ca8123.elementor-social-icon svg{fill:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-fcd99a2.elementor-social-icon{background-color:#FFFFFF;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-fcd99a2.elementor-social-icon i{color:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-repeater-item-fcd99a2.elementor-social-icon svg{fill:#000020;}.elementor-2326 .elementor-element.elementor-element-58824203{--grid-template-columns:repeat(0, auto);--icon-size:35px;--grid-column-gap:23px;--grid-row-gap:0px;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-widget-container{text-align:center;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-social-icon{background-color:#FFFFFF;--icon-padding:0.3em;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-social-icon i{color:#FFFFFF;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-2326 .elementor-element.elementor-element-58824203 .elementor-icon{border-radius:3px 3px 3px 3px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2326 .elementor-element.elementor-element-4ab44b0b{text-align:center;color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:14px;}:root{--page-title-display:none;}body.elementor-page-2326{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-3f7c60cc *//* ----------------------------
   Pricing Section mit FM-Hintergrund
   Passe Variablen ganz unten an (z.B. --overlay-alpha)
   ---------------------------- */

:root{
  --frame-bg: #0b1b57;
  --card-bg: #ffffff;
  --title-color: #25336e;
  --muted: #6b7280;
  --list-sep: #e6eef6;
  --check-green: #39a547;
  --total-bg: #e7f0ff;
  --total-color: #E66478;
  --offer-grad-from: #66b56a;
  --offer-grad-to: #2e8b3a;
  --offer-shadow: rgba(46,139,58,0.1);
  --save-bg: #FDEFF1;
  --save-border: #ffd97a;
  --save-text: #25336e;
  --save-sub: #c93a3a;
  --cta-from: #E66478;
  --cta-to: #E66478;
  --cta-shadow: rgba(226,90,103,0.18);
  --radius: 0px;
  --max-width: 760px;
  --card-glow: 0.4; /* 0.0 - 0.2 - Weißer "Glow" unter Karte (hellt auf) */
  --check-size: 30px;            /* Größe des Kästchens (Breite + Höhe) */
  --check-gap: 16px;             /* Abstand zwischen Icon und Text */
  --check-bg: transparent;           /* hellblauer Hintergrund des kleinen Kastens */
  --check-color: #2FA84A;        /* Farbe des Hakens (grün) */
  --check-radius: 0px;           /* Abrundung des Kastens */
  --check-font-size: 18px;       /* Schriftgröße des Häkchens */

  /* --- Hintergrund / Overlay Variablen --- */
  --bg-image: url('https://chessence.de/wp-content/uploads/2025/01/Header-1.png'); /* Werde FM Hintergrund */
  --overlay-color: 12,18,45;     /* rgb für overlay (ohne alpha) */
  --overlay-alpha: 0.78;         /* einstellbar: 0.0 - 1.0 (z.B. 0.78) */
}

/* Section background (wie Werde FM) */
.pricing-bg {
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 48px 18px;
}

/* Overlay nur für diese Sektion (mit einstellbarer Alpha) */
/* Hinweis: --overlay-color ist "R,G,B" (z.B. 12,18,45). Alpha steuerst Du mit --overlay-alpha */
.pricing-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--overlay-color), calc(var(--overlay-alpha) * 0.6)) 0%,
    rgba(var(--overlay-color), var(--overlay-alpha)) 100%
  );
  z-index: 1;
  pointer-events: none;
}

/* Inhalt über dem Overlay */
.pricing-wrap {
  position: relative;
  z-index: 2;
  width:100%;
  max-width:var(--max-width);
  margin:0 auto;
  font-family: 'Roboto', system-ui, Arial, sans-serif;
  color:#1f2a44;
}

/* Page title */
.pricing-title {
  font-family: 'Playfair Display', serif;
  font-weight:700;
  font-size:28px;
  color:#ffffff;            /* auf Overlay weiß wie oft im ATF */
  margin: 8px 0 18px;
  text-align:center;
  text-shadow: 0 4px 20px rgba(0,0,0,0.45);
}

/* Card (weiß) */
.pricing-card {
  background: var(--card-bg);
  border-radius: 15px;
  padding:28px;
  /* dezenter Top-Rand in FM-Blau (optional, steht in Deinem Design) */
  /*border-top: 6px solid var(--frame-bg);*/
  /* weicher Schatten + zusätzliches weißes Glow unter der Karte */
  box-shadow:
    0 8px 30px rgba(20,30,70,0.06),               /* weicher dunkler Schatten für Tiefe */
    0 18px 40px rgba(255,255,255,var(--card-glow)); /* dezenter weißer "Glow" unter der Karte */
}

/* Value list box */
.value-box { background:#f7fbff; border-radius:0px; padding:18px; margin-bottom:18px; box-shadow:none; }
.value-intro { color:var(--title-color); font-weight:700; margin-bottom:12px; }

/* List layout */
.value-list { list-style:none; margin:0; padding:0; display:block; }
.value-row {
  display:grid;
  grid-template-columns: 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-top:1px solid var(--list-sep);
  position:relative;
  font-size:15px;
  color:#233253;
}
.value-row:first-child { border-top:0; padding-top:6px; }

/* Haken-Icon: hellblauer Kasten mit grünem Haken (wie Screenshot) */
.value-row::before {
  content: "✓";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: var(--check-size);
  height: var(--check-size);
  line-height: var(--check-size);
  text-align: center;
  background: var(--check-bg);
  color: var(--check-color);
  font-weight: 800;
  font-size: var(--check-font-size);
  border-radius: var(--check-radius);
  z-index: 2;
}

/* Stelle sicher, dass genug Platz links ist (abhängig von --check-size + gap) */
.value-row .value-desc {
  padding-left: calc(var(--check-size) + var(--check-gap));
  display: block;
}

/* price column */
.value-price { color:#6b6f7b; font-weight:700; padding-left:14px; }

/* Total row */
.total-row {
  background: var(--total-bg);
  border-radius:0px;
  padding:14px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:8px 0 16px;
  border:1px solid rgba(35,51,110,0.04);
}
.total-label { color: var(--total-color); font-weight:700; letter-spacing:0.6px; }
.total-amount { color: var(--total-color); font-weight:900; font-size:24px; }

/* Divider */
.divider { border:0; border-top:2px solid rgba(28,40,80,0.06); margin:18px 0; }

/* regular crossed price */
.regular-wrap { text-align:center; margin-bottom:18px; color:var(--muted); }
.regular-note { font-size:13px; margin-bottom:6px; color:var(--muted); margin-top: 16px; }
.regular-price { font-size:20px; font-weight:700; color:#9aa0aa; }

/* Offer green box */
.offer-wrap { margin:0 auto 12px; border-radius: 0px; overflow:hidden; box-shadow: 0 18px 36px var(--offer-shadow); max-width:100%; }
.offer-inner {
  background: #ABD29C;
  padding:26px 24px;
  color:#fff;
  text-align:center;
}
.offer-top { font-size:14px; opacity:0.95; margin-bottom:0px; }
.offer-price { font-size:48px; font-weight:800; line-height:1; margin-bottom:0px; font-family:'Roboto', serif; }
.offer-sub { font-size:14px; opacity:0.95; }

/* small note under price */
.small-note { text-align:center; font-size:13px; color:#6f7788; margin:10px 0 14px; }

/* save box (gelb) */
.save-box {
  background: var(--save-bg);
  padding:14px 18px;
  border-radius:0px;
  text-align:center;
  margin-bottom:16px;
}
.save-text { color:var(--save-text); font-weight:700; margin-bottom:6px; }
.save-sub { color:var(--save-sub); font-size:13px; }

/* CTA */
.cta-wrap { text-align:center; margin-top:6px; }
.cta-btn {
  display:inline-block;
  background: linear-gradient(180deg,var(--cta-from),var(--cta-to));
  color:#fff;
  padding:16px 38px;
  border-radius:0 0 16px 0;
  border: 2px solid #E66478;
  font-weight:700;
  text-decoration:none;
  box-shadow: 0 10px 30px var(--cta-shadow);
  font-size:16px;
}
.cta-btn:active { transform: translateY(1px); }
.cta-btn:hover { background: #FFF; color: #E66478 !important;border: 2px solid #E66478;}

/* Responsive */
@media (max-width:720px){
  .pricing-bg { padding:28px 12px; background-position: center top; }
  .pricing-card { padding:20px; border-width:6px; }
  .value-row { grid-template-columns: 1fr auto; font-size:14px; }
  .offer-price { font-size:40px; }
  .pricing-wrap { padding:8px; }
}

/* helper: falls Du das Overlay komplett entfernen willst:
.pricing-overlay { display:none; }
*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44a766e */:root {
  --lesehoehe: 300px;        /* ✂️ Höhe der Vorschau */
  --feldgroesse: 280px;      /* 🎯 HIER änderst du die Größe der Schachfelder */
  --farbe-hell: #ffffff;
  --farbe-dunkel: #f0f5ff;
  --farbe-akzent: #E66478;
  --farbe-text: #1E317D;
}

.testimonial-section {
  padding: 4rem 2rem;
  background-color: var(--farbe-hell);
  background-image:
    repeating-conic-gradient(
      var(--farbe-dunkel) 0% 25%, 
      var(--farbe-hell) 25% 50%, 
      var(--farbe-dunkel) 50% 75%, 
      var(--farbe-hell) 75% 100%
    );
  background-size: var(--feldgroesse) var(--feldgroesse);
  font-family: 'Roboto', sans-serif;
}

.testimonial-heading {
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  color: var(--farbe-text);
  margin-bottom: 5rem;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1140px;
  margin: 0 auto;
}

@media (min-width: 1025px) {
  .testimonial-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.testimonial-card {
  background: white;
  border-top: 6px solid var(--farbe-akzent);
  border-radius: 0 0 16px 0;
  padding: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
  overflow: hidden;
  position: relative;
}

.testimonial-card:hover {
  transform: scale(1.015);
}

.testimonial-header.centered {
  text-align: center;
}

.testimonial-header h3 {
  margin: 0.5rem 0 0.2rem;
  font-size: 23px;
  color: var(--farbe-text);
  font-family: 'Playfair Display', serif;
}

.rating-info {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 15px;
  color: #555;
  margin-bottom: 0.4rem;
}

.rating-info .arrow {
  color: var(--farbe-akzent);
  font-size: 1.7rem;
}

.rating-info .new-rating {
  color: var(--farbe-akzent);
  font-weight: bold;
  font-size: 20px;
}

.stars {
  color: var(--farbe-akzent);
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.testimonial-card p {
  color: #333;
  line-height: 1.6;
  margin-bottom: 1rem;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

.avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto 0.5rem;
  background-color: #ccc;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* FADE + LESEN */
.testimonial-content {
  height: var(--lesehoehe);
  overflow: hidden;
  position: relative;
  transition: height 0.4s ease;
}

.testimonial-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background: linear-gradient(to bottom, transparent, white);
  pointer-events: none;
  transition: opacity 0.3s;
}

.testimonial-card.expanded .testimonial-content {
  height: auto;
}

.testimonial-card.expanded .testimonial-content::after {
  opacity: 0;
}

.read-more {
  display: block;
  text-align: center;
  color: var(--farbe-akzent);
  font-weight: bold;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  margin-top: 1rem;
  transition: color 0.3s;
}

.read-more:hover {
  color: #c74b60;
}

@media (max-width: 600px) {
  .testimonial-section a.utm_button button {
    width: 100%;
    max-width: 90vw;
    font-size: 16px;
    padding: 14px 16px;
    letter-spacing: normal;
    white-space: normal;
    line-height: 1.4;
  }
}/* End custom CSS */
/* Start custom CSS */#testimonial {
    padding: 75px 0;
    background-image: url(https://chessence.de/wp-content/uploads/2023/03/Group-7-1.png);
    background-size: 25%;
}
h2.title, #testimonial h2.title {
    margin-bottom: 42px;
}
 .revArea, #testimonial .revArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
 
 
 .revArea .revItem, #testimonial .revArea .revItem {
    max-width: 48%;
    margin: 0 0.6% 32px;
    background: #FFFFFF;
    box-shadow: 1px 1px 21px rgba(30,49,125,0.15);
    border-radius: 5px;
    padding: 30px 42px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-top: 10px solid #1E317D;
}
.revArea .revItem:nth-child(3), #testimonial .revArea .revItem:nth-child(3) {
    border-color: #000020;
}
 #testimonial .revArea .revItem:nth-child(4), #testimonial .revArea .revItem:nth-child(5) {
    border-color: #E66478;
}
 .revArea .revItem img, #testimonial .revArea .revItem img {
    max-width: 110px;
    margin-bottom: 8px;
}
.revArea .revItem h3, #testimonial .revArea .revItem h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000020;
    opacity: 0.8;
    margin-bottom: 8px;
}
.revArea .revItem h4, #testimonial .revArea .revItem h4 {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #000020;
    opacity: 0.8;
    margin-bottom: 6px;
}
.revArea .revItem svg, #testimonial .revArea .revItem svg {
    margin-bottom: 12px;
}
.revArea .revItem p, #testimonial .revArea .revItem p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000020;
    opacity: 0.9;
}

#testimonial {
    padding: 70px 0;
    background: unset;
}
#testimonial .revArea .revItem {
    border-top: unset;
}

@media (max-width: 768px) {
       #testimonial {
        padding: 50px 0;
   }
 .revArea .revItem, #testimonial .revArea .revItem {
        max-width: 100%;
        padding: 30px;
   }
}/* End custom CSS */