#main-content .container:before{background:none}#sidebar{display:none}@media (min-width:981px){#left-area{width:100%;padding:23px 0px 0px!important;float:none!important}.wp-post-image{display:none!important}.tribe-events-widget-events-list__view-more{display:none!important}#tribe-events-pg-template{width:1160px!important;max-width:none!important}.tribe-events-widget-events-list__event{margin-bottom:16px!important;padding-bottom:0px!important}.tribe-events-meta-group{display:none}.tribe-events-single-section--related-events,.tribe-events-sub-nav{display:none!important}.single-tribe_events .tribe-events-c-subscribe-dropdown{display:none!important}.tribe-events-widget-events-list__event-title-link.tribe-common-anchor-thin{font-size:18px!important;font-weight:600!important;line-height:1.4!important}.tribe-events-widget-events-list__event-title{line-height:1.2!important}body #page-container h1{font-size:26px;line-height:1.6;font-weight:700}body #page-container h2{font-size:22px!important;line-height:1.6;font-weight:700}body #page-container h3{font-size:20px!important;line-height:1.6;font-weight:700}body #page-container h4{font-size:20px!important;color:#1843a5!important;line-height:1.6;font-weight:700}body #page-container li{line-height:1.6}body #page-container p{line-height:1.6}.et_pb_text_inner p{line-height:1.6}body #page-container a{text-decoration:none;font-weight:bold}body #page-container a:hover{text-decoration:none!important;color:#1f53ad;font-weight:bolder}.tribe-events-widget-events-list *{font-size:20px!important}.tribe-events-widget-events-list__event-header *{color:#1843a5!important}}#faq{display:flex;flex-direction:column;gap:12px;margin:0 0 28px}#faq details{background:#ffffff;border:1px solid #C8D8F5;border-radius:10px;overflow:hidden;transition:border-color .2s}#faq details[open]{border-color:#00A1FF}#faq summary{padding:16px 22px!important;font-size:20px;font-weight:600;line-height:1.5;color:#1843A5;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background-color .2s}#faq summary::-webkit-details-marker{display:none}#faq summary::after{content:'+';color:#00A1FF;font-size:26px;font-weight:400;line-height:1;flex-shrink:0;transition:transform .2s}#faq details[open] summary::after{transform:rotate(45deg)}#faq summary:hover{background-color:#F0F5FF}#faq summary:focus-visible{outline:2px solid #00A1FF;outline-offset:2px}#faq details .faq-body,#faq details>p,#faq details>div:not([class]){padding:14px 22px 18px 22px!important;margin:0!important;text-indent:0!important;font-size:20px;line-height:1.6;color:#0f1e3a}#faq .faq-body p{margin:0 0 10px!important;padding:0!important;line-height:1.6}#faq .faq-body p:last-child{margin-bottom:0!important}#faq .faq-body ul,#faq .faq-body ol{margin:0 0 10px 22px}#faq .faq-body li{line-height:1.6}#faq .faq-body a{color:#00A1FF;font-weight:600;text-decoration:none}#faq .faq-body a:hover{text-decoration:underline}@media (max-width:767px){#faq summary{padding:14px 16px!important;font-size:17px;align-items:flex-start}#faq summary::after{margin-top:1px}#faq details .faq-body,#faq details>p,#faq details>div:not([class]){padding:12px 16px 14px 16px!important;font-size:17px}}.sp-tab__tab_title:hover,.sp-tab__tab_title:focus{color:white!important}@media (max-width:767px){body #page-container h1{font-weight:700}body #page-container h2{color:#1843a5!important;font-weight:700}body #page-container h3{font-weight:700}body #page-container li{line-height:1.6!important}body #page-container a{text-decoration:none;font-weight:bold}body #page-container a:hover{text-decoration:none;color:#1f53ad;font-weight:bold}}.beitragsbild-rechts{float:right;width:42%;max-width:440px;height:auto;margin:6px 0 16px 28px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.36)}@media (max-width:767px){.beitragsbild-rechts{float:none;width:100%;max-width:none;margin:0 0 16px}}.artikel-breadcrumb{font-size:15px;margin:0 0 10px}.artikel-breadcrumb a{color:#1f53ad}.uf-eyebrow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:18px}.uf-eyebrow::before{content:"";width:9px;height:9px;background:#E11B22;flex:none}.uf-eyebrow__label{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#1843A5}.et_pb_text .uf-eyebrow__label,.uf-eyebrow .uf-eyebrow__label{color:#1843A5}.uf-badge{display:inline-flex;align-items:center;padding:3px 10px 4px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;white-space:nowrap;flex:none}.seminar-termine-titel{margin-bottom:.6em}.seminar-termin.uf-eyebrow{margin-bottom:2px!important}.seminar-termin a.seminar-termin-link{font-size:16px!important;text-decoration:none;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;white-space:nowrap}.seminar-termin a.seminar-termin-link:hover{color:'f4f4f4;
  text-decoration:underline;
}

