.elementor-20320 .elementor-element.elementor-element-b7215f4{--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-20320 .elementor-element.elementor-element-e2f2827{--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-20320 .elementor-element.elementor-element-559838b{--spacer-size:5em;}.elementor-20320 .elementor-element.elementor-element-3ff2b39{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-169f4b1{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-2d9c21a{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-c40d070{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-6eb5e47{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-4c7e6bc{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-d938d87{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-8baabe3{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-dfacdd3{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-4cc94af{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-f1a01d2{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-1ed7be0{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-d294c2f{--spacer-size:2em;}.elementor-20320 .elementor-element.elementor-element-1e08e56{--spacer-size:5em;}/* Start custom CSS *//* Scoped styles: betreffen nur Inhalte innerhalb .fee-article */
.fee-article{
  --maxw: 72ch;
  --pad: clamp(16px, 3vw, 28px);
  --radius: 16px;
  --border: rgba(0,0,0,.12);
  --muted: rgba(0,0,0,.68);
  --bg: #ffffff;
  --fg: #111111;
  --card: rgba(0,0,0,.03);
  --link: inherit;
  color: var(--fg);
  background: transparent;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.65;
  font-size: clamp(16px, 1.05vw + 12px, 19px);
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
@media (prefers-color-scheme: dark){
  .fee-article{
    --border: rgba(255,255,255,.18);
    --muted: rgba(255,255,255,.72);
    --bg: #0b0b0b;
    --fg: #f3f3f3;
    --card: rgba(255,255,255,.06);
  }
}

.fee-container{
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--pad);
}

.fee-article h1, .fee-article h2, .fee-article h3{
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin: 0 0 .6em 0;
}
.fee-article h1{ font-size: clamp(28px, 2.2vw + 18px, 44px); }
.fee-article h2{ font-size: clamp(22px, 1.6vw + 16px, 30px); margin-top: 1.2em; }
.fee-article h3{ font-size: clamp(18px, 1.2vw + 14px, 24px); margin-top: 1.0em; }

.fee-article p{ margin: 0 0 1em 0; }
.fee-article a{ color: var(--link); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.fee-article a:hover{ opacity: .9; }

.fee-lede{
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius);
  padding: clamp(14px, 2vw, 18px);
}

.fee-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 720px){
  .fee-grid{ grid-template-columns: 1fr 1fr; }
}

.fee-callout{
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius);
  padding: clamp(14px, 2vw, 18px);
}
.fee-callout strong{ display: inline-block; margin-bottom: .25em; }

.fee-list{
  padding-left: 1.1em;
  margin: 0 0 1em 0;
}
.fee-list li{ margin: .35em 0; }

.fee-figure{
  margin: 1em 0 1.2em 0;
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: var(--radius);
  padding: 10px;
}
.fee-figure img{
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: calc(var(--radius) - 8px);
}
.fee-figcaption{
  font-size: .95em;
  color: var(--muted);
  margin-top: .6em;
}

/* Superscript citations */
.fee-article sup{
  font-size: .75em;
  vertical-align: super;
  line-height: 0;
  margin-left: 1px;
}
.fee-article sup a{
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  padding: 0 2px;
  border-radius: 6px;
}
.fee-article sup a:hover{ background: var(--card); }

/* References */
.fee-refs{
  margin: 0;
  padding-left: 1.2em;
}
.fee-refs li{
  margin: .6em 0;
  color: var(--muted);
}
.fee-refs a{ text-decoration: underline; }

.fee-note{
  font-size: .95em;
  color: var(--muted);
  border-left: 4px solid var(--border);
  padding-left: 12px;
  margin: 1em 0;
}

.fee-divider{
  height: 1px;
  background: var(--border);
  margin: 1.2em 0;
}
/* Layout: linksbündig erzwingen */
.fee-article{
  text-align: left;
}

/* Überschriften etwas kleiner (hierarchisch) */
.fee-article h1{ font-size: clamp(24px, 1.9vw + 16px, 38px); }
.fee-article h2{ font-size: clamp(20px, 1.3vw + 15px, 26px); margin-top: 1.1em; }
.fee-article h3{ font-size: clamp(17px, 1.0vw + 13px, 21px); margin-top: 0.9em; }

/* Links farblich abheben (blau) */
.fee-article a{
  color: #0b66ff;
}
.fee-article a:hover{
  opacity: 1;
  text-decoration-thickness: 3px;
}
/* ==============================
   Lesefreundlichkeit / Magazin-Look
   ============================== */

/* Grundtypografie etwas ruhiger + lesbarer */
.fee-article{
  font-size: clamp(16.5px, 1.05vw + 12.5px, 20px);
  line-height: 1.75;
  letter-spacing: 0.01em;
  text-align: left;
}

/* Zeilenlänge für Blogs: meist angenehmer als 72ch */
.fee-container{
  max-width: 68ch;
}

/* Absätze optisch klarer trennen */
.fee-article p{
  margin: 0 0 1.15em 0;
}

/* Überschriften etwas kompakter + schönerer Rhythmus */
.fee-article h2{
  margin-top: 1.35em;
  margin-bottom: .55em;
}
.fee-article h3{
  margin-top: 1.1em;
  margin-bottom: .45em;
}

/* Links deutlich blau + gute Fokus-Optik */
.fee-article a{
  color: #0b66ff;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.fee-article a:hover{
  text-decoration-thickness: 3px;
}
.fee-article a:focus-visible{
  outline: 3px solid rgba(11,102,255,.35);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Karten/Callouts „eindrücklicher“, aber nicht zu laut */
.fee-lede,
.fee-callout,
.fee-figure{
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.07);
}

.fee-lede,
.fee-callout{
  padding: clamp(16px, 2.2vw, 22px);
}

/* Listen etwas luftiger */
.fee-list li{
  margin: .45em 0;
}

/* Superscripts etwas besser klickbar */
.fee-article sup a{
  padding: 0 4px;
  border-radius: 8px;
}
.fee-article sup a:hover{
  background: rgba(0,0,0,.06);
}
@media (prefers-color-scheme: dark){
  .fee-article sup a:hover{
    background: rgba(255,255,255,.10);
  }
}
/* Block 3 "Vorab zur Info" als hervorgehobene Info-Box */
#vorab-zur-info{
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 18px;
  padding: clamp(16px, 2.2vw, 22px);
  box-shadow: 0 10px 30px rgba(0,0,0,.07);
  margin: 1.2em 0;
}

/* Optional: kleines Icon */
#vorab-zur-info{
  position: relative;
  padding-left: 52px;
}
#vorab-zur-info::before{
  content: "ℹ️";
  position: absolute;
  left: 16px;
  top: 18px;
  font-size: 20px;
  line-height: 1;
}/* End custom CSS */