.elementor-536 .elementor-element.elementor-element-4fba9f2{--display:flex;--min-height:251px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.8;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-536 .elementor-element.elementor-element-4fba9f2:not(.elementor-motion-effects-element-type-background), .elementor-536 .elementor-element.elementor-element-4fba9f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-536 .elementor-element.elementor-element-4fba9f2::before, .elementor-536 .elementor-element.elementor-element-4fba9f2 > .elementor-background-video-container::before, .elementor-536 .elementor-element.elementor-element-4fba9f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-536 .elementor-element.elementor-element-4fba9f2 > .elementor-background-slideshow::before, .elementor-536 .elementor-element.elementor-element-4fba9f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-536 .elementor-element.elementor-element-4fba9f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#12121263;--background-overlay:'';}.elementor-536 .elementor-element.elementor-element-773cfae{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-536 .elementor-element.elementor-element-8a87bb6{text-align:center;}.elementor-536 .elementor-element.elementor-element-8a87bb6 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:63px;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-536 .elementor-element.elementor-element-27b8e3b{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-536 .elementor-element.elementor-element-27b8e3b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-536 .elementor-element.elementor-element-1c4625e{--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;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-536 .elementor-element.elementor-element-3d5f2a3{margin:-120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-536 .elementor-element.elementor-element-3d5f2a3 img{width:776px;box-shadow:2px 2px 10px 2px rgba(0,0,0,0.5);}.elementor-536 .elementor-element.elementor-element-4c22e65{--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:15px;--margin-right:15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-536 .elementor-element.elementor-element-e88da24{padding:0px 80px 50px 50px;}@media(min-width:768px){.elementor-536 .elementor-element.elementor-element-4fba9f2{--content-width:1170px;}.elementor-536 .elementor-element.elementor-element-4c22e65{--content-width:877px;}}@media(max-width:1024px){.elementor-536 .elementor-element.elementor-element-4fba9f2{--padding-top:200px;--padding-bottom:130px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-536 .elementor-element.elementor-element-4fba9f2{--padding-top:160px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-536 .elementor-element.elementor-element-e88da24{padding:15px 25px 10px 1px;}}/* Start custom CSS *//* =========================
   Gastbeitrag Styles (scoped)
   Container-Klasse: .gb-article
   Ziel: ruhige, moderne Formatierung + runder Avatar + kompakte Boxen
   ========================= */

/* Basis */
.gb-article{
  max-width: 820px;
  margin: 0 auto;
  line-height: 1.65;
  font-size: 18px;
}

.gb-article p{
  margin: 0 0 1em;
}

/* Headings */
.gb-article h1{
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 .35em;
}

.gb-article h2{
  font-size: 20px;
  font-weight: 500;
  opacity: .85;
  margin: 0 0 1.1em;
}

.gb-article h3{
  font-size: 22px;
  margin: 1.45em 0 .6em;
  line-height: 1.25;
}

/* Autorbox */
.gb-article .gb-authorbox{
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 16px 18px;
  margin: 0 0 18px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: rgba(0,0,0,.02);
}

.gb-article .gb-author-meta{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.gb-article .gb-label{
  display: inline-block;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .75;
}

.gb-article .gb-authorname{
  font-size: 18px;
  margin: 0;
}

.gb-article .gb-authorhint{
  font-size: 14px;
  opacity: .85;
  margin: 0;
}

/* Rundes Foto (Avatar) */
.gb-article .gb-avatar{
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border-radius: 999px;
  overflow: hidden;
  border: 2px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.04);
}

.gb-article .gb-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Intro-Absatz */
.gb-article .gb-lead{
  font-size: 19px;
  opacity: .95;
}

/* Listen */
.gb-article ul{
  margin: .4em 0 1.15em 1.2em;
  padding: 0;
}

.gb-article li{
  margin: .45em 0;
}

.gb-article ul li::marker{
  font-size: 1.05em;
}

/* Callout / Merksatz (KOMPAKT + Theme-Overrides) */
.gb-article .gb-callout{
  margin: .5em 0 .7em !important;        /* kompakt */
  padding: 10px 12px !important;         /* kompakt */
  border-left: 4px solid rgba(0,0,0,.25) !important;
  background: rgba(0,0,0,.03) !important;
  border-radius: 12px !important;
}

/* verhindert zusätzliche Abstände durch Theme-Styles */
.gb-article .gb-callout *{
  margin: 0 !important;
}

.gb-article .gb-callout strong{
  display: block;
  margin-bottom: 6px !important;
}

/* Abstand direkt nach der Box */
.gb-article .gb-callout + p{
  margin-top: .5em !important;
}

.gb-article .gb-callout + h3{
  margin-top: 1em !important;
}

/* Optional: Zitat */
.gb-article .gb-quote{
  margin: .8em 0 1em !important;
  padding: 12px 14px !important;
  border-left: 4px solid rgba(0,0,0,.35) !important;
  background: rgba(0,0,0,.02) !important;
  border-radius: 12px !important;
  font-style: italic;
}

/* Footer/Signatur */
.gb-article .gb-signature{
  margin-top: 1.6em;
  padding-top: 1em;
  border-top: 1px solid rgba(0,0,0,.08);
  font-weight: 600;
}

/* Responsive */
@media (max-width: 640px){
  .gb-article{ font-size: 17px; }
  .gb-article .gb-authorbox{ align-items: flex-start; }
  .gb-article .gb-avatar{ width: 56px; height: 56px; flex-basis: 56px; }
}



/* =========================
   Schönere Callout-Box (statt "abgeschnitten")
   -> ans ENDE des CSS setzen
   ========================= */

.gb-article .gb-callout{
  position: relative;
  margin: .7em 0 .9em !important;
  padding: 14px 16px 14px 18px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.02) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* Akzentleiste links – sieht hochwertiger aus als border-left */
.gb-article .gb-callout::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  width: 4px;
  border-radius: 6px;
  background: rgba(0,0,0,.28);
}

/* Innenabstände sauber */
.gb-article .gb-callout strong{
  display: block;
  margin: 0 0 6px !important;
  font-size: 14px;
  opacity: .85;
}

.gb-article .gb-callout p{
  margin: 0 !important;
}

/* Danach etwas dichter */
.gb-article .gb-callout + p{
  margin-top: .6em !important;
}



/* =========================
   FIX: Theme-Abstände in .gb-article normalisieren
   -> ans ENDE des CSS setzen
   ========================= */

/* 1) Allgemeine Block-Abstände im Artikel kontrollieren */
.gb-article p,
.gb-article ul,
.gb-article ol,
.gb-article h1,
.gb-article h2,
.gb-article h3,
.gb-article blockquote,
.gb-article .gb-callout{
  margin-block-start: 0.6em !important;
  margin-block-end: 0.6em !important;
}

/* Überschriften: oben etwas mehr Luft, unten weniger */
.gb-article h3{
  margin-block-start: 1.2em !important;
  margin-block-end: 0.45em !important;
}

/* 2) Callout selbst: kompakt */
.gb-article .gb-callout{
  margin: 0.6em 0 0.7em !important;
}

/* 3) Ganz wichtig: wenn das Theme „zwischen jedem Block“ extra Abstand gibt */
.gb-article > *{
  margin-top: 0.6em !important;
  margin-bottom: 0.6em !important;
}

/* Autorbox soll oben nicht zu dicht sein */
.gb-article .gb-authorbox{
  margin-top: 0 !important;
  margin-bottom: 1em !important;
}

/* Signatur etwas Abstand */
.gb-article .gb-signature{
  margin-top: 1.3em !important;
}/* End custom CSS */