/* CSS generated 2025-11-12 15:37:53 */ /* Theme Styles */ /* Theme Styles - Element Styles */ body,.pp-element-body { --element-font-scale: var(--font-scale-base, 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-line-height: 1.500; --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: 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-lg); --element-link-focus-line-width: var(--border-width-lg); } .wrapper > :not(.site-header-container) h1,.pp-element-h1 { --element-font-scale: var(--font-scale-accent, 1); --element-font-size: var(--font-size-44-49-54); --element-font-size-num: var(--font-size-44-49-54-num); --element-font-size-a: 54.00px; --element-font-size-a-num: 54.00; --element-font-size-b: 44.00px; --element-font-size-b-num: 44.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.000; --element-font-weight: 600; --element-letter-spacing: 0.020em; --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-34-39-44); --element-font-size-num: var(--font-size-34-39-44-num); --element-font-size-a: 44.00px; --element-font-size-a-num: 44.00; --element-font-size-b: 34.00px; --element-font-size-b-num: 34.00; --element-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.000; --element-font-weight: 600; --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-28-31-34); --element-font-size-num: var(--font-size-28-31-34-num); --element-font-size-a: 34.00px; --element-font-size-a-num: 34.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.000; --element-font-weight: 600; --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-accent, 1); --element-font-size: var(--font-size-20-22-24); --element-font-size-num: var(--font-size-20-22-24-num); --element-font-size-a: 24.00px; --element-font-size-a-num: 24.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.000; --element-font-weight: 600; --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-accent, 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-font-family: var(--font-family-accent); --element-icon-adjustment: var(--font-accent-icon-adjustment); --element-line-height: 1.000; --element-font-weight: 600; --element-letter-spacing: 0.030em; --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-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-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; } .section-intro,.pp-element-intro { --element-font-scale: var(--font-scale-base, 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-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.350; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-btn,.pp-element-button, .filter-term > .pp-btn,form:not(.search-form) [type="submit"],.pp-btn-primary, .stuck .pp-btn-primary--stuck,.pp-btn-ghost, .stuck .pp-btn-ghost--stuck,.pp-btn-ghost-on-dark, .stuck .pp-btn-ghost-on-dark--stuck,.pp-btn-main-menu-expander, .stuck .pp-btn-main-menu-expander--stuck,.pp-btn-primary-icon, .stuck .pp-btn-primary-icon--stuck,.pp-btn-ghost-icon, .stuck .pp-btn-ghost-icon--stuck,.pp-btn-ghost-icon-on-dark, .stuck .pp-btn-ghost-icon-on-dark--stuck,.pp-btn-accordion, .stuck .pp-btn-accordion--stuck,.pp-btn-small-gray, .stuck .pp-btn-small-gray--stuck,.pp-btn-sidebar-toggle, .stuck .pp-btn-sidebar-toggle--stuck,.pp-btn-navigation-arrow, .stuck .pp-btn-navigation-arrow--stuck,.pp-btn-tag, .stuck .pp-btn-tag--stuck { --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.000; --element-font-weight: 600; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; --element-padding-x: 1.88em; --element-padding-y: 1.25em; } .pp-btn-alt,.pp-element-button_alt,.site-header-container:not(.stuck) .icon-menu a:not(.pp-btn),.site-header-container.stuck .icon-menu a:not(.pp-btn),.pp-btn-menu-toggle, .stuck .pp-btn-menu-toggle--stuck,.pp-btn-menu-toggle-negative, .stuck .pp-btn-menu-toggle-negative--stuck,.pp-btn-plain-white, .stuck .pp-btn-plain-white--stuck,.pp-btn-plain-black, .stuck .pp-btn-plain-black--stuck { --element-font-scale: var(--font-scale-base, 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-base); --element-icon-adjustment: var(--font-base-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: 2.50em; --element-padding-y: 1.00em; } .wpcf7-form > p > label,.pp-element-form-label { --element-font-scale: var(--font-scale-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-font-weight: 300; --element-text-transform: none; } .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-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-font-weight: 400; --element-font-style: normal; --element-text-transform: none; --element-padding-x: 0.00em; --element-padding-y: 0.00em; } figure figcaption,.pp-element-caption { --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.150; --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: 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-lg); --element-link-focus-line-width: var(--border-width-lg); } .topbar-menu-container,.pp-element-topbar { --element-font-scale: var(--font-scale-base, 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-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-letter-spacing: 0.100em; --element-text-transform: uppercase; --element-link-line: none; --element-link-line-style: dotted; --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); } .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; } .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; } .site-header-container:not(.stuck) ul.icon-menu a:not(.pp-btn),.pp-element-button_icon_menu { --element-padding-x: 1.00em; --element-padding-y: 0.50em; } .site-header-container.stuck ul.icon-menu a:not(.pp-btn),.pp-element-button_icon_menu_stuck { --element-padding-x: 1.00em; --element-padding-y: 0.50em; } body.home .site-header-container:not(.stuck) ul.icon-menu a:not(.pp-btn),.pp-element-button_icon_menu_home { --element-padding-x: 1.00em; --element-padding-y: 0.50em; } .menu-toggle,.pp-element-main_menu_button { --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-link-line-width: var(--border-width-md); --element-padding-x: 0.00em; --element-padding-y: 0.00em; } .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-28-31-34); --element-font-size-num: var(--font-size-28-31-34-num); --element-font-size-a: 34.00px; --element-font-size-a-num: 34.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.000; --element-font-weight: 600; --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-base, 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-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-font-weight: 400; --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-base, 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-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-font-weight: 400; --element-letter-spacing: 0.000em; --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-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-text-transform: none; } .site-stage .stage-subline,.pp-element-stage_subline { --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.500; --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-base, 1); --element-font-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-text-transform: none; } body.home .site-stage .stage-subline,.pp-element-stage_home_subline { --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.500; --element-text-transform: none; } 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-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-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-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-text-transform: none; --element-link-line: none; --element-link-line-style: dotted; --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); } .pp-toc-nav,.pp-element-toc { --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.330; --element-text-transform: none; --element-link-line: none; --element-link-line-style: dotted; --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); } .quote-headline,.pp-element-quote_headline { --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; } .quote-wrapper .quote-source,.pp-element-quote_source { --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; } .accordion-expander-label,.pp-element-accordion_label { --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; } .accordion-expander-arrow,.pp-element-accordion_arrow { --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; } .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: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-listing-horizontal .pp-item-date,.pp-element-listing_grid_date { --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-text-transform: none; } .pp-listing-horizontal .pp-item-title,.pp-element-listing_grid_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; } .pp-listing-horizontal .pp-item-copy,.pp-element-listing_grid_text { --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; } .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: none; --element-link-hover-line: none; --element-link-focus-line: none; } .pp-listing-vertical .pp-item-date,.pp-element-listing_list_date { --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; } .pp-listing-vertical .pp-item-title,.pp-element-listing_list_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; } .pp-listing-vertical .pp-item-copy,.pp-element-listing_list_text { --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; } .pp-a11y,.pp-a11y *,.pp-element-a11y_base { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-24-24-24); --element-font-size-num: var(--font-size-24-24-24-num); --element-font-size-a: 24.00px; --element-font-size-a-num: 24.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-line-height: 1.700; --element-font-weight: 400; --element-letter-spacing: 0.015em; --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-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-24-36-48); --element-font-size-num: var(--font-size-24-36-48-num); --element-font-size-a: 48.00px; --element-font-size-a-num: 48.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-line-height: 1.300; --element-font-weight: 700; --element-font-style: normal; --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 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-24-28-32); --element-font-size-num: var(--font-size-24-28-32-num); --element-font-size-a: 32.00px; --element-font-size-a-num: 32.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-line-height: 1.300; --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 h3,.pp-a11y .pp-element-h3,.pp-element-a11y_h3 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-24-28-32); --element-font-size-num: var(--font-size-24-28-32-num); --element-font-size-a: 32.00px; --element-font-size-a-num: 32.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-line-height: 1.300; --element-font-weight: 400; --element-font-style: italic; --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 h4,.pp-a11y .pp-element-h4,.pp-element-a11y_h4 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-24-24-24); --element-font-size-num: var(--font-size-24-24-24-num); --element-font-size-a: 24.00px; --element-font-size-a-num: 24.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-line-height: 1.300; --element-font-weight: 700; --element-font-style: italic; --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 h5,.pp-a11y .pp-element-h5,.pp-element-a11y_h5 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-24-24-24); --element-font-size-num: var(--font-size-24-24-24-num); --element-font-size-a: 24.00px; --element-font-size-a-num: 24.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-line-height: 1.300; --element-font-weight: 400; --element-font-style: italic; --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 h6,.pp-a11y .pp-element-h6,.pp-element-a11y_h6 { --element-font-scale: var(--font-scale-base, 1); --element-font-size: var(--font-size-19-19-19); --element-font-size-num: var(--font-size-19-19-19-num); --element-font-size-a: 19.00px; --element-font-size-a-num: 19.00; --element-font-size-b: 19.00px; --element-font-size-b-num: 19.00; --element-line-height: 1.300; --element-font-weight: 300; --element-font-style: normal; --element-letter-spacing: 0.050em; --element-text-transform: uppercase; --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-24-24-24); --element-font-size-num: var(--font-size-24-24-24-num); --element-font-size-a: 24.00px; --element-font-size-a-num: 24.00; --element-font-size-b: 24.00px; --element-font-size-b-num: 24.00; --element-line-height: 1.700; --element-font-weight: 400; --element-font-style: italic; --element-letter-spacing: 0.010em; --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); } .footer-info-wrapper .menu-item,.pp-element-footer_info_menu { --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-line-height: 1.200; --element-font-weight: 700; --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-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.200; --element-font-weight: 400; --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-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-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-family: var(--font-family-base); --element-icon-adjustment: var(--font-base-icon-adjustment); --element-line-height: 1.100; --element-text-transform: none; --element-link-line: none; --element-link-hover-line: none; --element-link-focus-line: none; } .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-letter-spacing: 0.020em; --element-text-transform: none; --element-link-line: underline; --element-link-line-style: dotted; --element-link-line-width: var(--border-width-sm); --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); } .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-plain, .pp-box-plain--hover:hover, .fullscreen.pp-box-plain--lightbox, [aria-expanded="true"].pp-box-plain--expanded, .stuck .pp-box-plain--stuck { --box-color: ; --box-color-rgb: var(--color-grau-8-rgb); --box-color-filter: url(#color-filter-grau-8); --box-accent-filter: url(#color-filter-akzent-1); --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: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-schwarz); --box-link-color: ; --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: ; --box-border-width: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: ; --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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); } @media (prefers-color-scheme: dark){ .pp-box-plain, .pp-box-plain--hover:hover, .fullscreen.pp-box-plain--lightbox, [aria-expanded="true"].pp-box-plain--expanded, .stuck .pp-box-plain--stuck { --box-color: ; --box-color-rgb: var(--color-dark-text-rgb); --box-color-filter: url(#color-filter-dark-text); --box-accent-filter: url(#color-filter-akzent-1); --box-border-filter: none; --box-background-color: ; --box-background-color-rgb: var(--color-dark-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-dark); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --box-link-color: ; --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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: ; --box-color-rgb: var(--color-grau-8-rgb); --box-color-filter: url(#color-filter-grau-8); --box-accent-filter: url(#color-filter-akzent-1); --box-border-filter: url(#color-filter-grau-3); --box-background-color: ; --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: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-schwarz); --box-link-color: ; --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: ; --box-border-width: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: ; --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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); } @media (prefers-color-scheme: dark){ .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: ; --box-color-rgb: var(--color-text-dark-rgb); --box-color-filter: url(#color-filter-text-dark); --box-accent-filter: url(#color-filter-akzent-2); --box-border-filter: none; --box-background-color: ; --box-background-color-rgb: var(--color-highlight-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-highlight); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --box-link-color: ; --box-link-hover-color: var(--color-weiss); --box-link-focus-color: var(--color-weiss); --box-border-color: ; --box-border-width: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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: ; --box-color-rgb: var(--color-dark-text-rgb); --box-color-filter: url(#color-filter-dark-text); --box-accent-filter: url(#color-filter-akzent-2); --box-border-filter: none; --box-background-color: ; --box-background-color-rgb: var(--color-highlight-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-highlight); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --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: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: ; --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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); } @media (prefers-color-scheme: dark){ .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: ; --box-color-rgb: var(--color-grau-8-rgb); --box-color-filter: url(#color-filter-grau-8); --box-accent-filter: url(#color-filter-akzent-1); --box-border-filter: none; --box-background-color: ; --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: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-schwarz); --box-link-color: ; --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: ; --box-border-width: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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, .pp-box-dark--hover:hover, .fullscreen.pp-box-dark--lightbox, [aria-expanded="true"].pp-box-dark--expanded, .stuck .pp-box-dark--stuck { --box-color: ; --box-color-rgb: var(--color-grau-7-rgb); --box-color-filter: url(#color-filter-grau-7); --box-accent-filter: url(#color-filter-akzent-2); --box-border-filter: url(#color-filter-weiss); --box-background-color: ; --box-background-color-rgb: var(--color-dark-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-dark); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --box-link-color: ; --box-link-hover-color: ; --box-link-focus-color: ; --box-border-color: var(--color-weiss); --box-border-width: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: ; --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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); } @media (prefers-color-scheme: dark){ .pp-box-dark, .pp-box-dark--hover:hover, .fullscreen.pp-box-dark--lightbox, [aria-expanded="true"].pp-box-dark--expanded, .stuck .pp-box-dark--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-akzent-1); --box-border-filter: url(#color-filter-schwarz); --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: inherit; --box-selection-text-color: inherit; --box-link-color: ; --box-link-hover-color: var(--color-schwarz); --box-link-focus-color: var(--color-schwarz); --box-border-color: var(--color-schwarz); --box-border-width: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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-sidebar, .pp-box-sidebar--hover:hover, .fullscreen.pp-box-sidebar--lightbox, [aria-expanded="true"].pp-box-sidebar--expanded, .stuck .pp-box-sidebar--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-akzent-1); --box-border-filter: url(#color-filter-grau-4); --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: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-schwarz); --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: 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-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--color-schwarz); --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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); } @media (prefers-color-scheme: dark){ .pp-box-sidebar, .pp-box-sidebar--hover:hover, .fullscreen.pp-box-sidebar--lightbox, [aria-expanded="true"].pp-box-sidebar--expanded, .stuck .pp-box-sidebar--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-akzent-1); --box-border-filter: url(#color-filter-grau-8); --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: inherit; --box-selection-text-color: inherit; --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: 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-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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-accent-1); --box-border-filter: none; --box-background-color: ; --box-background-color-rgb: var(--color-grau-9-rgb); --box-background-opacity: 1.00; --box-background-color-filter: url(#color-filter-grau-9); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --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: var(--border-width-md);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--color-weiss); --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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, .pp-box-header--hover:hover, .fullscreen.pp-box-header--lightbox, [aria-expanded="true"].pp-box-header--expanded, .stuck .pp-box-header--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-weiss); --box-border-filter: none; --box-background-color: rgb( 0 0 0 / 0.95 ); --box-background-color-rgb: var(--color-akzent-2-rgb); --box-background-opacity: 0.95; --box-background-color-filter: url(#color-filter-akzent-2); --box-selection-color: var(--color-weiss); --box-selection-text-color: #000000; --box-emphasis-color: var(--color-weiss); --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: var(--border-width-sm);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--color-weiss); --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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); } @media (prefers-contrast: more){ .pp-box-header, .pp-box-header--hover:hover, .fullscreen.pp-box-header--lightbox, [aria-expanded="true"].pp-box-header--expanded, .stuck .pp-box-header--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-weiss); --box-border-filter: none; --box-background-color: rgb( 0 0 0 / 0.00 ); --box-background-color-rgb: var(--color-dark-rgb); --box-background-opacity: 0.00; --box-background-color-filter: url(#color-filter-dark); --box-selection-color: var(--color-weiss); --box-selection-text-color: #000000; --box-emphasis-color: var(--color-weiss); --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: var(--border-width-sm);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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-schwarz); --box-color-rgb: var(--color-schwarz-rgb); --box-color-filter: url(#color-filter-schwarz); --box-accent-filter: url(#color-filter-weiss); --box-border-filter: none; --box-background-color: rgb( 255 255 255 / 0.95 ); --box-background-color-rgb: var(--color-weiss-rgb); --box-background-opacity: 0.95; --box-background-color-filter: url(#color-filter-weiss); --box-selection-color: var(--color-weiss); --box-selection-text-color: #000000; --box-emphasis-color: var(--color-weiss); --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: var(--border-width-sm);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: rgb( 7 9 10 / 0.01 ); --box-shadow-size: var(--shadow-size-md); --box-shadow: 0 0 var(--box-shadow-size) var(--box-shadow-color); --box-list-marker-color: var(--color-weiss); --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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); } @media (prefers-contrast: more){ .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-weiss); --box-color-rgb: var(--color-weiss-rgb); --box-color-filter: url(#color-filter-weiss); --box-accent-filter: url(#color-filter-weiss); --box-border-filter: none; --box-background-color: rgb( 0 0 0 / 0.00 ); --box-background-color-rgb: var(--color-dark-rgb); --box-background-opacity: 0.00; --box-background-color-filter: url(#color-filter-dark); --box-selection-color: var(--color-weiss); --box-selection-text-color: #000000; --box-emphasis-color: var(--color-weiss); --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: var(--border-width-sm);; --box-border-style: ; --box-border-radius: var(--border-radius-none);; --box-shadow-color: none; --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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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-light, .pp-box-stage-light--hover:hover, .fullscreen.pp-box-stage-light--lightbox, [aria-expanded="true"].pp-box-stage-light--expanded, .stuck .pp-box-stage-light--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-akzent-1); --box-border-filter: none; --box-background-color: ; --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: inherit; --box-selection-text-color: inherit; --box-link-color: ; --box-link-hover-color: ; --box-link-focus-color: ; --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(--color-schwarz); --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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-dark, .pp-box-stage-dark--hover:hover, .fullscreen.pp-box-stage-dark--lightbox, [aria-expanded="true"].pp-box-stage-dark--expanded, .stuck .pp-box-stage-dark--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-akzent-2); --box-border-filter: url(#color-filter-highlight); --box-background-color: rgb( 0 0 0 / 0.90 ); --box-background-color-rgb: var(--color-dark-rgb); --box-background-opacity: 0.90; --box-background-color-filter: url(#color-filter-dark); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --box-link-color: ; --box-link-hover-color: ; --box-link-focus-color: ; --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-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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-dark-transparent, .pp-box-stage-dark-transparent--hover:hover, .fullscreen.pp-box-stage-dark-transparent--lightbox, [aria-expanded="true"].pp-box-stage-dark-transparent--expanded, .stuck .pp-box-stage-dark-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-akzent-2); --box-border-filter: url(#color-filter-highlight); --box-background-color: rgb( 0 0 0 / 0.50 ); --box-background-color-rgb: var(--color-dark-rgb); --box-background-opacity: 0.50; --box-background-color-filter: url(#color-filter-dark); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --box-link-color: ; --box-link-hover-color: ; --box-link-focus-color: ; --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(--color-weiss); --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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-akzent-2); --box-border-filter: url(#color-filter-highlight); --box-background-color: rgb( 7 9 10 / 0.75 ); --box-background-color-rgb: var(--color-schwarz-rgb); --box-background-opacity: 0.75; --box-background-color-filter: url(#color-filter-schwarz); --box-selection-color: inherit; --box-selection-text-color: inherit; --box-emphasis-color: var(--color-weiss); --box-link-color: ; --box-link-hover-color: ; --box-link-focus-color: ; --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(--color-weiss); --box-ul-marker-color: var(--box-list-marker-color); --box-ol-marker-color: var(--box-list-marker-color); --box-icon-color: var(--box-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,form:not(.search-form) [type="submit"] { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-icon-color: var(--color-weiss); --btn-hover-icon-color: var(--color-weiss); --btn-active-icon-color: var(--color-weiss); --btn-border-radius: var(--border-radius-pill); --btn-border-width: var(--border-width-none, 0px); --btn-has-border: 1; --btn-hover-border-width: var(--border-width-none, 0px); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-color: var(--color-weiss); --btn-active-border-width: var(--border-width-none, 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: 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; --element-padding-x: var(--spacer-fix-md); --element-padding-y: var(--spacer-fix-sm); } .pp-btn-ghost, .stuck .pp-btn-ghost--stuck { --btn-color: var(--color-schwarz); --btn-background-color: transparent; --btn-border-radius: var(--border-radius-pill); --btn-border-width: var(--border-width-md, 0px); --btn-has-border: 1; --btn-hover-border-width: var(--border-width-lg, 0px); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --btn-active-color: var(--color-schwarz); --btn-active-border-width: var(--border-width-lg, 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: 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; --element-padding-x: var(--spacer-fix-lg); --element-padding-y: var(--spacer-fix-sm); } .pp-btn-ghost-on-dark, .stuck .pp-btn-ghost-on-dark--stuck { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-border-radius: var(--border-radius-pill); --btn-border-width: var(--border-width-md, 0px); --btn-has-border: 1; --btn-hover-border-width: var(--border-width-lg, 0px); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-color: var(--color-weiss); --btn-active-border-width: var(--border-width-lg, 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: 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; --element-padding-x: var(--spacer-fix-lg); --element-padding-y: var(--spacer-fix-sm); } .pp-btn-menu-toggle, .stuck .pp-btn-menu-toggle--stuck { --btn-color: var(--color-schwarz); --btn-background-color: transparent; --btn-hover-icon-color: var(--color-schwarz); --btn-border-width: var(--border-width-md, 0px); --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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; --element-padding-x: var(--spacer-fix-md); --element-padding-y: var(--spacer-fix-xs); } .pp-btn-menu-toggle-negative, .stuck .pp-btn-menu-toggle-negative--stuck { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-border-width: var(--border-width-md, 0px); --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-color: var(--color-weiss); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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; --element-padding-x: var(--spacer-fix-md); --element-padding-y: var(--spacer-fix-xs); } .pp-btn-main-menu-expander, .stuck .pp-btn-main-menu-expander--stuck,.main-menu .menu-link-wrap [aria-expanded] { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-icon-color: var(--color-weiss); --btn-hover-icon-color: var(--color-weiss); --btn-active-icon-color: var(--color-weiss); --btn-border-radius: var(--border-radius-pill); --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-weiss); --btn-focus-color: var(--color-weiss); --btn-active-color: var(--color-weiss); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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; --element-padding-x: var(--spacer-fix-lg); --element-padding-y: var(--spacer-fix-sm); } .pp-btn-plain-white, .stuck .pp-btn-plain-white--stuck,.site-header-container:not(.stuck) .icon-menu a:not(.pp-btn),.site-header-container:not(.stuck) .menu-toggle,div.main-menu-container .menu-toggle[aria-expanded="true"] { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-icon-color: var(--color-weiss); --btn-border-width: var(--border-width-md, 0px); --btn-hover-border-width: var(--border-width-md, 0px); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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; --element-padding-x: var(--spacer-fix-md); --element-padding-y: var(--spacer-fix-xs); } .pp-btn-plain-black, .stuck .pp-btn-plain-black--stuck,.site-header-container.stuck .icon-menu a:not(.pp-btn),.site-header-container.stuck .menu-toggle { --btn-color: var(--color-schwarz); --btn-background-color: transparent; --btn-icon-color: var(--color-schwarz); --btn-border-width: var(--border-width-md, 0px); --btn-hover-border-width: var(--border-width-md, 0px); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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; --element-padding-x: var(--spacer-fix-md); --element-padding-y: var(--spacer-fix-xs); } .pp-btn-primary-icon, .stuck .pp-btn-primary-icon--stuck { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-icon-color: var(--color-weiss); --btn-hover-icon-color: var(--color-weiss); --btn-active-icon-color: var(--color-weiss); --btn-border-radius: var(--border-radius-none); --btn-hover-border-width: 0px; --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --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: block; --btn-icon-line-height: 1.1; --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: auto; --btn-flex-direction: column; --element-padding-x: var(--spacer-fix-md); --element-padding-y: var(--spacer-fix-xs); } .pp-btn-ghost-icon, .stuck .pp-btn-ghost-icon--stuck { --btn-color: var(--color-schwarz); --btn-background-color: transparent; --btn-border-radius: var(--border-radius-md); --btn-border-width: var(--border-width-sm, 0px); --btn-has-border: 1; --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-background-color: var(--color-schwarz); --btn-focus-background-color: var(--color-schwarz); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --btn-active-background-color: var(--color-schwarz); --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: block; --btn-icon-line-height: 1.1; --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: auto; --btn-flex-direction: column; --element-padding-x: var(--spacer-fix-sm); --element-padding-y: var(--spacer-fix-sm); } .pp-btn-ghost-icon-on-dark, .stuck .pp-btn-ghost-icon-on-dark--stuck { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-border-radius: var(--border-radius-md); --btn-border-width: var(--border-width-sm, 0px); --btn-has-border: 1; --btn-hover-border-width: var(--border-width-md, 0px); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-color: var(--color-weiss); --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: block; --btn-icon-line-height: 1.1; --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: auto; --btn-flex-direction: column; --element-padding-x: var(--spacer-fix-sm); --element-padding-y: var(--spacer-fix-sm); } .pp-btn-accordion, .stuck .pp-btn-accordion--stuck { --btn-color: var(--color-schwarz); --btn-background-color: transparent; --btn-border-radius: var(--border-radius-md); --btn-hover-border-width: 0px; --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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; --element-padding-x: var(--spacer-fix-lg); --element-padding-y: var(--spacer-fix-md); } .pp-btn-small-gray, .stuck .pp-btn-small-gray--stuck { --btn-color: var(--color-schwarz); --btn-background-color: transparent; --btn-border-radius: var(--border-radius-sm); --btn-hover-border-width: 0px; --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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-sidebar-toggle, .stuck .pp-btn-sidebar-toggle--stuck { --btn-color: var(--color-weiss); --btn-background-color: transparent; --btn-border-radius: var(--border-radius-pill); --btn-hover-border-width: 0px; --btn-hover-color: var(--color-weiss); --btn-focus-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: block; --btn-icon-line-height: 1.1; --btn-icon-margin: 0 0.5em 0 0; --btn-icon-width: auto; --btn-flex-direction: column; --element-padding-x: var(--spacer-fix-md); --element-padding-y: var(--spacer-fix-xs); } .pp-btn-navigation-arrow, .stuck .pp-btn-navigation-arrow--stuck { --btn-background-color: var(--color-weiss); --btn-border-radius: var(--border-radius-pill); --btn-border-width: var(--border-width-sm, 0px); --btn-has-border: 1; --btn-hover-border-width: var(--border-width-sm, 0px); --btn-hover-color: var(--color-schwarz); --btn-focus-color: var(--color-schwarz); --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-sm); --btn-icon-size-num: var(--icon-size-sm-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; --element-padding-x: var(--spacer-fix-sm); --element-padding-y: var(--spacer-fix-sm); } .pp-btn-tag, .stuck .pp-btn-tag--stuck, .filter-term > .pp-btn { --btn-color: var(--color-weiss); --btn-background-color: rgb( 0 0 0 / 0.50 ); --btn-icon-color: var(--color-weiss); --btn-hover-icon-color: var(--color-weiss); --btn-active-icon-color: var(--color-weiss); --btn-border-radius: var(--border-radius-pill); --btn-hover-border-width: 0px; --btn-hover-background-color: rgb( 0 0 0 / 0.90 ); --btn-focus-background-color: rgb( 0 0 0 / 0.90 ); --btn-hover-color: var(--color-weiss); --btn-focus-color: var(--color-weiss); --btn-active-background-color: rgb( 0 0 0 / 0.90 ); --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: 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; --element-padding-x: var(--spacer-xs); --element-padding-y: var(--spacer-xs); } /* Theme CI */ /* Theme CI - color classes */ .pp-color-schwarz { --r: 7; --g: 9; --b: 10; --rgb: 7 9 10; } .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-dunkles-grau { --r: 92; --g: 96; --b: 100; --rgb: 92 96 100; } .bg-dunkles-grau { background-color: var(--color-dunkles-grau); } .border-dunkles-grau { border-color: var(--color-dunkles-grau); } .outline-dunkles-grau { outline-color: var(--color-dunkles-grau); } .text-dunkles-grau { color: var(--color-dunkles-grau); } .text-dunkles-grau path, .fill-dunkles-grau { fill: var(--color-dunkles-grau); } .svgfill-dunkles-grau path { fill: var(--color-dunkles-grau) !important; } .stroke-dunkles-grau { stroke: var(--color-dunkles-grau); } .filter-dunkles-grau { filter: var(--color-filter-dunkles-grau); } .gradient-dunkles-grau { filter: var(--gradient-filter-dunkles-grau); } .pp-color-grau { --r: 163; --g: 166; --b: 169; --rgb: 163 166 169; } .bg-grau { background-color: var(--color-grau); } .border-grau { border-color: var(--color-grau); } .outline-grau { outline-color: var(--color-grau); } .text-grau { color: var(--color-grau); } .text-grau path, .fill-grau { fill: var(--color-grau); } .svgfill-grau path { fill: var(--color-grau) !important; } .stroke-grau { stroke: var(--color-grau); } .filter-grau { filter: var(--color-filter-grau); } .gradient-grau { filter: var(--gradient-filter-grau); } .pp-color-helles-grau { --r: 224; --g: 226; --b: 228; --rgb: 224 226 228; } .bg-helles-grau { background-color: var(--color-helles-grau); } .border-helles-grau { border-color: var(--color-helles-grau); } .outline-helles-grau { outline-color: var(--color-helles-grau); } .text-helles-grau { color: var(--color-helles-grau); } .text-helles-grau path, .fill-helles-grau { fill: var(--color-helles-grau); } .svgfill-helles-grau path { fill: var(--color-helles-grau) !important; } .stroke-helles-grau { stroke: var(--color-helles-grau); } .filter-helles-grau { filter: var(--color-filter-helles-grau); } .gradient-helles-grau { filter: var(--gradient-filter-helles-grau); } .pp-color-lichtgrau { --r: 240; --g: 243; --b: 244; --rgb: 240 243 244; } .bg-lichtgrau { background-color: var(--color-lichtgrau); } .border-lichtgrau { border-color: var(--color-lichtgrau); } .outline-lichtgrau { outline-color: var(--color-lichtgrau); } .text-lichtgrau { color: var(--color-lichtgrau); } .text-lichtgrau path, .fill-lichtgrau { fill: var(--color-lichtgrau); } .svgfill-lichtgrau path { fill: var(--color-lichtgrau) !important; } .stroke-lichtgrau { stroke: var(--color-lichtgrau); } .filter-lichtgrau { filter: var(--color-filter-lichtgrau); } .gradient-lichtgrau { filter: var(--gradient-filter-lichtgrau); } .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-hamburg-blau { --r: 0; --g: 255; --b: 250; --rgb: 0 255 250; } .bg-hamburg-blau { background-color: var(--color-hamburg-blau); } .border-hamburg-blau { border-color: var(--color-hamburg-blau); } .outline-hamburg-blau { outline-color: var(--color-hamburg-blau); } .text-hamburg-blau { color: var(--color-hamburg-blau); } .text-hamburg-blau path, .fill-hamburg-blau { fill: var(--color-hamburg-blau); } .svgfill-hamburg-blau path { fill: var(--color-hamburg-blau) !important; } .stroke-hamburg-blau { stroke: var(--color-hamburg-blau); } .filter-hamburg-blau { filter: var(--color-filter-hamburg-blau); } .gradient-hamburg-blau { filter: var(--gradient-filter-hamburg-blau); } .pp-color-hamburg-hellblau { --r: 64; --g: 192; --b: 240; --rgb: 64 192 240; } .bg-hamburg-hellblau { background-color: var(--color-hamburg-hellblau); } .border-hamburg-hellblau { border-color: var(--color-hamburg-hellblau); } .outline-hamburg-hellblau { outline-color: var(--color-hamburg-hellblau); } .text-hamburg-hellblau { color: var(--color-hamburg-hellblau); } .text-hamburg-hellblau path, .fill-hamburg-hellblau { fill: var(--color-hamburg-hellblau); } .svgfill-hamburg-hellblau path { fill: var(--color-hamburg-hellblau) !important; } .stroke-hamburg-hellblau { stroke: var(--color-hamburg-hellblau); } .filter-hamburg-hellblau { filter: var(--color-filter-hamburg-hellblau); } .gradient-hamburg-hellblau { filter: var(--gradient-filter-hamburg-hellblau); } .pp-color-hamburg-gruen { --r: 91; --g: 181; --b: 39; --rgb: 91 181 39; } .bg-hamburg-gruen { background-color: var(--color-hamburg-gruen); } .border-hamburg-gruen { border-color: var(--color-hamburg-gruen); } .outline-hamburg-gruen { outline-color: var(--color-hamburg-gruen); } .text-hamburg-gruen { color: var(--color-hamburg-gruen); } .text-hamburg-gruen path, .fill-hamburg-gruen { fill: var(--color-hamburg-gruen); } .svgfill-hamburg-gruen path { fill: var(--color-hamburg-gruen) !important; } .stroke-hamburg-gruen { stroke: var(--color-hamburg-gruen); } .filter-hamburg-gruen { filter: var(--color-filter-hamburg-gruen); } .gradient-hamburg-gruen { filter: var(--gradient-filter-hamburg-gruen); } .pp-color-kuehles-rot { --r: 250; --g: 39; --b: 66; --rgb: 250 39 66; } .bg-kuehles-rot { background-color: var(--color-kuehles-rot); } .border-kuehles-rot { border-color: var(--color-kuehles-rot); } .outline-kuehles-rot { outline-color: var(--color-kuehles-rot); } .text-kuehles-rot { color: var(--color-kuehles-rot); } .text-kuehles-rot path, .fill-kuehles-rot { fill: var(--color-kuehles-rot); } .svgfill-kuehles-rot path { fill: var(--color-kuehles-rot) !important; } .stroke-kuehles-rot { stroke: var(--color-kuehles-rot); } .filter-kuehles-rot { filter: var(--color-filter-kuehles-rot); } .gradient-kuehles-rot { filter: var(--gradient-filter-kuehles-rot); } /* #CI - Sizes */ @container gallery (width > 220px) { .pp-gallery-inner { --cols-sm: 2; } } @container gallery (width > 330px) { .pp-gallery-inner { --cols-sm: 3; } } @container gallery (width > 440px) { .pp-gallery-inner { --cols-sm: 4; } } @container gallery (width > 550px) { .pp-gallery-inner { --cols-sm: 5; } } @container gallery (width > 660px) { .pp-gallery-inner { --cols-sm: 6; } } @container gallery (width > 770px) { .pp-gallery-inner { --cols-sm: 7; } } @container gallery (width > 880px) { .pp-gallery-inner { --cols-sm: 8; } } @container gallery (width > 990px) { .pp-gallery-inner { --cols-sm: 9; } } @container gallery (width > 1100px) { .pp-gallery-inner { --cols-sm: 10; } } @container gallery (width > 1210px) { .pp-gallery-inner { --cols-sm: 11; } } @container gallery (width > 1320px) { .pp-gallery-inner { --cols-sm: 12; } } @container gallery (width > 1430px) { .pp-gallery-inner { --cols-sm: 13; } } @container gallery (width > 1540px) { .pp-gallery-inner { --cols-sm: 14; } } @container gallery (width > 1650px) { .pp-gallery-inner { --cols-sm: 15; } } @container gallery (width > 1760px) { .pp-gallery-inner { --cols-sm: 16; } } @container gallery (width > 1870px) { .pp-gallery-inner { --cols-sm: 17; } } @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 listing */ @media (min-width: 720px) { :root{ --listing-horizontal-cols: 2; } } @media (min-width: 1080px) { :root{ --listing-horizontal-cols: 3; } } @media (min-width: 1440px) { :root{ --listing-horizontal-cols: 4; } } @media (min-width: 1800px) { :root{ --listing-horizontal-cols: 5; } } @media (min-width: 2160px) { :root{ --listing-horizontal-cols: 6; } } @media (min-width: 2520px) { :root{ --listing-horizontal-cols: 7; } } @media (min-width: 2880px) { :root{ --listing-horizontal-cols: 8; } } @media (min-width: 3240px) { :root{ --listing-horizontal-cols: 9; } } @media (min-width: 3600px) { :root{ --listing-horizontal-cols: 10; } } @media (min-width: 3960px) { :root{ --listing-horizontal-cols: 11; } } @media (min-width: 4320px) { :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 < 500px) { .pp-items--event_date .pp-item-wrap { --is-below: initial; --is-above: ; } } @container item (width >= 500px) { .pp-items--event_date .pp-item-wrap { --is-below: ; --is-above: initial; } } .pp-items--event_date .pp-listing { --item-min: 490px; --item-max: 800px; --item-min-num: 490; --item-max-num: 800; --item-breakpoint: 500; } .pp-items--event_date .pp-item-wrap { --item-px-b: var(--spacer-sm); --item-px-a: var(--spacer-sm); --item-py-b: var(--spacer-sm); --item-py-a: var(--spacer-sm); --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-card-b: initial; --mediaratio-a: var(--ratio-none); --mediaratio-b: var(--ratio-4x3); --gridratio-b: var(--infobox-md-columns); --gridratio-a: var(--infobox-md-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, .site-container > * { --is-wrap-xs: initial; } @container wrap (width >= 580px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-min-sm: initial; } } @container wrap (width >= 580px) and (width < 800px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-xs: ; --is-wrap-sm: initial; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 800px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-min-md: initial; } } @container wrap (width >= 800px) and (width < 1250px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: initial; --is-wrap-lg: ; --is-wrap-xl: ; } } @container wrap (width >= 1250px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-min-lg: initial; } } @container wrap (width >= 1250px) and (width < 1600px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: initial; --is-wrap-xl: ; } } @container wrap (width >= 1600px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-min-xl: initial; } } @container wrap (width >= 1600px) { .pp-gridlisting > .pp-listing-wrap, .site-container > * { --is-wrap-xs: ; --is-wrap-sm: ; --is-wrap-md: ; --is-wrap-lg: ; --is-wrap-xl: initial; } } /* Grid sizes for wall */ .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 archivewall */ .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; } } /* Theme Section teaser */ /* Theme Section spacer */ /* Theme Section a11y-text */ /* Theme Section a11y-media */ /* Theme Section a11y-listing */ /* Theme Section footer */ /* Theme Section archive */