.elementor-87647 .elementor-element.elementor-element-04d616a{margin-top:0px;margin-bottom:0px;}.elementor-87647 .elementor-element.elementor-element-a2e0b93{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-87647 .elementor-element.elementor-element-c362dcb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-87647 .elementor-element.elementor-element-c362dcb{text-align:justify;color:#394A58;}.elementor-87647 .elementor-element.elementor-element-5428c86 > .elementor-widget-container{margin:0px 0px -481px 0px;}.elementor-87647 .elementor-element.elementor-element-5428c86{z-index:-1;text-align:justify;color:#FFFFFF00;}.elementor-87647 .elementor-element.elementor-element-bcf5405 > .elementor-widget-container{margin:30px 0px 62px 0px;}.elementor-87647 .elementor-element.elementor-element-bcf5405{font-family:"ingra", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-87647 .elementor-element.elementor-element-0b928c4 > .elementor-widget-container{margin:-70px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-c362dcb *//* ===== DESIGNSTUUV Artikelstil ===== */
.dsi-date {
  color: #E9D6D2;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 0.4em;
}

.dsi-subhead {
  font-family: inherit;
  color: #2B3744;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 2.4em 0 1em;
  border-left: 4px solid #E9D6D2;
  padding-left: .6em;
}

.highlight {
  color: #2B3744;
  background: linear-gradient(transparent 70%, #F6E6E0 70%);
  padding: 0 .1em;
}

.dsi-quote {
  border-left: 4px solid #E9D6D2;
  padding-left: 1em;
  margin: 1.6em 0;
  font-style: italic;
  color: #2B3744;
}

.dsi-divider {
  border: 0;
  border-top: 1px solid #F6E6E0;
  margin: em auto;
  width: 60%;
}

.dsi-cases {
  list-style: none;
  padding: 0;
  margin: 1.5em 0;
}
.dsi-cases li {
  margin-bottom: 1.8em;
  position: relative;
  padding-left: 1.4em;
}
.dsi-cases li::before {
  content: "★";
  color: #E9D6D2;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.1em;
}

.dsi-claim {
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  color: #2B3744;
  margin: 3em 0 2em;
  position: relative;
}
.dsi-claim::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.8em;
  width: 60px;
  height: 3px;
  background: #E9D6D2;
  border-radius: 2px;
}

/* zartes Fade-In beim Scrollen */
.dsi-subhead, .dsi-cases li, .dsi-quote, .dsi-claim {
  opacity: 0;
  transform: translateY(10px);
  transition: all .6s ease-out;
}
.dsi-subhead.is-visible, .dsi-cases li.is-visible,
.dsi-quote.is-visible, .dsi-claim.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 1) Artikel-Überschriften erzwingen – exakt CI */
.dsi-article .dsi-h2,
.dsi-article h2,
.single .dsi-article h2,
.elementor .dsi-article h2,
.elementor .dsi-article .dsi-h2 {
  font-family: "cabrito-didone-normal", serif !important;
  font-weight: normal !important;
  font-size: clamp(20px, 2.2vw + 12px, 24px) !important;
  line-height: 1.25 !important;
  color: #394a58 !important;
  margin: 0.9em 0 0.5em !important;
  padding-top: .35em !important;
  border-top: 1px solid #E5B7BA !important; /* dezente Rosé-Linie */
}

/* 2) Den globalen h1–h6-Reset in deinem Content neutralisieren */
.dsi-article h1,
.dsi-article h2,
.dsi-article h3,
.single .elementor-text-editor h1,
.single .elementor-text-editor h2,
.single .elementor-text-editor h3 {
  font-size: revert !important;
  line-height: revert !important;
  font-weight: revert !important; /* wir setzen oben die Werte selber */
}

/* 3) Headline-Widget allgemein (falls du mal kein .dsi-article nutzt) */
.elementor-widget-heading h2.elementor-heading-title {
  font-family: "cabrito-didone-normal", serif !important;
  font-weight: normal !important;
  line-height: 1.25 !important;
  color: #394a58 !important;
}

/* 4) Typo-Bug fixen – überschreibt kaputten Block mit doppeltem Anführungszeichen */
.single-blog .elementor-widget-heading h2.elementor-heading-title,
.single-blog .elementor-widget-heading.upper h2.elementor-heading-title {
  font-family: "cabrito-didone-normal", serif !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bcf5405 *//* Pullquote im Artikel – CI-konform */
.dsi-article .dsi-pullquote{
  margin: 1.4em 0;
  padding: 1em 1.2em;
  background: #F8F3F2;               /* helles Beige */
  border-left: 4px solid #E9D6D2;     /* Rosé */
  border-radius: 6px;
}
.dsi-article .dsi-pullquote p{
  margin: 0;
  font-style: italic;
  color: #2B3744;                     /* Navy/Dunkelblau */
}

/* CTA-Box + Button im CI */
.dsi-article .dsi-cta{
  margin: 1.8em 0;
  padding: 1em 1.2em;
  border: 2px solid #E9D6D2;
  border-radius: 10px;
  background: #FFFFFF;
}
.dsi-article .dsi-btn{
  display: inline-block;
  padding: 10px 16px;
  background: #394A58;                /* Navy */
  color: #E5B7BA;                     /* Rosé */
  text-decoration: none;
  border: 2px solid #394A58;
  transition: .25s ease;
  font-family: "Ingra", sans-serif;
  border-radius: 0px;
}
.dsi-article .dsi-btn:hover{
  background: #E5B7BA;
  color: #394A58;
  border-color: #E5B7BA;
}

/* „Über die …“ – kleiner Headline-Style */
.dsi-article .dsi-h2.dsi-h2--sm{
  font-size: clamp(20px, 1.2vw + 14px, 28px) !important;
  border-top-width: 1px !important;
}

/* Meta-Icon neben Headline */
.dsi-article .dsi-meta{ position: relative; }
.dsi-article .dsi-meta-icon{
  position: absolute;
  left: -28px; top: .35em;
  font-size: 18px;
}

/* Sicherstellen, dass die Überschriften in diesem Block Cabrito nutzen */
.dsi-article .dsi-h2,
.dsi-article h2{
  font-family: "cabrito-didone-normal", serif !important;
  font-weight: normal !important;
  line-height: 1.25 !important;
  color: #394A58 !important;
}
.dsi-article, .dsi-article p, .dsi-article li{
  font-family: "Ingra", sans-serif;
  color: #394A58;
  line-height: 1.7;
  
}/* End custom CSS */