.elementor-3938 .elementor-element.elementor-element-a9203af{--display:flex;}.elementor-3938 .elementor-element.elementor-element-8c84d9c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3938 .elementor-element.elementor-element-266c82c .elementor-heading-title{font-family:"NotoSans", Sans-serif;font-size:35px;font-weight:700;text-transform:none;line-height:42px;color:var( --e-global-color-primary );}.elementor-3938 .elementor-element.elementor-element-74b73d3 .elementor-icon-list-icon{width:14px;}.elementor-3938 .elementor-element.elementor-element-74b73d3 .elementor-icon-list-icon i{font-size:14px;}.elementor-3938 .elementor-element.elementor-element-74b73d3 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-3938 .elementor-element.elementor-element-ca97c79 .elementor-widget-container{text-align:start;font-family:var( --e-global-typography-bf0bb64-font-family ), Sans-serif;font-size:var( --e-global-typography-bf0bb64-font-size );font-weight:var( --e-global-typography-bf0bb64-font-weight );}.elementor-3938 .elementor-element.elementor-element-51a723d{--box-background-color:var( --e-global-color-9361b74 );--box-border-color:var( --e-global-color-primary );--box-border-radius:10px;--separator-width:0px;--header-color:var( --e-global-color-primary );--item-text-color:var( --e-global-color-9a608e8 );--item-text-hover-decoration:underline;}.elementor-3938 .elementor-element.elementor-element-51a723d .elementor-toc__spinner{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3938 .elementor-element.elementor-element-51a723d .elementor-toc__header-title{text-align:start;}.elementor-3938 .elementor-element.elementor-element-51a723d .elementor-toc__header{flex-direction:row;}.elementor-3938 .elementor-element.elementor-element-5ba103b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3938 .elementor-element.elementor-element-5ba103b{text-align:start;color:var( --e-global-color-primary );font-family:"NotoSans", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-3938 .elementor-element.elementor-element-ca97c79 .elementor-widget-container{font-size:var( --e-global-typography-bf0bb64-font-size );}}@media(max-width:767px){.elementor-3938 .elementor-element.elementor-element-ca97c79 .elementor-widget-container{font-size:var( --e-global-typography-bf0bb64-font-size );}}/* Start custom CSS *//* 2 + 3 — Fließtext: linksbündig, Silbentrennung, moderateres Gewicht, mehr Luft */ .elementor-3938 .elementor-widget-theme-post-excerpt .elementor-widget-container, .elementor-3938 .elementor-widget-theme-post-content .elementor-widget-container { text-align: left; hyphens: auto; -webkit-hyphens: auto; } .elementor-3938 .elementor-widget-theme-post-content p.wp-block-paragraph { font-weight: 400; font-size: clamp(1rem, 0.94rem + 0.25vw, 1.125rem); line-height: 1.75; color: var(--e-global-color-primary); } /* 4 — Überschriften: eigener Rhythmus, Farbfehler der Sprungmarken-Links korrigiert */ .elementor-3938 .elementor-widget-theme-post-content h2.wp-block-heading, .elementor-3938 .elementor-widget-theme-post-content h3.wp-block-heading { margin-top: 2.2em; margin-bottom: 0.7em; } .elementor-3938 .elementor-widget-theme-post-content h2.wp-block-heading:first-child, .elementor-3938 .elementor-widget-theme-post-content h3.wp-block-heading:first-child { margin-top: 0; } .elementor-3938 .elementor-widget-theme-post-content .wp-block-heading a { color: inherit; text-decoration: none; } /* 5 — Listen: Marken-Bullet statt Standardpunkt, Schriftgröße wie Fließtext */ .elementor-3938 .elementor-widget-theme-post-content ul.wp-block-list { list-style: none; padding-left: 1.3em; display: grid; gap: 0.85em; } .elementor-3938 .elementor-widget-theme-post-content ul.wp-block-list li { position: relative; font-size: var(--article-font-size); line-height: 1.7; } .elementor-3938 .elementor-widget-theme-post-content ul.wp-block-list li::before { content: ''; position: absolute; left: -1.3em; top: 0.6em; width: 7px; height: 7px; background-color: var(--e-global-color-accent); } /* 6 — Quellen: letzte Liste im Artikel wird abgesetzt und gedämpft */ .elementor-3938 .elementor-widget-theme-post-content ul.wp-block-list:last-of-type { font-size: 0.9em; opacity: 0.85; border-top: 1px solid #D1D1D1; padding-top: 1.6em; margin-top: 2.4em; gap: 0.6em; } /* 7 — Callout für Auszeichnungs-Absätze ("Kurz & knapp", "Merke:") Funktioniert auf jedem Block — einzelner Absatz ODER Gruppe mit mehreren Blöcken (z. B. Überschrift + Absatz + Liste). Im Editor: Block markieren → Erweitert → Feld „Zusätzliche CSS-Klasse(n)“ (NICHT „Benutzerdefiniertes CSS“!) → callout */ .elementor-3938 .elementor-widget-theme-post-content .callout { background: #F4F6F7; border-left: 3px solid var(--e-global-color-accent); border-radius: 0 6px 6px 0; padding: 1.1em 1.4em; } /* Bei einer Gruppe: kein doppelter Innenabstand oben/unten durch das erste bzw. letzte Kind-Element (Absatz, Überschrift, Liste …) */ .elementor-3938 .elementor-widget-theme-post-content .callout > *:first-child { margin-top: 0; } .elementor-3938 .elementor-widget-theme-post-content .callout > *:last-child { margin-bottom: 0; } /* 8 — Beitragsbild: volle Breite, gerundet, dezenter Schatten (Bildgröße im Widget zusätzlich auf „Groß“ oder „Voll“ stellen — sonst bleibt die Datei nur 300 px scharf und wird hochskaliert) */ .elementor-3938 .elementor-widget-theme-post-featured-image img { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 8px 30px rgba(51, 60, 70, 0.15); } /* 9 — Meta-Zeile gedämpft, Trennzeichen in Akzentfarbe */ .elementor-3938 .elementor-widget-post-info .elementor-post-info { opacity: 0.65; font-size: 0.85em; letter-spacing: 0.01em; } .elementor-3938 .elementor-widget-post-info .elementor-icon-list-item:not(:last-child)::after { content: '·'; margin: 0 0.5em; color: var(--e-global-color-accent); } /* 10 — Inhaltsverzeichnis in Akzentfarbe statt Elementor-Standardblau */ .elementor-3938 .elementor-widget-table-of-contents .elementor-toc__header-title { color: var(--e-global-color-primary); } .elementor-3938 .elementor-widget-table-of-contents a:hover { color: var(--e-global-color-accent) !important; } @media (max-width: 767px) { .elementor-3938 .elementor-widget-theme-post-content h3.wp-block-heading { padding-left: 0.5em; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'NotoSans'; font-display: auto; src: url('https://oliverarp.de/wp-content/uploads/2026/05/NotoSans-VariableFont_wdthwght.ttf') format('truetype'); } /* End Custom Fonts CSS */