.elementor-868 .elementor-element.elementor-element-2b7b5f9{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-724a14d *//* Allgemein */
.el-post { max-width: 820px; margin: 0 auto; line-height: 1.7; font-size: 18px; }
.el-post h1 { font-size: 40px; line-height: 1.2; margin: 0 0 10px; }
.el-post h2 { font-size: 28px; margin: 32px 0 14px; line-height: 1.3; }
.el-post h3 { font-size: 22px; margin: 18px 0 8px; }
.el-post p { margin: 0 0 16px; }
.el-post a { color: #0d6efd; text-decoration: underline; text-underline-offset: 2px; }
.el-post a:hover { color: #084298; }

/* Hero */
.el-article .hero { margin: 0 0 18px; }
.el-article .subtitle { font-size: 20px; opacity: .9; }

/* Absatzabstand schöner & luftiger */
.el-post p {
  margin: 0 0 22px;
  line-height: 1.8;
}

/* Keypoints – drei Boxen untereinander */
.keypoints {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 40px 0;
}

.k-card {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: all 0.25s ease;
}

.k-card:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

.k-card h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px;
  color: #000;
}

.k-card p {
  margin: 0;
  color: #444;
  line-height: 1.7;
}

.k-card {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: all 0.25s ease;
}
.k-card:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}
.k-card h3 { font-size: 20px; font-weight: 600; margin: 0 0 10px; color: #000; }
.k-card p { margin: 0; color: #444; line-height: 1.6; }

/* Callout */
.callout { border-left: 4px solid #0d6efd; background: #f5f9ff; padding: 14px 16px; border-radius: 10px; margin: 14px 0 6px; }

/* Checklist */
.checklist { display: grid; gap: 10px; grid-template-columns: 1fr; }
.c-item { background: #f7f7f7; border: 1px solid #eee; border-radius: 999px; padding: 10px 14px; }

/* CTA */
.cta { margin: 34px 0; padding: 22px; border: 1px solid #e6e6e6; border-radius: 14px; background: #fafafa; }
.el-cta-row { display: flex; gap: 10px; flex-wrap: wrap; }

/* Buttons – schwarz */
.el-post a.el-btn,
.el-post .el-btn,
.el-post a.button,
.el-post .wp-block-button__link,
.el-post .elementor-button,
.el-post .elementor-button:visited {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  display: inline-block !important;
}
.el-post a.el-btn:hover,
.el-post .el-btn:hover,
.el-post a.button:hover,
.el-post .wp-block-button__link:hover,
.el-post .elementor-button:hover,
.el-post .elementor-button:focus {
  background: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Autorenbox */
.el-author {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin: 36px 0 10px;
  padding: 18px;
  background: #f9f9f9;
  border-radius: 12px;
}
.el-author img.author-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.el-author .author-text h3 { margin: 0 0 6px; }
.el-author .author-text p { margin-bottom: 10px; }

/* Related */
.el-related {
  border-top: 1px solid #eaeaea;
  margin-top: 28px;
  padding-top: 18px;
}
.el-related h3 { font-size: 22px; margin-bottom: 10px; }
.el-related ul { padding-left: 20px; }
.el-related li { margin-bottom: 8px; }
.el-related a { text-decoration: none; border-bottom: 1px dashed currentColor; }
.el-related a:hover { border-bottom-style: solid; }

/* Quellen */
.sources { margin: 18px 0 0; font-size: 14px; color: #666; }

/* Responsiv */
@media (max-width: 900px) {
  .keypoints { grid-template-columns: 1fr; }
  .el-author { flex-direction: column; }
}

/* Erzwingt mehr Abstand und Luft zwischen allen Textabsätzen im Blog */
.el-post p {
  margin-bottom: 36px !important;   /* kräftiger Abstand */
  line-height: 1.9 !important;      /* lockere Zeilenhöhe */
  font-size: 18px !important;
  color: #222 !important;
}

/* Auch für Listen und Blockquotes */
.el-post ul,
.el-post ol,
.el-post blockquote {
  margin-bottom: 36px !important;
  line-height: 1.9 !important;
}

/* Sicherheitshalber: Abstände zwischen Abschnitten */
.el-post section {
  margin-bottom: 40px !important;
}/* End custom CSS */
/* Start custom CSS *//* Kapsel alle Styles nur innerhalb des Blogposts */
.el-post {
  max-width: 820px;
  margin: 0 auto;
  line-height: 1.7;
  font-size: 18px;
}
.el-post h1 { font-size: 40px; line-height: 1.2; margin: 0 0 18px; }
.el-post .lead { font-size: 20px; opacity: .9; margin-bottom: 22px; }
.el-post h2 { font-size: 28px; margin: 36px 0 12px; line-height: 1.3; }
.el-post h3 { font-size: 22px; margin: 22px 0 8px; }
.el-post p { margin: 0 0 16px; }
.el-post ul { padding-left: 20px; margin: 0 0 16px; }
.el-post li { margin-bottom: 8px; }
.el-post a { text-decoration: underline; text-underline-offset: 2px; }

.el-post .cta {
  margin: 36px 0;
  padding: 22px;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  background: #fafafa;
}
.el-post .el-btn {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 10px;
  background: #0d6efd;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  margin-top: 8px;
}
.el-post .el-btn:hover { filter: brightness(0.95); }
.el-post .legal { font-size: 14px; color: #666; margin-top: 10px; }

.el-post .refs h3 { margin-top: 28px; }
.el-post .refs ul li a { text-decoration: none; border-bottom: 1px dashed currentColor; }
.el-post .refs ul li a:hover { border-bottom-style: solid; }/* End custom CSS */