/* Info-Hinweis in Rot passend zum Kästchen */
.seminar-termin-info{
  margin-left:.35em;
}

/* Variante Inhouse: Tinte auf Kartenblau */
.uf-badge--inhouse{
  background:#CFE5F9;
  color:#10225A;
}

/* Dezenter Hinweis-Kasten mit Zahlen */
.note-metrics{
  border:1px solid #e1e1e1;
  border-radius:6px;
  padding:12px 16px;
  background:#fafafa;
  margin:12px 0 24px 0;
}

/* Praxisbeispiel-Kasten */
.box-example{
  border:1px solid #e1e1e1;
  border-radius:6px;
  padding:12px 16px;
  background:#ffffff;
  margin:16px 0;
}

/*Formcraft Hintergrund der Felder */
.form-element-html input[type="text"],
.form-element-html input[type="email"],
.form-element-html select,
.form-element-html textarea {
  border: none !important;
  border-bottom: 2px solid #f4f4f4 !important;
  outline: none !important;
  box-shadow: none !important;
  background: #fbfbfb !important;
}

/*Formcraft Hintergrund der Felder */
.form-element-html input[type="text"],
.form-element-html input[type="email"],
.form-element-html textarea {
  border: none !important;
  border-bottom: 2px solid #f4f4f4 !important;
  outline: none !important;
  box-shadow: none !important;
  background: #fbfbfb !important;
}

/* Formcraft Schriftfarbe für Nutzereingaben */
.form-element-html input[type="text"],
.form-element-html input[type="email"],
.form-element-html textarea,
.form-element-html input[type="radio"],
.form-element-html input[type="checkbox"] {
  color: #003366 !important;
}

.form-element-html input[type="text"],
.form-element-html input[type="email"] {
  height: 36px !important; /* Höhe für Text- und E-Mail-Felder */
  line-height: 36px !important; /* Zentriert den Text vertikal */
}

.form-element-html textarea {
  min-height: 40px !important; /* Mindesthöhe für Textarea */
  line-height: 1.2 !important; /* Zeilenabstand für Textarea */
}

/*** Unterstreichung von Links auf Event-Seiten ausschalten ***/
.tribe-events-single-event-description.tribe-events-content a:link,
.tribe-events-single-event-description.tribe-events-content a:visited,
.tribe-events-single-event-description.tribe-events-content a:active {
  text-decoration: none !important;
border-bottom: unset !important;}

/* This adds the underline ONLY when hovering */
.tribe-events-single-event-description.tribe-events-content a:hover {
    text-decoration: underline !important;
}

/* Bilder in Terminübersichten mit Schatten */
.tribe-events-calendar-list__event-featured-image {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.36);
    border-radius: 0px;
}


/* Blockquote: linke Linie (4pt) + immer 40pt Abstand nach unten */
.et_pb_text blockquote{
  margin: 1.25em 0 120pt;          /* unten fix 120pt */
  padding: 0.25em 0 0.25em 1.25em;
  border-left: 4pt solid #00a1ff; /* 4pt wie gewuenscht */
  background: transparent;
}

.et_pb_text blockquote p:last-child{
  margin-bottom: 0;
}


