.elementor-1093 .elementor-element.elementor-element-dbfc6f6:not(.elementor-motion-effects-element-type-background), .elementor-1093 .elementor-element.elementor-element-dbfc6f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C85A0A;}.elementor-1093 .elementor-element.elementor-element-dbfc6f6 > .elementor-container{min-height:260px;}.elementor-1093 .elementor-element.elementor-element-dbfc6f6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1093 .elementor-element.elementor-element-dbfc6f6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1093 .elementor-element.elementor-element-f6f0fef{text-align:center;}.elementor-1093 .elementor-element.elementor-element-f6f0fef .elementor-heading-title{font-size:46px;color:var( --e-global-color-a291686 );}.elementor-1093 .elementor-element.elementor-element-ab826ff{margin-top:40px;margin-bottom:0px;}.elementor-1093 .elementor-element.elementor-element-cf90104 > .elementor-widget-container{margin:30px 0px 10px 0px;}.elementor-1093 .elementor-element.elementor-element-0970a42{margin-top:40px;margin-bottom:10px;}.elementor-1093 .elementor-element.elementor-element-2da88dd{margin-top:40px;margin-bottom:10px;}:root{--page-title-display:none;}/* Start custom CSS *//* Hintergrund der Seite */
body {
  background: #efefef;
}

/* =========================
   INFOBOX UNTER DEM HEADER
   Klasse: beginner-info
========================= */
.beginner-info {
  background: #fff;
  border-radius: 22px;
  padding: 22px 28px 22px 82px;
  position: relative;
  margin: 20px 16px 40px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}

.beginner-info p,
.beginner-info .elementor-text-editor {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #222;
}

.beginner-info::before {
  content: "i";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #c85a00;
  color: white;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.beginner-info::after {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 6px;
  border-radius: 10px;
  background: #c85a00;
}

/* =========================
   KARTEN FÜR DIE INHALTE
   Klasse: beginner-card
========================= */
.beginner-card {
  background: white;
  border-radius: 26px;
  margin: 0 16px 34px;
  padding: 36px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.beginner-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0,0,0,0.08);
}

/* Überschriften */
.beginner-card h2,
.beginner-card .elementor-heading-title {
  font-size: clamp(32px,4vw,52px);
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 20px;
  color: #101820;
}

/* Text */
.beginner-card p,
.beginner-card .elementor-text-editor {
  font-size: 18px;
  line-height: 1.75;
  color: #1d1d1d;
}

.beginner-card p {
  margin-bottom: 16px;
}

.beginner-card p:last-child {
  margin-bottom: 0;
}

/* =========================
   HIGHLIGHT TEXT
   Klasse: beginner-highlight
========================= */
.beginner-highlight,
.beginner-highlight p,
.beginner-highlight .elementor-text-editor {
  font-size: 22px !important;
  font-weight: 700;
  color: #111;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {

  .beginner-card {
    padding: 24px;
    margin: 0 10px 24px;
  }

  .beginner-card h2,
  .beginner-card .elementor-heading-title {
    font-size: 34px;
  }

  .beginner-card p,
  .beginner-card .elementor-text-editor {
    font-size: 16px;
  }

  .beginner-info {
    padding: 18px 18px 18px 68px;
    margin: 10px 10px 26px;
  }

  .beginner-info::before {
    left: 18px;
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
}/* End custom CSS */