:root { --tpa-paper: #f7f5f0; --tpa-ink: var(--ppw-heading, #0c2731); --tpa-line: var(--ppw-border, #d4e1e3); --tpa-corner: 2px; } #content :is(.tpa-page--modern, .tpa-mt2, .tpa-pnf, .tpa-ws, .tpa-kgg-wrapper, .tpa-rent, .tpa-faq-section) { --tpa-radius: 2px; --tpa-radius-card: 2px; --tpa-btn-radius: 2px; --r-xl: 2px; --r-lg: 2px; --r-md: 2px; --tpa-bg: #fff; --c-bg: #fff; --tpa-shadow: none; --tpa-shadow-soft: none; --tpa-shadow-hover: none; --sh-soft: none; --sh-md: none; --sh-lg: none; background: #fff; color: var(--tpa-ink); } #content :is(.tpa-page--modern, .tpa-mt2, .tpa-pnf, .tpa-ws, .tpa-kgg-wrapper, .tpa-rent, .tpa-faq-section) :where(div, article, aside, section, details, summary, figure, fieldset, label, strong, span, a, button, input, select, textarea, table) { border-radius: var(--tpa-corner) !important; box-shadow: none !important; } body #tpaNav .tpa-nav-link, body #tpaNav .tpa-dropdown-menu, body #tpaNav .tpa-dropdown-menu a, body #tpaNav .tpa-nav-toggle { border-radius: 2px !important; box-shadow: none !important; } body #tpaNav .tpa-nav-link:not(.tpa-nav-link--cta) { background: transparent !important; } body #tpaNav .tpa-nav-link.tpa-is-active { text-decoration: underline !important; text-underline-offset: .4em; text-decoration-color: var(--ppw-accent-gold); } body #tpaNav .tpa-nav-link--cta { background: var(--ppw-brand) !important; } #content :is(.tpa-hero-shape, .tpa-kgg-hero-shape, .tpa-mt2-eyebrow__dot, .tpa-pnf-eyebrow__dot, .tpa-ws-eyebrow__dot, .tpa-rent-eyebrow__dot) { display: none !important; } #content :is(.tpa-badge-glow, .tpa-section-kicker, .tpa-faq-kicker, .tpa-mt2-eyebrow, .tpa-pnf-eyebrow, .tpa-ws-eyebrow, .tpa-rent-eyebrow, .tpa-kgg-hero-kicker, .tpa-kgg-section-kicker, .tpa-mt2-section-kicker, .tpa-pnf-section-kicker, .tpa-ws-section-kicker, .tpa-rent-section-kicker) { background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--ppw-brand-deep) !important; font-size: .8rem !important; font-weight: 650 !important; letter-spacing: .1em !important; line-height: 1.6 !important; text-transform: uppercase; } #content .tpa-badge-glow::before, #content .tpa-badge-glow::after { content: none !important; } #content :is(.tpa-hero-home, .tpa-loc-hero, .tpa-mt2-hero, .tpa-pnf-hero, .tpa-ws-hero, .tpa-kgg-hero, .tpa-rent-hero) { background: linear-gradient(180deg, var(--tpa-paper), #fff) !important; padding-block: clamp(44px, 6vw, 84px) !important; text-align: left; overflow: clip; } #content :is(.tpa-section-head, .tpa-mt2-section-head, .tpa-pnf-section-head, .tpa-ws-section-head, .tpa-kgg-section-head, .tpa-rent-section-head, .tpa-faq-header) { text-align: left; margin: 0 0 32px; max-width: 800px; --ppw-title-rule-margin: 0; } #content :is(.tpa-title-huge, .tpa-mt2-hero__title, .tpa-pnf-hero__title, .tpa-ws-hero__title, .tpa-kgg-hero-title, .tpa-rent-hero__title) { --ppw-title-rule-margin: 0; } #content :is(.tpa-courses-section, .tpa-why-section, .tpa-venue-section, .tpa-target-section, .tpa-trust-section, .tpa-contact-section) { padding-block: clamp(40px, 6vw, 76px); } #content :is(.tpa-subtitle-large, .tpa-mt2-hero__lead, .tpa-pnf-hero__lead, .tpa-ws-hero__lead, .tpa-kgg-hero-text, .tpa-rent-hero__lead) { max-width: 66ch; font-size: 1.125rem; font-weight: 400; line-height: 1.75; } #content :is(.tpa-btn, .tpa-mt2-btn, .tpa-pnf-btn, .tpa-ws-btn, .tpa-kgg-btn, .tpa-rent-btn, .tpa-faq-btn, .tpa-loc-courses-cta-btn) { min-height: 48px; padding: 13px 21px; font-size: 1rem; font-weight: 650; letter-spacing: 0; text-transform: none; border-radius: 2px !important; transition: background var(--ppw-transition), color var(--ppw-transition), border-color var(--ppw-transition); } #content :is(.tpa-btn--primary, .tpa-btn--neuro, .tpa-btn--mtt, .tpa-btn--workshop, .tpa-mt2-btn--primary, .tpa-pnf-btn--primary, .tpa-ws-btn--primary, .tpa-kgg-btn--primary, .tpa-rent-btn--primary) { background: var(--ppw-brand) !important; color: #fff !important; border-color: var(--ppw-brand) !important; } #content :is(.tpa-btn--primary, .tpa-btn--neuro, .tpa-btn--mtt, .tpa-btn--workshop, .tpa-mt2-btn--primary, .tpa-pnf-btn--primary, .tpa-ws-btn--primary, .tpa-kgg-btn--primary, .tpa-rent-btn--primary):hover { background: var(--ppw-brand-deep) !important; color: #fff !important; transform: none; } #content :is(.tpa-btn--ghost, .tpa-mt2-btn--ghost, .tpa-pnf-btn--ghost, .tpa-ws-btn--ghost, .tpa-kgg-btn--ghost, .tpa-rent-btn--ghost) { color: var(--ppw-brand-deep) !important; background: transparent !important; border-color: var(--ppw-brand) !important; } #content :is(.tpa-why-card, .tpa-venue-card, .tpa-target-card, .tpa-value-card, .tpa-fact-card, .tpa-person-card, .tpa-loc-arrival-card, .tpa-loc-contact-card, .tpa-transit-step, .tpa-mt2-value__item, .tpa-pnf-value__item, .tpa-ws-value__item, .tpa-mt2-person, .tpa-pnf-person, .tpa-ws-person, .tpa-ws-concept-card, .tpa-kgg-recognition-card, .tpa-kgg-req-card, .tpa-kgg-coop-feature, .tpa-rent-value__item, .tpa-rent-infra__card, .tpa-rent-service, .tpa-rent-package) { background: transparent !important; border: 0 !important; border-top: 1px solid var(--tpa-line) !important; padding: 24px 0; transform: none !important; } #content :is(.tpa-hero-strip, .tpa-hero-quickstats, .tpa-mt2-hero__meta, .tpa-pnf-hero__meta, .tpa-ws-hero__meta, .tpa-rent-hero__meta, .tpa-loc-hero-meta) { background: transparent !important; border: 0 !important; border-block: 1px solid var(--tpa-line) !important; padding: 18px 0; } #content :is(.tpa-mt2-hero__aside, .tpa-mt2-leader, .tpa-mt2-partner, .tpa-pnf-leader, .tpa-pnf-partner, .tpa-ws-leader, .tpa-ws-partner, .tpa-rent-hero__highlights, .tpa-kgg-hero-card) { background: transparent !important; border: 0 !important; padding: 20px 0; } #content :is(.tpa-course-series-cards .tpa-mt2-series__card, .tpa-mt2-curriculum__block, .tpa-pnf-curriculum__block, .tpa-ws-modules, .tpa-kgg-termin, .tpa-kgg-trena-card) { border: 1px solid var(--tpa-line); border-top: 3px solid var(--ppw-brand); background: #fff; } #content :is(.tpa-mt2-faq__item, .tpa-pnf-faq__item, .tpa-ws-faq__item, .tpa-faq-item, .tpa-rent-faq__item, .tpa-kgg-accordion-item) { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--tpa-line) !important; margin-bottom: 0; } #content :is(.tpa-course-series-cards .tpa-mt2-series__badge, .tpa-mt2-fact, .tpa-pnf-fact, .tpa-ws-fact, .tpa-kgg-dates-fact, .tpa-ws-venue__chips li, .tpa-netz span) { background: transparent !important; border: 0 !important; padding-inline: 0; } #content :is(.tpa-mt2-form, .tpa-pnf-form, .tpa-ws-form__inner, .tpa-kgg-form-wrapper, .tpa-contact-box, .tpa-contact-form-wrapper, .tpa-kontakt-form) { background: #fff !important; border: 0 !important; padding: clamp(0px, 2vw, 20px); } #content :is(.tpa-finalcta-card, .tpa-loc-courses-cta) { background: var(--ppw-brand-deep) !important; border: 0 !important; color: #fff; } #content .tpa-finalcta-card { padding: clamp(28px, 5vw, 56px); } #content .tpa-finalcta-card :is(h2, p, .tpa-finalcta-text) { color: #fff !important; } #content .tpa-finalcta-card .tpa-btn--primary { background: #fff !important; color: var(--ppw-brand-deep) !important; border-color: #fff !important; } #content .tpa-finalcta-card .tpa-btn--ghost { color: #fff !important; border-color: #a6c6c8 !important; } #content .tpa-editorial-hero { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: clamp(28px, 5vw, 72px); align-items: center; } #content .tpa-editorial-hero__content { min-width: 0; text-align: left; } #content .tpa-editorial-hero__content h1 { max-width: 15ch; margin: 16px 0 20px; --ppw-title-rule-margin: 0; } #content .tpa-editorial-hero__content > p { max-width: 58ch; } #content .tpa-cta-group { justify-content: flex-start; } #content .tpa-page--modern .tpa-subtitle-large { margin-inline: 0; } #content .tpa-editorial-hero__media { margin: 0; min-width: 0; align-self: stretch; } #content .tpa-editorial-hero__media img { display: block; width: 100%; height: 100%; min-height: 340px; max-height: 520px; object-fit: cover; border-radius: 0; } #content .tpa-editorial-hero__media figcaption { padding: 12px 0; color: var(--ppw-muted); font-size: .9375rem; border-bottom: 1px solid var(--tpa-line); } #content .tpa-media-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 14px; min-height: 340px; padding: clamp(28px, 5vw, 64px); background: var(--tpa-paper); border: 1px solid var(--tpa-line); } #content .tpa-media-placeholder > p { margin: 0; color: var(--ppw-muted); } #content .tpa-media-placeholder__label { color: var(--ppw-brand); font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; } #content .tpa-media-placeholder .tpa-media-placeholder__title { max-width: 15ch; font-family: var(--ppw-font-head, Georgia, serif); font-size: clamp(1.7rem, 2.7vw, 2.5rem); line-height: 1.2; color: var(--tpa-ink); } #content .tpa-media-placeholder--room { min-height: 0; aspect-ratio: 4 / 3; padding: 28px; } #content #team .tpa-editorial-hero { grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr); padding-block: 28px; border-bottom: 1px solid var(--tpa-line); } #content #team .tpa-editorial-hero__media { align-self: start; max-width: 360px; } #content #team .tpa-editorial-hero__media img { height: auto; min-height: 0; max-height: none; aspect-ratio: 1; } #content .tpa-editorial-facts { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 28px 0 0; padding: 18px 0; border-top: 1px solid var(--tpa-line); color: var(--ppw-muted); font-size: 1rem; } #content .tpa-editorial-facts li { padding: 0; margin: 0; } #content .tpa-course-list { border-top: 1px solid var(--tpa-line); } #content .tpa-course-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1.1fr); align-items: start; gap: 32px; padding: 34px 0; border: 0; border-bottom: 1px solid var(--tpa-line); background: transparent; } #content .tpa-course-row > div { min-width: 0; } #content .tpa-course-row__heading h3 { margin: 8px 0 12px; font-size: clamp(1.25rem, 1.05rem + .5vw, 1.55rem); line-height: 1.25; } #content .tpa-course-row__heading > span { font-size: .8rem; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--ppw-brand); } #content .tpa-course-row__details :is(p, ul) { margin-top: 0; color: var(--ppw-muted); font-size: 1rem; } #content .tpa-course-row__actions { display: flex; flex-direction: column; align-items: stretch; gap: 14px; } #content .tpa-course-row__actions > a { align-self: start; } #content .tpa-course-row .tpa-course-series-overview { margin: 0; } #content .tpa-course-row :is(.tpa-course-series-overview__item, .tpa-kursserien-item) { padding: 10px 0; background: transparent; } #content .tpa-editorial-list { list-style: none; padding: 0; margin: 0; } #content .tpa-editorial-list li { padding: 16px 0; border-bottom: 1px solid var(--tpa-line); } #content .tpa-editorial-list strong { color: var(--ppw-heading); } #content .tpa-advice { border-top: 2px solid var(--ppw-brand); padding-top: 28px; } #content :is(.tpa-person-photo img, .tpa-loc-contact-photo img) { border-radius: 2px !important; object-fit: cover; } #content .tpa-decision-summary { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 22px 0; padding: 18px 0; border-block: 1px solid var(--tpa-line); background: transparent; } #content .tpa-chapter-nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 26px 0 0; padding: 16px 0; border-top: 1px solid var(--tpa-line); } #content .tpa-chapter-nav a { font-size: .9375rem; color: var(--ppw-brand); text-underline-offset: .3em; } #content .tpa-booking-intro { max-width: 68ch; margin-bottom: 22px; } #content :is(.tpa-pnf-hero__inner, .tpa-ws-hero__inner) { align-items: start; } #content .tpa-pnf-hero__aside { padding-top: 42px; } #content .tpa-ws-leader { grid-template-columns: 92px minmax(0, 1fr); gap: 16px; border-bottom: 1px solid var(--tpa-line) !important; } #content .tpa-ws-leader::before { content: none; } #content :is(.tpa-ws-leader__image, .tpa-ws-leader__initials) { width: 92px; height: 92px; min-width: 0; align-self: start; } #content .tpa-ws-leader__caption { min-width: 0; padding: 0; } #content .tpa-kgg-hero-stats { display: flex; flex-wrap: wrap; gap: 16px; } #content .tpa-kgg-hero-stat { flex: 1 1 95px; min-width: 0; padding: 10px 8px; background: transparent; border-left: 1px solid var(--tpa-line); } #content .tpa-kgg-hero-stat-label { font-size: .875rem; overflow-wrap: normal; word-break: normal; } #content .tpa-rent-room { background: #fff; border: 1px solid var(--tpa-line); border-top: 0; overflow: hidden; } #content .tpa-rent-room__media { aspect-ratio: 4 / 3; } #content .tpa-rent-room__media img { object-fit: cover; } #content :is(.tpa-rent-room__tag, .tpa-rent-room__floor, .tpa-rent-room__suited) { border: 0; background: var(--tpa-paper); } #content .tpa-rent-room-gallery { border: 0; background: transparent; } #content .tpa-rent-hero__inner { align-items: start; } #content .tpa-rent-hero__aside.tpa-editorial-hero__media { margin: 0; padding: 0; } #content .tpa-rent-infra .tpa-rent-hero__highlights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 32px; margin-bottom: 36px; } #content .tpa-rent-infra .tpa-rent-hero__highlights-label { grid-column: 1 / -1; } #content .tpa-rent-arrival__inner { background: var(--tpa-paper); border: 0; } #content :is(.tpa-loc-map-info, .tpa-loc-transit-block, .tpa-loc-transit-stop, .tpa-rent-floor-guide, .tpa-rent-floor-guide__item) { background: transparent; border: 0; } #content .tpa-loc-hero :is(.tpa-subtitle-large, .tpa-loc-hero-meta) { margin-inline: 0; } #content .tpa-loc-courses-cta :is(h2, p) { color: #fff !important; } #content .tpa-faq-list { max-width: none; background: transparent; border: 0; } #content .tpa-faq-question { padding: 22px 0; } #content .tpa-faq-answer { padding-inline: 0; max-width: 80ch; } #content .tpa-faq-icon { background: transparent; color: var(--ppw-brand); } #content .tpa-quick-links { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 20px 0; margin: 20px 0 34px; border-block: 1px solid var(--tpa-line); } #content .tpa-quick-links a { color: var(--ppw-brand); font-weight: 650; text-underline-offset: .25em; } #content .tpa-legal-page .tpa-container { max-width: 1060px; } #content .tpa-legal-page .tpa-legal-content { max-width: 78ch; margin: 0; } #content .tpa-legal-page .tpa-legal-content h2 { margin-top: 2.3rem; font-size: 1.65rem; } #content .tpa-legal-page .tpa-legal-box { background: transparent; border: 0; border-bottom: 1px solid var(--tpa-line); padding: 0 0 22px; } #content .tpa-legal-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; font-size: .9375rem; } #content :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #164f95 !important; outline-offset: 3px !important; box-shadow: 0 0 0 3px #fff !important; } #content .tpa-anm .tpa-anm-invalid { box-shadow: 0 0 0 3px rgba(192, 57, 43, .14) !important; } #content #tpaRentDialog .tpa-rent-form__check:has(input:checked) { box-shadow: inset 3px 0 var(--tpa-form-brand) !important; } #content .tpa-home-brief .tpa-home-hero { padding-block: clamp(28px, 3vw, 38px) !important; } #content .tpa-home-brief .tpa-home-intro { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 48px; align-items: center; } #content .tpa-home-brief .tpa-home-hero h1 { max-width: 20ch; margin: 12px 0 16px; font-size: clamp(2rem, 4.2vw, 3.4rem); } #content .tpa-home-brief .tpa-home-hero .tpa-subtitle-large { margin: 0 0 24px; max-width: 54ch; line-height: 1.65; } #content .tpa-home-brief .tpa-home-hero .tpa-section-kicker { margin: 0 0 6px; } #content .tpa-home-brief .tpa-home-hero .tpa-cta-group { margin: 0; flex-wrap: wrap; } #content .tpa-home-brief .tpa-home-bgm-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ppw-brand); font-weight: 650; text-underline-offset: .3em; } #content .tpa-home-brief .tpa-home-hero__photo { min-width: 0; margin: 0; } #content .tpa-home-brief .tpa-home-hero__photo > a { display: block; } #content .tpa-home-brief .tpa-home-hero__photo img { display: block; width: 100%; height: clamp(260px, 28vw, 340px); object-fit: cover; } #content .tpa-home-brief .tpa-home-hero__photo figcaption { display: block; padding-top: 10px; color: var(--ppw-muted); font-size: .875rem; } #content .tpa-home-brief .tpa-home-location { margin: 0 0 22px; font-style: normal; } #content .tpa-home-brief .tpa-home-location a { display: inline-flex; flex-wrap: wrap; gap: 2px 14px; color: var(--ppw-brand); font-size: .9375rem; text-underline-offset: .3em; } #content .tpa-home-brief .tpa-home-offers { padding-block: 36px; } #content .tpa-home-brief .tpa-home-offers__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; } #content .tpa-home-brief .tpa-home-offer { display: flex; flex-direction: column; min-width: 0; gap: 12px; padding-top: 20px; border-top: 2px solid var(--tpa-line); } #content .tpa-home-brief .tpa-home-offer p { margin: 0; font-size: 1rem; line-height: 1.65; } #content .tpa-home-brief .tpa-home-offer h2 { margin: 0; font-size: clamp(1.35rem, 2vw, 1.7rem); line-height: 1.3; } #content .tpa-home-brief .tpa-home-offer > a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: auto; color: var(--ppw-brand); font-weight: 650; text-underline-offset: .3em; } #content .tpa-home-brief :is(.tpa-home-courses, .tpa-home-place, .tpa-home-contact) { padding-block: 48px; } #content .tpa-home-brief .tpa-home-courses { padding-top: 28px; } #content .tpa-home-brief .tpa-section-head { margin-bottom: 24px; } #content .tpa-home-brief .tpa-home-course-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: start; } #content .tpa-home-brief .tpa-home-course { display: flex; flex-direction: column; gap: 12px; min-width: 0; min-height: 270px; padding: 22px 20px 14px; border: 1px solid var(--tpa-line); border-top: 3px solid var(--ppw-brand); background: #fff; } #content .tpa-home-brief .tpa-home-course > p { margin: 0; color: var(--ppw-muted); font-size: 1rem; line-height: 1.55; } #content .tpa-home-brief .tpa-home-course .tpa-home-course__label { color: var(--ppw-brand); font-size: .75rem; font-weight: 650; letter-spacing: .04em; } #content .tpa-home-brief .tpa-home-course h3 { margin: 0; font-size: clamp(1.25rem, 1.8vw, 1.6rem); line-height: 1.2; overflow-wrap: normal; } #content .tpa-home-brief .tpa-home-course__link { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 44px; margin-top: auto; color: var(--ppw-brand); font-size: .9375rem; font-weight: 650; text-underline-offset: .3em; } #content .tpa-home-brief .tpa-home-course__dates { border-top: 1px solid var(--tpa-line); padding-top: 6px; } #content .tpa-home-brief :is(.tpa-home-course__dates, .tpa-home-contact-details) > summary { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; color: var(--ppw-brand); font-size: .9375rem; list-style: none; } #content .tpa-home-brief :is(.tpa-home-course__dates, .tpa-home-contact-details) > summary::-webkit-details-marker { display: none; } #content .tpa-home-brief :is(.tpa-home-course__dates, .tpa-home-contact-details) > summary::after { content: "+"; font-size: 1.2rem; } #content .tpa-home-brief :is(.tpa-home-course__dates, .tpa-home-contact-details)[open] > summary::after { content: "−"; } #content .tpa-home-brief .tpa-home-course .tpa-course-series-overview { margin: 0; border-top: 0; } #content .tpa-home-brief .tpa-home-course .tpa-course-series-overview__row nav .tpa-course-series-overview__book { margin-left: 0; } #content .tpa-home-brief .tpa-home-course .tpa-home-course__note { margin-top: 6px; padding-top: 16px; border-top: 1px solid var(--tpa-line); font-size: .8125rem; } #content .tpa-home-brief .tpa-home-more { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 20px; color: var(--ppw-brand); font-weight: 650; text-underline-offset: .3em; } #content .tpa-home-brief .tpa-home-place { background: var(--tpa-paper); } #content .tpa-home-brief .tpa-home-place .tpa-section-title { margin: 10px 0 18px; } #content .tpa-home-brief .tpa-home-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; } #content .tpa-home-brief .tpa-home-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ppw-brand); text-underline-offset: .3em; } #content .tpa-home-brief .tpa-home-preview__head { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 26px; } #content .tpa-home-brief .tpa-home-preview__head p { margin: 0; } #content .tpa-home-brief .tpa-home-preview__head .tpa-section-title { margin: 8px 0 14px; } #content .tpa-home-brief .tpa-home-preview__head > a { flex-shrink: 0; } #content .tpa-home-brief .tpa-home-preview__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } #content .tpa-home-brief .tpa-home-preview__photos figure { margin: 0; min-width: 0; } #content .tpa-home-brief .tpa-home-preview__photos a { display: block; overflow: hidden; } #content .tpa-home-brief .tpa-home-preview__photos img { display: block; width: 100%; height: 260px; object-fit: cover; } #content .tpa-home-brief .tpa-home-preview__photos figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding-top: 12px; color: var(--tpa-ink); font-size: .9375rem; font-weight: 650; } #content .tpa-home-brief .tpa-home-preview__photos figcaption span { color: var(--ppw-muted); font-weight: 400; } #content .tpa-home-brief .tpa-home-preview__links { margin-top: 18px; } #content .tpa-home-brief .tpa-home-advice { display: flex; align-items: center; gap: 28px; max-width: 900px; } #content .tpa-home-brief .tpa-home-advice > img { width: 92px; height: 92px; flex-shrink: 0; object-fit: cover; border-radius: 2px; } #content .tpa-home-brief .tpa-home-advice .tpa-section-title { margin: 8px 0 12px; font-size: clamp(1.5rem, 2.5vw, 2rem); } #content .tpa-home-brief .tpa-home-advice p { margin: 0; } #content .tpa-home-brief .tpa-home-contact-details { max-width: 900px; margin-top: 28px; border-block: 1px solid var(--tpa-line); } #content .tpa-home-brief .tpa-home-contact-details > summary { min-height: 60px; font-weight: 650; } #content .tpa-home-brief .tpa-home-contact-details > .tpa-kontakt { margin: 0; padding-block: 24px; } @media (max-width: 1000px) { #content .tpa-home-brief .tpa-home-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { #content .tpa-home-brief .tpa-home-intro { grid-template-columns: minmax(0, 1fr); gap: 22px; } #content .tpa-home-brief .tpa-home-hero__photo img { height: 220px; } #content .tpa-home-brief .tpa-home-offers__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; } #content .tpa-home-brief .tpa-home-offers { padding-block: 24px; } #content .tpa-home-brief .tpa-home-hero .tpa-cta-group { flex-direction: row; align-items: stretch; gap: 12px; } #content .tpa-home-brief .tpa-home-hero .tpa-btn { width: auto; flex: 1; min-width: 0; padding: 12px 10px; font-size: .9375rem; } #content .tpa-home-brief .tpa-home-bgm-link { flex-basis: 100%; } #content .tpa-home-brief :is(.tpa-home-courses, .tpa-home-place, .tpa-home-contact) { padding-block: 32px; } #content .tpa-home-brief .tpa-home-course-grid { gap: 12px; } #content .tpa-home-brief .tpa-home-course { min-height: 270px; padding: 16px 12px 10px; gap: 10px; } #content .tpa-home-brief .tpa-home-course .tpa-home-course__label { min-height: 2.8em; font-size: .7rem; } #content .tpa-home-brief .tpa-home-course > p { font-size: .9375rem; } #content .tpa-home-brief .tpa-home-course h3 { font-size: 1.25rem; } #content .tpa-home-brief .tpa-home-preview__head { align-items: flex-start; flex-direction: column; gap: 16px; margin-bottom: 20px; } #content .tpa-home-brief .tpa-home-preview__photos { gap: 12px; } #content .tpa-home-brief .tpa-home-preview__photos img { height: clamp(120px, 30vw, 180px); } #content .tpa-home-brief .tpa-home-preview__photos figcaption { padding-top: 10px; font-size: .8125rem; } #content .tpa-home-brief .tpa-home-advice { align-items: flex-start; gap: 20px; } #content .tpa-home-brief .tpa-home-advice > img { width: 72px; height: 72px; margin-top: 6px; } } @media (max-width: 1000px) { #content .tpa-course-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 22px 30px; } #content .tpa-course-row__actions { grid-column: 1 / -1; } } @media (max-width: 760px) { #content .tpa-editorial-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; } #content #team .tpa-editorial-hero { grid-template-columns: minmax(0, 1fr); } #content .tpa-editorial-hero__content h1 { max-width: 19ch; } #content .tpa-editorial-hero__media img { min-height: 230px; max-height: 360px; aspect-ratio: 4 / 3; } #content .tpa-media-placeholder { min-height: 230px; } #content .tpa-media-placeholder--room { min-height: 0; } #content .tpa-course-row { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: 28px; } #content .tpa-course-row__actions { grid-column: auto; } #content .tpa-course-row__actions > a { width: 100%; } #content .tpa-editorial-facts { display: grid; gap: 10px; } #content :is(.tpa-mt2-hero__meta, .tpa-pnf-hero__meta, .tpa-ws-hero__meta, .tpa-rent-hero__meta) { gap: 18px; } #content .tpa-chapter-nav { gap: 12px 20px; } #content .tpa-pnf-hero__aside { padding-top: 0; } #content .tpa-rent-infra .tpa-rent-hero__highlights { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { #content :is(a, button, article, details) { transition: none !important; } }