/* ============================================================
   MODERNES BLOG-LAYOUT FUER DIVI - Design "uwefreund.com"
   Version OHNE CSS-Variablen (kompatibel mit Divi-Theme-Optionen)
   ------------------------------------------------------------
   Einfuegen unter: Divi > Theme-Optionen > Allgemein > Benutzerdefiniertes CSS
   Blog-Modul: Layout "Raster" + CSS-Klasse "blog-modern"
   Section mit dem Blog-Modul: CSS-Klasse "blog-section"
   ------------------------------------------------------------
   Farbwerte zum Nachschlagen:
   Akzent Azurblau: #00a1f1 | Hover: #008ad0
   Headline Marineblau: #1b3f92 | Eyebrow-Rot: #e3001b
   Text: #3a4150 | Seitenhintergrund: #eef3fc
   ============================================================ */

/* Heller blauer Seitenhintergrund fuer die Blog-Section */
.blog-section {
  background-color: #eef3fc;
}

/* ---------- KARTEN-GRUNDGERUEST ---------- */
.blog-modern .et_pb_post {
  background: #ffffff;
  border: 1px solid transparent;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(27, 63, 146, 0.07);
  overflow: hidden;
  padding: 0 !important;
  margin-bottom: 32px;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Hover: sanftes Anheben + feiner blauer Rahmen */
.blog-modern .et_pb_post:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 36px rgba(27, 63, 146, 0.14);
  border-color: #00a1f1;
}

/* ---------- BEITRAGSBILD ---------- */
.blog-modern .et_pb_post .entry-featured-image-url {
  display: block;
  overflow: hidden;
  margin-bottom: 0;
  aspect-ratio: 16 / 10;
}

.blog-modern .et_pb_post .entry-featured-image-url img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.blog-modern .et_pb_post:hover .entry-featured-image-url img {
  transform: scale(1.05);
}

/* ---------- META-ZEILE IM EYEBROW-STIL ---------- */
.blog-modern .et_pb_post .post-meta {
  order: -1;
  padding: 24px 28px 0;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #00a1f1;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.blog-modern .et_pb_post .post-meta:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #e3001b;
  margin-right: 8px;
  vertical-align: 1px;
}

.blog-modern .et_pb_post .post-meta a {
  color: #00a1f1;
}

