.elementor-4368 .elementor-element.elementor-element-98057cf{--display:flex;}.elementor-4368 .elementor-element.elementor-element-98057cf:not(.elementor-motion-effects-element-type-background), .elementor-4368 .elementor-element.elementor-element-98057cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2FDFF;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}body.elementor-page-4368:not(.elementor-motion-effects-element-type-background), body.elementor-page-4368 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2FDFF;}/* Start custom CSS *//** * Lexikon Single – Typografie & Farben (softengine.de) * Einbindung: Elementor Custom Code oder Theme-CSS * Gilt nur für CPT lexikon-Inhalt im WordPress-Editor (.lexikon-entry) */ body.single-lexikon .lexikon-entry, .post-type-lexikon .lexikon-entry, .elementor-location-single .lexikon-entry { --lexikon-navy: #213c55; --lexikon-teal: #27d1ba; --lexikon-white: #ffffff; --lexikon-body-size: 18px; --lexikon-line: 1.55; --lexikon-h2-size: 48px; --lexikon-h3-size: 28px; --lexikon-lead-size: 22px; --lexikon-max-width: 820px; color: var(--lexikon-navy); font-size: var(--lexikon-body-size); line-height: var(--lexikon-line); max-width: var(--lexikon-max-width); margin: 0 auto; padding: 0 1.25rem 3rem; } body.single-lexikon .lexikon-entry *, .post-type-lexikon .lexikon-entry * { box-sizing: border-box; } /* Kicker */ body.single-lexikon .lexikon-kicker, .post-type-lexikon .lexikon-kicker { font-family: "Antarctica expanded bold", "Antarctica Expanded", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lexikon-teal); margin: 0 0 1rem; } /* Lead */ body.single-lexikon .lexikon-lead, .post-type-lexikon .lexikon-lead { font-size: var(--lexikon-lead-size); font-weight: 500; line-height: 1.45; color: var(--lexikon-navy); margin: 0 0 1.75rem; } /* Highlight-Box */ body.single-lexikon .lexikon-highlight, .post-type-lexikon .lexikon-highlight { background: rgba(39, 209, 186, 0.12); border-left: 4px solid var(--lexikon-teal); padding: 1.25rem 1.5rem; margin: 0 0 2rem; border-radius: 0 8px 8px 0; } body.single-lexikon .lexikon-highlight p, .post-type-lexikon .lexikon-highlight p { margin: 0; font-size: 1.05em; } /* Fließtext */ body.single-lexikon .lexikon-entry p, .post-type-lexikon .lexikon-entry p, body.single-lexikon .lexikon-entry li, .post-type-lexikon .lexikon-entry li { margin: 0 0 1.1em; color: var(--lexikon-navy); } body.single-lexikon .lexikon-entry ul, body.single-lexikon .lexikon-entry ol, .post-type-lexikon .lexikon-entry ul, .post-type-lexikon .lexikon-entry ol { margin: 0 0 1.5em 1.25em; padding: 0; } body.single-lexikon .lexikon-entry strong, .post-type-lexikon .lexikon-entry strong { font-weight: 700; color: var(--lexikon-navy); } /* Überschriften (angelehnt an referenzen-heading / faq-ueberschrift) */ body.single-lexikon .lexikon-entry h2, .post-type-lexikon .lexikon-entry h2 { font-family: "Antarctica expanded bold", "Antarctica Expanded", sans-serif; font-size: var(--lexikon-h2-size); font-weight: 700; line-height: 1.1; color: var(--lexikon-navy); margin: 2.25rem 0 1rem; } body.single-lexikon .lexikon-entry h3, body.single-lexikon .lexikon-entry h4, .post-type-lexikon .lexikon-entry h3, .post-type-lexikon .lexikon-entry h4 { font-family: "Antarctica expanded bold", "Antarctica Expanded", sans-serif; font-size: var(--lexikon-h3-size); font-weight: 700; line-height: 1.2; color: var(--lexikon-navy); margin: 1.75rem 0 0.75rem; } /* Fave-Akzent: nie als erstes Zeichen in der Zeile */ body.single-lexikon .lexikon-accent, .post-type-lexikon .lexikon-accent { font-family: "fave-script-pro", cursive; font-weight: 400; font-style: normal; color: var(--lexikon-teal); line-height: 1; display: inline-block; margin-left: 0.15em; } body.single-lexikon .lexikon-entry h2 > .lexikon-accent:first-child, body.single-lexikon .lexikon-entry h3 > .lexikon-accent:first-child, .post-type-lexikon .lexikon-entry h2 > .lexikon-accent:first-child, .post-type-lexikon .lexikon-entry h3 > .lexikon-accent:first-child { display: none; } /* Facts */ body.single-lexikon .lexikon-facts, .post-type-lexikon .lexikon-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.25rem; margin: 2rem 0; } body.single-lexikon .lexikon-fact, .post-type-lexikon .lexikon-fact { border: 1px solid rgba(39, 209, 186, 0.45); border-radius: 8px; padding: 1.25rem; background: var(--lexikon-white); } body.single-lexikon .lexikon-fact strong, .post-type-lexikon .lexikon-fact strong { display: block; margin-bottom: 0.5rem; font-size: 1.05em; } /* Feature-Grid */ body.single-lexikon .lexikon-feature-grid, .post-type-lexikon .lexikon-feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; margin: 2rem 0; } body.single-lexikon .lexikon-feature, .post-type-lexikon .lexikon-feature { padding: 1.25rem 0; border-top: 2px solid var(--lexikon-teal); } body.single-lexikon .lexikon-feature h3, .post-type-lexikon .lexikon-feature h3 { margin-top: 0; font-size: 1.35rem; } /* Steps */ body.single-lexikon .lexikon-steps, .post-type-lexikon .lexikon-steps { margin: 2rem 0; padding-left: 1.25rem; counter-reset: lexikon-step; list-style: none; } body.single-lexikon .lexikon-steps > li, .post-type-lexikon .lexikon-steps > li { position: relative; padding-left: 2.5rem; margin-bottom: 1.5rem; counter-increment: lexikon-step; } body.single-lexikon .lexikon-steps > li::before, .post-type-lexikon .lexikon-steps > li::before { content: counter(lexikon-step); position: absolute; left: 0; top: 0; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; text-align: center; background: var(--lexikon-teal); color: var(--lexikon-white); border-radius: 50%; font-weight: 700; font-size: 0.9rem; } /* FAQ */ body.single-lexikon .lexikon-faq, .post-type-lexikon .lexikon-faq { margin-top: 2.5rem; padding-top: 1rem; } body.single-lexikon .lexikon-faq > h2, .post-type-lexikon .lexikon-faq > h2 { font-size: var(--lexikon-h2-size); margin-bottom: 1.5rem; } body.single-lexikon .lexikon-faq-item, .post-type-lexikon .lexikon-faq-item { border-bottom: 1px solid rgba(33, 60, 85, 0.15); padding: 1.25rem 0; } body.single-lexikon .lexikon-faq-item h3, .post-type-lexikon .lexikon-faq-item h3 { font-size: 1.2rem; margin: 0 0 0.5rem; } body.single-lexikon .lexikon-faq-item p, .post-type-lexikon .lexikon-faq-item p { margin: 0; font-size: 0.98em; } /* ============================================== DESKTOP (ab 1367px) – Standard oben ============================================== */ /* ============================================== LAPTOP (1025px - 1366px, Maus) ============================================== */ @media screen and (min-width: 1025px) and (max-width: 1366px) and (any-hover: hover) { body.single-lexikon .lexikon-entry, .post-type-lexikon .lexikon-entry { --lexikon-h2-size: 42px; --lexikon-h3-size: 26px; --lexikon-lead-size: 20px; --lexikon-body-size: 17px; } } /* ============================================== TABLET QUER (1025px - 1366px, Touch) ============================================== */ @media screen and (min-width: 1025px) and (max-width: 1366px) and (any-hover: none) { body.single-lexikon .lexikon-entry, .post-type-lexikon .lexikon-entry { --lexikon-h2-size: 36px; --lexikon-h3-size: 24px; --lexikon-lead-size: 19px; } } /* ============================================== TABLET HOCHKANT (769px - 1024px) ============================================== */ @media screen and (min-width: 769px) and (max-width: 1024px) { body.single-lexikon .lexikon-entry, .post-type-lexikon .lexikon-entry { --lexikon-h2-size: 30px; --lexikon-h3-size: 22px; --lexikon-lead-size: 18px; --lexikon-body-size: 16px; padding-left: 1.5rem; padding-right: 1.5rem; } } /* ============================================== HANDY QUER (481px - 768px) ============================================== */ @media screen and (min-width: 481px) and (max-width: 768px) { body.single-lexikon .lexikon-entry, .post-type-lexikon .lexikon-entry { --lexikon-h2-size: 26px; --lexikon-h3-size: 20px; --lexikon-lead-size: 17px; --lexikon-body-size: 16px; } } /* ============================================== HANDY HOCHKANT (bis 480px) ============================================== */ @media screen and (max-width: 480px) { body.single-lexikon .lexikon-entry, .post-type-lexikon .lexikon-entry { --lexikon-h2-size: 22px; --lexikon-h3-size: 18px; --lexikon-lead-size: 16px; --lexikon-body-size: 15px; padding-left: 1rem; padding-right: 1rem; } body.single-lexikon .lexikon-facts, .post-type-lexikon .lexikon-facts, body.single-lexikon .lexikon-feature-grid, .post-type-lexikon .lexikon-feature-grid { grid-template-columns: 1fr; } }/* End custom CSS */