body :is(#tpa-anmeldung, .tpa-kontakt, #tpaRentDialog) { --tpa-form-radius: 3px; --tpa-form-line: var(--ppw-border, #d4e1e3); --tpa-form-ink: var(--ppw-heading, #0c2731); --tpa-form-muted: var(--ppw-muted, #4a6168); --tpa-form-brand: var(--ppw-brand, #0f5c63); --tpa-form-paper: #fff; --r: var(--tpa-form-radius); --r2: var(--tpa-form-radius); --r3: var(--tpa-form-radius); --r-xl: var(--tpa-form-radius); --r-lg: var(--tpa-form-radius); --r-md: var(--tpa-form-radius); font-family: var(--ppw-font, system-ui, sans-serif); } body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) [hidden] { display: none !important; } body #tpa-anmeldung { max-width: 900px; scroll-margin-top: 110px; } body #tpa-anmeldung .tpa-anm-form { background: transparent; box-shadow: none; border: 0; padding: 0; } body #tpa-anmeldung .tpa-anm-fieldset { min-width: 0; margin: 2rem 0 0; padding: 1.5rem 0 0; border: 0; border-top: 1px solid var(--tpa-form-line); border-radius: 0; background: transparent; box-shadow: none; } body #tpa-anmeldung .tpa-anm-step > .tpa-anm-fieldset:first-child { margin-top: 0; } body #tpa-anmeldung .tpa-anm-fieldset > legend { padding: 0 .75rem 0 0; color: var(--tpa-form-ink); font-size: 1.125rem; font-weight: 650; letter-spacing: -.01em; background: var(--tpa-form-paper); } body #tpa-anmeldung .tpa-anm-fieldset > legend::before { content: none; } body #tpa-anmeldung :is(.tpa-anm-hint, .tpa-anm-billing, .tpa-anm-note) { color: var(--tpa-form-muted); font-size: .9375rem; line-height: 1.6; } body #tpa-anmeldung :is(.tpa-anm-choice, .tpa-anm-course, .tpa-anm-disc, .tpa-anm-terms) { border-radius: var(--tpa-form-radius); box-shadow: none; transform: none; background-image: none; } body #tpa-anmeldung .tpa-anm-choice { padding: 1.125rem 1.25rem; border: 1px solid var(--tpa-form-line); background: var(--tpa-form-paper); } body #tpa-anmeldung .tpa-anm-choice:has(.tpa-anm-choice-enable:checked) { border-color: var(--tpa-form-brand); border-left-width: 3px; background: var(--ppw-brand-050, #f6fafa); } body #tpa-anmeldung .tpa-anm-choice__body { gap: .375rem; } body #tpa-anmeldung .tpa-anm-course { padding: 1rem; } body #tpa-anmeldung .tpa-anm-course:hover { box-shadow: none; transform: none; } body #tpa-anmeldung .tpa-anm-addon { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: .625rem 1rem; border-width: 1px; } body #tpa-anmeldung .tpa-anm-addon__ribbon { position: static; grid-column: 1 / -1; display: block; width: fit-content; padding: .125rem .5rem; margin: 0 0 .625rem; transform: none; box-shadow: none; border-radius: 0; font-size: .75rem; letter-spacing: .04em; } body #tpa-anmeldung :is(.tpa-anm-radio, .tpa-anm-radio2) { border-radius: 2px; padding: .75rem .5rem; } body #tpa-anmeldung .tpa-anm-course__title { font-weight: 650; line-height: 1.45; } body #tpa-anmeldung input[type="checkbox"] { border-radius: 2px; } body #tpa-anmeldung .tpa-anm-sum { flex-wrap: wrap; gap: .5rem 1rem; border: 0; border-top: 2px solid var(--tpa-form-brand); border-bottom: 1px solid var(--tpa-form-line); border-radius: 0; padding: 1rem 0; margin-top: 1.5rem; background: transparent; } body #tpa-anmeldung .tpa-anm-sum > span { font-size: .9375rem; letter-spacing: 0; text-transform: none; } body #tpa-anmeldung .tpa-anm-sum__value { font-size: 1.5rem; font-weight: 650; } body #tpa-anmeldung .tpa-anm-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1rem; margin: 0 0 1.5rem; padding: 0; list-style: none; } body #tpa-anmeldung .tpa-anm-steps li { display: block; min-width: 0; padding: 0 0 .875rem; border-bottom: 2px solid var(--tpa-form-line); color: var(--tpa-form-muted); } body #tpa-anmeldung .tpa-anm-steps li::after { content: none; } body #tpa-anmeldung .tpa-anm-steps li.is-active { border-bottom-color: var(--tpa-form-brand); color: var(--tpa-form-ink); } body #tpa-anmeldung .tpa-anm-steps li.is-done { border-bottom-color: var(--tpa-form-brand); } body #tpa-anmeldung .tpa-anm-step-link { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: .5rem; width: 100% !important; min-height: 68px; text-align: left; } body #tpa-anmeldung .tpa-anm-steps__n { width: 26px; height: 26px; border-radius: 2px; font-size: .8125rem; box-shadow: none; } body #tpa-anmeldung .tpa-anm-steps li.is-done .tpa-anm-steps__n { font-size: 0; } body #tpa-anmeldung .tpa-anm-steps__l { display: block; font-size: .8125rem; line-height: 1.35; font-weight: 600; white-space: normal; } body #tpa-anmeldung .tpa-form-ui-state { margin: 0 0 1rem; color: var(--tpa-form-muted); font-size: .875rem; line-height: 1.4; } body #tpa-anmeldung .tpa-form-ui-summary { margin: 0 0 1.75rem; padding: 1.25rem 0; border-top: 1px solid var(--tpa-form-line); border-bottom: 1px solid var(--tpa-form-line); color: var(--tpa-form-ink); } body #tpa-anmeldung .tpa-form-ui-summary__label { margin: 0 0 .75rem; font-size: .875rem; font-weight: 650; color: var(--tpa-form-muted); } body #tpa-anmeldung .tpa-form-ui-summary__list { margin: 0; padding: 0; list-style: none; display: grid; gap: .875rem; } body #tpa-anmeldung .tpa-form-ui-summary__list > li { margin: 0; padding: 0; } body #tpa-anmeldung .tpa-form-ui-summary__name { display: block; font-weight: 650; line-height: 1.45; } body #tpa-anmeldung .tpa-form-ui-summary__meta { display: block; margin-top: .25rem; color: var(--tpa-form-muted); font-size: .9375rem; line-height: 1.5; } body #tpa-anmeldung .tpa-form-ui-summary details { margin: .625rem 0 0; } body #tpa-anmeldung .tpa-form-ui-summary summary { cursor: pointer; color: var(--tpa-form-brand); font-size: .9375rem; font-weight: 600; } body #tpa-anmeldung .tpa-form-ui-summary details ul { margin: .625rem 0 0; padding-left: 1.25rem; font-size: .9375rem; line-height: 1.6; } body #tpa-anmeldung .tpa-form-ui-summary__total { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid var(--tpa-form-line); font-size: 1rem; } body #tpa-anmeldung .tpa-form-ui-summary__total strong { font-size: 1.25rem; font-weight: 650; } body #tpa-anmeldung .tpa-form-ui-summary__note { margin: .5rem 0 0; font-size: .875rem; line-height: 1.5; color: var(--tpa-form-muted); } body #tpa-anmeldung .tpa-anm-field > label, body #tpaKontaktForm .tpa-kontakt-form__label, body #tpaRentDialog .tpa-rent-form__label { color: var(--tpa-form-ink); font-size: .9375rem; font-weight: 600; letter-spacing: 0; text-transform: none; } body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], select, textarea) { min-width: 0; max-width: 100%; min-height: 48px; border-radius: 2px; border-width: 1px; padding: .75rem .875rem; font: inherit; font-size: 1rem; line-height: 1.5; box-shadow: none; } body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) :is(input, select, textarea):focus-visible { outline: 2px solid var(--tpa-form-brand); outline-offset: 2px; } body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) :is(.tpa-anm-next, .tpa-anm-back, .tpa-anm-submit, .tpa-kontakt-btn, .tpa-rent-btn) { min-height: 48px; border-radius: 2px !important; box-shadow: none !important; transform: none !important; white-space: normal; text-align: center; line-height: 1.4; font-weight: 650; } body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) :is(.tpa-anm-next, .tpa-anm-submit, .tpa-kontakt-btn, .tpa-rent-btn--primary) { background: var(--tpa-form-brand) !important; color: #fff !important; } body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) :is(.tpa-anm-next, .tpa-anm-submit, .tpa-kontakt-btn, .tpa-rent-btn--primary):hover { background: var(--ppw-brand-deep, #0a464c) !important; } body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) :is(.tpa-anm-submit, .tpa-kontakt-btn, .tpa-rent-form__submit)::before { content: none; } body #tpa-anmeldung .tpa-anm-nav { padding-top: 1rem; border-top: 1px solid var(--tpa-form-line); } body #tpa-anmeldung .tpa-anm-nav--final { margin-top: 1.5rem; } body #tpa-anmeldung :is(.tpa-anm-terms, .tpa-anm-message) { border-radius: 2px; } body #tpa-anmeldung .tpa-anm-terms__icon { border-radius: 2px; } body #tpaKontaktForm { border: 0; border-radius: 0; box-shadow: none; background: transparent; overflow: visible; } body #tpaKontaktForm::before { content: none; } body #tpaKontaktForm .tpa-kontakt-form__body { padding: 0; } body #tpaKontaktForm .tpa-kontakt-form__row { gap: 1.25rem; margin-bottom: 1.25rem; } body #tpaKontaktForm .tpa-kontakt-form__actions { padding: 1.25rem 0 0; border-top: 1px solid var(--tpa-form-line); background: transparent; } body #tpaKontaktForm .tpa-kontakt-form__consent { border: 0; border-radius: 0; background: transparent; padding: .5rem 0; } body #tpaKontaktForm .tpa-kontakt-form__check-box { border-radius: 2px; } body #tpaKontaktForm .tpa-kontakt-btn { width: auto; min-width: 240px; } body #tpaKontaktForm .tpa-kontakt-form__legal { text-align: left; } body .tpa-kontakt :is(.tpa-kontakt-error, .tpa-kontakt-success) { border-radius: 3px; box-shadow: none; } body #tpaRentDialog { width: min(920px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); border: 1px solid var(--tpa-form-line); border-radius: 4px; } body #tpaRentDialog .tpa-rent-dialog__header { padding: 1.25rem 1.5rem 1rem; background: var(--tpa-form-paper); border-bottom: 1px solid var(--tpa-form-line); } body #tpaRentDialog .tpa-rent-dialog__close { border-radius: 2px; min-width: 44px; min-height: 44px; } body #tpaRentDialog .tpa-rent-form-progress { gap: 1rem; } body #tpaRentDialog .tpa-rent-form-progress li { border-radius: 0; font-size: .8125rem; line-height: 1.4; } body #tpaRentDialog .tpa-rent-form-wrap, body #tpaRentDialog .tpa-rent-form { border: 0; border-radius: 0; box-shadow: none; background: var(--tpa-form-paper); } body #tpaRentDialog .tpa-rent-form__body { padding: 1.5rem; } body #tpaRentDialog .tpa-rent-form__step { padding: 0; border: 0; border-radius: 0; box-shadow: none; } body #tpaRentDialog .tpa-rent-form__step-legend { padding: 0 0 1.25rem; color: var(--tpa-form-ink); } body #tpaRentDialog .tpa-rent-form__step-num { border-radius: 2px; box-shadow: none; } body #tpaRentDialog .tpa-rent-form__check-grid { gap: 0 1.25rem; } body #tpaRentDialog .tpa-rent-form__check { padding: 1rem .5rem; border: 0; border-bottom: 1px solid var(--tpa-form-line); border-radius: 0; background: transparent; box-shadow: none; } body #tpaRentDialog .tpa-rent-form__check:has(input:checked) { background: var(--ppw-brand-050, #f6fafa); box-shadow: inset 3px 0 var(--tpa-form-brand); } body #tpaRentDialog :is(.tpa-rent-form__check-box, .tpa-rent-form__step-num) { border-radius: 2px; } body #tpaRentDialog .tpa-rent-form__row { gap: 1.25rem; margin-top: 1.25rem; } body #tpaRentDialog .tpa-rent-form__actions { padding: 1rem 1.5rem; border-top: 1px solid var(--tpa-form-line); background: var(--tpa-form-paper); } body #tpaRentDialog .tpa-rent-form-review { border: 0; border-left: 3px solid var(--tpa-form-brand); border-radius: 0; padding: .5rem 1rem; background: transparent; line-height: 1.5; } body #tpaRentDialog :is(.tpa-rent-form-success, .tpa-rent-form-error) { border-radius: 3px; box-shadow: none; } @media (max-width: 680px) { body #tpa-anmeldung .tpa-anm-steps { gap: .625rem; } body #tpa-anmeldung .tpa-anm-choice { padding: 1rem .75rem; } body #tpa-anmeldung .tpa-anm-nav { flex-wrap: wrap; gap: .75rem; } body #tpa-anmeldung .tpa-anm-next { flex: 1 1 100%; width: 100%; margin-left: 0; } body #tpa-anmeldung .tpa-anm-back { flex: 1 1 auto; } body #tpaKontaktForm .tpa-kontakt-btn { width: 100%; min-width: 0; } } @media (max-width: 600px) { body #tpaRentDialog .tpa-rent-form__check-grid { grid-template-columns: minmax(0, 1fr); } body #tpaRentDialog :is(.tpa-rent-dialog__header, .tpa-rent-form__body, .tpa-rent-form__actions) { padding-left: 1rem; padding-right: 1rem; } body #tpaRentDialog .tpa-rent-form-progress { gap: .625rem; } } @media (prefers-reduced-motion: reduce) { body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) *, body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) *::before, body :is(#tpa-anmeldung, #tpaKontaktForm, #tpaRentDialog) *::after { animation: none !important; transition: none !important; } }