body { font-family: var(--ppw-font); color: var(--ppw-text); } body :is(.tpa-page--modern, .tpa-kgg-wrapper, .tpa-mt2, .tpa-pnf, .tpa-ws, .tpa-rent, .tpa-faq-section, .tpa-404, .tpa-kontakt) { --tpa-brand: var(--ppw-brand); --tpa-brand-deep: var(--ppw-brand-deep); --tpa-brand-hover: var(--ppw-brand-hover); --tpa-brand-soft: var(--ppw-brand-soft); --tpa-border: var(--ppw-border); --tpa-text: var(--ppw-heading); --tpa-muted: var(--ppw-muted); --tpa-radius: var(--ppw-radius-lg); --tpa-radius-card: var(--ppw-radius); --tpa-btn-radius: var(--ppw-radius-sm); --tpa-shadow: var(--ppw-shadow-md); --tpa-shadow-soft: var(--ppw-shadow-sm); --c-brand: var(--ppw-brand); --c-brand-deep: var(--ppw-brand-deep); --c-brand-hover: var(--ppw-brand-hover); --c-brand-soft: var(--ppw-brand-soft); --c-ink: var(--ppw-heading); --c-muted: var(--ppw-muted); --r-xl: var(--ppw-radius-lg); --r-lg: var(--ppw-radius); --r-md: var(--ppw-radius-sm); --sh-soft: var(--ppw-shadow-sm); --sh-md: var(--ppw-shadow-md); --f-body: var(--ppw-font) !important; --f-display: var(--ppw-font) !important; font-family: var(--ppw-font) !important; } .tpa-kgg-wrapper { --tpa-kgg-primary: var(--ppw-brand); --tpa-kgg-primary-dark: var(--ppw-brand-deep); --tpa-kgg-primary-light: var(--ppw-brand-2); --tpa-kgg-text: var(--ppw-heading); --tpa-kgg-text-muted: var(--ppw-muted); --tpa-kgg-border: var(--ppw-border); } body #tpaNav, body :is(.tpa-kontakt-form, .tpa-rent-form, #tpa-anmeldung), #content :is(input, select, textarea, button) { font-family: var(--ppw-font) !important; } #content :is(h1, h2):not(:where(form *, #tpa-anmeldung *, dialog *, [role="dialog"] *, [aria-modal="true"] *)) { font-family: var(--ppw-font-head) !important; font-weight: var(--ppw-heading-weight) !important; letter-spacing: var(--ppw-heading-tracking) !important; line-height: var(--ppw-heading-leading) !important; text-transform: none !important; } #content h1:not(:where(form *, #tpa-anmeldung *, dialog *, [role="dialog"] *)) { font-size: var(--ppw-h1) !important; } #content :is(h1, h2) :is(em, strong) { font-weight: inherit; } #content :is(.tpa-section-title, .tpa-mt2-section-title, .tpa-pnf-section-title, .tpa-ws-section-title, .tpa-kgg-section-title, .tpa-rent-section-title, .tpa-loc-section-title, .tpa-faq-title) { font-size: var(--ppw-h2) !important; } #content :is(h3, h4):not(:where(form *, #tpa-anmeldung *, dialog *, [role="dialog"] *)) { font-family: var(--ppw-font) !important; font-weight: var(--ppw-subheading-weight) !important; } #content .tpa-faq-qh { font-family: var(--ppw-font) !important; font-weight: var(--ppw-subheading-weight) !important; } #content .tpa-faq-qh::after { content: none !important; } #content :where(.tpa-hero-home, .tpa-section-head, .tpa-faq-header, .tpa-mt2-section-head, .tpa-pnf-section-head, .tpa-ws-section-head, .tpa-kgg-section-head, .tpa-rent-section-head, .tpa-loc-section-head) { --ppw-title-rule-margin: auto; } #content :where(.tpa-mt2-hero, .tpa-pnf-hero, .tpa-ws-hero, .tpa-kgg-hero, .tpa-rent-hero) { --ppw-title-rule-margin: 0; } #content :where(.tpa-cta-final, .tpa-rent-cta, .tpa-kgg-trena) { --ppw-title-rule-gold: var(--ppw-accent-gold-light); --ppw-title-rule-end: var(--ppw-accent-gold-pale); } body :is(.tpa-container, .tpa-mt2-container, .tpa-pnf-container, .tpa-ws-container, .tpa-kgg-container, .tpa-rent-container, .tpa-footer-inner) { max-width: var(--ppw-container); } body :is(.tpa-btn, .tpa-mt2-btn, .tpa-pnf-btn, .tpa-ws-btn, .tpa-kgg-btn, .tpa-rent-btn, .tpa-faq-btn) { border-radius: var(--ppw-radius-sm); white-space: normal; overflow-wrap: anywhere; max-width: 100%; transition: transform var(--ppw-transition), background var(--ppw-transition), box-shadow var(--ppw-transition), color var(--ppw-transition); } body :is(.tpa-course-card, .tpa-feature-card, .tpa-rent-room) { border-radius: var(--ppw-radius); box-shadow: var(--ppw-shadow-sm); transition: transform var(--ppw-transition), box-shadow var(--ppw-transition); } @media (hover: hover) and (prefers-reduced-motion: no-preference) { body :is(.tpa-course-card, .tpa-feature-card, .tpa-rent-room):hover { transform: var(--ppw-lift); box-shadow: var(--ppw-shadow-md); } } body #tpaNav .tpa-nav-logo-main { font-family: var(--ppw-font-head); font-weight: 400 !important; color: var(--ppw-brand-deep); } .tpa-footer { background: var(--ppw-brand-deep); border-top: 2px solid var(--ppw-accent-gold); padding-block: 2rem; } .tpa-footer .tpa-footer-brand { color: white; font-family: var(--ppw-font-head); font-size: 1.25rem; font-weight: 400; } .tpa-footer :is(.tpa-footer-copy, .tpa-footer-sep), body .tpa-footer-links a { color: var(--ppw-brand-soft); } .tpa-footer-inner { align-items: start; gap: 2rem; } .tpa-footer-column { display: flex; flex-direction: column; gap: .625rem; min-width: 0; } .tpa-footer-heading { margin: 0 0 .25rem; color: var(--ppw-accent-gold-pale); font-size: .9375rem; font-weight: 650; } .tpa-footer-column a { color: var(--ppw-brand-soft); font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none; } .tpa-footer-column a:hover { color: white; text-decoration: underline; text-underline-offset: .2em; } .tpa-footer-links { flex-basis: 100%; padding-top: 1rem; border-top: 1px solid #507c7f; } @media (max-width: 640px) { .tpa-footer-inner { display: grid; grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { body *, body *::before, body *::after { scroll-behavior: auto !important; } body :is(.tpa-btn, .tpa-course-card, .tpa-feature-card, .tpa-rent-room) { transition: none !important; transform: none !important; } }