.elementor-8333 .elementor-element.elementor-element-fbbc725{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45vh;--padding-bottom:05vh;--padding-left:0;--padding-right:0;}.elementor-8333 .elementor-element.elementor-element-333e7d36 .elementor-heading-title{text-shadow:1px 1px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-8333 .elementor-element.elementor-element-6e0f487f{--display:flex;--padding-top:70px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-8333 .elementor-element.elementor-element-4c558d02{text-align:start;color:#FFFFFF;}.elementor-8333 .elementor-element.elementor-element-4c558d02 a{color:#FFFFFF;}.elementor-8333 .elementor-element.elementor-element-33cbe7ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:2em;--margin-bottom:2em;--margin-left:0em;--margin-right:0em;}.elementor-8333 .elementor-element.elementor-element-67e3fb87 .elementor-heading-title{color:#FFFFFF;}.elementor-8333 .elementor-element.elementor-element-3ae94508{--grid-columns:3;}.elementor-8333 .elementor-element.elementor-element-13edc549 .elementor-button{background-color:#02010100;fill:#EA6445;color:#EA6445;border-style:none;}.elementor-8333 .elementor-element.elementor-element-13edc549 > .elementor-widget-container{margin:1em 0em 0em 0em;}.elementor-8333 .elementor-element.elementor-element-13edc549 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-8333 .elementor-element.elementor-element-3ae94508{--grid-columns:2;}}@media(max-width:767px){.elementor-8333 .elementor-element.elementor-element-333e7d36 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-8333 .elementor-element.elementor-element-3ae94508{--grid-columns:1;}}/* Start custom CSS for text-editor, class: .elementor-element-4c558d02 *//* KiddieLand Ratgeber – universelles CSS */

.kiddie-ratgeber h2 {
  margin-top: 90px;
  margin-bottom: 25px;
}

.kiddie-ratgeber h2:first-child {
  margin-top: 0;
}

.kiddie-ratgeber h2[id] {
  scroll-margin-top: 120px;
}

/* Inhaltsverzeichnis – helles Blau (wie Homepage) */
.toc {
  background: #C1D8F1;
  border: 1px solid rgba(122,41,71,0.15);
  border-radius: 18px;
  padding: 28px 34px;
  margin: 40px 0 70px;
  color: #7A2947;
}

.toc h2 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #7A2947;
}

.toc ul {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: toc;
}

.toc li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 7px 12px;
  margin: 0 -12px 4px;
  border-radius: 12px;
  transition: background .2s ease;
}

.toc li:hover {
  background: rgba(94,133,232,0.16);
}

/* Nummerierte Badges statt Pfeil */
.toc li::before {
  content: counter(toc);
  counter-increment: toc;
  flex: 0 0 28px;
  height: 28px;
  border-radius: 50%;
  background: #5E85E8;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease;
}

.toc li:hover::before {
  background: #EA6445;
}

.toc a {
  color: #7A2947 !important;
  text-decoration: none;
}

.toc a:hover {
  text-decoration: underline;
  text-decoration-color: #EA6445;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* Boxen */
.kl-info-box,
.kl-quickcheck,
.kl-card,
.kl-checklist,
.kl-grid > div,
.kl-cta {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 18px;
  padding: 26px 30px;
  margin: 28px 0;
}

.kl-info-box {
  border-left: 6px solid #EA6445;
  background: rgba(255,255,255,0.06);
}

/* Farbcodierte Info-Box-Varianten */
.kl-info-box--note {
  border-left-color: #5E85E8;
  background: rgba(94,133,232,0.10);
}

.kl-info-box--brand {
  border-left-color: #EA6445;
  background: rgba(234,100,69,0.12);
  border-color: rgba(234,100,69,0.30);
}

/* Quickcheck – dezenter Blau-Ton */
.kl-quickcheck {
  background: rgba(94,133,232,0.12);
  border-color: rgba(94,133,232,0.30);
}

.kl-quickcheck ul {
  columns: 2;
  margin-bottom: 0;
}

.kl-quickcheck li {
  break-inside: avoid;
  margin-bottom: 10px;
}

/* Cards mit Icon */
.kl-card {
  position: relative;
  padding-left: 86px;
  background: rgba(255,255,255,0.075);
}

.kl-card h3 {
  margin-top: 0;
}

.kl-icon {
  position: absolute;
  left: 28px;
  top: 28px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #EA6445;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

/* Farbige Icon-Kreise – wie die Karten auf der Homepage */
.kl-card:nth-of-type(3n+2) .kl-icon { background: #5E85E8; }
.kl-card:nth-of-type(3n+3) .kl-icon { background: #C1D8F1; }

/* Fragenbox */
.kl-question-box {
  background: rgba(255,255,255,0.11);
  border-radius: 14px;
  padding: 18px 22px;
  margin-top: 18px;
}

.kl-question-box ul {
  margin-bottom: 0;
}

/* Checkliste – heller Merk-Block */
.kl-checklist {
  background: #C1D8F1;
  border-color: rgba(122,41,71,0.15);
  color: #7A2947;
}

.kl-checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kl-checklist li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
  line-height: 1.5;
}

.kl-checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #EA6445;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Grid */
.kl-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 28px 0;
}

.kl-grid > div {
  margin: 0;
  background: rgba(255,255,255,0.08);
}

.kl-grid p {
  margin-bottom: 0;
}

/* FAQ */
.kl-faq h3 {
  margin-top: 32px;
}

/*** Linkkarten ***/
.kl-linkcards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 44px;
}

.kl-linkcards a {
  display: block;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 16px;
  padding: 20px 22px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s ease;
}

.kl-linkcards a:hover {
  background: rgba(255,255,255,0.14);
  border-color: #EA6445;
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.kl-card-title {
  display: block;
  font-size: 1.35em;
  font-weight: 800;
  margin-bottom: 12px;
  line-height: 1.3;
}

.kl-card-text {
  display: block;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.6;
  opacity: .92;
}

.kl-linkcards {
  align-items: stretch;
}

.kl-linkcards a {
  height: 100%;
  background: #ffffff;
  color: #7A2947;
}

.kl-card-title,
.kl-card-text {
  color: #7A2947;
}

.kl-linkcards a:hover .kl-card-title,
.kl-linkcards a:hover .kl-card-text {
  color: #ffffff;
}

/* CTA – warmes Creme (wie Homepage) */
.kl-cta {
  text-align: center;
  margin-top: 60px;
  background: #F8E2C2;
  border-color: rgba(122,41,71,0.12);
  padding: 50px 40px;
  border-radius: 18px;
  color: #7A2947;
}

.kl-cta h2 {
  margin-top: 0;
  color: #7A2947;
}

.kl-cta-intro {
  max-width: 900px;
  margin: 20px auto 28px;
}

.kl-cta-points {
  display: grid;
  gap: 12px;
  justify-content: center;
  margin: 0 auto 34px;
}

.kl-cta-points span {
  display: block;
  text-align: left;
}

.kl-button {
  display: inline-block;
  background: #EA6445;
  color: #fff !important;
  padding: 15px 28px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none !important;
}

.kl-button:hover {
  background: #d8573b;
}

/* Mobile */
@media (max-width: 768px) {
  .kiddie-ratgeber h2 {
    margin-top: 65px;
  }

  .toc {
    padding: 24px;
    margin-bottom: 55px;
  }

  .kl-card {
    padding-left: 26px;
  }

  .kl-icon {
    position: static;
    margin-bottom: 14px;
  }

  .kl-grid,
  .kl-linkcards {
    grid-template-columns: 1fr;
  }

  .kl-quickcheck ul {
    columns: 1;
  }
}/* End custom CSS */