/* ---------- TITEL & AUSZUG ---------- */
.blog-modern .et_pb_post .entry-title {
  padding: 0 28px;
  margin-top: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

.blog-modern .et_pb_post .entry-title a {
  color: #1b3f92;
  transition: color 0.25s ease;
}

.blog-modern .et_pb_post .entry-title a:hover {
  color: #00a1f1;
}

.blog-modern .et_pb_post .post-content {
  padding: 0 28px;
}

.blog-modern .et_pb_post .post-content p {
  color: #3a4150;
  font-size: 15px;
  line-height: 1.75;
  margin-top: 10px;
}

/* ---------- "WEITERLESEN" ALS PILL-BUTTON MIT GLOW ---------- */
.blog-modern .et_pb_post .post-content .more-link {
  display: inline-block;
  margin: 16px 0 28px;
  padding: 11px 26px;
  background: #00a1f1;
  color: #ffffff !important;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(0, 161, 241, 0.35);
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.blog-modern .et_pb_post .post-content .more-link:before {
  content: "\2192\00a0";
}

.blog-modern .et_pb_post .post-content .more-link:hover {
  background: #008ad0;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 161, 241, 0.45);
}

/* ---------- PAGINATION ---------- */
.blog-modern .wp-pagenavi a,
.blog-modern .wp-pagenavi span {
  border: 1px solid #d8e2f5;
  border-radius: 999px;
  padding: 8px 16px;
  background: #ffffff;
  color: #1b3f92;
  font-weight: 600;
  transition: all 0.25s ease;
}

.blog-modern .wp-pagenavi a:hover,
.blog-modern .wp-pagenavi span.current {
  background: #00a1f1;
  border-color: #00a1f1;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 161, 241, 0.35);
}

/* ---------- RESPONSIVE FEINSCHLIFF ---------- */
@media (max-width: 980px) {
  .blog-modern .et_pb_post .entry-title { font-size: 18px; }
}

@media (max-width: 767px) {
  .blog-modern .et_pb_post { margin-bottom: 24px; }
  .blog-modern .et_pb_post .post-meta { padding: 20px 20px 0; }
  .blog-modern .et_pb_post .entry-title,
  .blog-modern .et_pb_post .post-content { padding-left: 20px; padding-right: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .blog-modern .et_pb_post,
  .blog-modern .et_pb_post .entry-featured-image-url img,
  .blog-modern .et_pb_post .post-content .more-link {
    transition: none;
  }
}

/* ============================================================
   SMART POST SHOW PRO im Design "uwefreund.com" - VERSION 2
   Verstaerkte Selektoren (ID + !important), falls das
   Plugin-CSS die normale Version ueberschreibt.
   ------------------------------------------------------------
   Die ID #pcp_wrapper-32619 gilt fuer DEIN Grid auf der
   fraguwe-Seite. Fuer weitere Grids die jeweilige ID ergaenzen
   (im HTML: ).
   ============================================================ */

/* ---------- KARTEN ---------- */
#pcp_wrapper-32619 .sp-pcp-post,
.sp-pcp-section .sp-pcp-post {
  background: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 24px rgba(27, 63, 146, 0.07) !important;
  padding: 18px 22px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}

#pcp_wrapper-32619 .sp-pcp-post:hover,
.sp-pcp-section .sp-pcp-post:hover {
  border-color: #00a1f1 !important;
  box-shadow: 0 12px 30px rgba(27, 63, 146, 0.14) !important;
}

/* ---------- TITEL ---------- */
#pcp_wrapper-32619 .sp-pcp-title,
.sp-pcp-section .sp-pcp-title {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

#pcp_wrapper-32619 .sp-pcp-title a,
.sp-pcp-section .sp-pcp-title a {
  color: #1b3f92 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

#pcp_wrapper-32619 .sp-pcp-post:hover .sp-pcp-title a,
.sp-pcp-section .sp-pcp-post:hover .sp-pcp-title a {
  color: #00a1f1 !important;
}

/* ---------- FILTER-DROPDOWN IM PILL-STIL ---------- */
#pcp_wrapper-32619 .pcp-shuffle-filter,
.sp-pcp-section .pcp-shuffle-filter {
  margin-bottom: 28px !important;
}

#pcp_wrapper-32619 .pcp-shuffle-filter select,
.sp-pcp-section .pcp-shuffle-filter select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 11px 44px 11px 22px !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300a1f1' d='M1.4 0L6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  border: 1px solid #d8e2f5 !important;
  border-radius: 999px !important;
  color: #1b3f92 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

#pcp_wrapper-32619 .pcp-shuffle-filter select:hover,
#pcp_wrapper-32619 .pcp-shuffle-filter select:focus,
.sp-pcp-section .pcp-shuffle-filter select:hover,
.sp-pcp-section .pcp-shuffle-filter select:focus {
  border-color: #00a1f1 !important;
  box-shadow: 0 6px 18px rgba(0, 161, 241, 0.2) !important;
  outline: none !important;
}

/* Feiner Rahmen um jede Kachel (Ruhezustand) */
#pcp_wrapper-32619 .sp-pcp-post,
.sp-pcp-section .sp-pcp-post {
  border-color: #d8e2f5 !important;
}

/* Sanftes Anheben beim Hover - wie bei den Divi-Blog-Karten */
#pcp_wrapper-32619 .sp-pcp-post,
.sp-pcp-section .sp-pcp-post {
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

#pcp_wrapper-32619 .sp-pcp-post:hover,
.sp-pcp-section .sp-pcp-post:hover {
  transform: translateY(-6px) !important;
}

/* Reduzierte Animation respektieren */
@media (prefers-reduced-motion: reduce) {
  #pcp_wrapper-32619 .sp-pcp-post,
  .sp-pcp-section .sp-pcp-post {
    transition: none !important;
    transform: none !important;
  }
}

/* Gesamte Kachel klickbar - Version 2 */
#pcp_wrapper-32619 .sp-pcp-post,
.sp-pcp-section .sp-pcp-post {
  position: relative !important;
  cursor: pointer;
}

#pcp_wrapper-32619 .sp-pcp-title a::after,
.sp-pcp-section .sp-pcp-title a::after {
  content: ""!important;display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:5!important}.sp-pcp-section .sp-pcp-post .sp-pcp-post-content,.sp-pcp-section .sp-pcp-post p{color:#3a4150;font-size:15px;line-height:1.7}.sp-pcp-section .sp-pcp-title{margin-bottom:8px!important}