/* CSS generated 2025-10-02 13:28:49 */ /* Theme CI - load local fonts */ @font-face { font-family: "HamburgSans"; src: url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-Regular.woff2") format("woff2"), url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "HamburgSans"; src: url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-Italic.woff2") format("woff2"), url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-Italic.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "HamburgSans"; src: url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-Bold.woff2") format("woff2"), url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "HamburgSans"; src: url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-BoldItalic.woff2") format("woff2"), url("https://zsj.dev-schulhomepages.hamburg.de/wp-content/uploads/sites/816/2024/07/HamburgSans-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; } /* Theme Styles */ /* Theme Styles - Element Styles */ body,.pp-element-body { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-14-16-18); --element-font-size-num: var(--font-size-14-16-18-num); --element-font-size-a: 18.00px; --element-font-size-a-num: 18.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-line-height: 1.670; --element-font-weight: 400; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-md); --element-link-hover-line: underline; --element-link-focus-line: underline; --element-link-hover-line-style: solid; --element-link-focus-line-style: solid; --element-link-hover-line-width: var(--border-width-md); --element-link-focus-line-width: var(--border-width-md); } .wrapper > :not(.site-header-container) h1,.pp-element-h1 { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-28-34-62); --element-font-size-num: var(--font-size-28-34-62-num); --element-font-size-a: 62.00px; --element-font-size-a-num: 62.00; --element-font-size-b: 28.00px; --element-font-size-b-num: 28.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.050; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .wrapper > :not(.site-header-container) h2,.pp-element-h2 { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-28-36-42); --element-font-size-num: var(--font-size-28-36-42-num); --element-font-size-a: 42.00px; --element-font-size-a-num: 42.00; --element-font-size-b: 28.00px; --element-font-size-b-num: 28.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.050; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .wrapper > :not(.site-header-container) h3,.pp-element-h3 { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-20-26-26); --element-font-size-num: var(--font-size-20-26-26-num); --element-font-size-a: 26.00px; --element-font-size-a-num: 26.00; --element-font-size-b: 20.00px; --element-font-size-b-num: 20.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.500; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .wrapper > :not(.site-header-container) h4,.pp-element-h4 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-18-21-21); --element-font-size-num: var(--font-size-18-21-21-num); --element-font-size-a: 21.00px; --element-font-size-a-num: 21.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-font-weight: 400; --element-letter-spacing: 0.060em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .wrapper > :not(.site-header-container) h5,.pp-element-h5 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-18-16-16); --element-font-size-num: var(--font-size-18-16-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.700; --element-font-weight: 400; --element-letter-spacing: 0.060em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .wrapper > :not(.site-header-container) h6,.pp-element-h6 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-18-16-16); --element-font-size-num: var(--font-size-18-16-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.700; --element-font-weight: 400; --element-letter-spacing: 0.060em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .section-intro,.pp-element-intro { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-16-19-22); --element-font-size-num: var(--font-size-16-19-22-num); --element-font-size-a: 22.00px; --element-font-size-a-num: 22.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.650; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-md); --element-link-hover-line: underline; --element-link-focus-line: underline; --element-link-hover-line-style: solid; --element-link-focus-line-style: solid; --element-link-hover-line-width: var(--border-width-md); --element-link-focus-line-width: var(--border-width-md); } .pp-btn,.pp-element-button,form:not(.search-form) [type="submit"],.pp-btn-primary, .stuck .pp-btn-primary--stuck,.pp-btn-bracket-primary, .stuck .pp-btn-bracket-primary--stuck,.pp-btn-secondary, .stuck .pp-btn-secondary--stuck,.pp-btn-bracket-secondary, .stuck .pp-btn-bracket-secondary--stuck,.pp-btn-media-controls, .stuck .pp-btn-media-controls--stuck,.pp-btn-chat, .stuck .pp-btn-chat--stuck,.pp-btn-menu-toggle, .stuck .pp-btn-menu-toggle--stuck,.pp-btn-menu-toggle-black, .stuck .pp-btn-menu-toggle-black--stuck { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-18-18-18); --element-font-size-num: var(--font-size-18-18-18-num); --element-font-size-a: 18.00px; --element-font-size-a-num: 18.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.000; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; --element-padding-x: 2.00em; --element-padding-y: 0.75em; } .pp-btn-alt,.pp-element-button_alt,.site-header-container:not(.stuck) .icon-menu a:not(.pp-btn), .filter-term > .pp-btn,.pp-btn-primary-small, .stuck .pp-btn-primary-small--stuck,.pp-btn-secondary-small, .stuck .pp-btn-secondary-small--stuck,.pp-btn-plain-white, .stuck .pp-btn-plain-white--stuck,.pp-btn-plain-black, .stuck .pp-btn-plain-black--stuck,.pp-btn-tag, .stuck .pp-btn-tag--stuck { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-11-11-11); --element-font-size-num: var(--font-size-11-11-11-num); --element-font-size-a: 11.00px; --element-font-size-a-num: 11.00; --element-font-size-b: 11.00px; --element-font-size-b-num: 11.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.000; --element-font-weight: 700; --element-font-style: normal; --element-letter-spacing: 0.100em; --element-text-transform: uppercase; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; --element-padding-x: 1.00em; --element-padding-y: 0.85em; } .wpcf7-form > p > label,.pp-element-form-label { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-12-12-12); --element-font-size-num: var(--font-size-12-12-12-num); --element-font-size-a: 12.00px; --element-font-size-a-num: 12.00; --element-font-size-b: 12.00px; --element-font-size-b-num: 12.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-font-weight: 700; --element-letter-spacing: 0.130em; --element-text-transform: uppercase; } .form-input, textarea, select, datalist, input:not([type="submit"]),.main-menu-language-nav, .filter-term-single, .wpcf7-form-control-wrap,.pp-element-form-input { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-16-16-16); --element-font-size-num: var(--font-size-16-16-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.400; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-padding-x: 1.10em; --element-padding-y: 1.00em; } figure figcaption,.pp-element-caption { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-12-12-12); --element-font-size-num: var(--font-size-12-12-12-num); --element-font-size-a: 12.00px; --element-font-size-a-num: 12.00; --element-font-size-b: 12.00px; --element-font-size-b-num: 12.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.400; --element-font-weight: 400; --element-font-style: italic; --element-letter-spacing: 0.100em; --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-sm); --element-link-hover-line: none; --element-link-focus-line: none; --element-link-hover-line-style: solid; --element-link-focus-line-style: solid; --element-link-hover-line-width: var(--border-width-sm); --element-link-focus-line-width: var(--border-width-sm); } .topbar-menu-container,.pp-element-topbar { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-11-11-11); --element-font-size-num: var(--font-size-11-11-11-num); --element-font-size-a: 11.00px; --element-font-size-a-num: 11.00; --element-font-size-b: 11.00px; --element-font-size-b-num: 11.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.000; --element-font-weight: 700; --element-letter-spacing: 0.100em; --element-text-transform: uppercase; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .header-title .site-title,.pp-element-site_title { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-18-20-24); --element-font-size-num: var(--font-size-18-20-24-num); --element-font-size-a: 24.00px; --element-font-size-a-num: 24.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.250; --element-letter-spacing: 0.020em; --element-text-transform: uppercase; --element-link-line: none; } .stuck .header-title .site-title,.pp-element-site_title_stuck { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-16-16-16); --element-font-size-num: var(--font-size-16-16-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.000; --element-letter-spacing: 0.020em; --element-text-transform: uppercase; } body.home .site-header-container:not(.stuck) .header-title .site-title,.pp-element-site_title_home { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-16-24-32); --element-font-size-num: var(--font-size-16-24-32-num); --element-font-size-a: 32.00px; --element-font-size-a-num: 32.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.000; --element-letter-spacing: 0.020em; --element-text-transform: uppercase; --element-link-line: none; } .header-title .site-description,.pp-element-site_description { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-14-14-14); --element-font-size-num: var(--font-size-14-14-14-num); --element-font-size-a: 14.00px; --element-font-size-a-num: 14.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.250; --element-text-transform: none; --element-link-line: none; } .stuck .header-title .site-description,.pp-element-site_description_stuck { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-14-14-14); --element-font-size-num: var(--font-size-14-14-14-num); --element-font-size-a: 14.00px; --element-font-size-a-num: 14.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.000; --element-text-transform: none; } body.home .site-header-container:not(.stuck) .header-title .site-description,.pp-element-site_description_home { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-14-14-14); --element-font-size-num: var(--font-size-14-14-14-num); --element-font-size-a: 14.00px; --element-font-size-a-num: 14.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.000; --element-text-transform: none; --element-link-line: none; } .site-header-container:not(.stuck) ul.icon-menu a:not(.pp-btn),.pp-element-button_icon_menu { --element-padding-x: 0.25em; --element-padding-y: 0.25em; } .site-header-container.stuck ul.icon-menu a:not(.pp-btn),.pp-element-button_icon_menu_stuck { --element-padding-x: 0.25em; --element-padding-y: 0.25em; } body.home .site-header-container:not(.stuck) ul.icon-menu a:not(.pp-btn),.pp-element-button_icon_menu_home { --element-padding-x: 0.25em; --element-padding-y: 0.25em; } .menu-toggle,.pp-element-main_menu_button { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-24-24-20); --element-font-size-num: var(--font-size-24-24-20-num); --element-font-size-a: 20.00px; --element-font-size-a-num: 20.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-link-line-width: var(--border-width-md); --element-padding-x: 0.00em; --element-padding-y: 0.12em; } .main-menu-container .main-menu-title,.pp-element-main_menu_title { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-text-transform: none; } .main-menu-container .menu-item.level-0 > .menu-link-wrap,.pp-element-main_menu_items { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-18-26-32); --element-font-size-num: var(--font-size-18-26-32-num); --element-font-size-a: 32.00px; --element-font-size-a-num: 32.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.250; --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .main-menu-container .level-0.current-menu-item > .menu-link-wrap,.pp-element-main_menu_items_current { --element-font-scale: var(--font-scale-accent, 1); --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-text-transform: none; --element-link-line: none; } .main-menu-container .menu-item.level-1 > .menu-link-wrap,.pp-element-main_menu_subitems { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-18-20-22); --element-font-size-num: var(--font-size-18-20-22-num); --element-font-size-a: 22.00px; --element-font-size-a-num: 22.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.250; --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .main-menu-container .level-1.current-menu-item > .menu-link-wrap,.pp-element-main_menu_subitems_current { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-text-transform: none; --element-link-line: none; } .main-menu-container .menu-item.level-2 .menu-link-wrap,.pp-element-main_menu_3rdlayer { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-14-15-16); --element-font-size-num: var(--font-size-14-15-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .site-stage .stage-title,.pp-element-stage { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-16-24-38); --element-font-size-num: var(--font-size-16-24-38-num); --element-font-size-a: 38.00px; --element-font-size-a-num: 38.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.100; --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: uppercase; } .site-stage .stage-subline,.pp-element-stage_subline { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-14-24-38); --element-font-size-num: var(--font-size-14-24-38-num); --element-font-size-a: 38.00px; --element-font-size-a-num: 38.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.100; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; } .site-stage .stage-lead,.pp-element-stage_lead { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-text-transform: none; } body.home .site-stage .stage-title,.pp-element-stage_home { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-28-48-72); --element-font-size-num: var(--font-size-28-48-72-num); --element-font-size-a: 72.00px; --element-font-size-a-num: 72.00; --element-font-size-b: 28.00px; --element-font-size-b-num: 28.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.050; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; } body.home .site-stage .stage-subline,.pp-element-stage_home_subline { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-14-24-38); --element-font-size-num: var(--font-size-14-24-38-num); --element-font-size-a: 38.00px; --element-font-size-a-num: 38.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.100; --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: uppercase; } body.home .site-stage .stage-lead,.pp-element-stage_home_lead { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-text-transform: none; } .site-breadcrumbs,.pp-element-breadcrumbs { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-12-14-14); --element-font-size-num: var(--font-size-12-14-14-num); --element-font-size-a: 14.00px; --element-font-size-a-num: 14.00; --element-font-size-b: 12.00px; --element-font-size-b-num: 12.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-sm); --element-link-text-transform: none; --element-link-hover-line: underline; --element-link-focus-line: underline; --element-link-hover-line-style: solid; --element-link-focus-line-style: solid; --element-link-hover-line-width: var(--border-width-sm); --element-link-focus-line-width: var(--border-width-sm); } .breadcrumbs-siblings-nav,.pp-element-breadcrumbs_siblings { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-14-14-14); --element-font-size-num: var(--font-size-14-14-14-num); --element-font-size-a: 14.00px; --element-font-size-a-num: 14.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-sm); --element-link-text-transform: none; --element-link-hover-line: underline; --element-link-focus-line: underline; --element-link-hover-line-style: dotted; --element-link-focus-line-style: dotted; --element-link-hover-line-width: var(--border-width-sm); --element-link-focus-line-width: var(--border-width-sm); } .pp-toc-nav,.pp-element-toc { --element-font-scale: var(--font-scale-accent, 1); --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.300; --element-text-transform: none; --element-link-line: none; --element-link-text-transform: none; --element-link-hover-line: underline; --element-link-focus-line: underline; } .quote-headline,.pp-element-quote_headline { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-28-34-54); --element-font-size-num: var(--font-size-28-34-54-num); --element-font-size-a: 54.00px; --element-font-size-a-num: 54.00; --element-font-size-b: 28.00px; --element-font-size-b-num: 28.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.190; --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; } .quote-wrapper .quote-source,.pp-element-quote_source { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-14-14-14); --element-font-size-num: var(--font-size-14-14-14-num); --element-font-size-a: 14.00px; --element-font-size-a-num: 14.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-font-weight: 700; --element-font-style: normal; --element-letter-spacing: 0.030em; --element-text-transform: none; } .accordion-expander-label,.pp-element-accordion_label { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-16-18-22); --element-font-size-num: var(--font-size-16-18-22-num); --element-font-size-a: 22.00px; --element-font-size-a-num: 22.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.450; --element-font-weight: 400; --element-letter-spacing: 0.030em; --element-text-transform: none; } .accordion-expander-arrow,.pp-element-accordion_arrow { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-16-16-18); --element-font-size-num: var(--font-size-16-16-18-num); --element-font-size-a: 18.00px; --element-font-size-a-num: 18.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-font-weight: 700; --element-letter-spacing: 0.030em; --element-text-transform: none; } .pp-listing-horizontal .pp-item-wrap,.pp-element-listing_grid { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-md); --element-link-hover-line: underline; --element-link-focus-line: underline; --element-link-hover-line-style: solid; --element-link-focus-line-style: solid; --element-link-hover-line-width: var(--border-width-md); --element-link-focus-line-width: var(--border-width-md); } .pp-listing-horizontal .pp-item-date,.pp-element-listing_grid_date,.pp-listing-horizontal .ifbq-stage-topline { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-12-12-12); --element-font-size-num: var(--font-size-12-12-12-num); --element-font-size-a: 12.00px; --element-font-size-a-num: 12.00; --element-font-size-b: 12.00px; --element-font-size-b-num: 12.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; } .pp-listing-horizontal .pp-item-title,.pp-element-listing_grid_title,.pp-listing-horizontal .stage-title, .pp-listing-horizontal .person-name { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-16-18-18); --element-font-size-num: var(--font-size-16-18-18-num); --element-font-size-a: 18.00px; --element-font-size-a-num: 18.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.150; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; } .pp-listing-horizontal .pp-item-copy,.pp-element-listing_grid_text { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-14-16-16); --element-font-size-num: var(--font-size-14-16-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.550; --element-letter-spacing: 0.030em; --element-text-transform: none; } .pp-listing-vertical .pp-item-wrap,.pp-element-listing_list { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-md); --element-link-hover-line: underline; --element-link-focus-line: underline; --element-link-hover-line-style: solid; --element-link-focus-line-style: solid; --element-link-hover-line-width: var(--border-width-md); --element-link-focus-line-width: var(--border-width-md); } .pp-listing-vertical .pp-item-date,.pp-element-listing_list_date,.pp-listing-vertical .ifbq-stage-topline { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-12-12-12); --element-font-size-num: var(--font-size-12-12-12-num); --element-font-size-a: 12.00px; --element-font-size-a-num: 12.00; --element-font-size-b: 12.00px; --element-font-size-b-num: 12.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; } .pp-listing-vertical .pp-item-title,.pp-element-listing_list_title,.pp-listing-vertical .stage-title, .pp-listing-vertical .person-name { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-16-18-18); --element-font-size-num: var(--font-size-16-18-18-num); --element-font-size-a: 18.00px; --element-font-size-a-num: 18.00; --element-font-size-b: 16.00px; --element-font-size-b-num: 16.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.150; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; } .pp-listing-vertical .pp-item-copy,.pp-element-listing_list_text { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-14-16-16); --element-font-size-num: var(--font-size-14-16-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 14.00px; --element-font-size-b-num: 14.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.550; --element-letter-spacing: 0.030em; --element-text-transform: none; } .pp-a11y,.pp-a11y *,.pp-element-a11y_base { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-21-21-21); --element-font-size-num: var(--font-size-21-21-21-num); --element-font-size-a: 21.00px; --element-font-size-a-num: 21.00; --element-font-size-b: 21.00px; --element-font-size-b-num: 21.00; --element-line-height: 1.650; --element-font-weight: 400; --element-letter-spacing: 0.010em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-a11y h1,.pp-a11y .pp-element-h1,.pp-element-a11y_h1 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-28-34-54); --element-font-size-num: var(--font-size-28-34-54-num); --element-font-size-a: 54.00px; --element-font-size-a-num: 54.00; --element-font-size-b: 28.00px; --element-font-size-b-num: 28.00; --element-line-height: 1.050; --element-font-weight: 400; --element-font-style: normal; --element-letter-spacing: 0.020em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-a11y h2,.pp-a11y .pp-element-h2,.pp-a11y .pp-element-h2 *,.pp-element-a11y_h2 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-20-22-34); --element-font-size-num: var(--font-size-20-22-34-num); --element-font-size-a: 34.00px; --element-font-size-a-num: 34.00; --element-font-size-b: 20.00px; --element-font-size-b-num: 20.00; --element-line-height: 1.200; --element-font-weight: 400; --element-font-style: normal; --element-letter-spacing: 0.060em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-a11y h3,.pp-a11y .pp-element-h3,.pp-element-a11y_h3 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-22-28-34); --element-font-size-num: var(--font-size-22-28-34-num); --element-font-size-a: 34.00px; --element-font-size-a-num: 34.00; --element-font-size-b: 22.00px; --element-font-size-b-num: 22.00; --element-line-height: 1.250; --element-font-weight: 400; --element-letter-spacing: 0.060em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-a11y h4,.pp-a11y .pp-element-h4,.pp-element-a11y_h4 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-21-21-21); --element-font-size-num: var(--font-size-21-21-21-num); --element-font-size-a: 21.00px; --element-font-size-a-num: 21.00; --element-font-size-b: 21.00px; --element-font-size-b-num: 21.00; --element-line-height: 1.100; --element-font-weight: 700; --element-letter-spacing: 0.060em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-a11y h5,.pp-a11y .pp-element-h5,.pp-element-a11y_h5 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-21-21-21); --element-font-size-num: var(--font-size-21-21-21-num); --element-font-size-a: 21.00px; --element-font-size-a-num: 21.00; --element-font-size-b: 21.00px; --element-font-size-b-num: 21.00; --element-line-height: 1.650; --element-font-weight: 400; --element-letter-spacing: 0.060em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-a11y h6,.pp-a11y .pp-element-h6,.pp-element-a11y_h6 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-21-21-21); --element-font-size-num: var(--font-size-21-21-21-num); --element-font-size-a: 21.00px; --element-font-size-a-num: 21.00; --element-font-size-b: 21.00px; --element-font-size-b-num: 21.00; --element-line-height: 1.650; --element-font-weight: 400; --element-font-style: italic; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-a11y figcaption,.pp-element-a11y_caption { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-21-21-21); --element-font-size-num: var(--font-size-21-21-21-num); --element-font-size-a: 21.00px; --element-font-size-a-num: 21.00; --element-font-size-b: 21.00px; --element-font-size-b-num: 21.00; --element-line-height: 1.250; --element-font-weight: 400; --element-font-style: italic; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .footer-info-wrapper .menu-item,.pp-element-footer_info_menu { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-13-13-13); --element-font-size-num: var(--font-size-13-13-13-num); --element-font-size-a: 13.00px; --element-font-size-a-num: 13.00; --element-font-size-b: 13.00px; --element-font-size-b-num: 13.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.700; --element-font-weight: 400; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .footer-info-wrapper .menu-item .menu-item,.pp-element-footer_info_submenu { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-13-14-18); --element-font-size-num: var(--font-size-13-14-18-num); --element-font-size-a: 18.00px; --element-font-size-a-num: 18.00; --element-font-size-b: 13.00px; --element-font-size-b-num: 13.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .footer-info-wrapper,.pp-element-footer_info_text { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-13-13-13); --element-font-size-num: var(--font-size-13-13-13-num); --element-font-size-a: 13.00px; --element-font-size-a-num: 13.00; --element-font-size-b: 13.00px; --element-font-size-b-num: 13.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.700; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .footer-menu-wrapper,.pp-element-footer_menu { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-15-14-14); --element-font-size-num: var(--font-size-15-14-14-num); --element-font-size-a: 14.00px; --element-font-size-a-num: 14.00; --element-font-size-b: 15.00px; --element-font-size-b-num: 15.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-letter-spacing: 0.030em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: underline; --element-link-focus-line: underline; } .footer-copyright-wrapper,.pp-element-footer_copyright { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-15-13-13); --element-font-size-num: var(--font-size-15-13-13-num); --element-font-size-a: 13.00px; --element-font-size-a-num: 13.00; --element-font-size-b: 15.00px; --element-font-size-b-num: 15.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.200; --element-font-weight: 400; --element-letter-spacing: 0.020em; --element-text-transform: none; --element-link-line: underline; --element-link-line-style: solid; --element-link-line-width: var(--border-width-md); --element-link-hover-line: underline; --element-link-focus-line: underline; --element-link-hover-line-style: solid; --element-link-focus-line-style: solid; --element-link-hover-line-width: var(--border-width-md); --element-link-focus-line-width: var(--border-width-md); } .ifbq-terms,.pp-element-terms { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-12-12-12); --element-font-size-num: var(--font-size-12-12-12-num); --element-font-size-a: 12.00px; --element-font-size-a-num: 12.00; --element-font-size-b: 12.00px; --element-font-size-b-num: 12.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-font-weight: 700; --element-letter-spacing: 0.100em; --element-text-transform: uppercase; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .person-stage-container .stage-title,.document-stage-container .stage-title,.pp-element-person_stage_title { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-18-22-22); --element-font-size-num: var(--font-size-18-22-22-num); --element-font-size-a: 22.00px; --element-font-size-a-num: 22.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.050; --element-font-weight: 700; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .person-stage-container .factsheet-person,.pp-element-person_stage_copy { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-18-18-18); --element-font-size-num: var(--font-size-18-18-18-num); --element-font-size-a: 18.00px; --element-font-size-a-num: 18.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.450; --element-font-weight: 400; --element-letter-spacing: 0.000em; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-listing-teaser .pp-item-title, .pp-listing-teaser .stage-title,.pp-element-listing_teaser_title { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-18-20-20); --element-font-size-num: var(--font-size-18-20-20-num); --element-font-size-a: 20.00px; --element-font-size-a-num: 20.00; --element-font-size-b: 18.00px; --element-font-size-b-num: 18.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.300; --element-letter-spacing: 0.000em; --element-text-transform: none; } .pp-listing-teaser .pp-item-date, .pp-listing-teaser .ifbq-stage-topline,.pp-element-listing_teaser_date { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-12-14-16); --element-font-size-num: var(--font-size-12-14-16-num); --element-font-size-a: 16.00px; --element-font-size-a-num: 16.00; --element-font-size-b: 12.00px; --element-font-size-b-num: 12.00; --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.000; --element-letter-spacing: 0.060em; --element-text-transform: none; } .main-menu-container .level-2.current-menu-item .menu-link-wrap,.pp-element-main_menu_3rdlayer_current { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); } /* Theme Styles - Color Schemes */ .pp-box-default, .pp-box-default--hover:hover, .fullscreen.pp-box-default--lightbox, [aria-expanded="true"].pp-box-default--expanded, .stuck .pp-box-default--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-weiss); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-zsj-blau-dunkel); --box-link-hover-color: var(--color-zsj-blau); --box-link-focus-color: var(--color-zsj-blau); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-highlight, .pp-box-highlight--hover:hover, .fullscreen.pp-box-highlight--lightbox, [aria-expanded="true"].pp-box-highlight--expanded, .stuck .pp-box-highlight--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-grau-2); --box-background-color-rgb: var(--color-grau-2-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-grau-2); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-zsj-blau-dunkel); --box-link-hover-color: var(--color-zsj-blau); --box-link-focus-color: var(--color-zsj-blau); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-highlight-heller, .pp-box-highlight-heller--hover:hover, .fullscreen.pp-box-highlight-heller--lightbox, [aria-expanded="true"].pp-box-highlight-heller--expanded, .stuck .pp-box-highlight-heller--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-grau-1); --box-background-color-rgb: var(--color-grau-1-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-grau-1); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-zsj-blau-dunkel); --box-link-hover-color: var(--color-zsj-blau); --box-link-focus-color: var(--color-zsj-blau); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-toc, .pp-box-toc--hover:hover, .fullscreen.pp-box-toc--lightbox, [aria-expanded="true"].pp-box-toc--expanded, .stuck .pp-box-toc--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-grau-2); --box-background-color-rgb: var(--color-grau-2-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-grau-2); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-zsj-blau); --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: rgb( 15 39 75 / 0.20 ); --box-shadow-size: var(--shadow-size-sm); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-breadcrumb-menu, .pp-box-breadcrumb-menu--hover:hover, .fullscreen.pp-box-breadcrumb-menu--lightbox, [aria-expanded="true"].pp-box-breadcrumb-menu--expanded, .stuck .pp-box-breadcrumb-menu--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-grau-2); --box-background-color-rgb: var(--color-grau-2-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-grau-2); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-zsj-blau); --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-sm);; --box-shadow-color: rgb( 15 39 75 / 0.20 ); --box-shadow-size: var(--shadow-size-sm); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-dark-mode, .pp-box-dark-mode--hover:hover, .fullscreen.pp-box-dark-mode--lightbox, [aria-expanded="true"].pp-box-dark-mode--expanded, .stuck .pp-box-dark-mode--stuck { --box-color: var(--color-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-schwarz); --box-background-color-rgb: var(--color-schwarz-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-schwarz); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-weiss); --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-topbar, .pp-box-topbar--hover:hover, .fullscreen.pp-box-topbar--lightbox, [aria-expanded="true"].pp-box-topbar--expanded, .stuck .pp-box-topbar--stuck { --box-color: var(--color-zsj-blau-dunkel); --box-color-rgb: var(--color-zsj-blau-dunkel-rgb); --box-color-filter: url(#color-filter-zsj-blau-dunkel); --box-accent-filter: url(#color-filter-zsj-blau-dunkel); --box-border-filter: url(#color-filter-grau-3); --box-background-color: var(--color-grau-2); --box-background-color-rgb: var(--color-grau-2-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-grau-2); --box-selection-color: var(--color-zsj-blau-dunkel); --box-selection-text-color: #ffffff; --box-link-color: var(--color-zsj-blau-dunkel); --box-link-hover-color: var(--color-zsj-blau-dunkel); --box-link-focus-color: var(--color-zsj-blau-dunkel); --box-border-color: var(--color-grau-3); --box-border-width: var(--border-width-sm);; --box-border-style: solid; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-header-top, .pp-box-header-top--hover:hover, .fullscreen.pp-box-header-top--lightbox, [aria-expanded="true"].pp-box-header-top--expanded, .stuck .pp-box-header-top--stuck { --box-color: var(--color-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-zsj-blau-dunkel); --box-border-filter: none; --box-background-color: var(--color-weiss); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-zsj-blau-dunkel); --box-selection-text-color: #ffffff; --box-link-color: var(--color-weiss); --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-header-stuck, .pp-box-header-stuck--hover:hover, .fullscreen.pp-box-header-stuck--lightbox, [aria-expanded="true"].pp-box-header-stuck--expanded, .stuck .pp-box-header-stuck--stuck { --box-color: var(--color-zsj-blau); --box-color-rgb: var(--color-zsj-blau-rgb); --box-color-filter: url(#color-filter-zsj-blau); --box-accent-filter: url(#color-filter-zsj-blau-dunkel); --box-border-filter: none; --box-background-color: var(--color-weiss); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-zsj-blau-dunkel); --box-selection-text-color: #ffffff; --box-link-color: var(--color-zsj-blau); --box-link-hover-color: var(--color-zsj-blau); --box-link-focus-color: var(--color-zsj-blau); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: rgb( 15 39 75 / 0.10 ); --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-main-menu-layer, .pp-box-main-menu-layer--hover:hover, .fullscreen.pp-box-main-menu-layer--lightbox, [aria-expanded="true"].pp-box-main-menu-layer--expanded, .stuck .pp-box-main-menu-layer--stuck { --box-color: var(--color-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: rgb( 15 39 75 / 0.98 ); --box-background-color-rgb: var(--color-schwarz-rgb); --box-background-opacity: 0.98; --box-background-color-filter: url(#color-filter-schwarz); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-weiss); --box-link-hover-color: var(--color-zsj-blau-hell); --box-link-focus-color: var(--color-zsj-blau-hell); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-current-menu-item, .pp-box-current-menu-item--hover:hover, .fullscreen.pp-box-current-menu-item--lightbox, [aria-expanded="true"].pp-box-current-menu-item--expanded, .stuck .pp-box-current-menu-item--stuck,.main-menu-container .current-menu-item > .menu-link-wrap { --box-color: var(--color-zsj-blau-hell); --box-color-rgb: var(--color-zsj-blau-hell-rgb); --box-color-filter: url(#color-filter-zsj-blau-hell); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: rgb( 0 38 124 / 0.00 ); --box-background-color-rgb: var(--color-zsj-blau-dunkel-rgb); --box-background-opacity: 0.00; --box-background-color-filter: url(#color-filter-zsj-blau-dunkel); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-zsj-blau-hell); --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-stage, .pp-box-stage--hover:hover, .fullscreen.pp-box-stage--lightbox, [aria-expanded="true"].pp-box-stage--expanded, .stuck .pp-box-stage--stuck { --box-color: var(--color-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-weiss); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-weiss); --box-link-hover-color: var(--color-grau-4); --box-link-focus-color: var(--color-grau-4); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-breadcrumbs, .pp-box-breadcrumbs--hover:hover, .fullscreen.pp-box-breadcrumbs--lightbox, [aria-expanded="true"].pp-box-breadcrumbs--expanded, .stuck .pp-box-breadcrumbs--stuck { --box-color: var(--color-zsj-blau-dunkel); --box-color-rgb: var(--color-zsj-blau-dunkel-rgb); --box-color-filter: url(#color-filter-zsj-blau-dunkel); --box-accent-filter: url(#color-filter-zsj-blau-dunkel); --box-border-filter: none; --box-background-color: rgb( 255 255 255 / 0.00 ); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 0.00; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-zsj-blau-dunkel); --box-selection-text-color: #ffffff; --box-link-color: var(--color-zsj-blau-dunkel); --box-link-hover-color: var(--color-zsj-blau-dunkel); --box-link-focus-color: var(--color-zsj-blau-dunkel); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-caption-inside, .pp-box-caption-inside--hover:hover, .fullscreen.pp-box-caption-inside--lightbox, [aria-expanded="true"].pp-box-caption-inside--expanded, .stuck .pp-box-caption-inside--stuck { --box-color: var(--color-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-zsj-blau-dunkel); --box-border-filter: none; --box-background-color: rgb( 15 39 75 / 0.80 ); --box-background-color-rgb: var(--color-schwarz-rgb); --box-background-opacity: 0.80; --box-background-color-filter: url(#color-filter-schwarz); --box-selection-color: var(--color-zsj-blau-dunkel); --box-selection-text-color: #ffffff; --box-link-color: var(--color-weiss); --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-caption-outside, .pp-box-caption-outside--hover:hover, .fullscreen.pp-box-caption-outside--lightbox, [aria-expanded="true"].pp-box-caption-outside--expanded, .stuck .pp-box-caption-outside--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-zsj-blau-dunkel); --box-border-filter: none; --box-background-color: transparent; --box-background-color-rgb: transparent; --box-background-opacity: 0; --box-background-color-filter: none; --box-selection-color: var(--color-zsj-blau-dunkel); --box-selection-text-color: #ffffff; --box-link-color: var(--color-schwarz); --box-link-hover-color: var(--color-zsj-blau-dunkel); --box-link-focus-color: var(--color-zsj-blau-dunkel); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-listing-teaser, .pp-box-listing-teaser--hover:hover, .fullscreen.pp-box-listing-teaser--lightbox, [aria-expanded="true"].pp-box-listing-teaser--expanded, .stuck .pp-box-listing-teaser--stuck { --box-color: var(--color-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: var(--color-schwarz); --box-background-color-rgb: var(--color-schwarz-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-schwarz); --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-weiss); --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-default-no-background, .pp-box-default-no-background--hover:hover, .fullscreen.pp-box-default-no-background--lightbox, [aria-expanded="true"].pp-box-default-no-background--expanded, .stuck .pp-box-default-no-background--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-zsj-blau-hell); --box-border-filter: none; --box-background-color: transparent; --box-background-color-rgb: transparent; --box-background-opacity: 0; --box-background-color-filter: none; --box-selection-color: var(--color-zsj-blau-hell); --box-selection-text-color: #000000; --box-link-color: var(--color-zsj-blau-dunkel); --box-link-hover-color: var(--color-zsj-blau-dunkel); --box-link-focus-color: var(--color-zsj-blau-dunkel); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-main-menu-selected, .pp-box-main-menu-selected--hover:hover, .fullscreen.pp-box-main-menu-selected--lightbox, [aria-expanded="true"].pp-box-main-menu-selected--expanded, .stuck .pp-box-main-menu-selected--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-schwarz); --box-border-filter: none; --box-background-color: rgb( 255 255 255 / 0.98 ); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 0.98; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-schwarz); --box-selection-text-color: #ffffff; --box-link-color: var(--color-schwarz); --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-dark-mode-transparent, .pp-box-dark-mode-transparent--hover:hover, .fullscreen.pp-box-dark-mode-transparent--lightbox, [aria-expanded="true"].pp-box-dark-mode-transparent--expanded, .stuck .pp-box-dark-mode-transparent--stuck { --box-color: var(--color-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-zsj-blau); --box-border-filter: none; --box-background-color: transparent; --box-background-color-rgb: transparent; --box-background-opacity: 0; --box-background-color-filter: none; --box-selection-color: var(--color-zsj-blau); --box-selection-text-color: #ffffff; --box-link-color: var(--color-weiss); --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } .pp-box-boxed, .pp-box-boxed--hover:hover, .fullscreen.pp-box-boxed--lightbox, [aria-expanded="true"].pp-box-boxed--expanded, .stuck .pp-box-boxed--stuck { --box-color: var(--color-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-schwarz); --box-border-filter: none; --box-background-color: var(--color-weiss); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-schwarz); --box-selection-text-color: #ffffff; --box-link-color: var(--color-schwarz); --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: ; --box-border-width: 0; --box-border-style: none; --box-border-radius: var(--border-radius-xl);; --box-shadow-color: rgb( 15 39 75 / 0.10 ); --box-shadow-size: var(--shadow-size-lg); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--box-color); --box-ul-marker-color: var(--box-selection-color); --box-ol-marker-color: var(--box-selection-color); --box-icon-color: var(--box-selection-color); --box-accent-color: var(--box-selection-color); --box-link-decoration-color: var(--box-link-color); --box-link-hover-decoration-color: var(--box-link-hover-color); --box-link-focus-decoration-color: var(--box-link-focus-color); } /* Theme Styles - Button Styles */ .pp-btn-primary, .stuck .pp-btn-primary--stuck, .posts-navigation .nav-links,form:not(.search-form) [type="submit"] { --btn-color: var(--color-weiss); --btn-background-color: var(--color-zsj-blau-dunkel); --btn-border-radius: var(--border-radius-lg); --btn-hover-border-width: 0px; --btn-hover-background-color: var(--color-zsj-blau); --btn-focus-background-color: var(--color-zsj-blau); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-background-color: var(--color-zsj-blau); --btn-active-color: var(--color-schwarz); --btn-active-border-width: 0px; --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-bracket-primary, .stuck .pp-btn-bracket-primary--stuck { --btn-color: var(--color-zsj-blau-dunkel); --btn-background-color: rgb( 255 255 255 / 0.00 ); --btn-border-radius: var(--border-radius-none); --btn-border-color: var(--color-zsj-blau-dunkel); --btn-border-width: var(--border-width-md, 0px); --btn-has-border: 1; --btn-border-style: solid; --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-background-color: rgb( 255 255 255 / 0.00 ); --btn-focus-background-color: rgb( 255 255 255 / 0.00 ); --btn-hover-color: var(--color-zsj-blau-hell); --btn-focus-color: var(--color-zsj-blau-hell); --btn-hover-border-color: var(--color-zsj-blau-hell); --btn-focus-border-color: var(--color-zsj-blau-hell); --btn-active-background-color: var(--color-zsj-blau); --btn-active-color: var(--color-schwarz); --btn-active-border-width: var(--border-width-md, 0px); --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-secondary, .stuck .pp-btn-secondary--stuck { --btn-color: var(--color-schwarz); --btn-background-color: var(--color-grau-1); --btn-border-radius: var(--border-radius-pill); --btn-border-color: var(--color-grau-3); --btn-border-width: var(--border-width-sm, 0px); --btn-has-border: 1; --btn-border-style: solid; --btn-hover-border-width: var(--border-width-sm, 0px); --btn-hover-background-color: var(--color-grau-3); --btn-focus-background-color: var(--color-grau-3); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --btn-hover-border-color: var(--color-grau-5); --btn-focus-border-color: var(--color-grau-5); --btn-active-background-color: var(--color-grau-3); --btn-active-color: var(--color-schwarz); --btn-active-border-width: var(--border-width-sm, 0px); --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-bracket-secondary, .stuck .pp-btn-bracket-secondary--stuck { --btn-color: var(--color-grau-4); --btn-background-color: rgb( 255 255 255 / 0.00 ); --btn-border-radius: var(--border-radius-none); --btn-border-color: var(--color-grau-4); --btn-border-width: var(--border-width-md, 0px); --btn-has-border: 1; --btn-border-style: solid; --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-background-color: rgb( 220 222 228 / 0.00 ); --btn-focus-background-color: rgb( 220 222 228 / 0.00 ); --btn-hover-color: var(--color-grau-5); --btn-focus-color: var(--color-grau-5); --btn-hover-border-color: var(--color-grau-5); --btn-focus-border-color: var(--color-grau-5); --btn-active-background-color: var(--color-grau-3); --btn-active-color: var(--color-schwarz); --btn-active-border-width: var(--border-width-md, 0px); --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-primary-small, .stuck .pp-btn-primary-small--stuck { --btn-color: var(--color-weiss); --btn-background-color: var(--color-zsj-blau-dunkel); --btn-border-radius: var(--border-radius-md); --btn-hover-border-width: 0px; --btn-hover-background-color: var(--color-grau-3); --btn-focus-background-color: var(--color-grau-3); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --btn-active-background-color: var(--color-grau-3); --btn-active-color: var(--color-schwarz); --btn-active-border-width: 0px; --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-secondary-small, .stuck .pp-btn-secondary-small--stuck { --btn-color: var(--color-schwarz); --btn-background-color: var(--color-grau-1); --btn-border-radius: var(--border-radius-md); --btn-border-color: var(--color-grau-3); --btn-border-width: var(--border-width-sm, 0px); --btn-has-border: 1; --btn-border-style: solid; --btn-hover-border-width: var(--border-width-sm, 0px); --btn-hover-background-color: var(--color-grau-3); --btn-focus-background-color: var(--color-grau-3); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --btn-hover-border-color: var(--color-grau-5); --btn-focus-border-color: var(--color-grau-5); --btn-active-background-color: var(--color-grau-3); --btn-active-color: var(--color-schwarz); --btn-active-border-width: var(--border-width-sm, 0px); --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-media-controls, .stuck .pp-btn-media-controls--stuck { --btn-color: var(--color-weiss); --btn-background-color: var(--color-zsj-blau-dunkel); --btn-border-radius: var(--border-radius-pill); --btn-hover-border-width: 0px; --btn-hover-background-color: var(--color-zsj-blau); --btn-focus-background-color: var(--color-zsj-blau); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-background-color: var(--color-zsj-blau); --btn-active-color: var(--color-weiss); --btn-active-border-width: 0px; --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-lg); --btn-icon-size-num: var(--icon-size-lg-num); --btn-icon-display: block; --btn-icon-line-height: 1.1; --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: auto; --btn-flex-direction: column; } .pp-btn-chat, .stuck .pp-btn-chat--stuck { --btn-color: var(--color-weiss); --btn-background-color: var(--color-zsj-blau); --btn-border-radius: var(--border-radius-pill); --btn-hover-border-width: 0px; --btn-hover-background-color: var(--color-zsj-blau-hell); --btn-focus-background-color: var(--color-zsj-blau-hell); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-background-color: var(--color-zsj-blau); --btn-active-color: var(--color-weiss); --btn-active-border-width: 0px; --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-sm); --btn-icon-size-num: var(--icon-size-sm-num); --btn-icon-display: block; --btn-icon-line-height: 1.1; --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: auto; --btn-flex-direction: column; } .pp-btn-plain-white, .stuck .pp-btn-plain-white--stuck,.site-header-container:not(.stuck) .icon-menu a:not(.pp-btn) { --btn-color: var(--color-weiss); --btn-background-color: rgb( 255 255 255 / 0.00 ); --btn-border-radius: var(--border-radius-none); --btn-hover-border-width: 0px; --btn-hover-background-color: rgb( 255 255 255 / 0.00 ); --btn-focus-background-color: rgb( 255 255 255 / 0.00 ); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-background-color: rgb( 255 255 255 / 0.00 ); --btn-active-color: var(--color-weiss); --btn-active-border-width: 0px; --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-plain-black, .stuck .pp-btn-plain-black--stuck { --btn-color: var(--color-schwarz); --btn-background-color: rgb( 15 39 75 / 0.00 ); --btn-border-radius: var(--border-radius-none); --btn-hover-border-width: 0px; --btn-hover-background-color: rgb( 255 255 255 / 0.00 ); --btn-focus-background-color: rgb( 255 255 255 / 0.00 ); --btn-hover-color: var(--color-grau-4); --btn-focus-color: var(--color-grau-4); --btn-active-background-color: rgb( 255 255 255 / 0.00 ); --btn-active-color: var(--color-weiss); --btn-active-border-width: 0px; --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-menu-toggle, .stuck .pp-btn-menu-toggle--stuck,:where(.site-header-container,.sticky-top-before):not(.stuck) ~ .main-menu-container .menu-toggle,div.main-menu-container .menu-toggle[aria-expanded="true"] { --btn-color: var(--color-weiss); --btn-background-color: rgb( 0 0 0 / 0.00 ); --btn-border-width: var(--border-width-md, 0px); --btn-has-border: 1; --btn-border-style: none; --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-background-color: rgb( 0 0 0 / 0.00 ); --btn-focus-background-color: rgb( 0 0 0 / 0.00 ); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-color: var(--color-schwarz); --btn-active-border-width: var(--border-width-md, 0px); --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-menu-toggle-black, .stuck .pp-btn-menu-toggle-black--stuck,:where(.site-header-container,.sticky-top-before).stuck ~ .main-menu-container .menu-toggle,body:where(.single-person) .site-header-container:not(.stuck) .icon-menu a:not(.pp-btn),body:where(.single-person) .site-header-container:not(.stuck) ~ .main-menu-container .menu-toggle,body:where(.single-document) .site-header-container:not(.stuck) .icon-menu a:not(.pp-btn),body:where(.single-document) .site-header-container:not(.stuck) ~ .main-menu-container .menu-toggle { --btn-color: var(--color-schwarz); --btn-background-color: transparent; --btn-icon-color: var(--color-schwarz); --btn-hover-icon-color: var(--color-schwarz); --btn-active-icon-color: var(--color-schwarz); --btn-border-radius: var(--border-radius-none); --btn-border-color: var(--color-schwarz); --btn-border-width: var(--border-width-md, 0px); --btn-has-border: 1; --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --btn-hover-border-color: var(--color-schwarz); --btn-focus-border-color: var(--color-schwarz); --btn-active-color: var(--color-schwarz); --btn-active-border-color: var(--color-schwarz); --btn-active-border-width: var(--border-width-md, 0px); --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } .pp-btn-tag, .stuck .pp-btn-tag--stuck, .filter-term > .pp-btn { --btn-color: var(--color-weiss); --btn-background-color: rgb( 15 39 75 / 0.42 ); --btn-border-radius: var(--border-radius-pill); --btn-border-style: none; --btn-hover-border-width: 0px; --btn-hover-background-color: rgb( 15 39 75 / 0.65 ); --btn-focus-background-color: rgb( 15 39 75 / 0.65 ); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-background-color: rgb( 15 39 75 / 0.87 ); --btn-active-color: var(--color-weiss); --btn-active-border-width: 0px; --btn-focus-outline-color: var(--btn-hover-border-color, var(--btn-hover-color, var(--btn-border-color, var(--btn-color)))); --btn-focus-outline-offset: 2px; --btn-focus-outline-width: 3px; --btn-focus-outline-style: solid; --btn-icon-ratio: var(--element-font-size-num) / var(--btn-icon-size-num); --btn-icon-size: var(--icon-size-md); --btn-icon-size-num: var(--icon-size-md-num); --btn-icon-display: inline; --btn-icon-line-height: calc( var(--element-font-size) * var(--element-line-height) ); --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: calc( var(--element-padding-y) * 2 * var(--btn-icon-ratio) + var(--element-font-size) * var(--element-line-height) ); --btn-flex-direction: row; } [data-event_category-id="14"] { --term-color: #dd3333; } [data-event_category-id="11"] { --term-color: #ffcb23; } [data-event_category-id="9"] { --term-color: #25a8ea; } /* Theme CI */ /* Theme CI - color classes */ .pp-color-schwarz { --r: 15; --g: 39; --b: 75; --rgb: 15 39 75; } .bg-schwarz { background-color: var(--color-schwarz); } .border-schwarz { border-color: var(--color-schwarz); } .outline-schwarz { outline-color: var(--color-schwarz); } .text-schwarz { color: var(--color-schwarz); } .text-schwarz path, .fill-schwarz { fill: var(--color-schwarz); } .svgfill-schwarz path { fill: var(--color-schwarz) !important; } .stroke-schwarz { stroke: var(--color-schwarz); } .filter-schwarz { filter: var(--color-filter-schwarz); } .gradient-schwarz { filter: var(--gradient-filter-schwarz); } .pp-color-weiss { --r: 255; --g: 255; --b: 255; --rgb: 255 255 255; } .bg-weiss { background-color: var(--color-weiss); } .border-weiss { border-color: var(--color-weiss); } .outline-weiss { outline-color: var(--color-weiss); } .text-weiss { color: var(--color-weiss); } .text-weiss path, .fill-weiss { fill: var(--color-weiss); } .svgfill-weiss path { fill: var(--color-weiss) !important; } .stroke-weiss { stroke: var(--color-weiss); } .filter-weiss { filter: var(--color-filter-weiss); } .gradient-weiss { filter: var(--gradient-filter-weiss); } .pp-color-rot { --r: 217; --g: 0; --b: 14; --rgb: 217 0 14; } .bg-rot { background-color: var(--color-rot); } .border-rot { border-color: var(--color-rot); } .outline-rot { outline-color: var(--color-rot); } .text-rot { color: var(--color-rot); } .text-rot path, .fill-rot { fill: var(--color-rot); } .svgfill-rot path { fill: var(--color-rot) !important; } .stroke-rot { stroke: var(--color-rot); } .filter-rot { filter: var(--color-filter-rot); } .gradient-rot { filter: var(--gradient-filter-rot); } .pp-color-grau-1 { --r: 250; --g: 250; --b: 251; --rgb: 250 250 251; } .bg-grau-1 { background-color: var(--color-grau-1); } .border-grau-1 { border-color: var(--color-grau-1); } .outline-grau-1 { outline-color: var(--color-grau-1); } .text-grau-1 { color: var(--color-grau-1); } .text-grau-1 path, .fill-grau-1 { fill: var(--color-grau-1); } .svgfill-grau-1 path { fill: var(--color-grau-1) !important; } .stroke-grau-1 { stroke: var(--color-grau-1); } .filter-grau-1 { filter: var(--color-filter-grau-1); } .gradient-grau-1 { filter: var(--gradient-filter-grau-1); } .pp-color-grau-2 { --r: 246; --g: 247; --b: 248; --rgb: 246 247 248; } .bg-grau-2 { background-color: var(--color-grau-2); } .border-grau-2 { border-color: var(--color-grau-2); } .outline-grau-2 { outline-color: var(--color-grau-2); } .text-grau-2 { color: var(--color-grau-2); } .text-grau-2 path, .fill-grau-2 { fill: var(--color-grau-2); } .svgfill-grau-2 path { fill: var(--color-grau-2) !important; } .stroke-grau-2 { stroke: var(--color-grau-2); } .filter-grau-2 { filter: var(--color-filter-grau-2); } .gradient-grau-2 { filter: var(--gradient-filter-grau-2); } .pp-color-grau-3 { --r: 220; --g: 222; --b: 228; --rgb: 220 222 228; } .bg-grau-3 { background-color: var(--color-grau-3); } .border-grau-3 { border-color: var(--color-grau-3); } .outline-grau-3 { outline-color: var(--color-grau-3); } .text-grau-3 { color: var(--color-grau-3); } .text-grau-3 path, .fill-grau-3 { fill: var(--color-grau-3); } .svgfill-grau-3 path { fill: var(--color-grau-3) !important; } .stroke-grau-3 { stroke: var(--color-grau-3); } .filter-grau-3 { filter: var(--color-filter-grau-3); } .gradient-grau-3 { filter: var(--gradient-filter-grau-3); } .pp-color-grau-4 { --r: 134; --g: 146; --b: 164; --rgb: 134 146 164; } .bg-grau-4 { background-color: var(--color-grau-4); } .border-grau-4 { border-color: var(--color-grau-4); } .outline-grau-4 { outline-color: var(--color-grau-4); } .text-grau-4 { color: var(--color-grau-4); } .text-grau-4 path, .fill-grau-4 { fill: var(--color-grau-4); } .svgfill-grau-4 path { fill: var(--color-grau-4) !important; } .stroke-grau-4 { stroke: var(--color-grau-4); } .filter-grau-4 { filter: var(--color-filter-grau-4); } .gradient-grau-4 { filter: var(--gradient-filter-grau-4); } .pp-color-grau-5 { --r: 74; --g: 90; --b: 119; --rgb: 74 90 119; } .bg-grau-5 { background-color: var(--color-grau-5); } .border-grau-5 { border-color: var(--color-grau-5); } .outline-grau-5 { outline-color: var(--color-grau-5); } .text-grau-5 { color: var(--color-grau-5); } .text-grau-5 path, .fill-grau-5 { fill: var(--color-grau-5); } .svgfill-grau-5 path { fill: var(--color-grau-5) !important; } .stroke-grau-5 { stroke: var(--color-grau-5); } .filter-grau-5 { filter: var(--color-filter-grau-5); } .gradient-grau-5 { filter: var(--gradient-filter-grau-5); } .pp-color-zsj-blau-hell { --r: 88; --g: 171; --b: 255; --rgb: 88 171 255; } .bg-zsj-blau-hell { background-color: var(--color-zsj-blau-hell); } .border-zsj-blau-hell { border-color: var(--color-zsj-blau-hell); } .outline-zsj-blau-hell { outline-color: var(--color-zsj-blau-hell); } .text-zsj-blau-hell { color: var(--color-zsj-blau-hell); } .text-zsj-blau-hell path, .fill-zsj-blau-hell { fill: var(--color-zsj-blau-hell); } .svgfill-zsj-blau-hell path { fill: var(--color-zsj-blau-hell) !important; } .stroke-zsj-blau-hell { stroke: var(--color-zsj-blau-hell); } .filter-zsj-blau-hell { filter: var(--color-filter-zsj-blau-hell); } .gradient-zsj-blau-hell { filter: var(--gradient-filter-zsj-blau-hell); } .pp-color-zsj-blau { --r: 37; --g: 117; --b: 199; --rgb: 37 117 199; } .bg-zsj-blau { background-color: var(--color-zsj-blau); } .border-zsj-blau { border-color: var(--color-zsj-blau); } .outline-zsj-blau { outline-color: var(--color-zsj-blau); } .text-zsj-blau { color: var(--color-zsj-blau); } .text-zsj-blau path, .fill-zsj-blau { fill: var(--color-zsj-blau); } .svgfill-zsj-blau path { fill: var(--color-zsj-blau) !important; } .stroke-zsj-blau { stroke: var(--color-zsj-blau); } .filter-zsj-blau { filter: var(--color-filter-zsj-blau); } .gradient-zsj-blau { filter: var(--gradient-filter-zsj-blau); } .pp-color-zsj-blau-dunkel { --r: 0; --g: 38; --b: 124; --rgb: 0 38 124; } .bg-zsj-blau-dunkel { background-color: var(--color-zsj-blau-dunkel); } .border-zsj-blau-dunkel { border-color: var(--color-zsj-blau-dunkel); } .outline-zsj-blau-dunkel { outline-color: var(--color-zsj-blau-dunkel); } .text-zsj-blau-dunkel { color: var(--color-zsj-blau-dunkel); } .text-zsj-blau-dunkel path, .fill-zsj-blau-dunkel { fill: var(--color-zsj-blau-dunkel); } .svgfill-zsj-blau-dunkel path { fill: var(--color-zsj-blau-dunkel) !important; } .stroke-zsj-blau-dunkel { stroke: var(--color-zsj-blau-dunkel); } .filter-zsj-blau-dunkel { filter: var(--color-filter-zsj-blau-dunkel); } .gradient-zsj-blau-dunkel { filter: var(--gradient-filter-zsj-blau-dunkel); } /* #CI - Sizes */ @container gallery (width > 180px) { .pp-gallery-inner { --cols-sm: 2; } } @container gallery (width > 270px) { .pp-gallery-inner { --cols-sm: 3; } } @container gallery (width > 360px) { .pp-gallery-inner { --cols-sm: 4; } } @container gallery (width > 450px) { .pp-gallery-inner { --cols-sm: 5; } } @container gallery (width > 540px) { .pp-gallery-inner { --cols-sm: 6; } } @container gallery (width > 630px) { .pp-gallery-inner { --cols-sm: 7; } } @container gallery (width > 720px) { .pp-gallery-inner { --cols-sm: 8; } } @container gallery (width > 810px) { .pp-gallery-inner { --cols-sm: 9; } } @container gallery (width > 900px) { .pp-gallery-inner { --cols-sm: 10; } } @container gallery (width > 990px) { .pp-gallery-inner { --cols-sm: 11; } } @container gallery (width > 1080px) { .pp-gallery-inner { --cols-sm: 12; } } @container gallery (width > 1170px) { .pp-gallery-inner { --cols-sm: 13; } } @container gallery (width > 1260px) { .pp-gallery-inner { --cols-sm: 14; } } @container gallery (width > 1350px) { .pp-gallery-inner { --cols-sm: 15; } } @container gallery (width > 1440px) { .pp-gallery-inner { --cols-sm: 16; } } @container gallery (width > 1530px) { .pp-gallery-inner { --cols-sm: 17; } } @container gallery (width > 1620px) { .pp-gallery-inner { --cols-sm: 18; } } @container gallery (width > 1710px) { .pp-gallery-inner { --cols-sm: 19; } } @container gallery (width > 1800px) { .pp-gallery-inner { --cols-sm: 20; } } @container gallery (width > 1890px) { .pp-gallery-inner { --cols-sm: 21; } } @container gallery (width > 300px) { .pp-gallery-inner { --cols-md: 2; } } @container gallery (width > 450px) { .pp-gallery-inner { --cols-md: 3; } } @container gallery (width > 600px) { .pp-gallery-inner { --cols-md: 4; } } @container gallery (width > 750px) { .pp-gallery-inner { --cols-md: 5; } } @container gallery (width > 900px) { .pp-gallery-inner { --cols-md: 6; } } @container gallery (width > 1050px) { .pp-gallery-inner { --cols-md: 7; } } @container gallery (width > 1200px) { .pp-gallery-inner { --cols-md: 8; } } @container gallery (width > 1350px) { .pp-gallery-inner { --cols-md: 9; } } @container gallery (width > 1500px) { .pp-gallery-inner { --cols-md: 10; } } @container gallery (width > 1650px) { .pp-gallery-inner { --cols-md: 11; } } @container gallery (width > 1800px) { .pp-gallery-inner { --cols-md: 12; } } @container gallery (width > 420px) { .pp-gallery-inner { --cols-lg: 2; } } @container gallery (width > 630px) { .pp-gallery-inner { --cols-lg: 3; } } @container gallery (width > 840px) { .pp-gallery-inner { --cols-lg: 4; } } @container gallery (width > 1050px) { .pp-gallery-inner { --cols-lg: 5; } } @container gallery (width > 1260px) { .pp-gallery-inner { --cols-lg: 6; } } @container gallery (width > 1470px) { .pp-gallery-inner { --cols-lg: 7; } } @container gallery (width > 1680px) { .pp-gallery-inner { --cols-lg: 8; } } @container gallery (width > 1890px) { .pp-gallery-inner { --cols-lg: 9; } } @container gallery (width > 540px) { .pp-gallery-inner { --cols-xl: 2; } } @container gallery (width > 810px) { .pp-gallery-inner { --cols-xl: 3; } } @container gallery (width > 1080px) { .pp-gallery-inner { --cols-xl: 4; } } @container gallery (width > 1350px) { .pp-gallery-inner { --cols-xl: 5; } } @container gallery (width > 1620px) { .pp-gallery-inner { --cols-xl: 6; } } @container gallery (width > 1890px) { .pp-gallery-inner { --cols-xl: 7; } } /* Theme Sections */ /* Theme Section general */ /* Theme Section topbar */ /* Theme Section header */ /* Theme Section main_menu */ /* Theme Section stage */ /* Theme Section toc */ /* Theme Section breadcrumbs */ /* Theme Section media_defaults */ /* Theme Section text */ /* Theme Section quote */ /* Theme Section accordion */ /* Theme Section media */ /* Theme Section gallery */ /* Theme Section links */ /* Theme Section listing */ @media (min-width: 528px) { :root{ --listing-horizontal-cols: 2; } } @media (min-width: 792px) { :root{ --listing-horizontal-cols: 3; } } @media (min-width: 1056px) { :root{ --listing-horizontal-cols: 4; } } @media (min-width: 1320px) { :root{ --listing-horizontal-cols: 5; } } @media (min-width: 1584px) { :root{ --listing-horizontal-cols: 6; } } @media (min-width: 1848px) { :root{ --listing-horizontal-cols: 7; } } @media (min-width: 2112px) { :root{ --listing-horizontal-cols: 8; } } @media (min-width: 2376px) { :root{ --listing-horizontal-cols: 9; } } @media (min-width: 2640px) { :root{ --listing-horizontal-cols: 10; } } @media (min-width: 2904px) { :root{ --listing-horizontal-cols: 11; } } @media (min-width: 3168px) { :root{ --listing-horizontal-cols: 12; } } @container (min-width: 512px) { .pp-listing-horizontal .pp-item-wrap { --item-cols: 2; } } /* Theme Section postslist */ /* Section PostsList */ /* Item sizes */ @container item (width < 460px) { .pp-items--card-lg .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 460px) { .pp-items--card-lg .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--card-lg .pp-listing { --item-min: 320px; --item-max: 640px; --item-min-num: 320; --item-max-num: 640; --item-breakpoint: 460; } .pp-items--card-lg .pp-item-wrap { --item-px-b: var(--spacer-fix-sm); --item-px-a: var(--spacer-fix-sm); --item-py-b: var(--spacer-fix-sm); --item-py-a: var(--spacer-fix-sm); --elements-px-b: var(--spacer-fix-md); --elements-px-a: var(--spacer-fix-md); --elements-py-b: var(--spacer-fix-md); --elements-py-a: var(--spacer-fix-md); --tags-px-b: var(--spacer-fix-sm); --tags-px-a: var(--spacer-fix-sm); --tags-py-b: var(--spacer-fix-xs); --tags-py-a: var(--spacer-fix-xs); --is-stripe-a: initial; --is-card-b: initial; --is-top-tags-a: initial; --is-top-tags-b: initial; --mediaratio-b: var(--ratio-1x1); --mediaratio-a: var(--ratio-1x1); --gridratio-b: var(--infobox-md-columns); --gridratio-a: var(--infobox-md-columns); } @container item (width < 460px) { .pp-items--card-md .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 460px) { .pp-items--card-md .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--card-md .pp-listing { --item-min: 250px; --item-max: 640px; --item-min-num: 250; --item-max-num: 640; --item-breakpoint: 460; } .pp-items--card-md .pp-item-wrap { --item-px-b: var(--spacer-fix-sm); --item-px-a: var(--spacer-fix-sm); --item-py-b: var(--spacer-fix-sm); --item-py-a: var(--spacer-fix-sm); --elements-px-b: var(--spacer-fix-md); --elements-px-a: var(--spacer-fix-md); --elements-py-b: var(--spacer-fix-md); --elements-py-a: var(--spacer-fix-md); --tags-px-a: var(--spacer-fix-sm); --tags-px-b: var(--spacer-fix-sm); --tags-py-a: var(--spacer-fix-xs); --tags-py-b: var(--spacer-fix-xs); --is-stripe-a: initial; --is-card-b: initial; --is-flow-tags-a: initial; --is-top-tags-b: initial; --mediaratio-a: var(--ratio-1x1); --mediaratio-b: var(--ratio-4x3); --gridratio-b: var(--infobox-sm-columns); --gridratio-a: var(--infobox-sm-columns); } @container item (width < 460px) { .pp-items--card-sm .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 460px) { .pp-items--card-sm .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--card-sm .pp-listing { --item-min: 206px; --item-max: 640px; --item-min-num: 206; --item-max-num: 640; --item-breakpoint: 460; } .pp-items--card-sm .pp-item-wrap { --item-px-b: var(--spacer-fix-sm); --item-px-a: var(--spacer-fix-sm); --item-py-b: var(--spacer-fix-sm); --item-py-a: var(--spacer-fix-sm); --elements-px-b: var(--spacer-fix-md); --elements-px-a: var(--spacer-fix-md); --elements-py-b: var(--spacer-fix-md); --elements-py-a: var(--spacer-fix-md); --tags-px-b: var(--spacer-fix-lg); --tags-px-a: var(--spacer-fix-lg); --is-stripe-a: initial; --is-card-b: initial; --is-flow-tags-a: initial; --is-flow-tags-b: initial; --mediaratio-a: var(--ratio-1x1); --mediaratio-b: var(--ratio-16x9); --gridratio-b: var(--infobox-sm-columns); --gridratio-a: var(--infobox-sm-columns); } @container item (width < 450px) { .pp-items--stripe-lg .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 450px) { .pp-items--stripe-lg .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--stripe-lg .pp-listing { --item-min: 600px; --item-max: 800px; --item-min-num: 600; --item-max-num: 800; --item-breakpoint: 450; } .pp-items--stripe-lg .pp-item-wrap { --item-px-a: var(--spacer-fix-sm); --item-px-b: var(--spacer-fix-xs); --item-py-a: var(--spacer-fix-sm); --item-py-b: var(--spacer-fix-xs); --elements-px-a: var(--spacer-fix-xl); --elements-px-b: var(--spacer-fix-sm); --elements-py-a: var(--spacer-fix-xl); --elements-py-b: var(--spacer-fix-xs); --tags-px-b: var(--spacer-fix-lg); --tags-px-a: var(--spacer-fix-lg); --tags-py-b: var(--spacer-fix-md); --tags-py-a: var(--spacer-fix-md); --is-stripe-a: initial; --is-stripe-b: initial; --is-flow-tags-a: initial; --is-flow-tags-b: initial; --mediaratio-b: var(--ratio-1x1); --mediaratio-a: var(--ratio-1x1); --gridratio-b: var(--infobox-sm-columns); --gridratio-a: var(--infobox-sm-columns); } @container item (width < 450px) { .pp-items--stripe-md .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 450px) { .pp-items--stripe-md .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--stripe-md .pp-listing { --item-min: 440px; --item-max: 800px; --item-min-num: 440; --item-max-num: 800; --item-breakpoint: 450; } .pp-items--stripe-md .pp-item-wrap { --item-px-b: var(--spacer-fix-sm); --item-px-a: var(--spacer-fix-sm); --item-py-b: var(--spacer-fix-sm); --item-py-a: var(--spacer-fix-sm); --elements-px-a: var(--spacer-fix-md); --elements-px-b: var(--spacer-fix-sm); --elements-py-a: var(--spacer-fix-sm); --elements-py-b: var(--spacer-fix-xs); --tags-px-a: var(--spacer-fix-md); --tags-px-b: var(--spacer-fix-sm); --tags-py-b: var(--spacer-fix-md); --tags-py-a: var(--spacer-fix-md); --is-stripe-a: initial; --is-stripe-b: initial; --is-flow-tags-a: initial; --is-flow-tags-b: initial; --mediaratio-b: var(--ratio-1x1); --mediaratio-a: var(--ratio-1x1); --gridratio-a: var(--infobox-xs-columns); --gridratio-b: var(--infobox-sm-columns); } @container item (width < 450px) { .pp-items--stripe-sm .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 450px) { .pp-items--stripe-sm .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--stripe-sm .pp-listing { --item-min: 320px; --item-max: 640px; --item-min-num: 320; --item-max-num: 640; --item-breakpoint: 450; } .pp-items--stripe-sm .pp-item-wrap { --item-px-b: var(--spacer-fix-xs); --item-px-a: var(--spacer-fix-xs); --item-py-b: var(--spacer-fix-xs); --item-py-a: var(--spacer-fix-xs); --elements-px-a: var(--spacer-fix-md); --elements-px-b: var(--spacer-fix-sm); --elements-py-b: var(--spacer-fix-xs); --elements-py-a: var(--spacer-fix-xs); --tags-px-b: var(--spacer-fix-lg); --tags-px-a: var(--spacer-fix-lg); --tags-py-b: var(--spacer-fix-md); --tags-py-a: var(--spacer-fix-md); --is-stripe-a: initial; --is-stripe-b: initial; --is-flow-tags-a: initial; --is-flow-tags-b: initial; --mediaratio-b: var(--ratio-1x1); --mediaratio-a: var(--ratio-1x1); --gridratio-a: var(--infobox-xs-columns); --gridratio-b: var(--infobox-sm-columns); } @container item (width < 450px) { .pp-items--tile .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 450px) { .pp-items--tile .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--tile .pp-listing { --item-min: 360px; --item-max: 720px; --item-min-num: 360; --item-max-num: 720; --item-breakpoint: 450; } .pp-items--tile .pp-item-wrap { --elements-px-b: var(--spacer-fix-lg); --elements-px-a: var(--spacer-fix-lg); --elements-py-b: var(--spacer-fix-lg); --elements-py-a: var(--spacer-fix-lg); --tags-px-b: var(--spacer-fix-lg); --tags-px-a: var(--spacer-fix-lg); --tags-py-b: var(--spacer-fix-xs); --tags-py-a: var(--spacer-fix-xs); --is-tile-a: initial; --is-tile-b: initial; --is-top-tags-a: initial; --is-top-tags-b: initial; --mediaratio-b: var(--ratio-1x1); --mediaratio-a: var(--ratio-1x1); } @container item (width < 450px) { .pp-items--event_date .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 450px) { .pp-items--event_date .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--event_date .pp-listing { --item-min: 600px; --item-max: 800px; --item-min-num: 600; --item-max-num: 800; --item-breakpoint: 450; } .pp-items--event_date .pp-item-wrap { --elements-px-b: var(--spacer-md); --elements-px-a: var(--spacer-md); --elements-py-b: var(--spacer-xs); --elements-py-a: var(--spacer-xs); --is-stripe-a: initial; --is-stripe-b: initial; --gridratio-b: var(--infobox-sm-columns); --gridratio-a: var(--infobox-sm-columns); } @container item (width < 450px) { .pp-items--event_date_event .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 450px) { .pp-items--event_date_event .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--event_date_event .pp-listing { --item-min: 600px; --item-max: 800px; --item-min-num: 600; --item-max-num: 800; --item-breakpoint: 450; } .pp-items--event_date_event .pp-item-wrap { --elements-px-b: var(--spacer-fix-md); --elements-px-a: var(--spacer-fix-md); --elements-py-b: var(--spacer-fix-xs); --elements-py-a: var(--spacer-fix-xs); --is-stripe-a: initial; --is-card-b: initial; --gridratio-b: var(--infobox-sm-columns); --gridratio-a: var(--infobox-sm-columns); } @container item (width < 450px) { .pp-items--event_date_institution .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 450px) { .pp-items--event_date_institution .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--event_date_institution .pp-listing { --item-min: 600px; --item-max: 800px; --item-min-num: 600; --item-max-num: 800; --item-breakpoint: 450; } .pp-items--event_date_institution .pp-item-wrap { --elements-px-b: var(--spacer-fix-md); --elements-px-a: var(--spacer-fix-md); --elements-py-b: var(--spacer-fix-xs); --elements-py-a: var(--spacer-fix-xs); --is-stripe-a: initial; --is-card-b: initial; --gridratio-b: var(--infobox-sm-columns); --gridratio-a: var(--infobox-sm-columns); } .pp-items--ext-link .pp-listing { --item-min: 320px; --item-max: 500px; --item-min-num: 320; --item-max-num: 500; } .pp-items--ext-link .pp-item-wrap { } /* Grid sizes */ /* fallback Grid sizes */ .pp-gridlisting > .pp-listing-wrap { --is-wrap-xs: initial; } @container wrap (width >= 600px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-min-sm: initial; } } @container wrap (width >= 600px) and (width < 956px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: initial; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 956px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-min-md: initial; } } @container wrap (width >= 956px) and (width < 1154px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: initial; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 1154px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-min-lg: initial; } } @container wrap (width >= 1154px) and (width < 1400px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: initial; --is-wrap-xl: ; } } @container wrap (width >= 1400px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-min-xl: initial; } } @container wrap (width >= 1400px) { .pp-gridlisting > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: initial; } } /* Grid sizes for */ /* Grid sizes for */ /* Grid sizes for */ /* Grid sizes for */ /* Grid sizes for */ .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-xs: initial; } @container wrap (width >= 530px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-min-sm: initial; } } @container wrap (width >= 530px) and (width < 750px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: initial; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 750px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-min-md: initial; } } @container wrap (width >= 750px) and (width < 960px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: initial; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 960px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-min-lg: initial; } } @container wrap (width >= 960px) and (width < 1340px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: initial; --is-wrap-xl: ; } } @container wrap (width >= 1340px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-min-xl: initial; } } @container wrap (width >= 1340px) { .pp-gridlisting.pp-gridlisting--wall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: initial; } } /* Grid sizes for */ .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-xs: initial; } @container wrap (width >= 530px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-min-sm: initial; } } @container wrap (width >= 530px) and (width < 750px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: initial; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 750px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-min-md: initial; } } @container wrap (width >= 750px) and (width < 960px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: initial; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 960px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-min-lg: initial; } } @container wrap (width >= 960px) and (width < 1340px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: initial; --is-wrap-xl: ; } } @container wrap (width >= 1340px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-min-xl: initial; } } @container wrap (width >= 1340px) { .pp-gridlisting.pp-gridlisting--archivewall > .pp-listing-wrap { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: initial; } } /* Grid sizes for */ /* Grid sizes for */ /* Grid sizes for */ /* Theme Section events */ /* Theme Section locations */ /* Theme Section teaser */ /* Theme Section spacer */ /* Theme Section a11y-text */ /* Theme Section a11y-media */ /* Theme Section a11y-listing */ /* Theme Section footer */ /* Theme Section archive */