/* ========================================================================== MH Immobilien — Block-Styles (Frontend UND Editor via add_editor_style) Nur ACSS-Variablen, keine Rohwerte (Playbook §6.3). Sektionen: 1. Basis & Pflicht-Fixes 2. ACSS-fluid-Fix 3. Icon-Masken 4. Blöcke mh/* (folgen in eigenen Abschnitten) ========================================================================== */ /* --- 1. Basis & Pflicht-Fixes (Playbook §6.4) ----------------------------- */ /* Bricks gibt main#brx-content die Klasse brxe-container — neutralisieren. body-Prefix: schlägt die Theme-Style-Regel `#brx-content.wordpress {width:var(--content-width)}` (Mike 08/2026: Hintergründe IMMER full-bleed, Content bleibt im .brxe-container). */ body #brx-content, body #brx-content.wordpress, #brx-content, #brx-content.wordpress { width: 100%; max-inline-size: 100%; padding: 0; } /* Content-Deckel: ACSS liefert 90rem (1440px) — Mike 03.08.2026: max. 1700px. Gilt für alle `var(--content-width)`-Stellen (Header, Footer, Sektionen). Zeilenhöhen (Mike 03.08.2026): Überschriften 1.15, Fließtext 1.5. */ :root { --content-width: 1700px; --h1-line-height: 1.15; --h2-line-height: 1.15; --h3-line-height: 1.15; --h4-line-height: 1.15; --h5-line-height: 1.15; --h6-line-height: 1.15; --heading-line-height: 1.15; --text-line-height: 1.5; --text-l-line-height: 1.5; --text-m-line-height: 1.5; --text-s-line-height: 1.5; } /* Keine Versalien irgendwo (Mike 03.08.2026) — schlägt ACSS-/Bricks-Defaults, die u. a. h3 und in Großbuchstaben setzen. */ h1, h2, h3, h4, h5, h6, cite, blockquote, figcaption, caption, th, .brxe-heading, .brxe-text, .bricks-button, button { text-transform: none; } /* Hinweis im Editor für ausgeblendete Sektionen (Frontend gibt gar nichts aus) */ .mh-editor-versteckt { margin: var(--space-s) 0; padding: var(--space-s) var(--space-m); border: 1px dashed var(--primary); border-radius: 2px; background: var(--primary-ultra-light); color: var(--primary-ultra-dark); font-size: var(--text-s, 0.875rem); } /* Fokus sichtbar, ohne Layout-Shift */ :focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; } /* Reduzierte Bewegung respektieren */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* >>> ACSS FLUID FIX START 26 Tokens, die ACSS 3.3.6 als clamp(min, calc(Infinityvw + -Infinity), max) ausgibt. Der Mittelterm ist ungültiges CSS -> die Custom Property fällt aus (Folge: h1 landete bei 16px, Sections hatten 0 Padding). Min/Max stammen unverändert aus ACSS, nur die Steigung wird hier korrekt nachgerechnet (Viewport 320px..1440px). Entfernen, sobald ACSS das behebt. */ :root { --gutter: clamp(1.25rem, calc(4.9107vw + 0.2679rem), 4.6875rem); --h1: clamp(2.5rem, calc(2.8571vw + 1.9286rem), 4.5rem); --h2: clamp(2rem, calc(1.4286vw + 1.7143rem), 3rem); --h3: clamp(1.625rem, calc(0.5357vw + 1.5179rem), 2rem); --h4: clamp(1.125rem, calc(0.3571vw + 1.0536rem), 1.375rem); --h5: clamp(0.75rem, calc(0vw + 0.75rem), 0.75rem); --h6: clamp(0.6875rem, calc(0vw + 0.6875rem), 0.6875rem); --section-padding-x: clamp(1.25rem, calc(4.9107vw + 0.2679rem), 4.6875rem); --section-space-l: clamp(3.7491rem, calc(10.7156vw + 1.6059rem), 11.25rem); --section-space-m: clamp(2.8125rem, calc(6.6964vw + 1.4732rem), 7.5rem); --section-space-s: clamp(2.1099rem, calc(4.1287vw + 1.2842rem), 5rem); --section-space-xl: clamp(4.9975rem, calc(16.9679vw + 1.6039rem), 16.875rem); --section-space-xs: clamp(1.5828rem, calc(2.5007vw + 1.0827rem), 3.3333rem); --section-space-xxl: clamp(6.6617rem, calc(26.644vw + 1.3329rem), 25.3125rem); --space-l: clamp(1.2497rem, calc(2.2326vw + 0.8032rem), 2.8125rem); --space-m: clamp(0.9375rem, calc(1.3393vw + 0.6696rem), 1.875rem); --space-s: clamp(0.7033rem, calc(0.781vw + 0.5471rem), 1.25rem); --space-xl: clamp(1.6658rem, calc(3.647vw + 0.9364rem), 4.2188rem); --space-xs: clamp(0.5276rem, calc(0.4368vw + 0.4403rem), 0.8333rem); --space-xxl: clamp(2.2206rem, calc(5.868vw + 1.047rem), 6.3281rem); --text-l: clamp(1.2rem, calc(0.428vw + 1.1144rem), 1.4996rem); --text-m: clamp(1rem, calc(0.1786vw + 0.9643rem), 1.125rem); --text-s: clamp(0.75rem, calc(0vw + 0.75rem), 0.75rem); --text-xl: clamp(1.44rem, calc(0.7986vw + 1.2803rem), 1.999rem); --text-xs: clamp(0.6875rem, calc(0vw + 0.6875rem), 0.6875rem); --text-xxl: clamp(1.728rem, calc(1.3381vw + 1.4604rem), 2.6647rem); } /* <<< ACSS FLUID FIX END */ /* >>> ICONS START ----------------------------------------------------------- Dekorative Line-Icons der Alt-Seite als CSS-Masken (Arbeitsweise §5: kein natives Bricks-Icon-Element). Farbe über currentColor, Größe und Abstände über die jeweilige BEM-Klasse in den Bricks-Class-Settings. Base64 statt URL-Encoding, damit SCSS-Compiler und CSS-Parser nichts zerlegen. */ .svg-icon { display: inline-block; inline-size: var(--icon-size, 3.625rem); block-size: var(--icon-size, 3.625rem); flex: none; background-color: currentColor; -webkit-mask: var(--icon-mask) center / contain no-repeat; mask: var(--icon-mask) center / contain no-repeat; } .icon--haus { /* Haus */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSI1MyIgdmlld0JveD0iMCAwIDU4IDUzIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTU2LjI0MTMgMjcuNjE0N0w0Ny4yNjEzIDE4Ljk3MjdWNS41NTQxNUgzOC41NjA2VjEwLjYxTDI5LjUzNjUgMS45Mzg2NUMyOS4xMTAzIDEuNTI3MTIgMjguNDQ4OSAxLjUyNzEyIDI4LjAzNzQgMS45Mzg2NUwxLjMzMjU1IDI3LjYxNDdDMC44OTE2MzMgMjguMDQwOSAwLjg5MTYzIDI4LjczMTcgMS4zMTc4NSAyOS4xNTc5TDMuMDY2ODIgMzAuOTA2OEMzLjQ3ODM0IDMxLjMxODQgNC4xMzk3MSAzMS4zMzMxIDQuNTY1OTMgMzAuOTM2MkwyOC4wNTIxIDkuNDkzMDFDMjguNDYzNiA5LjExMDg5IDI5LjA5NTYgOS4xMTA4OSAyOS41MjE4IDkuNDkzMDFMNTMuMDA4IDMwLjkzNjJDNTMuNDM0MiAzMS4zMzMxIDU0LjA5NTYgMzEuMzE4NCA1NC41MDcxIDMwLjkwNjhMNTYuMjU2IDI5LjE1NzlDNTYuNjgyMyAyOC43MzE3IDU2LjY4MjMgMjguMDI2MiA1Ni4yNDEzIDI3LjYxNDdaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTI5LjUyMjggOS40OTMxNEMyOS4xMTEzIDkuMTExMDEgMjguNDc5MyA5LjExMTAxIDI4LjA1MzEgOS40OTMxNEw3LjA1MDc4IDI4LjY3M1Y1MS42M0g1MC41MTA0VjI4LjY3M0wyOS41MDgxIDkuNDkzMTRIMjkuNTIyOFoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjAuNjg3NSA1MS42Mjk5VjUwLjMwNzJDMjAuNjg3NSA0OC4xMTczIDIxLjE3MjUgNDYuMTMzMiAyMi4xNDI1IDQ0LjQyODNDMjMuMzYyNCA0Mi4yMzg0IDI1LjM3NTkgNDAuNDc0OCAyOC4xMDk2IDM5LjE4MTRIMjguMTI0M1YzOS4yMTA4QzI1LjM5MDYgNDAuNTA0MiAyMy4zOTE4IDQyLjI2NzggMjIuMTU3MiA0NC40NDNDMjEuMjAxOSA0Ni4xNDc5IDIwLjcxNjkgNDguMTMyIDIwLjcxNjkgNTAuMzIxOVY1MS42Mjk5SDIwLjY4NzVaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTIyLjIxODkgNDQuNTAxOEMyMi4yMTg5IDQ0LjUwMTggMjAuMTQ2NiA0MC4xMzY3IDIyLjE4OTUgMzYuMzQ0OEMyNC41NzA0IDMxLjkyMSAzMC4wNjcyIDMyLjA1MzIgMzIuNzI3NCAyOC40MDgzQzMzLjUwNjMgMjcuMzUwMSAzMy41Nzk4IDI1LjU3MTggMzMuNTc5OCAyNS41NzE4QzMzLjU3OTggMjUuNTcxOCAzOC4zMTIzIDMwLjU1NDEgMzYuNDg5OSAzOC4xMDg1QzM1LjE4MTggNDMuNTQ2NSAzMC40MzQ2IDQ3LjA1OTEgMjIuMjMzNiA0NC40ODcxTDIyLjIxODkgNDQuNTAxOFoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="); } .icon--flaeche { /* Fläche / Winkelmaß */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MiIgaGVpZ2h0PSI1OSIgdmlld0JveD0iMCAwIDYyIDU5IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTYuNzYxMTEgMS4zMDAwNUg1OC45OTExQzU5LjY0MTEgMS4zMDAwNSA2MC4xNjExIDEuODIwMDMgNjAuMTYxMSAyLjQ3MDAzVjU0LjdDNjAuMTYxMSA1NS43NCA1OC45MDExIDU2LjI2IDU4LjE2MTEgNTUuNTNMNS45MzExMiAzLjMwMDA1QzUuMTkxMTIgMi41NjAwNSA1LjcyMTExIDEuMzAwMDUgNi43NjExMSAxLjMwMDA1WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik01MC43ODgyIDExLjg1VjMyLjA4QzUwLjc4ODIgMzMuMTIgNDkuNTI4MiAzMy42NSA0OC43ODgyIDMyLjkxTDI4LjU1ODIgMTIuNjc5OUMyNy44MTgyIDExLjkzOTkgMjguMzM4MiAxMC42Nzk5IDI5LjM4ODIgMTAuNjc5OUg0OS42MTgyQzUwLjI2ODIgMTAuNjc5OSA1MC43ODgyIDExLjIgNTAuNzg4MiAxMS44NVoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNNTQuMzcwNiA0Ni43N0w1NC40NjA2IDQ2Ljg2TDUxLjk3MDYgNDkuMzRMNTEuODkwNiA0OS4yNUw1NC4zNzA2IDQ2Ljc3WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik00Ny43NjM3IDQwLjIwOTZMNDUuMjUgNDIuNjczN0w0NS4zMzQgNDIuNzU5NEw0Ny44NDc3IDQwLjI5NTNMNDcuNzYzNyA0MC4yMDk2WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik00MS4xMjI4IDMzLjUyTDQxLjIxMjggMzMuNkwzOC43MjI4IDM2LjA5TDM4LjYzMjggMzZMNDEuMTIyOCAzMy41MloiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMzQuNDkxNyAyNi44OUwzNC41ODE3IDI2Ljk4TDMyLjA5MTcgMjkuNDZMMzIuMDExNyAyOS4zN0wzNC40OTE3IDI2Ljg5WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yNy44NzI4IDIwLjI2TDI3Ljk1MjggMjAuMzVMMjUuNDcyOCAyMi44M0wyNS4zODI4IDIyLjc1TDI3Ljg3MjggMjAuMjZaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTIxLjI0IDEzLjY0TDIxLjMzIDEzLjcyTDE4Ljg0IDE2LjIxTDE4Ljc1IDE2LjEyTDIxLjI0IDEzLjY0WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xNC42MTI4IDcuMDEwMDFMMTQuNzAyOCA3LjEwMDA0TDEyLjIxMjggOS41ODAwMkwxMi4xMzI4IDkuNUwxNC42MTI4IDcuMDEwMDFaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTEyLjIzMzIgMjAuMTkzOEw1LjIxODc1IDI3LjIwODNMMzIuNTU1NSA1NC41NDVMMzkuNTcgNDcuNTMwNUwxMi4yMzMyIDIwLjE5MzhaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTQzLjA5MjUgNTcuOTk5OUwzOS41ODI1IDQ3LjQ3TDMyLjU2MjUgNTQuNDlMNDMuMDkyNSA1Ny45OTk5WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik01LjIyOTk4IDI3LjE1MDFMMS43MiAyMy42NEMwLjc2IDIyLjY3IDAuNzYgMjEuMSAxLjcyIDIwLjEzTDUuMjI5OTggMTYuNjJDNi4xODk5OCAxNS42NiA3Ljc2OTk5IDE1LjY2IDguNzM5OTkgMTYuNjJMMTIuMjUgMjAuMTNMNS4yMjk5OCAyNy4xNTAxWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg=="); } .icon--pin { /* Standort-Pin */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSI1MyIgdmlld0JveD0iMCAwIDM4IDUzIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTM2LjU2ODUgMTkuMTAwMUMzNi41Njg1IDguNjM2MjIgMjcuNTE1NCAwLjI3Mzk0NCAxNi44MTY0IDEuNDIwMjdDOC45Njg0NCAyLjI1Nzk3IDIuNDQzMTggOC40NTk4NyAxLjIyMzM3IDE2LjI2MzdDMC41NDczMzQgMjAuNTY5OCAxLjQ0MzgzIDI0LjYxMTMgMy4zOTg0NiAyNy45OTE1TDE1Ljg5MDUgNDkuNjM5NUMxNy4xODM4IDUxLjg3MzQgMjAuNDE3IDUxLjg3MzQgMjEuNzEwMyA0OS42Mzk1TDM0LjIwMjQgMjguMDA2MkMzNS43MTYxIDI1LjM3NTUgMzYuNTk3OSAyMi4zNDgxIDM2LjU5NzkgMTkuMTE0OEwzNi41Njg1IDE5LjEwMDFaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTI3LjQ1NTIgMTkuMTAwMUMyNy40NTUyIDIzLjg5MTIgMjMuNTc1MyAyNy43NzExIDE4Ljc4NDIgMjcuNzcxMUMxMy45OTMyIDI3Ljc3MTEgMTAuMTEzMyAyMy44OTEyIDEwLjExMzMgMTkuMTAwMUMxMC4xMTMzIDE0LjMwOSAxMy45OTMyIDEwLjQyOTIgMTguNzg0MiAxMC40MjkyQzIzLjU3NTMgMTAuNDI5MiAyNy40NTUyIDE0LjMwOSAyNy40NTUyIDE5LjEwMDFaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+"); } .icon--baeume { /* Bäume / Erreichbarkeit */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDY0IDUyIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTQyLjMzMTEgMTMuOTEzNUMzOS42MjQ4IDEzLjkxMzUgMzcuMDg1NSAxNC42MTUxIDM0Ljg2MzcgMTUuODM0NkMzNi4zMTcgMTkuODI3MyAzNy4xNTIzIDIzLjg1MzMgMzcuMTUyMyAyNi44MjY5QzM3LjE1MjMgMzIuMDcyNCAzNC41NDYyIDM2LjY4MzIgMzAuNTcwMyAzOS40ODk3QzMzLjQxMDMgNDIuNzk3NSAzNy42MjAxIDQ0LjkwMjMgNDIuMzE0NCA0NC45MDIzQzUwLjg2NzYgNDQuOTAyMyA1Ny44MTcyIDM3Ljk2OTYgNTcuODE3MiAyOS4zOTk2QzU3LjgxNzIgMjAuODI5NiA1MC44ODQzIDEzLjkxMzUgNDIuMzE0NCAxMy45MTM1SDQyLjMzMTFaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik00OC43OTExIDMzLjI5MThMNDguNzc0NCAzMy4yNzUyTDQyLjMyNiAzOS43MDY4VjI2LjgyNjhINDIuMzA5M1YzOS43MDY4TDM4LjQ1MDMgMzUuODQ3OUwzOC40MzM2IDM1Ljg2NDZMNDIuMzA5MyAzOS43NDAzVjUwLjk5OTlINDIuMzI2VjM5Ljc0MDNMNDguNzkxMSAzMy4yOTE4WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNNi4xNjQwNiAyNi44MjY4QzYuMTY0MDYgMzUuMzgwMSAxMy4wOTY5IDQyLjMxMyAyMS42NTAyIDQyLjMxM0MzMC4yMDM0IDQyLjMxMyAzNy4xNTMgMzUuMzgwMSAzNy4xNTMgMjYuODI2OEMzNy4xNTMgMTguMjczNSAzMC4yMjAyIDEgMjEuNjUwMiAxQzEzLjA4MDIgMSA2LjE2NDA2IDE4LjI3MzUgNi4xNjQwNiAyNi44MjY4WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjYuODQzIDI4LjExMzFMMjYuODI2MyAyOC4wOTY0TDIxLjY4MSAzMy4yNDE4VjIxLjY0ODFIMjEuNjQ3NlYyOS4zNjYxTDE3LjgwNTMgMjUuNTIzOEwxNy43NzE5IDI1LjU0MDVMMjEuNjQ3NiAyOS40MTYyVjM4LjQwMzlMMTUuMjE1OSAzMS45NzIxTDE1LjE5OTIgMzEuOTg4OUwyMS42NDc2IDM4LjQ1MzlWNTAuOTk5OUgyMS42ODFWMzMuMjc1MkwyNi44NDMgMjguMTEzMVoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTEgNTFINjIuODI3NSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+IDwvc3ZnPg=="); } .icon--layer { /* Ebenen / Tiefgarage */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3OSIgaGVpZ2h0PSI0NiIgdmlld0JveD0iMCAwIDc5IDQ2IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTI3LjY1IDM3LjkzTDEgMjIuNzJMMzkuMDQgMUw3Ny41OCAyM0wzOS41NCA0NC43MkwzNS40NyA0Mi40IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTUzLjg3MTkgOS40NTk5Nkw0NS42NzE5IDE0LjE0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTM5LjU2MDYgMTcuNjNMMzAuMzkwNiAyMi44NiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yMy45MjAzIDI2LjU2MDFMMTUuODIwMyAzMS4xODAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTIwLjAxOTUgMTEuODZMMzQuODM5NSAyMC4zMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik00NC4yMDMxIDI1LjY1OTlMNTguNTYzMSAzMy44NTk5IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTQ0LjIwMzEgMjUuNjZMNDguOTIzMSAyMi45NyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg=="); } .icon--schluessel { /* Schlüssel / Service */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDQzIDUyIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTMyLjgxNiAyNS4yMjc3QzM3LjUwMzEgMjAuNTQwNSAzNy41MDMxIDEyLjkzOTQgMzIuODE2IDguMjM4NTFDMjguMTI4OCAzLjU1MTM2IDIwLjUyNzcgMy41NTEzNiAxNS44MjY4IDguMjM4NTFDMTIuMjExOCAxMS44NTM1IDExLjM4NyAxNy4yMTQyIDEzLjM2NjQgMjEuNjI2NEwyLjQ4MDEgMzIuNTEyN0wxLjI3MDUxIDM5Ljc4NEg3LjMzMjJMOC44MTY2NyAzOC4zMTMzVjM0LjY3MDdMMTIuNzYxNiAzNC4zNjg0TDEyLjQ1OTIgMzIuODU2M0gxNC4yNzM2VjI5LjIxMzlIMTcuOTE2MUwxOS40MjgxIDI3LjcwMThDMjMuODQwMyAyOS42Njc0IDI5LjE4NzIgMjguODU2NSAzMi44MTYgMjUuMjQxNVYyNS4yMjc3WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjkuNzkyNSAxNS41MjM0QzI4LjYyNDIgMTYuNjkxOCAyNi43MTM2IDE2LjY5MTggMjUuNTQ1MiAxNS41MjM0QzI0LjM3NjkgMTQuMzU1MSAyNC4zNzY5IDEyLjQ0NDUgMjUuNTQ1MiAxMS4yNzYyQzI2LjcxMzYgMTAuMTA3OCAyOC42MjQyIDEwLjEwNzggMjkuNzkyNSAxMS4yNzYyQzMwLjk2MDkgMTIuNDQ0NSAzMC45NjA5IDE0LjM1NTEgMjkuNzkyNSAxNS41MjM0WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMzIuOTgyNyA3LjkwODU5QzMyLjc0OSA3LjgzOTg2IDMyLjUyOTEgNy44MTIzMSAzMi4yOTU1IDcuNzU3MzJDMzIuNDc0MSA3LjkyMjI3IDMyLjY1MjggOC4wNzM1MiAzMi44MzE1IDguMjM4NDZDMzcuNTE4NiAxMi45MjU2IDM3LjUxODYgMjAuNTI2NyAzMi44MzE1IDI1LjIyNzZDMjkuODc2MyAyOC4xODI5IDI1Ljc1MjcgMjkuMjY4OCAyMS45MzE1IDI4LjQ4NTNDMjIuMjIwMSAyOC43NDY0IDIyLjUyMjUgMjguOTkzOSAyMi44Mzg3IDI5LjIyNzZMMTguODUyNSA0NC4wODYzTDIxLjQzNjYgNTEuMDAwMUwyNi42ODczIDQ3Ljk2MjRMMjcuMjIzNCA0NS45NDE4TDI1LjQwOSA0Mi43OTQyTDI4LjY2NjcgNDAuNTY3NUwyNy42NDk1IDM5LjQxMjhMMjkuMjMwMiAzOC41MDU3TDI3LjQxNTggMzUuMzU3OUwzMC41NjM1IDMzLjU0MzVMMzEuMTEzMyAzMS40NjhDMzUuOTI0MiAzMC45NTk0IDQwLjE0NCAyNy41OTE4IDQxLjQ3NzMgMjIuNjQzNUM0My4xOTU1IDE2LjIzODIgMzkuMzg4IDkuNjU0MTggMzIuOTgyNyA3LjkzNjAyVjcuOTA4NTlaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik00MC4zMjEyIDcuMDE0OTFDNDAuNzYxMSA1LjYxMjg5IDQwLjY5MjQgNC4zMzQ2IDQwLjExNTEgMy4zNDQ5M0MzOC45MzMgMS4zMTA2MyAzNi4xNzAxIDAuNDk5NjggMzMuMjE0OSAxLjMxMDY1QzMyLjQzMTQgMS41MzA1OCAzMS42ODkyIDEuODQ2NzEgMzAuOTg4MiAyLjI0NTMzQzI4Ljk5NTEgMy4zODYxOSAyNy41MzgxIDUuMTQ1NTcgMjcuMDE1NyA3LjA0MjQzQzI2Ljg3ODMgNy41NTEgMjYuODA5NiA4LjAzMjEgMjYuODA5NiA4LjUxMzE4QzI2LjgwOTYgOS4zMTA0MSAyNy4wMDIgMTAuMDM4OSAyNy4zODY5IDEwLjY5ODZDMjcuOTkxNyAxMS43NTcgMjkuMDIyNiAxMi40OTkzIDMwLjM2OTYgMTIuODQyOUgzMC4zOTcxQzI5LjA2MzggMTIuNDk5MyAyOC4wMzI5IDExLjc1NyAyNy40MjgxIDEwLjcxMjRDMjcuMDU3IDEwLjA2NjQgMjYuODY0NiA5LjMyNDEgMjYuODY0NiA4LjU0MDYyQzI2Ljg2NDYgOC4wNTk1MyAyNi45MzMzIDcuNTY0NjkgMjcuMDcwNyA3LjA2OTg2QzI3LjU5MzEgNS4xNzMwMSAyOS4wMzYzIDMuNDI3MzYgMzEuMDI5NCAyLjI3Mjc2QzMxLjczMDQgMS44NzQxNCAzMi40NzI2IDEuNTU4MDEgMzMuMjU2MSAxLjMzODA5QzM2LjE5NzYgMC41MTMzNjkgMzguOTYwNCAxLjMyNDM5IDQwLjEyODggMy4zNTg2OUM0MC42OTIzIDQuMzQ4MzUgNDAuNzYxMSA1LjYxMjg5IDQwLjMyMTIgNy4wMTQ5MVpNNDAuMzIxMiA3LjAxNDkxQzM5LjkwODkgOC4zMjA3MSAzOS4wOTc5IDkuNjI2NDkgMzguMDI1NyAxMC42ODQ5IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg=="); } .icon--koffer { /* Koffer / Widmung */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OSIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDQ5IDUyIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEyLjQ4MTUgMzQuOTk1NlY0MC45OTIxQzEyLjQ4MTUgNDMuMTk2NyAxNC4yNzQ2IDQ0Ljk4OTggMTYuNDc5MiA0NC45ODk4SDMyLjQ2OThDMzQuNjc0NCA0NC45ODk4IDM2LjQ2NzUgNDMuMTk2NyAzNi40Njc1IDQwLjk5MjFWMzQuOTk1NkgxMi40NjY4SDEyLjQ4MTVaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0zMi40NzI3IDI4Ljk5OUgxNi40ODJDMTQuMjc3NCAyOC45OTkgMTIuNDg0NCAzMC43OTIxIDEyLjQ4NDQgMzIuOTk2N1YzNC45OTU1SDM2LjQ4NTFWMzIuOTk2N0MzNi40ODUxIDMwLjc5MjEgMzQuNjkyIDI4Ljk5OSAzMi40ODc0IDI4Ljk5OUgzMi40NzI3WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNNDMuNDgwOSAyOS45NTMxSDQyLjQ4MTRWNDMuOTQ1SDQzLjQ4MDlDNDUuNjg1NCA0My45NDUgNDcuNDc4NSA0Mi4xNTE5IDQ3LjQ3ODUgMzkuOTQ3M1YzMy45NTA4QzQ3LjQ3ODUgMzEuNzQ2MiA0NS42ODU0IDI5Ljk1MzEgNDMuNDgwOSAyOS45NTMxWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNNS40NzAzMyAyOS45NTMxQzMuMjY1NzMgMjkuOTUzMSAxLjQ3MjY2IDMxLjc0NjIgMS40NzI2NiAzMy45NTA4VjM5Ljk0NzNDMS40NzI2NiA0Mi4xNTE5IDMuMjY1NzMgNDMuOTQ1IDUuNDcwMzMgNDMuOTQ1SDYuNDY5NzVWMjkuOTUzMUg1LjQ3MDMzWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjcuNDczMiAxSDIxLjQ3NjdDMTkuMjcyMSAxIDE3LjQ3OSAyLjc5MzA3IDE3LjQ3OSA0Ljk5NzY3VjUuOTk3MDhIMzEuNDcwOFY0Ljk5NzY3QzMxLjQ3MDggMi43OTMwNyAyOS42Nzc4IDEgMjcuNDczMiAxWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMTAuNDg2MyA1Ljk5NzA3VjE5Ljk4ODlDMTAuNDg2MyAyMS4wOTEyIDExLjM4MjkgMjEuOTg3NyAxMi40ODUyIDIxLjk4NzdDMTMuNTg3NSAyMS45ODc3IDE0LjQ4NCAyMS4wOTEyIDE0LjQ4NCAxOS45ODg5VjUuOTk3MDdIMTAuNDg2M1oiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTM0LjQ3MjcgNS45OTcwN1YxOS45ODg5QzM0LjQ3MjcgMjEuMDkxMiAzNS4zNjkyIDIxLjk4NzcgMzYuNDcxNSAyMS45ODc3QzM3LjU3MzggMjEuOTg3NyAzOC40NzAzIDIxLjA5MTIgMzguNDcwMyAxOS45ODg5VjUuOTk3MDdIMzQuNDcyN1oiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTQyLjQ3ODYgMTguMDA0NEgzOC40ODA5VjIwLjAwMzNDMzguNDgwOSAyMS4xMDU1IDM3LjU4NDQgMjIuMDAyMSAzNi40ODIxIDIyLjAwMjFDMzUuMzc5OCAyMi4wMDIxIDM0LjQ4MzIgMjEuMTA1NSAzNC40ODMyIDIwLjAwMzNWMTguMDA0NEgxNC40ODAyVjIwLjAwMzNDMTQuNDgwMiAyMS4xMDU1IDEzLjU4MzcgMjIuMDAyMSAxMi40ODE0IDIyLjAwMjFDMTEuMzc5MSAyMi4wMDIxIDEwLjQ4MjUgMjEuMTA1NSAxMC40ODI1IDIwLjAwMzNWMTguMDA0NEg2LjQ4NDg2VjQzLjAwNDVDNi40ODQ4NiA0Ny4zOTkgMTAuMDg1NyA1MC45OTk5IDE0LjQ4MDIgNTAuOTk5OUgzNC40ODMyQzM4Ljg3NzcgNTAuOTk5OSA0Mi40Nzg2IDQ3LjM5OSA0Mi40Nzg2IDQzLjAwNDVWMTguMDA0NFoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTM0LjQ4NSA1Ljk5NzA3SDE0LjQ4MTlWMTcuOTkwMUgzNC40ODVWNS45OTcwN1oiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTIuNDcxNjggOS45OTQ3NFYxMy45OTI0QzIuNDcxNjggMTYuMTk3IDQuMjY0NzUgMTcuOTkwMSA2LjQ2OTM1IDE3Ljk5MDFIMTAuNDY3VjUuOTk3MDdINi40NjkzNUM0LjI2NDc1IDUuOTk3MDcgMi40NzE2OCA3Ljc5MDE0IDIuNDcxNjggOS45OTQ3NFoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTQyLjQ3NzYgNS45OTcwN0gzOC40OFYxNy45OTAxSDQyLjQ3NzZDNDQuNjgyMiAxNy45OTAxIDQ2LjQ3NTMgMTYuMTk3IDQ2LjQ3NTMgMTMuOTkyNFY5Ljk5NDc0QzQ2LjQ3NTMgNy43OTAxNCA0NC42ODIyIDUuOTk3MDcgNDIuNDc3NiA1Ljk5NzA3WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="); } .icon--blatt { /* Blatt / Nachhaltigkeit */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MSIgaGVpZ2h0PSI1MSIgdmlld0JveD0iMCAwIDUxIDUxIiBmaWxsPSJub25lIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2XzE2MikiPiA8cGF0aCBkPSJNMjIuODI1IDUuMTE0MThDMjMuNDExMSA0LjUyODMzIDI0LjIwNTggNC4xOTkyMiAyNS4wMzQ0IDQuMTk5MjJDMjUuODYzMSA0LjE5OTIyIDI2LjY1NzggNC41MjgzMyAyNy4yNDM4IDUuMTE0MThMMzQuNDA5NCAxMi4yNzk4VjguMjM5MThDMzQuNDA5NCA3LjgyNDc4IDM0LjU3NCA3LjQyNzM1IDM0Ljg2NzEgNy4xMzQzMkMzNS4xNjAxIDYuODQxMyAzNS41NTc1IDYuNjc2NjggMzUuOTcxOSA2LjY3NjY4SDM5LjA5NjlDMzkuNTExMyA2LjY3NjY4IDM5LjkwODggNi44NDEzIDQwLjIwMTggNy4xMzQzMkM0MC40OTQ4IDcuNDI3MzUgNDAuNjU5NCA3LjgyNDc4IDQwLjY1OTQgOC4yMzkxOFYxOC41Mjk4TDQ4LjAxNTcgMjUuODgyOUM0OC4xNjA5IDI2LjAyODIgNDguMjc2MiAyNi4yMDA3IDQ4LjM1NDggMjYuMzkwNUM0OC40MzM0IDI2LjU4MDMgNDguNDczOSAyNi43ODM3IDQ4LjQ3MzkgMjYuOTg5MkM0OC40NzM5IDI3LjE5NDYgNDguNDMzNCAyNy4zOTgxIDQ4LjM1NDggMjcuNTg3OUM0OC4yNzYyIDI3Ljc3NzcgNDguMTYwOSAyNy45NTAyIDQ4LjAxNTcgMjguMDk1NEM0Ny44NzA0IDI4LjI0MDcgNDcuNjk3OSAyOC4zNTU5IDQ3LjUwODEgMjguNDM0NkM0Ny4zMTgzIDI4LjUxMzIgNDcuMTE0OSAyOC41NTM2IDQ2LjkwOTQgMjguNTUzNkM0Ni43MDQgMjguNTUzNiA0Ni41MDA1IDI4LjUxMzIgNDYuMzEwNyAyOC40MzQ2QzQ2LjEyMDkgMjguMzU1OSA0NS45NDg0IDI4LjI0MDcgNDUuODAzMiAyOC4wOTU0TDI1LjAzNDQgNy4zMjM1NUw5LjQwOTQyIDIyLjk0ODZWNDIuNjE0MkM5LjQwOTQyIDQzLjAyODYgOS41NzQwNCA0My40MjYgOS44NjcwNyA0My43MTlDMTAuMTYwMSA0NC4wMTIxIDEwLjU1NzUgNDQuMTc2NyAxMC45NzE5IDQ0LjE3NjdIMjMuNDcxOUMyMy44ODYzIDQ0LjE3NjcgMjQuMjgzOCA0NC4zNDEzIDI0LjU3NjggNDQuNjM0M0MyNC44Njk4IDQ0LjkyNzMgMjUuMDM0NCA0NS4zMjQ4IDI1LjAzNDQgNDUuNzM5MkMyNS4wMzQ0IDQ2LjE1MzYgMjQuODY5OCA0Ni41NTEgMjQuNTc2OCA0Ni44NDRDMjQuMjgzOCA0Ny4xMzcxIDIzLjg4NjMgNDcuMzAxNyAyMy40NzE5IDQ3LjMwMTdIMTAuOTcxOUM5LjcyODcyIDQ3LjMwMTcgOC41MzY0NCA0Ni44MDc4IDcuNjU3MzYgNDUuOTI4N0M2Ljc3ODI4IDQ1LjA0OTcgNi4yODQ0MiA0My44NTc0IDYuMjg0NDIgNDIuNjE0MlYyNi4wNzM2TDQuMjY1NjcgMjguMDk1NEM0LjEyMDQgMjguMjQwNyAzLjk0NzkzIDI4LjM1NTkgMy43NTgxMiAyOC40MzQ2QzMuNTY4MzEgMjguNTEzMiAzLjM2NDg3IDI4LjU1MzYgMy4xNTk0MiAyOC41NTM2QzIuOTUzOTcgMjguNTUzNiAyLjc1MDUzIDI4LjUxMzIgMi41NjA3MiAyOC40MzQ2QzIuMzcwOTEgMjguMzU1OSAyLjE5ODQ1IDI4LjI0MDcgMi4wNTMxNyAyOC4wOTU0QzEuOTA3OSAyNy45NTAyIDEuNzkyNjYgMjcuNzc3NyAxLjcxNDA0IDI3LjU4NzlDMS42MzU0MSAyNy4zOTgxIDEuNTk0OTUgMjcuMTk0NiAxLjU5NDk1IDI2Ljk4OTJDMS41OTQ5NSAyNi43ODM3IDEuNjM1NDEgMjYuNTgwMyAxLjcxNDA0IDI2LjM5MDVDMS43OTI2NiAyNi4yMDA3IDEuOTA3OSAyNi4wMjgyIDIuMDUzMTcgMjUuODgyOUwyMi44MjUgNS4xMTQxOFoiIGZpbGw9IiMwMDAiLz4gPHBhdGggZD0iTTM5LjA5NjkgNTAuNDI2OEM0MS45OTc3IDUwLjQyNjggNDQuNzc5NyA0OS4yNzQ0IDQ2LjgzMDkgNDcuMjIzMkM0OC44ODIxIDQ1LjE3MjEgNTAuMDM0NCA0Mi4zOTAxIDUwLjAzNDQgMzkuNDg5M0M1MC4wMzQ0IDM2LjU4ODUgNDguODgyMSAzMy44MDY1IDQ2LjgzMDkgMzEuNzU1M0M0NC43Nzk3IDI5LjcwNDEgNDEuOTk3NyAyOC41NTE4IDM5LjA5NjkgMjguNTUxOEMzNi4xOTYxIDI4LjU1MTggMzMuNDE0MSAyOS43MDQxIDMxLjM2MjkgMzEuNzU1M0MyOS4zMTE4IDMzLjgwNjUgMjguMTU5NCAzNi41ODg1IDI4LjE1OTQgMzkuNDg5M0MyOC4xNTk0IDQyLjM5MDEgMjkuMzExOCA0NS4xNzIxIDMxLjM2MjkgNDcuMjIzMkMzMy40MTQxIDQ5LjI3NDQgMzYuMTk2MSA1MC40MjY4IDM5LjA5NjkgNTAuNDI2OFpNNDQuMzQzOCAzNi4zODYxTDQwLjE3MTkgNDMuMzQyNEMzOS45ODg2IDQzLjY0OCAzOS43MzggNDMuOTA3OCAzOS40MzkxIDQ0LjEwMkMzOS4xNDAzIDQ0LjI5NjIgMzguODAxMSA0NC40MTk2IDM4LjQ0NzQgNDQuNDYzQzM4LjA5MzcgNDQuNTA2NCAzNy43MzQ3IDQ0LjQ2ODYgMzcuMzk3OCA0NC4zNTI0QzM3LjA2MDkgNDQuMjM2MSAzNi43NTQ5IDQ0LjA0NDYgMzYuNTAzMiA0My43OTI0TDM0LjA4NDQgNDEuMzc2OEMzMy43OTE0IDQxLjA4MzQgMzMuNjI3IDQwLjY4NTYgMzMuNjI3MyA0MC4yNzFDMzMuNjI3NiAzOS44NTYzIDMzLjc5MjYgMzkuNDU4OCAzNC4wODYgMzkuMTY1OEMzNC4zNzk0IDM4Ljg3MjggMzQuNzc3MSAzOC43MDg0IDM1LjE5MTggMzguNzA4N0MzNS42MDY0IDM4LjcwOSAzNi4wMDM5IDM4Ljg3NCAzNi4yOTY5IDM5LjE2NzRMMzguMDA2MyA0MC44NzY4TDQxLjY2MjUgMzQuNzc5OUM0MS43NjggMzQuNjAzOCA0MS45MDcxIDM0LjQ1MDMgNDIuMDcxOSAzNC4zMjhDNDIuMjM2OCAzNC4yMDU3IDQyLjQyNCAzNC4xMTcxIDQyLjYyMzEgMzQuMDY3MUM0Mi44MjIyIDM0LjAxNzIgNDMuMDI5MSAzNC4wMDcgNDMuMjMyMSAzNC4wMzcxQzQzLjQzNTEgMzQuMDY3MiA0My42MzAyIDM0LjEzNjkgNDMuODA2MyAzNC4yNDI0QzQzLjk4MjQgMzQuMzQ3OSA0NC4xMzU5IDM0LjQ4NyA0NC4yNTgyIDM0LjY1MThDNDQuMzgwNSAzNC44MTY2IDQ0LjQ2OTEgMzUuMDAzOSA0NC41MTkgMzUuMjAyOUM0NC41Njg5IDM1LjQwMiA0NC41NzkyIDM1LjYwOSA0NC41NDkxIDM1LjgxMkM0NC41MTkgMzYuMDE1IDQ0LjQ0OTMgMzYuMjEwMSA0NC4zNDM4IDM2LjM4NjFaIiBmaWxsPSIjMDAwIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aD4gPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiBmaWxsPSIjMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAzNDQyMzggMC40MjY3NTgpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+"); } .icon--gespraech { /* Gespräch / Kommunikation */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MSIgaGVpZ2h0PSI1MSIgdmlld0JveD0iMCAwIDUxIDUxIiBmaWxsPSJub25lIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2XzE2MCkiPiA8cGF0aCBkPSJNMjcuNzM0NCAwLjU3MDI4M0MyNC43NDY5IC0wLjE3NjU5MiAyMS45NzE5IDIuMDgyNzggMjEuNzcxOSA1LjAwNzc4QzIxLjU0NjkgOC4yOTIxNiAyMS4wNTMyIDExLjMwNzggMjAuNDM0NCAxMy4xMDE1QzIwLjA0MzggMTQuMjI2NSAxOC45Mzc1IDE2LjI2NzIgMTcuMTg0NCAxOC4yMjM0QzE1LjQ0MzggMjAuMTcwMyAxMy4xNzgyIDIxLjkwNDcgMTAuNTI1IDIyLjYyOTdDOC40MjUwNSAyMy4yMDE1IDYuMjg0NDIgMjUuMDIwMyA2LjI4NDQyIDI3LjY3NjVWNDAuMTc5N0M2LjI4NDQyIDQyLjgyMDMgOC40MTU2NyA0NC43NTQ3IDEwLjgwOTQgNDUuMDA3OEMxNC4xNTMyIDQ1LjM2NCAxNS42OTY5IDQ2LjMwNDcgMTcuMjcxOSA0Ny4yNjcyTDE3LjQyMTkgNDcuMzYwOUMxOC4yNzE5IDQ3Ljg3NjUgMTkuMjI4MiA0OC40NDg0IDIwLjQ1MzIgNDguODczNEMyMS42OTM4IDQ5LjI5ODQgMjMuMTQzOCA0OS41NTE1IDI1LjAzNDQgNDkuNTUxNUgzNS45NzE5QzM4LjkgNDkuNTUxNSA0MC45Njg4IDQ4LjA2MDkgNDIuMDE1NyA0Ni4yMjY1QzQyLjUyMTYgNDUuMzYwOSA0Mi43OTUxIDQ0LjM3OTEgNDIuODA5NCA0My4zNzY1QzQyLjgwOTQgNDIuOTAxNSA0Mi43Mzc1IDQyLjQwMTUgNDIuNTY4OCA0MS45MjY1QzQzLjE5NjkgNDEuMTA0NyA0My43NTYzIDQwLjEyMDMgNDQuMDkzOCAzOS4xMTA5QzQ0LjQzNzUgMzguMDc5NyA0NC42MzEzIDM2LjcyOTcgNDQuMTA2MyAzNS41MjAzQzQ0LjMyMTkgMzUuMTE0IDQ0LjQ4MTMgMzQuNjc5NyA0NC42MDMyIDM0LjI2MDlDNDQuODQzOCAzMy40MTcyIDQ0Ljk1NjMgMzIuNDg1OSA0NC45NTYzIDMxLjU4MjhDNDQuOTU2MyAzMC42ODI4IDQ0Ljg0MzggMjkuNzU0NyA0NC42MDMyIDI4LjkwNzhDNDQuNDk2NCAyOC41MTc2IDQ0LjM1MTkgMjguMTM4OCA0NC4xNzE5IDI3Ljc3NjVDNDQuNzE5MSAyNi45OTggNDUuMDcxMiAyNi4wOTk0IDQ1LjE5ODQgMjUuMTU2M0M0NS4zMjU3IDI0LjIxMzMgNDUuMjI0NCAyMy4yNTM1IDQ0LjkwMzIgMjIuMzU3OEM0NC4yNTk0IDIwLjUwNzggNDIuNzcxOSAxOC45MjAzIDQxLjE1MzIgMTguMzgyOEMzOC41MDYzIDE3LjUwMTUgMzUuNTE4OCAxNy41MjAzIDMzLjI5MDcgMTcuNzIzNEMzMi44MjgxIDE3Ljc2NTIgMzIuMzY2NSAxNy44MTczIDMxLjkwNjMgMTcuODc5N0MzMi45ODYgMTMuMjM2NiAzMi45MTk1IDguNDAwNjEgMzEuNzEyNSAzLjc4OTAzQzMxLjUwMTggMy4wNTAyNSAzMS4wOTc1IDIuMzgxMTcgMzAuNTQxNSAxLjg1MUMyOS45ODU1IDEuMzIwODMgMjkuMjk4IDAuOTQ4ODA1IDI4LjU1IDAuNzczNDA4TDI3LjczNDQgMC41NzAyODNaTTM1Ljk3MTkgNDYuNDI5N0gyNS4wMzQ0QzIzLjQ0MDcgNDYuNDI5NyAyMi4zMzc1IDQ2LjIxNCAyMS40NzE5IDQ1LjkxNzJDMjAuNTkzOCA0NS42MTQgMTkuODkwNyA0NS4yMDQ3IDE5LjA0NjkgNDQuNjg5TDE4LjkyMTkgNDQuNjE0QzE3LjE4NzUgNDMuNTU0NyAxNS4xNzgyIDQyLjMyOTcgMTEuMTQwNyA0MS45MDE1QzEwLjEgNDEuNzg5IDkuNDA5NDIgNDAuOTk1MyA5LjQwOTQyIDQwLjE4MjhWMjcuNjc2NUM5LjQwOTQyIDI2Ljg4MjggMTAuMTE1NyAyNS45Nzk3IDExLjM0NjkgMjUuNjQ1M0MxNC43Njg4IDI0LjcwNzggMTcuNTI1IDIyLjUzMjggMTkuNTE1NyAyMC4zMDc4QzIxLjUgMTguMDg5IDIyLjg0MDcgMTUuNjk4NCAyMy4zODQ0IDE0LjEyNjVDMjQuMTQzOCAxMS45MzkgMjQuNjU2MyA4LjYwMTUzIDI0Ljg5MDcgNS4yMjAyOEMyNC45Njg4IDQuMDg5MDMgMjYuMDE1NyAzLjM2NDAzIDI2Ljk3NSAzLjYwMTUzTDI3Ljc5MzggMy44MDc3OEMyOC4yOTM4IDMuOTMyNzggMjguNiA0LjI1NDY2IDI4LjY5MzggNC42MDQ2NkMyOS45NyA5LjQ2NzIyIDI5LjgxMjYgMTQuNTk1MSAyOC4yNDA3IDE5LjM3MDNDMjguMTUxNyAxOS42MzU5IDI4LjEzNTcgMTkuOTIwNSAyOC4xOTQ1IDIwLjE5NDNDMjguMjUzMiAyMC40NjgyIDI4LjM4NDUgMjAuNzIxMyAyOC41NzQ2IDIwLjkyN0MyOC43NjQ3IDIxLjEzMjcgMjkuMDA2NSAyMS4yODM2IDI5LjI3NDkgMjEuMzYzN0MyOS41NDMzIDIxLjQ0MzkgMjkuODI4MyAyMS40NTA1IDMwLjEgMjEuMzgyOEwzMC4xMDk0IDIxLjM3OTdMMzAuMTUzMiAyMS4zNzAzTDMwLjMzNDQgMjEuMzI2NUMzMS40MDMxIDIxLjEwMDMgMzIuNDg0MSAyMC45MzY0IDMzLjU3MTkgMjAuODM1OUMzNS42NDM4IDIwLjY0ODQgMzguMTI1IDIwLjY2NzIgNDAuMTY1NyAyMS4zNDg0QzQwLjcxMjUgMjEuNTI5NyA0MS41NzE5IDIyLjI4NTkgNDEuOTQ2OSAyMy4zNzk3QzQyLjI4MTMgMjQuMzQyMiA0Mi4yMTg4IDI1LjQ3MzQgNDEuMTE1NyAyNi41NzM0TDQwLjAxMjUgMjcuNjc2NUw0MS4xMTU3IDI4Ljc4MjhDNDEuMjUgMjguOTE3MiA0MS40NDM4IDI5LjIyMzQgNDEuNTk2OSAyOS43NjcyQzQxLjc0NjkgMzAuMjg5IDQxLjgzMTMgMzAuOTIzNCA0MS44MzEzIDMxLjU4MjhDNDEuODMxMyAzMi4yNDUzIDQxLjc0NjkgMzIuODc2NSA0MS41OTY5IDMzLjQwMTVDNDEuNDQwNyAzMy45NDUzIDQxLjI1IDM0LjI1MTUgNDEuMTE1NyAzNC4zODU5TDQwLjAxMjUgMzUuNDg5TDQxLjExNTcgMzYuNTk1M0M0MS4yNjI1IDM2Ljc0MjIgNDEuNDU2MyAzNy4xNDg0IDQxLjEzMTMgMzguMTIwM0M0MC43OTQ4IDM5LjA2MzggNDAuMjU2MiAzOS45MjIzIDM5LjU1MzIgNDAuNjM1OUwzOC40NSA0MS43MzlMMzkuNTUzMiA0Mi44NDUzQzM5LjU3MTkgNDIuODYwOSAzOS42ODEzIDQzLjAwMTUgMzkuNjgxMyA0My4zNzY1QzM5LjY2MyA0My44MzQyIDM5LjUzMzIgNDQuMjgwNSAzOS4zMDMyIDQ0LjY3NjVDMzguNzg3NSA0NS41NzY1IDM3LjczMTMgNDYuNDI5NyAzNS45NzE5IDQ2LjQyOTdaIiBmaWxsPSIjMDAwIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aD4gPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiBmaWxsPSIjMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAzNDQyMzggMC40MjY3NTgpIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPC9zdmc+"); } .icon--siegel { /* Siegel / Zuverlässigkeit */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUwLjQgNTEuMyI+IDxkZWZzPiA8c3R5bGU+ICogeyBmaWxsOiMwMDA7IH0gPC9zdHlsZT4gPC9kZWZzPiA8Zz4gPGc+IDxwYXRoIGQ9Ik0xOS43LDQuMmMuNS0xLjEsMS4zLTIsMi4zLTIuNywxLS43LDIuMi0xLDMuNC0xczIuNC4zLDMuNCwxYzEsLjcsMS44LDEuNiwyLjMsMi43LDEtLjcsMi4xLTEuMSwzLjMtMS4yLDEuMiwwLDIuNC4yLDMuNS44LDEsLjYsMS45LDEuNSwyLjQsMi42LjUsMS4xLjgsMi4zLjYsMy41LDEuMi0uMSwyLjQuMSwzLjUuNiwxLjEuNSwyLDEuNCwyLjYsMi40cy45LDIuMi44LDMuNWMwLDEuMi0uNSwyLjQtMS4yLDMuMywxLjEuNSwyLDEuMywyLjcsMi4zLjcsMSwxLDIuMiwxLDMuNHMtLjMsMi40LTEsMy40Yy0uNywxLTEuNiwxLjgtMi43LDIuMy43LDEsMS4xLDIuMSwxLjIsMy4zLDAsMS4yLS4yLDIuNC0uOCwzLjVzLTEuNSwxLjktMi42LDIuNGMtMS4xLjUtMi4zLjgtMy41LjYuMSwxLjItLjEsMi40LS42LDMuNS0uNSwxLjEtMS40LDItMi40LDIuNnMtMi4yLjktMy41LjhjLTEuMiwwLTIuNC0uNS0zLjMtMS4yLS41LDEuMS0xLjMsMi0yLjMsMi43LTEsLjctMi4yLDEtMy40LDFzLTIuNC0uMy0zLjQtMWMtMS0uNy0xLjgtMS42LTIuMy0yLjctMSwuNy0yLjEsMS4xLTMuMywxLjItMS4yLDAtMi40LS4yLTMuNS0uOHMtMS45LTEuNS0yLjQtMi42Yy0uNS0xLjEtLjgtMi4zLS42LTMuNS0xLjIuMS0yLjQtLjEtMy41LS42LTEuMS0uNS0yLTEuNC0yLjYtMi40cy0uOS0yLjItLjgtMy41YzAtMS4yLjUtMi40LDEuMi0zLjMtMS4xLS41LTItMS4zLTIuNy0yLjMtLjctMS0xLTIuMi0xLTMuNHMuMy0yLjQsMS0zLjRjLjctMSwxLjYtMS44LDIuNy0yLjMtLjctMS0xLjEtMi4xLTEuMi0zLjMsMC0xLjIuMi0yLjQuOC0zLjVzMS41LTEuOSwyLjYtMi40YzEuMS0uNSwyLjMtLjgsMy41LS42LS4xLTEuMi4xLTIuNC42LTMuNS41LTEuMSwxLjQtMiwyLjQtMi42LDEtLjYsMi4yLS45LDMuNS0uOCwxLjIsMCwyLjQuNSwzLjMsMS4yWk0yNS40LDMuN2MtLjQsMC0uOCwwLTEuMi4yLS40LjItLjcuNC0xLC43LS4zLjMtLjUuNy0uNywxLS4yLjQtLjIuOC0uMiwxLjJ2LjNjMCwuMi4xLjYuMi45LjIuOC40LDEuNy43LDIuOC42LDIuMSwxLjMsNC43LDIuMSw3LjJ2LjVjLjEsMCwuMy0uNS4zLS41LjgtMi41LDEuNS01LjEsMi4xLTcuMi4zLTEuMS41LTIsLjctMi44LDAtLjQuMS0uOC4yLTEuMmgwYzAtLjktLjMtMS43LS45LTIuMy0uNi0uNi0xLjQtLjktMi4yLS45Wk02LjcsMjguN2gwcy4zLDAsLjMsMGMuMywwLC42LS4xLjktLjIuOC0uMiwxLjctLjQsMi44LS43LDIuNC0uNyw0LjgtMS40LDcuMi0yLjFoLjVjMC0uMS0uNS0uMy0uNS0uMy0yLjQtLjgtNC44LTEuNS03LjItMi4xLS45LS4yLTEuOC0uNS0yLjgtLjctLjQsMC0uOC0uMS0xLjItLjJoMGMtLjgsMC0xLjYuMy0yLjIuOS0uNi42LS45LDEuNC0uOSwyLjJzLjMsMS42LjksMi4yYy42LjYsMS40LjksMi4yLjlaTTI4LjYsNDQuM2gwYzAtLjUtLjEtLjktLjItMS4zLS4yLS45LS40LTEuOS0uNy0yLjgtLjctMi40LTEuNC00LjgtMi4xLTcuMnYtLjVjLS4xLDAtLjMuNS0uMy41LS44LDIuNS0xLjUsNS4xLTIuMSw3LjItLjMsMS4xLS41LDItLjcsMi44LDAsLjQtLjEuOC0uMiwxLjJoMGMwLC45LjMsMS43LjksMi4zLjYuNiwxLjQuOSwyLjIuOXMxLjYtLjMsMi4yLS45Yy42LS42LjktMS40LjktMi4yWk0xMC44LDM3LjZoMGMuMy0uMy42LS42LjktLjguNi0uNSwxLjMtMS4yLDIuMS0yLDEuOC0xLjgsMy41LTMuNiw1LjItNS40bC4zLS4zaC0uNWMtMi41LjctNC45LDEuMi03LjMsMS45LTEuMS4zLTIsLjYtMi43LjgtLjQuMS0uOC4zLTEuMS40aDBjLS40LjItLjcuNS0uOS44LS4zLjMtLjQuNy0uNSwxLjEtLjEuNC0uMS44LDAsMS4yLDAsLjQuMi44LjQsMS4yLjIuNC41LjcuOC45LjMuMy43LjQsMS4xLjUuNC4xLjguMSwxLjIsMCwuNCwwLC44LS4yLDEuMi0uNGgwWk0xNC41LDQ0LjVjLjcuNCwxLjYuNSwyLjQuMy44LS4yLDEuNS0uNywxLjktMS41aDBjMC0uMSwwLS4yLjEtLjMuMS0uMy4yLS42LjMtLjkuMi0uNy41LTEuNy44LTIuNy42LTIuNCwxLjItNC45LDEuOC03LjN2LS41Yy4xLDAtLjIuMy0uMi4zLTEuOCwxLjctMy43LDMuNC01LjQsNS4yLS43LjctMS4zLDEuNC0yLDIuMS0uMy4zLS41LjYtLjguOWgwYy0uNC44LS41LDEuNi0uMywyLjQuMi44LjcsMS41LDEuNSwxLjlaTTQzLjIsMTguOWMuNy0uNCwxLjItMS4xLDEuNC0xLjkuMi0uOCwwLTEuNi0uMy0yLjQtLjQtLjctMS4xLTEuMi0xLjktMS41LS44LS4yLTEuNi0uMS0yLjQuM2gwYy0uMy4zLS42LjYtLjkuOC0uNy42LTEuNCwxLjMtMi4xLDItMS44LDEuOC0zLjUsMy42LTUuMiw1LjRsLS4zLjNoLjVjMi41LS43LDQuOS0xLjIsNy4zLTEuOSwxLjEtLjMsMi0uNiwyLjctLjguNC0uMS44LS4zLDEuMS0uNGgwWk0zNi40LDYuNmMtLjctLjQtMS42LS41LTIuNC0uMy0uOC4yLTEuNS43LTEuOSwxLjVoMGMwLC4xLDAsLjItLjEuMy0uMS4zLS4yLjYtLjMuOS0uMi43LS41LDEuNy0uOCwyLjctLjYsMi40LTEuMiw0LjktMS44LDcuM3YuNWMtLjEsMCwuMi0uMy4yLS4zLDEuOC0xLjcsMy43LTMuNCw1LjQtNS4yLjgtLjgsMS41LTEuNSwyLTIuMS4zLS4zLjUtLjYuOC0xaDBjLjQtLjguNS0xLjYuMy0yLjQtLjItLjgtLjctMS41LTEuNS0xLjlaTTQ0LjIsMjguN2MuOCwwLDEuNi0uMywyLjItLjkuNi0uNi45LTEuNC45LTIuMnMtLjMtMS42LS45LTIuMmMtLjYtLjYtMS40LS45LTIuMi0uOWgwYy0uNCwwLS44LjEtMS4yLjItLjguMi0xLjcuNC0yLjguNy0yLjIuNi00LjcsMS4zLTcuMiwyLjFoLS41YzAsLjEuNS4zLjUuMywyLjUuOCw1LjEsMS41LDcuMiwyLjEsMS4xLjMsMiwuNSwyLjguNy40LDAsLjguMSwxLjIuMmgwWk02LjUsMTQuNmMtLjIuNC0uMy44LS40LDEuMiwwLC40LDAsLjgsMCwxLjJzLjMuOC42LDEuMWMuMy4zLjYuNiwxLC44aC4zYy4yLjIuNS4zLjkuNC43LjIsMS43LjUsMi43LjgsMi40LjYsNC45LDEuMiw3LjMsMS44aC41YzAsLjEtLjMtLjItLjMtLjItMS43LTEuOC0zLjQtMy43LTUuMi01LjQtLjctLjctMS40LTEuMy0yLjEtMi0uMy0uMy0uNi0uNS0xLS44aDBjLS43LS41LTEuNi0uNi0yLjQtLjQtLjguMi0xLjUuNy0xLjksMS41Wk0xMy40LDEwLjloMGMuMi40LjUuNy44LDEsLjUuNiwxLjIsMS4zLDIsMi4xLDEuOCwxLjgsMy42LDMuNSw1LjQsNS4ybC4zLjN2LS41Yy0uNy0yLjUtMS4yLTQuOS0xLjktNy4zLS4zLTEuMS0uNi0yLS44LTIuNy0uMS0uNC0uMy0uOC0uNC0xLjFoMGMtLjItLjQtLjUtLjgtLjgtMS0uMy0uMy0uNy0uNC0xLjEtLjUtLjQtLjEtLjgtLjEtMS4yLDAtLjQsMC0uOC4yLTEuMi40LS40LjItLjcuNS0uOS44LS4zLjMtLjQuNy0uNSwxLjEtLjEuNC0uMS44LDAsMS4yLDAsLjQuMi44LjQsMS4yWk00NC40LDM2LjVjLjQtLjcuNS0xLjYuMy0yLjQtLjItLjgtLjctMS41LTEuNS0xLjloMGMtLjQtLjItLjgtLjMtMS4xLS41LS43LS4yLTEuNy0uNS0yLjctLjgtMi40LS42LTQuOS0xLjItNy4zLTEuOGgtLjVjMC0uMS4zLjIuMy4yLDEuNywxLjgsMy40LDMuNyw1LjIsNS40LjguOCwxLjUsMS41LDIuMSwyLC4zLjMuNi41LjkuOGgwYy43LjUsMS42LjYsMi40LjQuOC0uMiwxLjUtLjcsMS45LTEuNVpNMzIuMSw0My4zYy40LjcsMS4xLDEuMiwxLjksMS40LjguMiwxLjYsMCwyLjQtLjMuNy0uNCwxLjItMS4xLDEuNS0xLjkuMi0uOC4xLTEuNi0uMy0yLjRoMGMtLjItLjQtLjUtLjctLjgtMS0uNi0uNy0xLjMtMS40LTItMi4xLTEuOC0xLjgtMy42LTMuNS01LjQtNS4ybC0uMy0uM3YuNWMuNywyLjUsMS4yLDQuOSwxLjksNy4zLjMsMS4xLjYsMiwuOCwyLjcuMS40LjMuOC40LDEuMWgwWk0yNS40LDMwLjJjMS4yLDAsMi40LS41LDMuMy0xLjQuOS0uOSwxLjQtMi4xLDEuNC0zLjNzLS41LTIuNC0xLjQtMy4zYy0uOS0uOS0yLjEtMS40LTMuMy0xLjRzLTIuNC41LTMuMywxLjRjLS45LjktMS40LDIuMS0xLjQsMy4zcy41LDIuNCwxLjQsMy4zYy45LjksMi4xLDEuNCwzLjMsMS40WiIvPiA8L2c+IDwvZz4gPC9zdmc+"); } .icon--strom { /* Energie */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDUyIDUyIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEuMjcwNTEgMjUuMjA2NUgyLjAyMDA0QzIuNDQ2MjYgMjUuMjA2NSAyLjg3MjUgMjUuMDg4OSAzLjIzOTkzIDI0Ljg2ODRMNC4zNDIyMiAyNC4yMDcxQzUuMTUwNTcgMjMuNzIyMSA1Ljg0MTMgMjMuMDc1MyA2LjM3MDQgMjIuMjk2NEw5LjI4MDQ3IDE4LjAwNDhDMTAuMzI0IDE2LjQ2MTYgMTIuMDg3NiAxNS41MjEgMTMuOTU0MiAxNS41MjFIMTUuNzkxMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjYuMjcyNSAyNi44MDgzSDMxLjgxMzRDMzMuMzcxMyAyNi44MDgzIDM0LjYzNTMgMjUuNTQ0MyAzNC42MzUzIDIzLjk4NjRDMzQuNjM1MyAyMi40Mjg1IDMzLjM3MTMgMjEuMTY0NiAzMS44MTM0IDIxLjE2NDZIMTQuMTc2OCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjUuMzc0IDM4LjA5NTdDMjYuNzExNCAzOC4wOTU3IDI3Ljc5OSAzOS4xODMzIDI3Ljc5OSA0MC41MjA3QzI3Ljc5OSA0MS44NTgyIDI2LjcxMTQgNDIuOTQ1OCAyNS4zNzQgNDIuOTQ1OEgxMC42MzI2QzkuOTcxMjYgNDIuOTQ1OCA5LjMwOTg5IDQyLjgxMzUgOC43MDczIDQyLjUzNDNMNS4xMDY0NiA0MC45MzIzQzQuNTAzODggNDAuNjY3NyAzLjg0MjUgNDAuNTIwNyAzLjE4MTEzIDQwLjUyMDdIMS4yNzA1MSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjUuNDYxOSAzOC4wOTU5SDI2LjY2NzFDMjguMjI1IDM4LjA5NTkgMjkuNDg4OSAzNi44MzE5IDI5LjQ4ODkgMzUuMjc0QzI5LjQ4ODkgMzMuNzE2MSAyOC4yMjUgMzIuNDUyMSAyNi42NjcxIDMyLjQ1MjFIMjYuMjcwMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjYuMjcwNSAzMi40NTIzSDI3LjQ3NTdDMjkuMDMzNiAzMi40NTIzIDMwLjI5NzYgMzEuMTg4MyAzMC4yOTc2IDI5LjYzMDRDMzAuMjk3NiAyOC4wNzI1IDI5LjAzMzYgMjYuODA4NiAyNy40NzU3IDI2LjgwODZIMjYuMjcwNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMTAuOTQyNCA0Mi45NDU4TDE0LjE3NTggNDguNTg5NVY1MC45OTk5IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yMy44NDQ0IDQyLjk0NThMMTkuODE3NCA0OC41ODk1VjUwLjk5OTkiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTE0Ljk2OTcgMjEuMTY0NkwxNy43MzI4IDkuNjU2NjRDMTguOTUyNyA0LjU4NjEgMjMuNDk0MSAxIDI4LjcxMTYgMUg0NC44MDUxQzQ1LjcwMTcgMSA0Ni40MjE4IDEuNzIwMTcgNDYuNDIxOCAyLjYxNjdWMTcuMTM3NUM0Ni40MjE4IDE4LjAzNDEgNDUuNzAxNyAxOC43NTQyIDQ0LjgwNTEgMTguNzU0MkgzMi42MjExQzMxLjIzOTYgMTguNzU0MiAzMC4wMDUgMTkuNjM2MSAyOS41NjQxIDIwLjk1ODhMMjkuNDkwNiAyMS4xNzkzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik00Ni40MjI5IDMuNDI1MjlINTEuMjU4M1YxNS41MjExSDQ2LjQyMjkiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTM0LjMyNDkgNS4wNDE1TDMwLjI5NzkgOS44NzY5SDM1Ljk0MTZMMzEuOTE0NSAxNC43MTIzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg=="); } .icon--stadt { /* Stadt / Standort */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDQ0IDM4IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTM0LjIxMTMgNC42Njk2NEwyOC4xNTIzIDEwLjMyNzZMMjguMjAwMSAxMC4zNzg4TDM0LjI1OTEgNC43MjA4MUwzNC4yMTEzIDQuNjY5NjRaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yNC41NjIzIDExLjIwOThMMTkuNDAyMyA5LjYxOTc4TDE5LjQyMjMgOS41NDk4TDI0LjU4MjMgMTEuMTM5OEwyNC41NjIzIDExLjIwOThaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xMC4wMDI3IDEzLjU1TDkuOTcyNjYgMTMuNDkwMUwxNS41NjI3IDEwLjA0TDE1LjYwMjcgMTAuMUwxMC4wMDI3IDEzLjU1WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMTEuMzcgMjMuODMwMUg1VjI5LjQ5MDFIMTEuMzdWMjMuODMwMVoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTIwLjU3MzEgMTguMTY5OUgxNC4yMDMxVjI5LjQ5OTlIMjAuNTczMVYxOC4xNjk5WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjkuNzcyMyAyMUgyMy40MDIzVjI5LjVIMjkuNzcyM1YyMVoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTM4Ljk3MTYgMTIuNUgzMi42MDE2VjI5LjQ5SDM4Ljk3MTZWMTIuNVoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTEwLjMxMDMgMTQuNjMwMkMxMC4zMTAzIDE1LjgwMDIgOS4zNjAzMiAxNi43NTAyIDguMTkwMzIgMTYuNzUwMkM3LjAyMDMyIDE2Ljc1MDIgNi4wNzAzMSAxNS44MDAyIDYuMDcwMzEgMTQuNjMwMkM2LjA3MDMxIDEzLjQ2MDIgNy4wMjAzMiAxMi41MTAzIDguMTkwMzIgMTIuNTEwM0M5LjM2MDMyIDEyLjUxMDMgMTAuMzEwMyAxMy40NjAyIDEwLjMxMDMgMTQuNjMwMloiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTE5LjUxMzQgOC45NzAwOUMxOS41MTM0IDEwLjE0MDEgMTguNTYzNCAxMS4wOTAxIDE3LjM5MzQgMTEuMDkwMUMxNi4yMjM0IDExLjA5MDEgMTUuMjczNCAxMC4xNDAxIDE1LjI3MzQgOC45NzAwOUMxNS4yNzM0IDcuODAwMDkgMTYuMjIzNCA2Ljg1MDEgMTcuMzkzNCA2Ljg1MDFDMTguNTYzNCA2Ljg1MDEgMTkuNTEzNCA3LjgwMDA5IDE5LjUxMzQgOC45NzAwOVoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTI4LjcxMjcgMTEuODAwMkMyOC43MTI3IDEyLjk3MDIgMjcuNzYyNyAxMy45MjAyIDI2LjU5MjcgMTMuOTIwMkMyNS40MjI3IDEzLjkyMDIgMjQuNDcyNyAxMi45NzAyIDI0LjQ3MjcgMTEuODAwMkMyNC40NzI3IDEwLjYzMDIgMjUuNDIyNyA5LjY4MDE4IDI2LjU5MjcgOS42ODAxOEMyNy43NjI3IDkuNjgwMTggMjguNzEyNyAxMC42MzAyIDI4LjcxMjcgMTEuODAwMloiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTM3LjkxMTkgMy4zMDAyQzM3LjkxMTkgNC40NzAyIDM2Ljk2MTkgNS40MjAyIDM1Ljc5MTkgNS40MjAyQzM0LjYyMTkgNS40MjAyIDMzLjY3MTkgNC40NzAyIDMzLjY3MTkgMy4zMDAyQzMzLjY3MTkgMi4xMzAyIDM0LjYyMTkgMS4xODAxOCAzNS43OTE5IDEuMTgwMThDMzYuOTYxOSAxLjE4MDE4IDM3LjkxMTkgMi4xMzAyIDM3LjkxMTkgMy4zMDAyWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8bGluZSB5MT0iMzYuNDMwMiIgeDI9IjQ0IiB5Mj0iMzYuNDMwMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPiA8L3N2Zz4="); } .icon--kultur { /* Kultur */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDM2IDM0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTMzLjczODEgNC4wMTAxNkMzMy43MzgxIDIuNDQwMTYgMzIuNDY4MSAxLjE4MDE4IDMwLjkwODEgMS4xODAxOEMyOS4zNDgxIDEuMTgwMTggMjguMDc4MSAyLjQ1MDE2IDI4LjA3ODEgNC4wMTAxNlY1LjQzMDE4SDMzLjc0ODFWNC4wMTAxNkgzMy43MzgxWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjUuMjI2NyAzMi4zNjA0SDMuOTY2NzRDMi4zOTY3NCAzMi4zNjA0IDEuMTM2NzIgMzEuMDkwMyAxLjEzNjcyIDI5LjUzMDNWMjguMTEwNEgyMi4zOTY3VjI5LjUzMDNDMjIuMzk2NyAzMS4xMDAzIDIzLjY2NjcgMzIuMzYwNCAyNS4yMjY3IDMyLjM2MDRaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yMi4zOTY5IDguOTc5OTVIMTEuMDU2OUwxMS4wNDY5IDguOTY5OTRMMTEuMDU2OSA4Ljk1OTk2SDIyLjM5NjlMMjIuNDA2OSA4Ljk2OTk0TDIyLjM5NjkgOC45Nzk5NVoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTE5Ljc5NjkgMTMuMjMwMkgxMS4wNTY5TDExLjA0NjkgMTMuMjIwMkgxMS4wNTY5SDE5Ljc5NjlIMTkuODA2OUwxOS43OTY5IDEzLjIzMDJaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xOS43OTY5IDE3LjQ4MDJIMTEuMDU2OUwxMS4wNDY5IDE3LjQ3MDJIMTEuMDU2OUgxOS43OTY5SDE5LjgwNjlMMTkuNzk2OSAxNy40ODAyWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMTkuNzk4NyAyMy4wMzA1SDE2LjcyODdIMTYuNzE4OEwxNi43Mjg3IDIzLjAyMDVIMTkuNzk4N0wxOS44MDg3IDIzLjAzMDVIMTkuNzk4N1oiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTIyLjk0NTUgMjAuMjIwMkMyMi45NDU1IDIwLjIyMDIgMjEuODM1NSAxNC45MzAyIDI2LjIyNTUgMTEuMjUwMkMzMC42MDU1IDcuNTgwMjMgMzUuMjM1NSA5LjAwMDIzIDM1LjIzNTUgOS4wMDAyM0MzNS4yMzU1IDkuMDAwMjMgMzQuNjQ1NSAxMy4xMTAyIDMwLjczNTUgMTYuMTkwMkMyNi44MjU1IDE5LjI3MDIgMjIuOTU1NSAyMC4yMjAyIDIyLjk1NTUgMjAuMjIwMkgyMi45NDU1WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjIuNTk4NCAyMS40ODAyQzIyLjM5ODQgMjIuNDIwMiAyMi4zOTg0IDIzLjAzMDIgMjIuMzk4NCAyMy4wMzAyVjIzLjAyMDJDMjIuMzk4NCAyMy4wMjAyIDIyLjM5ODQgMjIuNDIwMiAyMi41OTg0IDIxLjQ4MDJaTTIyLjU5ODQgMjEuNDgwMkMyMi43Nzg0IDIwLjYxMDIgMjMuMTc4NCAxOS4yNTAyIDIzLjk5ODQgMTcuNzQwMk0yMi41OTg0IDIxLjQ4MDJDMjIuNzc4NCAyMC42MTAyIDIzLjE2ODQgMTkuMjUwMiAyMy45OTg0IDE3Ljc0MDJNMjMuOTk4NCAxNy43NDAyQzI0LjkyODQgMTYuMDQwMiAyNi4yMDg0IDE0LjQ5MDIgMjcuODA4NCAxMy4xMzAyQzI5LjgwODQgMTEuNDQwMiAzMi4yOTg0IDEwLjA0MDIgMzUuMjI4NCA4Ljk5MDIzVjkuMDAwMjFDMzIuMjk4NCAxMC4wNTAyIDI5LjgwODQgMTEuNDUwMiAyNy44MDg0IDEzLjE0MDJDMjYuMjA4NCAxNC40OTAyIDI0LjkyODQgMTYuMDQwMiAyMy45OTg0IDE3Ljc0MDJaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yMi42MDYyIDIxLjQ5MDJDMjIuNjc2MiAyMS4xNDAyIDIyLjc4NjIgMjAuNzAwMiAyMi45NDYyIDIwLjIxMDJMMjIuOTU2MiAyMC4yMzAyQzIyLjk1NjIgMjAuMjMwMiAyNS4yNDYyIDE5LjY3MDIgMjguMDc2MiAxOC4wMTAyVjI5LjUzMDJDMjguMDc2MiAzMS4wOTAyIDI2LjgwNjIgMzIuMzYwMiAyNS4yNDYyIDMyLjM2MDJDMjMuNjg2MiAzMi4zNjAyIDIyLjQxNjIgMzEuMTAwMiAyMi40MTYyIDI5LjUzMDJWMjguMTEwMkg1LjQwNjI1VjUuNDMwMThDNS40MDYyNSAzLjA5MDE4IDcuMzE2MjUgMS4xODAxOCA5LjY1NjI1IDEuMTgwMThIMzAuOTE2MkMyOS4zNTYyIDEuMTgwMTggMjguMDg2MiAyLjQ0MDE2IDI4LjA4NjIgNC4wMTAxNlYxMC4wMTAyQzI3LjQ3NjIgMTAuMzQwMiAyNi44NTYyIDEwLjc1MDIgMjYuMjQ2MiAxMS4yNjAyQzIyLjAzNjIgMTQuNzkwMiAyMi44NzYyIDE5Ljc5MDIgMjIuOTU2MiAyMC4xOTAyQzIyLjc5NjIgMjAuNjkwMiAyMi42ODYyIDIxLjEzMDIgMjIuNjA2MiAyMS40OTAyWk0yMi42MDYyIDIxLjQ5MDJDMjIuNDA2MiAyMi40MzAyIDIyLjQwNjIgMjMuMDMwMiAyMi40MDYyIDIzLjAzMDIiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+"); } .icon--ruhe { /* Ruhe & Erholung */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDQwIDM2IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTM4LjkwMDkgMTguODcwMkwzMi43OTEgMTIuOTkwMlYzLjg2MDE4SDI2Ljg3MDlWNy4zMDAxOEwyMC43MzEgMS4zOTAxOEMyMC40NDEgMS4xMTAxOCAxOS45OTEgMS4xMTAxOCAxOS43MDEgMS4zOTAxOEwxLjUzMDk0IDE4Ljg2MDJDMS4yMzA5NCAxOS4xNTAyIDEuMjMwOTYgMTkuNjIwMiAxLjUyMDk2IDE5LjkyMDJMMi43MTA5NCAyMS4xMTAyQzIuOTkwOTQgMjEuMzkwMiAzLjQ0MDk2IDIxLjQwMDIgMy43MzA5NiAyMS4xMzAyTDE5LjcyMDkgNi41MzAxOUMyMC4wMDA5IDYuMjcwMTkgMjAuNDMwOSA2LjI3MDE5IDIwLjcyMDkgNi41MzAxOUwzNi43MTA5IDIxLjEzMDJDMzcuMDAwOSAyMS40MDAyIDM3LjQ1MSAyMS4zOTAyIDM3LjczMSAyMS4xMTAyTDM4LjkyMSAxOS45MjAyQzM5LjIxMSAxOS42MzAyIDM5LjIxMDkgMTkuMTUwMiAzOC45MTA5IDE4Ljg2MDJMMzguOTAwOSAxOC44NzAyWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjAuNzExOSA2LjUyOTk2QzIwLjQzMTkgNi4yNjk5NiAyMC4wMDE5IDYuMjY5OTYgMTkuNzExOSA2LjUyOTk2TDUuNDIxODggMTkuNTc5OVYzNS4xOTk5SDM1LjAwMTlWMTkuNTc5OUwyMC43MTE5IDYuNTI5OTZaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik01LjQyOTY5IDE5LjU4MDFIMzQuOTk5NyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8cGF0aCBkPSJNMjAuMjEwOSA2LjMzOTg0VjM1LjIwOTgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMjIuOTMiLz4gPHBhdGggZD0iTTExLjc1NzggMTMuNzk5OEgyOC42Njc4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkzIi8+IDxwYXRoIGQ9Ik01LjQyOTY5IDI3LjE2MDJIMzQuOTk5NyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8cGF0aCBkPSJNMTEuOTkyMiAxOS41ODAxTDE1Ljk4MjIgMjcuMTYwMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8cGF0aCBkPSJNMjguNDQzMSAxOS41ODAxTDI0LjQ1MzEgMjcuMTYwMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8cGF0aCBkPSJNMTIuMDE3OCAyNy4xNjAyTDcuNzU3ODEgMzUuMjEwMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8cGF0aCBkPSJNMjguNDE0MSAyNy4xNjAyTDMyLjY3NDEgMzUuMjEwMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8cGF0aCBkPSJNNy43NTc4MSAyNy4xNjAyTDEyLjAxNzggMzUuMjEwMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8cGF0aCBkPSJNMzIuNjc0MSAyNy4xNjAyTDI4LjQxNDEgMzUuMjEwMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIvPiA8L3N2Zz4="); } .icon--erlebnis { /* Erlebnisangebote */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM0IDM2IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTguNDkwNDYgMjQuMzEwNVYyOC4zOTA1QzguNDkwNDYgMjkuODkwNSA5LjcxMDQ2IDMxLjExMDUgMTEuMjEwNSAzMS4xMTA1SDIyLjA5MDVDMjMuNTkwNSAzMS4xMTA1IDI0LjgxMDUgMjkuODkwNSAyNC44MTA1IDI4LjM5MDVWMjQuMzEwNUg4LjQ4MDQ3SDguNDkwNDZaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0yMi4wOTIyIDIwLjIzMDVIMTEuMjEyMkM5LjcxMjE5IDIwLjIzMDUgOC40OTIxOSAyMS40NTA1IDguNDkyMTkgMjIuOTUwNVYyNC4zMTA1SDI0LjgyMjJWMjIuOTUwNUMyNC44MjIyIDIxLjQ1MDUgMjMuNjAyMiAyMC4yMzA1IDIyLjEwMjIgMjAuMjMwNUgyMi4wOTIyWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjkuNTgyMyAyMC44Nzk5SDI4LjkwMjNWMzAuMzk5OUgyOS41ODIzQzMxLjA4MjMgMzAuMzk5OSAzMi4zMDIzIDI5LjE3OTkgMzIuMzAyMyAyNy42Nzk5VjIzLjU5OTlDMzIuMzAyMyAyMi4wOTk5IDMxLjA4MjMgMjAuODc5OSAyOS41ODIzIDIwLjg3OTlaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0zLjcyIDIwLjg3OTlDMi4yMiAyMC44Nzk5IDEgMjIuMDk5OSAxIDIzLjU5OTlWMjcuNjc5OUMxIDI5LjE3OTkgMi4yMiAzMC4zOTk5IDMuNzIgMzAuMzk5OUg0LjQwMDAxVjIwLjg3OTlIMy43MloiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTE4LjY5MDYgMS4xODAxOEgxNC42MTA2QzEzLjExMDYgMS4xODAxOCAxMS44OTA2IDIuNDAwMTggMTEuODkwNiAzLjkwMDE4VjQuNTgwMTdIMjEuNDEwNlYzLjkwMDE4QzIxLjQxMDYgMi40MDAxOCAyMC4xOTA2IDEuMTgwMTggMTguNjkwNiAxLjE4MDE4WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNNy4xMzI4MSA0LjU4MDA4VjE0LjEwMDFDNy4xMzI4MSAxNC44NTAxIDcuNzQyODEgMTUuNDYwMSA4LjQ5MjgxIDE1LjQ2MDFDOS4yNDI4MSAxNS40NjAxIDkuODUyODEgMTQuODUwMSA5Ljg1MjgxIDE0LjEwMDFWNC41ODAwOEg3LjEzMjgxWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjMuNDUzMSA0LjU4MDA4VjE0LjEwMDFDMjMuNDUzMSAxNC44NTAxIDI0LjA2MzEgMTUuNDYwMSAyNC44MTMxIDE1LjQ2MDFDMjUuNTYzMSAxNS40NjAxIDI2LjE3MzEgMTQuODUwMSAyNi4xNzMxIDE0LjEwMDFWNC41ODAwOEgyMy40NTMxWiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjguOTAwMiAxMi43NUgyNi4xODAyVjE0LjExQzI2LjE4MDIgMTQuODYgMjUuNTcwMiAxNS40NyAyNC44MjAyIDE1LjQ3QzI0LjA3MDIgMTUuNDcgMjMuNDYwMiAxNC44NiAyMy40NjAyIDE0LjExVjEyLjc1SDkuODUwMTZWMTQuMTFDOS44NTAxNiAxNC44NiA5LjI0MDE2IDE1LjQ3IDguNDkwMTYgMTUuNDdDNy43NDAxNiAxNS40NyA3LjEzMDE2IDE0Ljg2IDcuMTMwMTYgMTQuMTFWMTIuNzVINC40MTAxNlYyOS43NkM0LjQxMDE2IDMyLjc1IDYuODYwMTYgMzUuMiA5Ljg1MDE2IDM1LjJIMjMuNDYwMkMyNi40NTAyIDM1LjIgMjguOTAwMiAzMi43NSAyOC45MDAyIDI5Ljc2VjEyLjc1WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMjMuNDYxNiA0LjU4MDA4SDkuODUxNTZWMTIuNzQwMUgyMy40NjE2VjQuNTgwMDhaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS40MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xLjY3OTY5IDcuMzAwMDhWMTAuMDIwMUMxLjY3OTY5IDExLjUyMDEgMi44OTk2OSAxMi43NDAxIDQuMzk5NjkgMTIuNzQwMUg3LjExOTY5VjQuNTgwMDhINC4zOTk2OUMyLjg5OTY5IDQuNTgwMDggMS42Nzk2OSA1LjgwMDA4IDEuNjc5NjkgNy4zMDAwOFoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPHBhdGggZD0iTTI4Ljg5OTcgNC41ODAwOEgyNi4xNzk3VjEyLjc0MDFIMjguODk5N0MzMC4zOTk3IDEyLjc0MDEgMzEuNjE5NyAxMS41MjAxIDMxLjYxOTcgMTAuMDIwMVY3LjMwMDA4QzMxLjYxOTcgNS44MDAwOCAzMC4zOTk3IDQuNTgwMDggMjguODk5NyA0LjU4MDA4WiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="); } /* <<< ICONS END */ /* ========================================================================== 4. Blöcke mh/* — 1:1-Port der Live-Optik (Werte aus DESIGN-WERTE.md) Rohwerte NUR wo dort als „Rohwert nötig" markiert (jeweils kommentiert). Breakpoints 1119/1023/767/479px = Live-Breakpoints (Rohwerte). ========================================================================== */ /* --- 4.0 Design-Token-Ergänzungen ----------------------------------------- */ :root { --mh-h1-farbe: #1D1D1B; /* Rohwert nötig: h1 ist live dunkel, nicht gold */ --mh-panel: #F0E1C2; /* Rohwert nötig: Zitat-Panel + Namensleisten */ /* Schatten sind raus (Mike 03.08.2026) — Tokens bleiben als Schalter bestehen. */ --mh-shadow-signature: none; --mh-drop-signature: none; /* Harmonisierte Typo-Skala (Mike 03.08.2026: Schriftgrößen und -stärken überall angleichen, keine Versalien, Buttons deutlich kleiner). */ --mh-h-1: var(--h2); /* Seiten-Headline (h1) */ --mh-h-2: var(--h3); /* Sektions-Headline (h2/h3) */ --mh-h-3: 1.25rem; /* Karten-, Item- und Fragetitel */ --mh-lead: 1.25rem; /* Leads, Eyebrows, Zitate */ --mh-btn-size: 1rem; /* Buttons */ --mh-weight-heading: 600; --mh-weight-text: 400; --mh-weight-btn: 500; /* Einheitliche Sektions-Innenabstände (statt Rohwerte je Block). */ --mh-block-space: var(--section-space-m); --mh-block-space-s: var(--space-l); /* Trennlinien unter den Eyebrows: EIN Wertepaar für die ganze Seite (Mike 03.08.2026: „Abstände zu diesen Trennlinien sind nicht gleichmäßig"). Feste px, damit die Luft nicht mit der Schriftgröße mitwandert. */ --mh-linie-oben: 20px; --mh-linie-unten: 40px; --mh-karte-gap: 25px; /* Lücke im Projektkarten-Inhalt (Rohwert: live) */ /* Der Header liegt fix über der Seite. Die Bild-/Band-Hero braucht oben mindestens Header-Höhe + Luft, sonst steckt die h1 dahinter (live stehen dort ~100px Luft). --mh-header-h setzt mh-front.js auf den Ist-Wert. */ --mh-header-h: 117px; --mh-hero-kopfluft: calc(var(--mh-header-h) + 100px); } @media (max-width: 1119px) { :root { --mh-header-h: 101px; } } /* --- 4.1 Sektionsflächen (Playbook §5.4: Fläche NUR an der Section-Klasse) - */ .mh-section--bg-primary-ultra-light { background-color: var(--primary-ultra-light); } .mh-section--bg-primary-light { background-color: var(--primary-light); } .mh-section--bg-primary { background-color: var(--primary); } .mh-section--bg-secondary { background-color: var(--secondary); } /* --- 4.2 Gemeinsame Bausteine ---------------------------------------------- */ /* ACSS styled nackte
-Elemente (padding-inline: var(--gutter), display:flex + align-items:center, section > div als Flex-Spalte mit gap). Für die mh-Sektionen neutralisieren — Abstände steuern die Blöcke selbst. */ .mh-sec { position: relative; display: block; padding: 0; gap: 0; } .mh-sec > .brxe-container { display: block; gap: 0; width: 100%; max-width: var(--content-width); /* Mike 08/2026: Content im Container, BG full-bleed */ margin-inline: auto; padding-inline: var(--section-padding-x); /* live: 75px / 30px mobil */ padding-block: var(--mh-block-space); /* EINE Abstandsskala (Mike 03.08.2026) */ } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } /* Heading-Gruppe: Headline, darunter Eyebrow mit 100px-Gold-Unterstrich */ .mh-heading { margin: 0; } .mh-heading h1, .mh-heading h2, .mh-heading h3 { margin: 0; color: var(--primary); font-size: var(--mh-h-2); font-weight: var(--mh-weight-heading); line-height: 1.15; text-transform: none; /* keine Versalien (Mike 03.08.2026) */ } .mh-heading--lg h1, .mh-heading--lg h2 { font-size: var(--mh-h-1); font-weight: var(--mh-weight-heading); } .mh-heading--dark h1, .mh-heading--dark h2, .mh-heading--dark h3 { color: var(--primary-ultra-dark); } .mh-kicker { margin: 0.35em 0 0; font-size: var(--mh-lead); font-weight: var(--mh-weight-text); line-height: 1.5; color: var(--primary-ultra-dark); } .mh-kicker::after { content: ""; display: block; width: 100px; /* Rohwert: Live-Default der border-div */ margin-top: var(--mh-linie-oben); border-bottom: 2px solid var(--primary); } /* Die Luft UNTER der Linie wird gesammelt am Dateiende gesetzt (Abschnitt 6). */ /* Goldene Subline (Lead) */ .mh-lead { margin-top: var(--space-l); color: var(--primary); font-size: var(--mh-lead); } .mh-lead p { margin: 0; color: inherit; } /* Fließtext */ .mh-text-flow { margin-top: var(--space-l); } .mh-text-flow p { margin: 0 0 1em; } .mh-text-flow p:last-child { margin-bottom: 0; } /* Button (Outline-Primary im Live-Stil); Selektor bewusst spezifischer als ACSS */ .mh-sec .mh-btn, .mh-btn.mh-btn { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; gap: 0.6em; margin-top: var(--space-l); padding: 12px 22px; background: var(--white); color: var(--primary); border: 1.5px solid var(--primary); /* Rohwert: Border-Width 1.5px */ border-radius: 2px; /* Rohwert: live 2px */ font-size: var(--mh-btn-size); font-weight: var(--mh-weight-btn); line-height: 1.15; text-decoration: none; text-transform: none; transition: color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Hover-Fläche fährt von links nach rechts ein (Pseudo-Element, Mike 03.08.2026) */ .mh-sec .mh-btn::after, .mh-btn.mh-btn::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--primary); transform: scaleX(0); transform-origin: left center; transition: transform 300ms ease-in-out; } .mh-sec .mh-btn:hover::after, .mh-btn.mh-btn:hover::after, .mh-sec .mh-btn:focus-visible::after, .mh-btn.mh-btn:focus-visible::after { transform: scaleX(1); } .mh-sec .mh-btn:hover, .mh-btn.mh-btn:hover, .mh-sec .mh-btn:focus-visible, .mh-btn.mh-btn:focus-visible { color: var(--white); border-color: var(--primary); } /* Pfeil im Button (Markup: ) */ .mh-btn__pfeil { flex: none; width: 0.5em; height: 0.5em; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); transition: transform 300ms ease-in-out; } .mh-btn:hover .mh-btn__pfeil { transform: rotate(45deg) translate(2px, -2px); } @media (prefers-reduced-motion: reduce) { .mh-sec .mh-btn::after, .mh-btn.mh-btn::after, .mh-btn__pfeil { transition: none; } } /* Sonderfall PDF-Button (Wohnungsübersicht) */ .mh-sec .mh-btn--pdf { align-self: flex-start; padding: 12px 30px; font-weight: var(--mh-weight-btn); } .mh-sec .mh-btn--pdf::before { content: ""; width: 28px; height: 28px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M224%20136V0H24C10.7%200%200%2010.7%200%2024v464c0%2013.3%2010.7%2024%2024%2024h336c13.3%200%2024-10.7%2024-24V160H248c-13.2%200-24-10.8-24-24zm76.45%20211.36l-96.42%2095.7c-6.65%206.61-17.39%206.61-24.04%200l-96.42-95.7C73.42%20337.29%2080.54%20320%2094.82%20320H160v-80c0-8.84%207.16-16%2016-16h32c8.84%200%2016%207.16%2016%2016v80h65.18c14.28%200%2021.4%2017.29%2011.27%2027.36zM377%20105L279.1%207c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M224%20136V0H24C10.7%200%200%2010.7%200%2024v464c0%2013.3%2010.7%2024%2024%2024h336c13.3%200%2024-10.7%2024-24V160H248c-13.2%200-24-10.8-24-24zm76.45%20211.36l-96.42%2095.7c-6.65%206.61-17.39%206.61-24.04%200l-96.42-95.7C73.42%20337.29%2080.54%20320%2094.82%20320H160v-80c0-8.84%207.16-16%2016-16h32c8.84%200%2016%207.16%2016%2016v80h65.18c14.28%200%2021.4%2017.29%2011.27%2027.36zM377%20105L279.1%207c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; } /* Live-Icons der Projektkarten (Übersichtsseite) — 1:1 vom Live-Server */ .icon--saeulen { /* Säulen / Anzahl Einheiten */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPGcgaWQ9ImNvbHVtbnMgKDEpIDEiPiA8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMCAzQzAgMi42MDIxOCAwLjE1ODAzNSAyLjIyMDY0IDAuNDM5MzQgMS45MzkzNEMwLjcyMDY0NCAxLjY1ODA0IDEuMTAyMTggMS41IDEuNSAxLjVIMjIuNUMyMi44OTc4IDEuNSAyMy4yNzk0IDEuNjU4MDQgMjMuNTYwNyAxLjkzOTM0QzIzLjg0MiAyLjIyMDY0IDI0IDIuNjAyMTggMjQgM1YyMUMyNCAyMS4zOTc4IDIzLjg0MiAyMS43Nzk0IDIzLjU2MDcgMjIuMDYwN0MyMy4yNzk0IDIyLjM0MiAyMi44OTc4IDIyLjUgMjIuNSAyMi41SDEuNUMxLjEwMjE4IDIyLjUgMC43MjA2NDQgMjIuMzQyIDAuNDM5MzQgMjIuMDYwN0MwLjE1ODAzNSAyMS43Nzk0IDAgMjEuMzk3OCAwIDIxVjNaTTEyLjc1IDNWMTVIMjIuNVYzSDEyLjc1Wk0xMi43NSAxNi41VjIxSDIyLjVWMTYuNUgxMi43NVpNMTEuMjUgM0gxLjVWNy41SDExLjI1VjNaTTEuNSAyMUgxMS4yNVY5SDEuNVYyMVoiIGZpbGw9IiM3RTY4MzkiLz4gPC9nPiA8L3N2Zz4="); } .icon--haeuser { /* Häuser / Wohnlage */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPGcgaWQ9ImhvdXNlcyAoMykgMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3XzE3NTYpIj4gPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguNjg5NDcgMS40OTk5N0M4Ljk3MDc2IDEuMjE4NzYgOS4zNTIyMyAxLjA2MDc5IDkuNzQ5OTcgMS4wNjA3OUMxMC4xNDc3IDEuMDYwNzkgMTAuNTI5MiAxLjIxODc2IDEwLjgxMDUgMS40OTk5N0wxMS43ODEgMi40Njg5N0MxMS45MjE4IDIuNjA5OCAxMi4wMDA5IDIuODAwODEgMTIuMDAwOSAyLjk5OTk3QzEyLjAwMDkgMy4xOTkxMyAxMS45MjE4IDMuMzkwMTQgMTEuNzgxIDMuNTMwOTdDMTEuNjQwMSAzLjY3MTggMTEuNDQ5MSAzLjc1MDkyIDExLjI1IDMuNzUwOTJDMTEuMDUwOCAzLjc1MDkyIDEwLjg1OTggMy42NzE4IDEwLjcxOSAzLjUzMDk3TDkuNzQ5OTcgMi41NjA0N0wyLjk5OTk3IDkuMzEwNDdWMTguNzVDMi45OTk5NyAxOC45NDg5IDMuMDc4OTkgMTkuMTM5NiAzLjIxOTY0IDE5LjI4MDNDMy4zNjAyOSAxOS40MjEgMy41NTEwNiAxOS41IDMuNzQ5OTcgMTkuNUMzLjk0ODg4IDE5LjUgNC4xMzk2NSAxOS41NzkgNC4yODAzIDE5LjcxOTZDNC40MjA5NSAxOS44NjAzIDQuNDk5OTcgMjAuMDUxMSA0LjQ5OTk3IDIwLjI1QzQuNDk5OTcgMjAuNDQ4OSA0LjQyMDk1IDIwLjYzOTYgNC4yODAzIDIwLjc4MDNDNC4xMzk2NSAyMC45MjEgMy45NDg4OCAyMSAzLjc0OTk3IDIxQzMuMTUzMjMgMjEgMi41ODA5NCAyMC43NjI5IDIuMTU4OTggMjAuMzQxQzEuNzM3MDIgMTkuOTE5IDEuNDk5OTcgMTkuMzQ2NyAxLjQ5OTk3IDE4Ljc1VjEwLjgxMDVMMS4yODA5NyAxMS4wMzFDMS4xNDAxNCAxMS4xNzE4IDAuOTQ5MTM0IDExLjI1MDkgMC43NDk5NzEgMTEuMjUwOUMwLjU1MDgwNyAxMS4yNTA5IDAuMzU5ODAxIDExLjE3MTggMC4yMTg5NzEgMTEuMDMxQzAuMDc4MTQwOSAxMC44OTAxIC0wLjAwMDk3NjU2IDEwLjY5OTEgLTAuMDAwOTc2NTYyIDEwLjVDLTAuMDAwOTc2NTY1IDEwLjMwMDggMC4wNzgxNDA5IDEwLjEwOTggMC4yMTg5NzEgOS45Njg5N0w4LjY4OTQ3IDEuNDk5OTdaTTEzLjE4OTUgMi45OTk5N0MxMy40NzA4IDIuNzE4NzYgMTMuODUyMiAyLjU2MDc5IDE0LjI1IDIuNTYwNzlDMTQuNjQ3NyAyLjU2MDc5IDE1LjAyOTIgMi43MTg3NiAxNS4zMTA1IDIuOTk5OTdMMTggNS42ODk0N1YzLjc0OTk3QzE4IDMuNTUxMDYgMTguMDc5IDMuMzYwMjkgMTguMjE5NiAzLjIxOTY0QzE4LjM2MDMgMy4wNzg5OSAxOC41NTExIDIuOTk5OTcgMTguNzUgMi45OTk5N0gyMC4yNUMyMC40NDg5IDIuOTk5OTcgMjAuNjM5NiAzLjA3ODk5IDIwLjc4MDMgMy4yMTk2NEMyMC45MjEgMy4zNjAyOSAyMSAzLjU1MTA2IDIxIDMuNzQ5OTdWOC42ODk0N0wyMy43ODEgMTEuNDY5QzIzLjkyMTggMTEuNjA5OCAyNC4wMDA5IDExLjgwMDggMjQuMDAwOSAxMkMyNC4wMDA5IDEyLjE5OTEgMjMuOTIxOCAxMi4zOTAxIDIzLjc4MSAxMi41MzFDMjMuNjQwMSAxMi42NzE4IDIzLjQ0OTEgMTIuNzUwOSAyMy4yNSAxMi43NTA5QzIzLjA1MDggMTIuNzUwOSAyMi44NTk4IDEyLjY3MTggMjIuNzE5IDEyLjUzMUwyMi41IDEyLjMxMDVWMjAuMjVDMjIuNSAyMC44NDY3IDIyLjI2MjkgMjEuNDE5IDIxLjg0MSAyMS44NDFDMjEuNDE5IDIyLjI2MjkgMjAuODQ2NyAyMi41IDIwLjI1IDIyLjVIOC4yNDk5N0M3LjY1MzIzIDIyLjUgNy4wODA5NCAyMi4yNjI5IDYuNjU4OTggMjEuODQxQzYuMjM3MDIgMjEuNDE5IDUuOTk5OTcgMjAuODQ2NyA1Ljk5OTk3IDIwLjI1VjEyLjMxMDVMNS43ODA5NyAxMi41MzFDNS43MTEyNCAxMi42MDA3IDUuNjI4NDYgMTIuNjU2IDUuNTM3MzUgMTIuNjkzOEM1LjQ0NjI0IDEyLjczMTUgNS4zNDg1OSAxMi43NTA5IDUuMjQ5OTcgMTIuNzUwOUM1LjE1MTM1IDEyLjc1MDkgNS4wNTM3IDEyLjczMTUgNC45NjI2IDEyLjY5MzhDNC44NzE0OSAxMi42NTYgNC43ODg3IDEyLjYwMDcgNC43MTg5NyAxMi41MzFDNC42NDkyNCAxMi40NjEyIDQuNTkzOTIgMTIuMzc4NSA0LjU1NjE5IDEyLjI4NzNDNC41MTg0NSAxMi4xOTYyIDQuNDk5MDIgMTIuMDk4NiA0LjQ5OTAyIDEyQzQuNDk5MDIgMTEuOTAxNCA0LjUxODQ1IDExLjgwMzcgNC41NTYxOSAxMS43MTI2QzQuNTkzOTIgMTEuNjIxNSA0LjY0OTI0IDExLjUzODcgNC43MTg5NyAxMS40NjlMMTMuMTg5NSAyLjk5OTk3Wk0xNC4yNSA0LjA2MDQ3TDcuNDk5OTcgMTAuODEwNVYyMC4yNUM3LjQ5OTk3IDIwLjQ0ODkgNy41Nzg5OSAyMC42Mzk2IDcuNzE5NjQgMjAuNzgwM0M3Ljg2MDI5IDIwLjkyMSA4LjA1MTA2IDIxIDguMjQ5OTcgMjFIMjAuMjVDMjAuNDQ4OSAyMSAyMC42Mzk2IDIwLjkyMSAyMC43ODAzIDIwLjc4MDNDMjAuOTIxIDIwLjYzOTYgMjEgMjAuNDQ4OSAyMSAyMC4yNVYxMC44MTA1TDE0LjI1IDQuMDYwNDdaIiBmaWxsPSIjN0U2ODM5Ii8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iY2xpcDBfMjdfMTc1NiI+IDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4="); } .icon--gebaeude-check { /* Gebäude mit Haken / Investment */ --icon-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPGcgaWQ9ImJ1aWxkaW5nLWNoZWNrICgyKSAxIj4gPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4Ljc1IDI0QzIwLjE0MjQgMjQgMjEuNDc3NyAyMy40NDY5IDIyLjQ2MjMgMjIuNDYyM0MyMy40NDY5IDIxLjQ3NzcgMjQgMjAuMTQyNCAyNCAxOC43NUMyNCAxNy4zNTc2IDIzLjQ0NjkgMTYuMDIyMyAyMi40NjIzIDE1LjAzNzdDMjEuNDc3NyAxNC4wNTMxIDIwLjE0MjQgMTMuNSAxOC43NSAxMy41QzE3LjM1NzYgMTMuNSAxNi4wMjIzIDE0LjA1MzEgMTUuMDM3NyAxNS4wMzc3QzE0LjA1MzEgMTYuMDIyMyAxMy41IDE3LjM1NzYgMTMuNSAxOC43NUMxMy41IDIwLjE0MjQgMTQuMDUzMSAyMS40Nzc3IDE1LjAzNzcgMjIuNDYyM0MxNi4wMjIzIDIzLjQ0NjkgMTcuMzU3NiAyNCAxOC43NSAyNFpNMjEuMjY4NSAxNy4yNjA1TDE5LjI2NiAyMC41OTk1QzE5LjE3OCAyMC43NDYyIDE5LjA1NzcgMjAuODcwOSAxOC45MTQzIDIwLjk2NDFDMTguNzcwOCAyMS4wNTczIDE4LjYwOCAyMS4xMTY2IDE4LjQzODIgMjEuMTM3NEMxOC4yNjg0IDIxLjE1ODIgMTguMDk2MSAyMS4xNDAxIDE3LjkzNDQgMjEuMDg0M0MxNy43NzI3IDIxLjAyODUgMTcuNjI1OCAyMC45MzY2IDE3LjUwNSAyMC44MTU1TDE2LjM0NCAxOS42NTZDMTYuMjAzMiAxOS41MTUyIDE2LjEyNDEgMTkuMzI0MiAxNi4xMjQxIDE5LjEyNUMxNi4xMjQxIDE4LjkyNTggMTYuMjAzMiAxOC43MzQ4IDE2LjM0NCAxOC41OTRDMTYuNDg0OCAxOC40NTMyIDE2LjY3NTggMTguMzc0MSAxNi44NzUgMTguMzc0MUMxNy4wNzQyIDE4LjM3NDEgMTcuMjY1MiAxOC40NTMyIDE3LjQwNiAxOC41OTRMMTguMjI2NSAxOS40MTZMMTkuOTgxNSAxNi40ODk1QzIwLjAzMjEgMTYuNDA1IDIwLjA5ODkgMTYuMzMxMyAyMC4xNzggMTYuMjcyNkMyMC4yNTcxIDE2LjIxMzkgMjAuMzQ3IDE2LjE3MTMgMjAuNDQyNiAxNi4xNDc0QzIwLjUzODEgMTYuMTIzNCAyMC42Mzc1IDE2LjExODUgMjAuNzM0OSAxNi4xMzNDMjAuODMyMyAxNi4xNDc0IDIwLjkyNiAxNi4xODA5IDIxLjAxMDUgMTYuMjMxNUMyMS4wOTUgMTYuMjgyMSAyMS4xNjg3IDE2LjM0ODkgMjEuMjI3NCAxNi40MjhDMjEuMjg2MSAxNi41MDcxIDIxLjMyODcgMTYuNTk3IDIxLjM1MjYgMTYuNjkyNkMyMS4zNzY2IDE2Ljc4ODEgMjEuMzgxNSAxNi44ODc1IDIxLjM2NyAxNi45ODQ5QzIxLjM1MjYgMTcuMDgyMyAyMS4zMTkxIDE3LjE3NiAyMS4yNjg1IDE3LjI2MDVaIiBmaWxsPSIjN0U2ODM5Ii8+IDxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTMgMS41QzMgMS4xMDIxOCAzLjE1ODA0IDAuNzIwNjQ0IDMuNDM5MzQgMC40MzkzNEMzLjcyMDY0IDAuMTU4MDM1IDQuMTAyMTggMCA0LjUgMEwxOS41IDBDMTkuODk3OCAwIDIwLjI3OTQgMC4xNTgwMzUgMjAuNTYwNyAwLjQzOTM0QzIwLjg0MiAwLjcyMDY0NCAyMSAxLjEwMjE4IDIxIDEuNVYxMS4yNUMyMSAxMS40NDg5IDIwLjkyMSAxMS42Mzk3IDIwLjc4MDMgMTEuNzgwM0MyMC42Mzk3IDExLjkyMSAyMC40NDg5IDEyIDIwLjI1IDEyQzIwLjA1MTEgMTIgMTkuODYwMyAxMS45MjEgMTkuNzE5NyAxMS43ODAzQzE5LjU3OSAxMS42Mzk3IDE5LjUgMTEuNDQ4OSAxOS41IDExLjI1VjEuNUg0LjVWMjIuNUg5VjE4Ljc1QzkgMTguNTUxMSA5LjA3OTAyIDE4LjM2MDMgOS4yMTk2NyAxOC4yMTk3QzkuMzYwMzIgMTguMDc5IDkuNTUxMDkgMTggOS43NSAxOEgxMlYyNEg0LjVDNC4xMDIxOCAyNCAzLjcyMDY0IDIzLjg0MiAzLjQzOTM0IDIzLjU2MDdDMy4xNTgwNCAyMy4yNzk0IDMgMjIuODk3OCAzIDIyLjVWMS41WiIgZmlsbD0iIzdFNjgzOSIvPiA8cGF0aCBpZD0iVmVjdG9yXzMiIGQ9Ik02Ljc1IDNDNi41NTEwOSAzIDYuMzYwMzIgMy4wNzkwMiA2LjIxOTY3IDMuMjE5NjdDNi4wNzkwMiAzLjM2MDMyIDYgMy41NTEwOSA2IDMuNzVWNS4yNUM2IDUuNDQ4OTEgNi4wNzkwMiA1LjYzOTY4IDYuMjE5NjcgNS43ODAzM0M2LjM2MDMyIDUuOTIwOTggNi41NTEwOSA2IDYuNzUgNkg4LjI1QzguNDQ4OTEgNiA4LjYzOTY4IDUuOTIwOTggOC43ODAzMyA1Ljc4MDMzQzguOTIwOTggNS42Mzk2OCA5IDUuNDQ4OTEgOSA1LjI1VjMuNzVDOSAzLjU1MTA5IDguOTIwOTggMy4zNjAzMiA4Ljc4MDMzIDMuMjE5NjdDOC42Mzk2OCAzLjA3OTAyIDguNDQ4OTEgMyA4LjI1IDNINi43NVpNMTEuMjUgM0MxMS4wNTExIDMgMTAuODYwMyAzLjA3OTAyIDEwLjcxOTcgMy4yMTk2N0MxMC41NzkgMy4zNjAzMiAxMC41IDMuNTUxMDkgMTAuNSAzLjc1VjUuMjVDMTAuNSA1LjQ0ODkxIDEwLjU3OSA1LjYzOTY4IDEwLjcxOTcgNS43ODAzM0MxMC44NjAzIDUuOTIwOTggMTEuMDUxMSA2IDExLjI1IDZIMTIuNzVDMTIuOTQ4OSA2IDEzLjEzOTcgNS45MjA5OCAxMy4yODAzIDUuNzgwMzNDMTMuNDIxIDUuNjM5NjggMTMuNSA1LjQ0ODkxIDEzLjUgNS4yNVYzLjc1QzEzLjUgMy41NTEwOSAxMy40MjEgMy4zNjAzMiAxMy4yODAzIDMuMjE5NjdDMTMuMTM5NyAzLjA3OTAyIDEyLjk0ODkgMyAxMi43NSAzSDExLjI1Wk0xNS43NSAzQzE1LjU1MTEgMyAxNS4zNjAzIDMuMDc5MDIgMTUuMjE5NyAzLjIxOTY3QzE1LjA3OSAzLjM2MDMyIDE1IDMuNTUxMDkgMTUgMy43NVY1LjI1QzE1IDUuNDQ4OTEgMTUuMDc5IDUuNjM5NjggMTUuMjE5NyA1Ljc4MDMzQzE1LjM2MDMgNS45MjA5OCAxNS41NTExIDYgMTUuNzUgNkgxNy4yNUMxNy40NDg5IDYgMTcuNjM5NyA1LjkyMDk4IDE3Ljc4MDMgNS43ODAzM0MxNy45MjEgNS42Mzk2OCAxOCA1LjQ0ODkxIDE4IDUuMjVWMy43NUMxOCAzLjU1MTA5IDE3LjkyMSAzLjM2MDMyIDE3Ljc4MDMgMy4yMTk2N0MxNy42Mzk3IDMuMDc5MDIgMTcuNDQ4OSAzIDE3LjI1IDNIMTUuNzVaTTYuNzUgNy41QzYuNTUxMDkgNy41IDYuMzYwMzIgNy41NzkwMiA2LjIxOTY3IDcuNzE5NjdDNi4wNzkwMiA3Ljg2MDMyIDYgOC4wNTEwOSA2IDguMjVWOS43NUM2IDkuOTQ4OTEgNi4wNzkwMiAxMC4xMzk3IDYuMjE5NjcgMTAuMjgwM0M2LjM2MDMyIDEwLjQyMSA2LjU1MTA5IDEwLjUgNi43NSAxMC41SDguMjVDOC40NDg5MSAxMC41IDguNjM5NjggMTAuNDIxIDguNzgwMzMgMTAuMjgwM0M4LjkyMDk4IDEwLjEzOTcgOSA5Ljk0ODkxIDkgOS43NVY4LjI1QzkgOC4wNTEwOSA4LjkyMDk4IDcuODYwMzIgOC43ODAzMyA3LjcxOTY3QzguNjM5NjggNy41NzkwMiA4LjQ0ODkxIDcuNSA4LjI1IDcuNUg2Ljc1Wk0xMS4yNSA3LjVDMTEuMDUxMSA3LjUgMTAuODYwMyA3LjU3OTAyIDEwLjcxOTcgNy43MTk2N0MxMC41NzkgNy44NjAzMiAxMC41IDguMDUxMDkgMTAuNSA4LjI1VjkuNzVDMTAuNSA5Ljk0ODkxIDEwLjU3OSAxMC4xMzk3IDEwLjcxOTcgMTAuMjgwM0MxMC44NjAzIDEwLjQyMSAxMS4wNTExIDEwLjUgMTEuMjUgMTAuNUgxMi43NUMxMi45NDg5IDEwLjUgMTMuMTM5NyAxMC40MjEgMTMuMjgwMyAxMC4yODAzQzEzLjQyMSAxMC4xMzk3IDEzLjUgOS45NDg5MSAxMy41IDkuNzVWOC4yNUMxMy41IDguMDUxMDkgMTMuNDIxIDcuODYwMzIgMTMuMjgwMyA3LjcxOTY3QzEzLjEzOTcgNy41NzkwMiAxMi45NDg5IDcuNSAxMi43NSA3LjVIMTEuMjVaTTE1Ljc1IDcuNUMxNS41NTExIDcuNSAxNS4zNjAzIDcuNTc5MDIgMTUuMjE5NyA3LjcxOTY3QzE1LjA3OSA3Ljg2MDMyIDE1IDguMDUxMDkgMTUgOC4yNVY5Ljc1QzE1IDkuOTQ4OTEgMTUuMDc5IDEwLjEzOTcgMTUuMjE5NyAxMC4yODAzQzE1LjM2MDMgMTAuNDIxIDE1LjU1MTEgMTAuNSAxNS43NSAxMC41SDE3LjI1QzE3LjQ0ODkgMTAuNSAxNy42Mzk3IDEwLjQyMSAxNy43ODAzIDEwLjI4MDNDMTcuOTIxIDEwLjEzOTcgMTggOS45NDg5MSAxOCA5Ljc1VjguMjVDMTggOC4wNTEwOSAxNy45MjEgNy44NjAzMiAxNy43ODAzIDcuNzE5NjdDMTcuNjM5NyA3LjU3OTAyIDE3LjQ0ODkgNy41IDE3LjI1IDcuNUgxNS43NVpNNi43NSAxMkM2LjU1MTA5IDEyIDYuMzYwMzIgMTIuMDc5IDYuMjE5NjcgMTIuMjE5N0M2LjA3OTAyIDEyLjM2MDMgNiAxMi41NTExIDYgMTIuNzVWMTQuMjVDNiAxNC40NDg5IDYuMDc5MDIgMTQuNjM5NyA2LjIxOTY3IDE0Ljc4MDNDNi4zNjAzMiAxNC45MjEgNi41NTEwOSAxNSA2Ljc1IDE1SDguMjVDOC40NDg5MSAxNSA4LjYzOTY4IDE0LjkyMSA4Ljc4MDMzIDE0Ljc4MDNDOC45MjA5OCAxNC42Mzk3IDkgMTQuNDQ4OSA5IDE0LjI1VjEyLjc1QzkgMTIuNTUxMSA4LjkyMDk4IDEyLjM2MDMgOC43ODAzMyAxMi4yMTk3QzguNjM5NjggMTIuMDc5IDguNDQ4OTEgMTIgOC4yNSAxMkg2Ljc1Wk0xMS4yNSAxMkMxMS4wNTExIDEyIDEwLjg2MDMgMTIuMDc5IDEwLjcxOTcgMTIuMjE5N0MxMC41NzkgMTIuMzYwMyAxMC41IDEyLjU1MTEgMTAuNSAxMi43NVYxNC4yNUMxMC41IDE0LjQ0ODkgMTAuNTc5IDE0LjYzOTcgMTAuNzE5NyAxNC43ODAzQzEwLjg2MDMgMTQuOTIxIDExLjA1MTEgMTUgMTEuMjUgMTVIMTIuNzVDMTIuOTQ4OSAxNSAxMy4xMzk3IDE0LjkyMSAxMy4yODAzIDE0Ljc4MDNDMTMuNDIxIDE0LjYzOTcgMTMuNSAxNC40NDg5IDEzLjUgMTQuMjVWMTIuNzVDMTMuNSAxMi41NTExIDEzLjQyMSAxMi4zNjAzIDEzLjI4MDMgMTIuMjE5N0MxMy4xMzk3IDEyLjA3OSAxMi45NDg5IDEyIDEyLjc1IDEySDExLjI1WiIgZmlsbD0iIzdFNjgzOSIvPiA8L2c+IDwvc3ZnPg=="); } /* Achteck-Portraits (Form ist in den PNGs eingebacken, live drop-shadow-Kette) */ .mh-achteck { filter: var(--mh-drop-signature); } /* Sprungnavigation „Schnell zu:" (Inhaltsverzeichnis, heftet sich beim Scrollen an) */ .mh-sprungnav { font-size: 1rem; } /* Rohwert: live 16px — passt einzeilig in die Spalte */ .mh-sprungnav__inner { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; color: var(--primary-ultra-dark); } .mh-sprungnav a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .mh-sprungnav a:hover { color: var(--primary); } /* Aktiver Punkt (JS-Scrollspy) */ .mh-sprungnav a.is-aktiv { color: var(--primary); font-weight: 600; text-decoration-thickness: 2px; } /* Angeheftet: volle Breite (Mike-Regel Full-Bleed), Inhalt im Container gedeckelt */ .mh-sprungnav.is-fixed { position: fixed; top: 0; /* JS setzt den Wert = Unterkante Header */ left: 0; right: 0; z-index: 99; /* unter dem Header (z-index 100) */ background: var(--white); border-block-end: 1px solid var(--primary-light); padding-block: 12px; transition: top 120ms linear; } .mh-sprungnav.is-fixed .mh-sprungnav__inner { max-width: var(--content-width); margin-inline: auto; padding-inline: var(--section-padding-x); } @media (prefers-reduced-motion: reduce) { .mh-sprungnav.is-fixed { transition: none; } } /* Ziel-Sektionen nicht unter Header + Leiste rutschen lassen */ .mh-sec[id], .mh-kontakt-topzeile[id] { scroll-margin-top: calc(var(--mh-sprungnav-offset, 0px) + 20px); } /* Breadcrumb */ .mh-breadcrumb { margin: 30px 0 60px; /* Rohwert: live */ display: flex; gap: 0.5em; flex-wrap: wrap; color: var(--primary-ultra-dark); } /* Kontrast-Pflicht (axe): Gold auf Band-Beige = 3.3:1 → Body-Farbe (AA) */ .mh-breadcrumb a { color: var(--primary-ultra-dark); text-decoration: none; } .mh-breadcrumb a:hover { text-decoration: underline; } /* Kontakt-Links (Tel/Mail) */ .mh-kontaktlinks a { display: block; margin-bottom: 5px; color: var(--primary-ultra-dark); text-decoration: none; } .mh-kontaktlinks a:hover { color: var(--primary); } /* Entrance-Animation slideUp (900ms/200ms wie live); Startzustand setzt NUR JS */ .mh-anim-bereit { opacity: 0; transform: translateY(50px); } .mh-anim-bereit.is-in { opacity: 1; transform: none; transition: opacity 900ms ease 200ms, transform 900ms ease 200ms; } /* Fade-Slider (Intro): fade 1800ms, Stapel via Grid */ .mh-fade-slider { display: grid; } .mh-fade-slider__slide { grid-area: 1 / 1; opacity: 0; transition: opacity 1800ms ease; } .mh-fade-slider__slide.is-active { opacity: 1; z-index: 1; } .mh-fade-slider img, .mh-media img { display: block; width: 100%; height: auto; } /* Icon-Listen (Vorteile, Werte) */ .mh-iconliste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; /* Rohwert: live gap */ } .mh-iconliste--einspaltig { grid-template-columns: 1fr; gap: var(--space-m); } .mh-iconliste__item { display: flex; align-items: flex-start; gap: 16px; } .mh-iconliste .svg-icon { --icon-size: 3.125rem; color: var(--primary); } /* live 50px */ .mh-iconliste__titel { margin: 0 0 10px; color: var(--primary); font-size: var(--mh-h-3); font-weight: var(--mh-weight-heading); line-height: 1.15; text-transform: none; } .mh-iconliste__text p { margin: 0 0 0.6em; } .mh-iconliste__text p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .mh-iconliste { grid-template-columns: 1fr; gap: 30px; } } /* --- 4.3 mh/text ------------------------------------------------------------ */ .mh-text > .brxe-container { padding-block: var(--mh-block-space); } /* Textseiten sind die erste Sektion unterm FIXEN Header (130px, mobil 110px): Inhalt freistellen — live sitzt das h1 direkt unter der Headerkante */ .mh-text > .brxe-container { padding-top: var(--mh-block-space); } .mh-text__inhalt { max-width: 1120px; margin-inline: auto; } /* Rohwert: Live-Contentbreite */ .mh-text__inhalt h1 { margin: 0 0 var(--space-l); color: var(--mh-h1-farbe); font-size: var(--mh-h-1); font-weight: var(--mh-weight-heading); line-height: 1.15; text-transform: none; } .mh-text__inhalt h2 { color: var(--primary); text-transform: none; font-weight: var(--mh-weight-heading); font-size: var(--mh-h-2); } /* --- 4.4 mh/seo-text -------------------------------------------------------- */ .mh-seo-text { background-image: url(../img/background-vector-2.svg); background-repeat: no-repeat; background-position: top right; } .mh-seo-text > .brxe-container { padding-inline: 10%; /* Rohwert: live */ padding-block: var(--mh-block-space); } .mh-seo-text__spalten { margin-top: 52px; /* Rohwert: live */ columns: 2; column-gap: 60px; } .mh-seo-text__spalten p { break-inside: avoid; } @media (max-width: 1023px) { .mh-seo-text__spalten { columns: 1; } } @media (max-width: 767px) { .mh-seo-text { background-size: 50%; } .mh-seo-text > .brxe-container { padding-inline: var(--section-padding-x); } } /* --- 4.5 mh/bergkette ------------------------------------------------------- */ .mh-bergkette { height: 250px; /* Rohwert: live Containerhöhe */ margin-bottom: 3%; background: url(../img/bergkette.svg) center / cover no-repeat; } @media (max-width: 767px) { .mh-bergkette { display: none; } /* live: mobil ausgeblendet */ } /* --- 4.6 mh/formular -------------------------------------------------------- */ .mh-formular { margin-bottom: 100px; } /* Rohwert: live Abstand unter dem Formular */ .mh-formular > .brxe-container { padding-block: var(--mh-block-space); } .mh-formular__inhalt { max-width: 1120px; margin-inline: auto; } /* Rohwert: Live-Contentbreite */ .mh-formular .ff-el-input--label label, .mh-formular label { color: var(--primary); } .mh-formular .ff-el-form-control, .mh-formular input[type="text"], .mh-formular input[type="email"], .mh-formular input[type="tel"], .mh-formular select, .mh-formular textarea { background-color: var(--white); border: 1px solid var(--primary-semi-light); border-radius: 0; } /* --- Textseiten (Impressum/Datenschutz/Danke): Live-Größen + Umbruch-Härtung --- Live rendert h1 dort ~46px (nicht die 72px-Projekt-H1) und h2 mobil 25px. Lange Rechtstext-URLs laufen live aus dem Viewport — hier unsichtbar gefixt. */ .mh-text h1 { font-size: clamp(2.25rem, calc(1.1vw + 2rem), 2.875rem); } .mh-text h2 { font-size: clamp(1.5625rem, calc(1.1vw + 1.25rem), 2.5rem); overflow-wrap: break-word; hyphens: auto; } .mh-text a { overflow-wrap: anywhere; } /* FF druckt pro Formular einen Inline-Style-Block (form.fluent_form_N .ff-btn-submit :not(.ff_btn_no_style) {background: …}) — höhere Spezifität nötig (Playbook §11). */ .mh-formular .fluentform form .ff-btn-submit:not(.ff_btn_no_style) { background: var(--white); color: var(--primary); border: 1.5px solid var(--primary); /* Rohwert: 1.5px wie Buttons */ border-radius: 2px; padding: 14px 24px; font-size: var(--text-l); font-weight: 500; transition: all 300ms ease-in-out; } .mh-formular .fluentform form .ff-btn-submit:not(.ff_btn_no_style):hover, .mh-formular .fluentform form .ff-btn-submit:not(.ff_btn_no_style):focus { background: var(--primary-semi-light); color: var(--white); border-color: var(--primary-ultra-dark); } /* --- 4.7 mh/fakten-band ----------------------------------------------------- */ .mh-fakten-band { margin-bottom: 5%; } .mh-fakten-band__zeile { display: flex; align-items: center; gap: 40px; /* Rohwert: live */ } .mh-fakten-band__fakten { list-style: none; margin: 0; padding: 60px 0 40px; width: 45%; /* Rohwert: live Spaltenbreite */ display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 50px; } .mh-fakten-band__fakt { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; } .mh-fakten-band__fakt .svg-icon { --icon-size: 3.25rem; color: var(--primary-ultra-dark); } .mh-fakten-band__fakt p { margin: 0; } .mh-fakten-band__karte { flex: 1; display: flex; align-items: center; gap: 40px; align-self: stretch; } .mh-fakten-band__portrait { align-self: flex-end; display: flex; align-items: flex-end; } .mh-fakten-band__portrait img { display: block; width: 100%; height: auto; margin-bottom: -4px; /* Rohwert: live (bündig zur Bandkante) */ } .mh-fakten-band__karte-inhalt { padding-block: var(--mh-block-space-s); } .mh-fakten-band__karte-inhalt .mh-kontaktlinks { margin-top: 20px; } @media (max-width: 1119px) { .mh-fakten-band__zeile { flex-direction: column-reverse; align-items: stretch; } .mh-fakten-band__fakten { width: 100%; padding-bottom: 40px; } .mh-fakten-band__karte { width: 100%; } } @media (max-width: 767px) { .mh-fakten-band__fakten { grid-template-columns: repeat(2, 1fr); gap: 20px; } .mh-fakten-band__karte { flex-direction: column; align-items: flex-start; gap: 0; } .mh-fakten-band__portrait img { width: 70%; } } /* --- 4.8 mh/highlight-grid -------------------------------------------------- */ .mh-highlight-grid > .brxe-container { padding-block: var(--mh-block-space); } .mh-highlight-grid .mh-heading { margin-bottom: 50px; } /* Rohwert: live */ .mh-highlight-grid__karten { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 40px; /* Rohwert: live (flex-wrap, kein Grid) */ } .mh-karte { width: 31%; } /* Rohwert: live Kartenbreite */ .mh-karte__bild { display: block; width: 100%; height: auto; } .mh-karte__titel { margin: 20px 0 10px; color: var(--primary); font-size: var(--mh-h-3); font-weight: var(--mh-weight-heading); text-transform: none; line-height: 1.15; } .mh-karte__text p { margin: 0 0 0.6em; } @media (max-width: 1023px) { .mh-karte { width: 47%; } } @media (max-width: 767px) { .mh-karte { width: 100%; } } /* --- 4.9 mh/lage ------------------------------------------------------------ */ .mh-lage > .brxe-container { padding-block: var(--mh-block-space); } .mh-lage__zeile { display: flex; } .mh-lage__links { width: 50%; padding-right: 8%; } /* Rohwert: live Split */ .mh-lage__panel { position: relative; } .mh-lage__panel::after { content: ""; position: absolute; left: -17px; /* Rohwert: live Winkel-Panel-Versatz */ bottom: -185px; width: 118%; height: 100%; background: url(../img/form-winkel-panel.svg) center / cover no-repeat; } .mh-lage__foto { position: relative; z-index: 2; display: block; width: 100%; height: auto; padding-left: 60px; /* Rohwert: live Bildversatz auf dem Panel */ } .mh-lage__vorteile { position: relative; z-index: 2; list-style: none; margin: 20px 0 0; padding: 0; display: flex; justify-content: center; align-items: flex-start; gap: 38px; /* Rohwert: live */ } .mh-lage__vorteile li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px; max-width: 10rem; } .mh-lage__vorteile .svg-icon { --icon-size: 3.125rem; color: var(--primary-ultra-dark); } .mh-lage__vorteile p { margin: 0; } .mh-lage__rechts { width: 50%; } .mh-lage__karte { display: block; width: 100%; height: auto; } .mh-lage__inhalt { margin-top: var(--space-xl); } @media (max-width: 1119px) { .mh-lage__zeile { flex-direction: column; gap: 180px; } /* Rohwert: live (Panel ragt nach unten) */ .mh-lage__links, .mh-lage__rechts { width: 100%; padding-right: 0; } } @media (max-width: 767px) { .mh-lage > .brxe-container { padding-block: 0 var(--mh-block-space-s); } .mh-lage__zeile { gap: 40px; } .mh-lage__links { display: none; } /* live: Panel+Foto mobil ausgeblendet */ } /* --- 4.10 mh/anreise -------------------------------------------------------- */ .mh-anreise > .brxe-container { padding-block: var(--section-space-s); } .mh-anreise__zeile { display: flex; gap: 7%; } /* Rohwert: live */ .mh-anreise__tabelle { flex: 1; border-collapse: separate; border-spacing: 0 8px; /* Zeilenabstand wie live */ } .mh-anreise__tabelle caption { caption-side: top; text-align: left; padding-bottom: var(--space-s); margin-bottom: var(--space-s); font-size: var(--mh-h-3); font-weight: var(--mh-weight-heading); text-transform: none; color: var(--primary-ultra-dark); border-bottom: 2px solid var(--primary-semi-light); /* Gold-Unterstrich */ } .mh-anreise__tabelle th, .mh-anreise__tabelle td { background: var(--primary-ultra-light); padding: 12px 15px; font-weight: 400; text-align: left; vertical-align: top; } .mh-anreise__tabelle td { width: 45%; } @media (max-width: 1119px) { .mh-anreise__zeile { flex-wrap: wrap; gap: 40px; } .mh-anreise__tabelle { flex: 1 1 40%; } } @media (max-width: 767px) { .mh-anreise__tabelle { flex: 1 1 100%; } } /* --- 4.11 mh/vorteile ------------------------------------------------------- */ .mh-vorteile > .brxe-container { padding-block: var(--mh-block-space); } .mh-vorteile__zeile { display: flex; align-items: center; } .mh-vorteile__inhalt { width: 50%; padding-right: 8%; } /* Rohwert: live Split */ .mh-vorteile__zeile .mh-iconliste { width: 50%; } /* Logo-Marke links neben der Überschrift (Live-Muster Über uns, 476-235) */ .mh-vorteile__inhalt--mit-logo { display: flex; align-items: flex-start; gap: 40px; } .mh-vorteile__logo { flex: 0 0 100px; padding-top: 10px; } .mh-vorteile__logo img { display: block; width: 100%; height: auto; } .mh-vorteile__inhalt-text { min-width: 0; } @media (max-width: 767px) { .mh-vorteile__logo { flex-basis: 64px; } } /* Abschlussbild ragt live in die Folgesektion (Chalet: padding-bottom 423px) */ .mh-vorteile--mit-bild { margin-bottom: 20rem; } .mh-vorteile--mit-bild .mh-vorteile__bild { margin-top: 60px; margin-bottom: -20rem; } .mh-vorteile__bild img { display: block; width: 100%; height: auto; } @media (max-width: 1119px) { .mh-vorteile__zeile { flex-direction: column; gap: 50px; } .mh-vorteile__inhalt, .mh-vorteile__zeile .mh-iconliste { width: 100%; padding-right: 0; } .mh-vorteile--mit-bild { margin-bottom: 12rem; } .mh-vorteile--mit-bild .mh-vorteile__bild { margin-bottom: -12rem; } } @media (max-width: 767px) { .mh-vorteile--mit-bild { margin-bottom: 6rem; } .mh-vorteile--mit-bild .mh-vorteile__bild { margin-bottom: -6rem; } } /* --- 4.12 mh/wohnungsuebersicht --------------------------------------------- */ .mh-wohnungen > .brxe-container { padding-block: var(--mh-block-space) 0; } .mh-wohnungen__zeile { position: relative; display: flex; gap: 40px; padding-block: 40px; /* Rohwert: live */ } .mh-wohnungen__zeile::after { content: ""; position: absolute; left: 0; top: -160px; /* Rohwert: live Wasserzeichen-Versatz */ width: 100%; height: 100%; background: url(../img/watermark-logo.svg) top left no-repeat; pointer-events: none; } .mh-wohnungen__links, .mh-wohnungen__tabellen { position: relative; z-index: 2; width: 50%; } .mh-wohnungen__ansicht { margin-top: 100px; } /* Rohwert: live */ .mh-wohnungen__ansicht img { display: block; width: 100%; height: auto; } .mh-wohnungen__tabellen { display: flex; flex-direction: column; gap: 30px; } .mh-wohnungen__tabelle { width: 100%; border-collapse: separate; border-spacing: 0 8px; } .mh-wohnungen__tabelle thead th { color: var(--primary); font-size: 1.25rem; /* Rohwert: live 20px */ font-weight: 400; text-align: left; padding: 6px; border-bottom: 2px solid var(--primary-semi-light); /* Gold-Unterstrich */ } .mh-wohnungen__tabelle tbody th, .mh-wohnungen__tabelle tbody td { padding: 6px; font-weight: 400; text-align: left; } .mh-wohnungen__tabellen .mh-btn--pdf { margin-top: 20px; } @media (max-width: 1119px) { .mh-wohnungen__zeile { flex-direction: column; gap: 30px; } .mh-wohnungen__links, .mh-wohnungen__tabellen { width: 100%; } .mh-wohnungen__ansicht { margin-top: 50px; } } @media (max-width: 767px) { .mh-wohnungen > .brxe-container { padding-block: 0; } .mh-wohnungen__zeile::after { content: none; } /* live: Wasserzeichen mobil aus */ .mh-wohnungen__tabelle thead th { font-size: 1.125rem; } .mh-wohnungen__tabelle tbody th, .mh-wohnungen__tabelle tbody td { font-size: 0.875rem; } } /* --- 4.13 mh/galerie --------------------------------------------------------- */ .mh-galerie > .brxe-container { padding-left: 14%; /* Rohwert: live */ padding-block: var(--mh-block-space); } .mh-galerie__collage { display: flex; gap: 20px; margin-top: 49px; } /* Rohwert: live */ .mh-galerie__links { width: 73%; /* Rohwert: live */ display: flex; flex-direction: column; gap: 25px; } .mh-galerie__reihe { display: flex; justify-content: space-between; gap: 25px; } .mh-galerie__bild { margin: 0; width: 100%; } .mh-galerie__bild img { display: block; width: 100%; height: 100%; object-fit: cover; } .mh-galerie__bild--schmal { width: 60%; } /* Rohwert: live */ .mh-galerie__bild--schmal img { aspect-ratio: 1 / 1; } .mh-galerie__rechts { width: 26%; } /* Rohwert: live */ .mh-galerie__bild--hoch { height: 100%; } @media (max-width: 1119px) { .mh-galerie__collage { gap: 15px; } .mh-galerie__links { gap: 15px; } .mh-galerie__reihe { gap: 15px; } } @media (max-width: 767px) { .mh-galerie > .brxe-container { padding-left: var(--section-padding-x); } .mh-galerie__collage, .mh-galerie__reihe { flex-direction: column; } .mh-galerie__links, .mh-galerie__rechts, .mh-galerie__bild--schmal { width: 100%; } } /* --- 4.14 mh/grundrisse (Karussell) ------------------------------------------ */ .mh-grundrisse { padding-bottom: var(--mh-block-space); } .mh-grundrisse__kopf { padding-inline: var(--section-padding-x); } .mh-carousel { --mh-slide-gap: 100px; /* Rohwert: live Slide-Abstand Desktop */ position: relative; margin-top: 35px; padding-bottom: 2.5rem; /* Platz für die Progressbar */ } .mh-carousel__viewport { overflow-x: auto; scroll-snap-type: x mandatory; /* Ohne dieses scroll-padding rastet der Browser hinter dem Track-Padding ein (scrollLeft = 75) — der erste Grundriss klebte dann am linken Rand. */ scroll-padding-inline: var(--section-padding-x); scrollbar-width: none; } .mh-carousel__viewport::-webkit-scrollbar { display: none; } .mh-carousel__track { display: flex; gap: var(--mh-slide-gap); padding-inline: var(--section-padding-x); } .mh-carousel__slide { margin: 0; flex: 0 0 calc((100% - 2 * var(--mh-slide-gap)) / 2.5); /* live: 2,5 Slides sichtbar */ scroll-snap-align: start; } .mh-carousel__slide figcaption { margin-bottom: 10px; font-weight: 600; color: var(--primary-ultra-dark); } .mh-carousel__slide img { display: block; width: 100%; height: auto; } .mh-carousel__pfeil { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; padding: 6px; border: 0; background: none; color: var(--primary-ultra-dark); cursor: pointer; } .mh-carousel__pfeil svg { display: block; width: 100%; height: 100%; } .mh-carousel__pfeil:disabled { opacity: 0.35; cursor: default; } .mh-carousel__prev { left: 25px; } .mh-carousel__next { right: 25px; } .mh-carousel__progress { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 45.5%; /* Rohwert: live Progressbar-Breite */ height: 12px; background: var(--primary-ultra-dark); clip-path: inset(0 round 25px); /* live: einziges echtes clip-path */ overflow: hidden; } .mh-carousel__progress-fill { height: 100%; background: var(--primary-semi-light); transform: scaleX(0); transform-origin: left; transition: transform 200ms linear; } @media (max-width: 1119px) { .mh-carousel { --mh-slide-gap: 40px; } /* Rohwert: live Tablet */ .mh-carousel__slide { flex-basis: calc((100% - var(--mh-slide-gap)) / 2); } .mh-carousel__progress { width: 41%; } } @media (max-width: 767px) { .mh-carousel__slide { flex-basis: calc(100% - 2 * var(--section-padding-x)); } .mh-carousel__progress { width: 70%; } } /* --- 4.15 mh/faq -------------------------------------------------------------- */ .mh-faq { background-image: url(../img/background-vector-2.svg); background-repeat: no-repeat; background-position: top right; background-size: 50%; /* live: FAQ-Variante der BG-Deko */ } .mh-faq > .brxe-container { padding-block: var(--mh-block-space); } .mh-faq__spalten { display: flex; gap: 8%; margin-top: 52px; } /* Rohwert: live */ .mh-faq__spalte { width: 50%; } .mh-faq__item { margin-bottom: 1.5rem; } .mh-faq__frage { margin: 0 0 0.25em; color: var(--primary-ultra-dark); font-size: var(--mh-h-3); font-weight: var(--mh-weight-heading); line-height: 1.5; text-transform: none; } .mh-faq__antwort p { margin: 0 0 0.75em; } .mh-faq__antwort p:last-child { margin-bottom: 0; } @media (max-width: 1023px) { .mh-faq__spalten { flex-direction: column; gap: 0; } .mh-faq__spalte { width: 100%; } } /* --- 4.16 mh/werte-zitat ------------------------------------------------------ */ .mh-werte-zitat { margin-top: 8%; /* Rohwert: live */ background-image: url(../img/background-vector-2.svg); background-repeat: no-repeat; background-position: top right; } .mh-werte-zitat > .brxe-container { padding-block: var(--mh-block-space); } .mh-werte-zitat__zeile { display: flex; align-items: center; } .mh-werte-zitat__inhalt { width: 50%; padding-right: 8%; } .mh-werte-zitat__inhalt .mh-text-flow { margin-top: 45px; margin-bottom: 45px; } .mh-werte-zitat__inhalt .mh-iconliste { margin-top: 15px; } .mh-werte-zitat__rechts { width: 50%; display: flex; flex-direction: column; align-items: center; gap: 40px; text-align: center; } .mh-werte-zitat__portraits { display: flex; gap: 10px; } .mh-werte-zitat__portrait { margin: 0; background: var(--mh-panel); display: flex; flex-direction: column; align-items: center; } .mh-werte-zitat__portrait img { display: block; width: 100%; max-width: 350px; /* Rohwert: live */ height: auto; } .mh-werte-zitat__portrait figcaption { margin: 15px 0; font-size: var(--text-m); font-weight: var(--mh-weight-text); text-transform: none; color: var(--primary-ultra-dark); /* axe: erbte sonst Grau #9e9e9e (2.07:1) */ } .mh-werte-zitat__logo { max-width: 180px; height: auto; } .mh-werte-zitat__zitat { margin: 0; width: 100%; padding: var(--space-l) var(--space-m); background: var(--mh-panel); border: 0; /* kein Rahmen, kein Schatten (Mike 03.08.2026) */ } .mh-werte-zitat__zitat-text { margin: 0; font-size: var(--mh-lead); font-weight: var(--mh-weight-text); line-height: 1.5; } .mh-werte-zitat__zitat-text::after { content: ""; display: block; width: 100px; margin: 1em auto 0; border-bottom: 2px solid var(--primary); } .mh-werte-zitat__quelle { margin-top: var(--space-s); font-weight: var(--mh-weight-heading); font-size: var(--text-m); } .mh-werte-zitat__quelle cite { font-style: normal; color: var(--primary-ultra-dark); opacity: 1; /* ACSS setzt cite auf .5 -> Kontrast 3.1:1 (axe) */ } @media (max-width: 1119px) { .mh-werte-zitat__zeile { flex-direction: column; gap: 70px; } .mh-werte-zitat__inhalt, .mh-werte-zitat__rechts { width: 100%; padding-right: 0; } } @media (max-width: 767px) { .mh-werte-zitat__portraits { flex-direction: column; } .mh-werte-zitat__zitat { width: 100%; } } /* --- 4.17 mh/kontakt-band ------------------------------------------------------ */ /* Je Ansprechpartner EINE Einheit aus Porträt + Name + Rolle + Kontaktdaten (Mike 03.08.2026: „so versteht kein Mensch, wer wer ist"). */ .mh-kontakt-topzeile { padding: var(--space-s) var(--section-padding-x); text-align: right; } .mh-kontakt-topzeile a { color: var(--primary); } .mh-kontakt-band__kopf { max-width: 46rem; } .mh-kontakt-band__text { margin: var(--space-m) 0 0; } .mh-kontakt-band__personen { list-style: none; margin: var(--space-xl, var(--space-l)) 0 0; padding: 0; display: grid; gap: var(--space-l); grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); align-items: start; } .mh-kontakt-band__person { display: flex; align-items: flex-start; gap: var(--space-m); } .mh-kontakt-band__portrait { flex: none; width: 9rem; } .mh-kontakt-band__foto { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; } .mh-kontakt-band__daten { min-width: 0; } .mh-kontakt-band__name { margin: 0 0 0.25em; font-size: var(--mh-h-3); font-weight: var(--mh-weight-heading); } .mh-kontakt-band__rolle { margin: 0 0 var(--space-s); font-size: var(--text-m); } @media (max-width: 479px) { .mh-kontakt-band__person { flex-direction: column; } .mh-kontakt-band__portrait { width: 8rem; } } /* Trennzeichen in Eyebrow-Zeilen (statt „|", bricht nie um) */ .mh-trenner { color: var(--primary); white-space: nowrap; } /* --- 4.18 mh/intro -------------------------------------------------------------- */ .mh-intro > .brxe-container { padding-block: var(--mh-block-space); } .mh-intro__zeile { display: flex; align-items: center; } .mh-intro__medien { width: 50%; padding-right: 8%; } /* Rohwert: live Split */ .mh-intro__inhalt { width: 50%; padding-right: 15%; } /* Rohwert: live */ .mh-intro--medien-rechts .mh-intro__zeile { flex-direction: row-reverse; } .mh-intro--medien-rechts .mh-intro__medien { padding-right: 0; padding-left: 8%; } .mh-intro--medien-rechts .mh-intro__inhalt { padding-right: 8%; } .mh-intro .mh-lead { margin-top: 35px; } /* Rohwert: live */ .mh-intro .mh-text-flow { margin-top: 35px; } @media (max-width: 1119px) { .mh-intro__zeile { flex-direction: column-reverse; gap: 40px; } .mh-intro--medien-rechts .mh-intro__zeile { flex-direction: column-reverse; } .mh-intro__medien, .mh-intro__inhalt { width: 100%; padding: 0; } } @media (max-width: 767px) { .mh-intro > .brxe-container { padding-block: var(--mh-block-space); } } /* --- 4.19 mh/hero ---------------------------------------------------------------- */ /* Variante Video (vollbreit) */ .mh-hero--video { padding: 0; } .mh-hero__video { display: block; width: 100%; max-height: 1100px; /* Rohwert: live */ object-fit: cover; } .mh-hero__navzeile { /* Rohwert: live; Deckel wie Container (Mike 08/2026) */ max-width: var(--content-width); margin-inline: auto; /* rechts denselben Rand wie links, sonst klebt der letzte Punkt auf schmalen Schirmen am Displayrand */ padding: 30px var(--section-padding-x) 0; } /* Varianten Bild-Panel + Band (beiges Band) */ /* Oben mindestens Header-Höhe + Luft: Der Header liegt fix über der Seite, und seit die Breadcrumb weg ist, füllt nichts mehr diesen Raum — sonst läuft die h1 beim Seitenaufruf unter den Header (Dornbirn 1024/390). */ .mh-hero--bild > .brxe-container, .mh-hero--band > .brxe-container { padding-block: max(var(--mh-block-space), var(--mh-hero-kopfluft)) var(--mh-block-space); } .mh-hero .mh-heading h1 { color: var(--mh-h1-farbe); font-size: var(--mh-h-1); font-weight: var(--mh-weight-heading); line-height: 1.15; text-transform: none; } .mh-hero--bild .mh-kicker { font-size: 2rem; } /* Rohwert: live 32px/300 */ .mh-hero__kopfzeile { display: flex; gap: 50px; margin-bottom: 0; } .mh-hero__kopf-spacer, .mh-hero__kopf { width: 50%; } .mh-hero__zeile { display: flex; gap: 50px; } /* Rohwert: live */ .mh-hero__medien { width: 50%; } .mh-hero__medien .mh-sprungnav { margin-top: 20px; } .mh-hero__bild { display: block; width: 100%; height: auto; margin-top: 45px; /* Rohwert: live */ max-height: 630px; /* Rohwert: live */ object-fit: cover; } .mh-hero--band .mh-hero__bild { margin-top: 25px; max-height: none; } .mh-hero__inhalt { width: 50%; padding-right: 7%; } /* Rohwert: live */ .mh-hero__inhalt .mh-lead { margin-top: 0; font-size: 2rem; /* Rohwert: live 32px */ font-weight: 600; line-height: 1.3; } .mh-hero__inhalt .mh-lead p { color: var(--primary); } .mh-hero--band .mh-hero__inhalt .mh-lead { font-size: 1.5rem; } .mh-hero__inhalt .mh-text-flow { margin-top: 40px; } @media (max-width: 1119px) { .mh-hero__kopfzeile, .mh-hero__zeile { flex-direction: column; gap: 30px; } .mh-hero__kopf-spacer { display: none; } .mh-hero__kopf, .mh-hero__medien, .mh-hero__inhalt { width: 100%; padding-right: 0; } .mh-hero__video { max-height: 700px; } .mh-breadcrumb { margin-bottom: 30px; } } @media (max-width: 767px) { .mh-hero__video { max-height: 800px; } .mh-hero__bild { margin-top: 20px; } } /* Variante Foto (Firmen-Übersicht 2-100): BG-Foto vollflächig, Inhalt rechtsbündig */ .mh-hero--foto { margin-top: 130px; /* Rohwert: live (Sektion beginnt unter dem fixen Header) */ background-size: cover; background-position: center bottom; background-repeat: no-repeat; } .mh-hero--foto > .brxe-container { display: flex; flex-direction: column; align-items: flex-end; min-height: calc(100vh - 130px); /* Rohwert: live */ padding-top: 10vh; /* Rohwert: live */ padding-bottom: 18%; /* Rohwert: live */ padding-inline: 0; text-align: left; /* live: Spalte rechts, Text LINKS ausgerichtet */ } .mh-hero--foto .mh-hero__inhalt { width: 33%; /* Rohwert: live (668px @ 2040 vw) */ margin-right: 7.5%; /* Rohwert: live (rechter Abstand) */ padding-right: 0; /* Basisregel neutralisieren */ } .mh-hero--foto .mh-heading h1 { color: #434343; /* Rohwert nötig: Hero-Text live #434343 (nicht h1-Schwarz) */ font-size: min(4vw, 56px); /* gedeckelt (Container-Regel) */ font-weight: var(--mh-weight-heading); line-height: 1.15; text-transform: none; } .mh-hero__h1-sub { font-size: min(2vw, 28px); /* gedeckelt */ font-weight: var(--mh-weight-text); line-height: 1.15; } .mh-hero--foto .mh-kicker { color: #434343; /* Rohwert nötig: live */ font-size: min(1.8vw, 26px); /* Rohwert: live; gedeckelt */ line-height: 1.35; } .mh-hero--foto .mh-text-flow { margin-top: 21px; } /* Rohwert: live */ @media (max-width: 1199px) { .mh-hero--foto .mh-heading h1 { font-size: 50px; } /* Rohwert: live Preset-Breakpoint */ .mh-hero__h1-sub { font-size: 25px; } } @media (max-width: 1119px) { .mh-hero--foto > .brxe-container { padding-top: 5%; } } @media (max-width: 1023px) { .mh-hero--foto { background-position: right center; } .mh-hero--foto > .brxe-container { align-items: center; text-align: center; padding-top: 10%; } .mh-hero--foto .mh-hero__inhalt { width: 66%; padding-right: 1%; padding-left: 13%; } /* Rohwert: live */ .mh-hero--foto .mh-kicker { font-size: 24px; } } @media (max-width: 767px) { .mh-hero--foto { margin-top: 110px; } .mh-hero--foto > .brxe-container { min-height: calc(100vh - 110px); align-items: flex-start; text-align: left; padding-top: 13%; padding-bottom: 30%; padding-inline: 30px; /* Rohwert: live */ } .mh-hero--foto .mh-hero__inhalt { width: 100%; padding: 0; } .mh-hero--foto .mh-heading h1 { font-size: 48px; } .mh-hero__h1-sub { font-size: 23px; } .mh-hero--foto .mh-kicker { font-size: 20px; } } /* --- 4.21 mh/projektkarten (Firmen-Übersicht 2-141) ------------------------------ */ .mh-projektkarten > .brxe-container { padding-block: var(--mh-block-space); } .mh-projektkarten > .brxe-container > .mh-heading { margin-bottom: 50px; } /* Rohwert: live */ .mh-projektkarte { display: flex; align-items: center; margin-bottom: 80px; /* Rohwert: live */ } .mh-projektkarte:last-child { margin-bottom: 0; } .mh-projektkarte--medien-rechts { flex-direction: row-reverse; } .mh-projektkarte__medien { width: 50%; padding-right: 8%; } /* Rohwert: live */ .mh-projektkarte--medien-rechts .mh-projektkarte__medien { padding-right: 8%; } .mh-projektkarte__bild { display: block; width: 100%; height: auto; } .mh-projektkarte__inhalt { width: 50%; padding-right: 15%; /* Rohwert: live */ display: flex; flex-direction: column; align-items: flex-start; gap: var(--mh-karte-gap); /* Rohwert: live 25px */ } .mh-projektkarte__lead { margin: 0; color: var(--primary); font-size: var(--mh-lead); font-weight: var(--mh-weight-text); line-height: 1.5; text-transform: none; } .mh-projektkarte__fakten { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; /* Rohwert: live .icon-wrapper */ } .mh-projektkarte__fakten li { display: flex; align-items: center; gap: 12px; } .mh-projektkarte__fakten .svg-icon { --icon-size: 1.5rem; color: var(--primary); } /* live 24px */ .mh-projektkarte .mh-btn { margin-top: 0; } /* Abstand regelt das gap der Spalte */ @media (max-width: 1119px) { .mh-projektkarten > .brxe-container { padding-bottom: 0; } .mh-projektkarte, .mh-projektkarte--medien-rechts { flex-direction: column; gap: 50px; } .mh-projektkarte__medien, .mh-projektkarte__inhalt { width: 100%; padding-right: 0; } .mh-projektkarte__inhalt { --mh-karte-gap: 12px; } } @media (max-width: 767px) { .mh-projektkarte { margin-bottom: 60px; } } /* --- 4.22 mh/video (Firmen-Übersicht 2-201) -------------------------------------- */ .mh-video { padding: 0; } .mh-video__video { display: block; width: 100%; max-height: 1100px; /* Rohwert: live */ object-fit: cover; } @media (max-width: 1119px) { .mh-video__video { max-height: 700px; } } @media (max-width: 767px) { .mh-video__video { max-height: 800px; } } /* --- 4.23 mh/zwischentitel (Firmen-Übersicht 2-193) ------------------------------- */ /* Unten kein Sektions-Padding: Der Zwischentitel endet mit seiner Trennlinie, direkt darunter kommt das Video. Sonst stünden dort 160px statt der überall gültigen 40px unter der Linie. */ .mh-zwischentitel > .brxe-container { padding-block: var(--mh-block-space) 0; } .mh-zwischentitel .mh-heading { max-width: 50%; } /* Rohwert: live Spaltenbreite */ @media (max-width: 1119px) { .mh-zwischentitel .mh-heading { max-width: 100%; } } /* --- 4.20 Editor-Vorschau -------------------------------------------------------- */ .mh-editor-preview { min-height: 40px; } /* ========================================================================= * 6. Trennlinien — ein Abstand für die ganze Seite * Mike, 03.08.2026: „Die Abstände zu diesen Trennlinien sind absolut nicht * gleichmäßig." Vorher brachte jeder Folgeblock seinen eigenen Randabstand mit * (15 bis 100 px). Jetzt gilt überall: --mh-linie-oben über der Linie, * --mh-linie-unten darunter. Steht bewusst am Dateiende und eine Stufe * spezifischer (.mh-sec …), damit keine Blockregel weiter oben gewinnt. * ========================================================================= */ .mh-sec .mh-heading:has(.mh-kicker) { margin-bottom: var(--mh-linie-unten); } .mh-sec .mh-heading:has(.mh-kicker) + * { margin-top: 0; } /* Der Projektkarten-Inhalt ist eine Flex-Spalte mit eigener Lücke — die zählt bereits mit, sonst stünde unter dieser Linie mehr Luft als überall sonst. */ .mh-projektkarte__inhalt > .mh-heading:has(.mh-kicker) { margin-bottom: calc(var(--mh-linie-unten) - var(--mh-karte-gap)); } /* Steckt die Heading-Gruppe in einem Wrapper (Grundrisse), greift die Geschwister-Regel oben nicht — der Wrapper übernimmt sie. */ .mh-sec .mh-grundrisse__kopf:has(.mh-kicker) + * { margin-top: 0; } /* <<< MH BLOCKS END */