.pt-booking {
--pt-primary: #E30613;
--pt-accent: #FF3B45;
--pt-bg: #F4F4F5;
--pt-text: #171719;
--pt-muted: #66666E;
--pt-border: #D9D9DE;
--pt-soft: #F6F6F7;
--pt-surface: #FFFFFF;
--pt-surface-soft: #FFF4F5;
--pt-gold-light: #FF3B45;
--pt-gold-dark: #B0040D;
--pt-black: #171719;
--pt-card-radius: 2px;
--pt-control-radius: 2px;
--pt-card-shadow: 0 15px 34px rgba(23, 23, 25, 0.08);
--pt-card-shadow-hover: 0 22px 46px rgba(23, 23, 25, 0.13);
--pt-focus-ring: #E30613;
background: transparent;
color: var(--pt-text, #171719);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
margin: 0 auto;
max-width: 1240px;
overflow-wrap: anywhere;
padding: 0;
scroll-margin-top: 130px;
}
.pt-booking *,
.pt-booking *::before,
.pt-booking *::after,
.pt-cancel-box *,
.pt-cancel-box *::before,
.pt-cancel-box *::after {
box-sizing: border-box;
}
.pt-booking [hidden] {
display: none !important;
}
.pt-booking h1,
.pt-booking h2,
.pt-booking h3,
.pt-booking p,
.pt-booking label,
.pt-booking input,
.pt-booking select,
.pt-booking textarea,
.pt-booking button,
.pt-booking strong,
.pt-booking small,
.pt-cancel-box h1,
.pt-cancel-box p,
.pt-cancel-box button,
.pt-cancel-box a {
font-family: inherit;
} .pt-gladiator-intro {
position: relative;
margin: 0 0 22px;
padding: clamp(30px, 5vw, 54px);
overflow: hidden;
border: 1px solid var(--pt-border, #D9D9DE);
border-top: 7px solid var(--pt-primary, #E30613);
background:
radial-gradient(circle at 92% 15%, rgba(227, 6, 19, 0.13), transparent 31%),
linear-gradient(135deg, #FFFFFF 0%, #FAF7F7 64%, #F3EAEA 100%);
box-shadow: var(--pt-card-shadow, 0 15px 34px rgba(23, 23, 25, 0.08));
}
.pt-gladiator-intro::after {
content: "";
position: absolute;
top: -170px;
right: -120px;
width: 390px;
height: 390px;
border: 52px solid rgba(227, 6, 19, 0.045);
border-radius: 50%;
pointer-events: none;
}
.pt-gladiator-kicker {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
gap: 11px;
margin: 0 0 13px;
color: var(--pt-primary, #E30613);
font-size: 12px;
font-weight: 900;
letter-spacing: 1.7px;
line-height: 1.4;
text-transform: uppercase;
}
.pt-gladiator-kicker::before {
content: "";
width: 42px;
height: 4px;
background: var(--pt-primary, #E30613);
}
.pt-gladiator-intro h1 {
position: relative;
z-index: 1;
max-width: 830px;
margin: 0 0 14px;
color: var(--pt-black, #171719);
font-family: "Arial Narrow", Arial, sans-serif;
font-size: clamp(42px, 6vw, 72px);
font-stretch: condensed;
font-weight: 900;
letter-spacing: -0.8px;
line-height: 0.98;
text-transform: uppercase;
}
.pt-gladiator-intro p {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0;
color: var(--pt-muted, #66666E);
font-size: 17px;
line-height: 1.75;
} .pt-steps {
display: grid;
gap: 10px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 0 0 22px;
}
.pt-steps-four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pt-steps button {
position: relative;
appearance: none;
min-height: 54px;
padding: 13px 15px;
overflow: hidden;
border: 1px solid var(--pt-border, #D9D9DE);
border-radius: 0;
background: var(--pt-surface, #FFFFFF);
color: var(--pt-muted, #66666E);
cursor: pointer;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.35px;
text-align: center;
text-transform: uppercase;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
.pt-steps button::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: transparent;
}
.pt-steps button.is-active {
border-color: var(--pt-primary, #E30613);
background: var(--pt-primary, #E30613);
color: #FFFFFF;
}
.pt-steps button.is-active::after {
background: var(--pt-black, #171719);
}
.pt-steps button.is-done {
border-color: rgba(227, 6, 19, 0.36);
background: var(--pt-surface-soft, #FFF4F5);
color: var(--pt-text, #171719);
}
.pt-steps button.is-done::after {
background: var(--pt-primary, #E30613);
}
.pt-steps button:not(:disabled):hover {
transform: translateY(-2px);
}
.pt-steps button:disabled {
cursor: not-allowed;
opacity: 0.67;
} .pt-step {
position: relative;
padding: clamp(24px, 4vw, 42px);
scroll-margin-top: 130px;
border: 1px solid var(--pt-border, #D9D9DE);
border-top: 6px solid var(--pt-primary, #E30613);
border-radius: 0;
background: var(--pt-surface, #FFFFFF);
box-shadow: var(--pt-card-shadow, 0 15px 34px rgba(23, 23, 25, 0.08));
}
.pt-section-head {
max-width: 880px;
margin: 0 0 28px;
}
.pt-section-head h2 {
margin: 0 0 10px;
color: var(--pt-black, #171719);
font-family: "Arial Narrow", Arial, sans-serif;
font-size: clamp(30px, 4vw, 48px);
font-stretch: condensed;
font-weight: 900;
letter-spacing: -0.3px;
line-height: 1.05;
text-transform: uppercase;
}
.pt-section-head p,
.pt-section-copy {
color: var(--pt-muted, #66666E);
line-height: 1.75;
}
.pt-section-head p {
margin: 0;
}
.pt-section-copy > :first-child,
.pt-form-message > :first-child {
margin-top: 0;
}
.pt-section-copy > :last-child,
.pt-form-message > :last-child {
margin-bottom: 0;
}
.pt-selected-location,
.pt-selected-course,
.pt-selected-slot {
color: var(--pt-primary, #E30613) !important;
font-size: 14px;
font-weight: 900;
letter-spacing: 0.4px;
}
.pt-selected-location {
margin-bottom: 9px;
}
.pt-selected-location:empty {
display: none;
} .pt-location-grid,
.pt-course-grid {
display: grid;
gap: 22px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.pt-location-card,
.pt-course-card {
position: relative;
appearance: none;
display: grid;
min-width: 0;
padding: 0;
overflow: hidden;
border: 1px solid var(--pt-border, #D9D9DE);
border-bottom: 5px solid var(--pt-primary, #E30613);
border-radius: 0;
background: var(--pt-surface, #FFFFFF);
color: inherit;
cursor: pointer;
text-align: left;
box-shadow: 0 10px 26px rgba(23, 23, 25, 0.06);
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease;
}
.pt-location-card:hover,
.pt-location-card:focus,
.pt-course-card:hover,
.pt-course-card:focus,
.pt-location-card.is-selected,
.pt-course-card.is-selected {
border-color: var(--pt-primary, #E30613);
background: var(--pt-surface-soft, #FFF4F5);
box-shadow: var(--pt-card-shadow-hover, 0 22px 46px rgba(23, 23, 25, 0.13));
outline: none;
transform: translateY(-4px);
}
.pt-location-card.is-selected::after,
.pt-course-card.is-selected::after {
content: "AUSGEWÄHLT";
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
padding: 7px 9px;
background: var(--pt-primary, #E30613);
color: #FFFFFF;
font-size: 10px;
font-weight: 900;
letter-spacing: 0.8px;
}
.pt-location-image,
.pt-course-image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
border-bottom: 1px solid var(--pt-border, #D9D9DE);
}
.pt-course-content {
display: grid;
gap: 9px;
padding: 20px;
}
.pt-location-card.has-no-image .pt-course-content,
.pt-course-card.has-no-image .pt-course-content {
min-height: 125px;
align-content: center;
}
.pt-course-content strong {
color: var(--pt-black, #171719);
font-size: 1.2rem;
font-weight: 900;
line-height: 1.25;
}
.pt-course-subtitle {
align-self: start;
display: inline-flex;
width: fit-content;
padding: 5px 9px;
border: 1px solid rgba(227, 6, 19, 0.25);
border-radius: 0;
background: var(--pt-surface-soft, #FFF4F5);
color: var(--pt-primary, #E30613);
font-size: 12px;
font-weight: 900;
line-height: 1.35;
text-transform: uppercase;
}
.pt-course-content small {
color: var(--pt-muted, #66666E);
font-size: 14px;
line-height: 1.6;
} .pt-calendar-card {
overflow: hidden;
border: 1px solid var(--pt-border, #D9D9DE);
border-radius: 0;
background: var(--pt-surface, #FFFFFF);
box-shadow: 0 12px 28px rgba(23, 23, 25, 0.07);
}
.pt-calendar-toolbar {
display: grid;
grid-template-columns: 64px 1fr 64px;
align-items: center;
min-height: 66px;
border-bottom: 4px solid var(--pt-primary, #E30613);
background: var(--pt-black, #171719);
color: #FFFFFF;
}
.pt-calendar-toolbar button {
appearance: none;
min-height: 66px;
border: 0;
background: transparent;
color: #FFFFFF;
cursor: pointer;
font-size: 36px;
font-weight: 700;
line-height: 1;
transition: background 160ms ease, color 160ms ease;
}
.pt-calendar-toolbar button:hover {
background: var(--pt-primary, #E30613);
color: #FFFFFF;
}
.pt-month-title {
color: #FFFFFF;
font-size: 18px;
font-weight: 900;
letter-spacing: 0.5px;
text-align: center;
text-transform: uppercase;
}
.pt-calendar-grid {
display: grid;
gap: 1px;
grid-template-columns: repeat(7, minmax(0, 1fr));
background: var(--pt-border, #D9D9DE);
}
.pt-calendar-head,
.pt-calendar-blank,
.pt-date {
display: flex;
align-items: center;
justify-content: center;
min-height: 76px;
background: var(--pt-surface, #FFFFFF);
}
.pt-calendar-head {
min-height: 42px;
background: var(--pt-soft, #F6F6F7);
color: var(--pt-text, #171719);
font-size: 11px;
font-weight: 900;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.pt-date {
position: relative;
appearance: none;
border: 0;
color: #A0A0A7;
font-size: 16px;
font-weight: 800;
transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.pt-date.is-available {
color: var(--pt-black, #171719);
cursor: pointer;
}
.pt-date.is-available::after {
content: "";
position: absolute;
left: 50%;
bottom: 12px;
width: 18px;
height: 4px;
background: var(--pt-primary, #E30613);
transform: translateX(-50%);
}
.pt-date.is-available:hover {
background: var(--pt-surface-soft, #FFF4F5);
color: var(--pt-primary, #E30613);
}
.pt-date.is-selected {
background: var(--pt-primary, #E30613);
color: #FFFFFF;
box-shadow: inset 0 0 0 2px var(--pt-primary, #E30613);
}
.pt-date.is-selected::after {
background: #FFFFFF;
}
.pt-date.is-blocked,
.pt-date.is-unavailable {
background: #F2F2F3;
color: #A5A5AA;
opacity: 0.75;
}
.pt-slots {
padding: 25px;
border-top: 1px solid var(--pt-border, #D9D9DE);
background: var(--pt-surface, #FFFFFF);
}
.pt-slots:empty {
display: none;
}
.pt-slots-title {
margin: 0 0 14px;
color: var(--pt-black, #171719);
font-size: 18px;
font-weight: 900;
}
.pt-slots-title > :first-child {
margin-top: 0;
}
.pt-slots-title > :last-child {
margin-bottom: 0;
}
.pt-slots[data-title-align="left"] .pt-slots-title { text-align: left; }
.pt-slots[data-title-align="center"] .pt-slots-title { text-align: center; }
.pt-slots[data-title-align="right"] .pt-slots-title { text-align: right; }
.pt-slots[data-slot-align="left"] { text-align: left; }
.pt-slots[data-slot-align="center"] { text-align: center; }
.pt-slots[data-slot-align="right"] { text-align: right; }
.pt-slot {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
min-width: 230px;
min-height: 54px;
max-width: 100%;
width: auto;
margin: 8px 5px;
padding: 13px 18px;
border: 1px solid rgba(227, 6, 19, 0.33);
border-left: 5px solid var(--pt-primary, #E30613);
border-radius: 0;
background: #FFFFFF;
color: var(--pt-text, #171719);
cursor: pointer;
text-align: center;
transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.pt-slot:hover,
.pt-slot:focus {
border-color: var(--pt-primary, #E30613);
background: var(--pt-primary, #E30613);
color: #FFFFFF;
box-shadow: 0 12px 25px rgba(227, 6, 19, 0.2);
outline: none;
transform: translateY(-2px);
}
.pt-slot strong {
color: inherit;
font-weight: 900;
}
.pt-slot small {
color: var(--pt-muted, #66666E);
}
.pt-slot:hover small,
.pt-slot:focus small {
color: rgba(255, 255, 255, 0.82);
} .pt-form-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pt-form label,
.pt-field-wrap {
display: grid;
gap: 8px;
color: var(--pt-text, #171719);
font-weight: 800;
}
.pt-form-group-heading {
grid-column: 1 / -1;
margin-top: 8px;
padding: 11px 14px;
border-left: 5px solid var(--pt-primary, #E30613);
background: var(--pt-soft, #F6F6F7);
}
.pt-form-group-heading strong {
display: block;
color: var(--pt-black, #171719);
font-size: 1rem;
}
.pt-form-group-heading small,
.pt-field-help {
display: block;
color: var(--pt-muted, #66666E);
font-size: 0.88rem;
font-weight: 600;
line-height: 1.5;
}
.pt-label-text {
display: inline-flex;
align-items: baseline;
gap: 4px;
}
.pt-required {
display: inline;
color: var(--pt-primary, #E30613);
font-weight: 900;
line-height: 1;
}
.pt-optional {
display: inline;
color: var(--pt-muted, #66666E);
font-weight: 500;
}
.pt-form input,
.pt-form select,
.pt-form textarea {
width: 100%;
min-height: 50px;
padding: 11px 13px;
border: 1px solid var(--pt-border, #D9D9DE);
border-radius: 0;
background: var(--pt-surface, #FFFFFF);
color: var(--pt-text, #171719);
font: inherit;
box-shadow: inset 0 1px 0 rgba(23, 23, 25, 0.025);
transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}
.pt-form textarea {
min-height: 125px;
resize: vertical;
}
.pt-form input:hover,
.pt-form select:hover,
.pt-form textarea:hover {
border-color: #BDBDC4;
}
.pt-form input:focus,
.pt-form select:focus,
.pt-form textarea:focus {
border-color: var(--pt-primary, #E30613);
background: #FFFFFF;
box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12);
outline: none;
}
.pt-form .pt-field-error {
border-color: #B42318;
box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.10);
}
.pt-form .has-error {
color: #B42318;
}
.pt-radio-group {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.pt-radio-option {
display: inline-flex !important;
align-items: center;
gap: 8px;
width: auto;
min-height: 46px;
padding: 9px 12px;
border: 1px solid var(--pt-border, #D9D9DE);
border-radius: 0;
background: var(--pt-surface, #FFFFFF);
font-weight: 800;
}
.pt-radio-option:has(input:checked) {
border-color: var(--pt-primary, #E30613);
background: var(--pt-surface-soft, #FFF4F5);
}
.pt-radio-option input {
min-height: 0;
width: auto;
accent-color: var(--pt-primary, #E30613);
}
.pt-field-checkbox,
.pt-privacy {
display: flex !important;
align-items: flex-start;
gap: 11px;
padding: 16px;
border: 1px solid rgba(227, 6, 19, 0.2);
border-left: 5px solid var(--pt-primary, #E30613);
border-radius: 0;
background: var(--pt-surface-soft, #FFF4F5);
}
.pt-field-checkbox input,
.pt-privacy input {
flex: 0 0 auto;
width: auto;
min-height: 0;
margin-top: 4px;
accent-color: var(--pt-primary, #E30613);
}
.pt-wide,
.pt-privacy {
grid-column: 1 / -1;
}
.pt-privacy {
margin-top: 19px;
}
.pt-privacy span {
font-weight: 500;
}
.pt-privacy a,
.pt-form-message a {
color: var(--pt-primary, #E30613);
font-weight: 800;
text-decoration: underline;
}
.pt-form-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: 22px;
} .pt-primary-button,
.pt-secondary-button,
.pt-link-button {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 12px 20px;
border-radius: 0;
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.45px;
text-decoration: none;
text-transform: uppercase;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.pt-primary-button {
border: var(--pt-button-border-width, 1px) solid var(--pt-button-border, #E30613);
background: var(--pt-button-bg, #E30613);
color: var(--pt-button-text, #FFFFFF);
box-shadow: 0 10px 22px rgba(227, 6, 19, 0.18);
}
.pt-primary-button:hover,
.pt-primary-button:focus {
border-color: var(--pt-button-hover-border, #171719);
background: var(--pt-button-hover-bg, #171719);
color: var(--pt-button-hover-text, #FFFFFF);
transform: translateY(-2px);
}
.pt-secondary-button,
.pt-link-button {
border: 1px solid var(--pt-border, #D9D9DE);
background: var(--pt-surface, #FFFFFF);
color: var(--pt-text, #171719);
}
.pt-secondary-button:hover,
.pt-secondary-button:focus,
.pt-link-button:hover,
.pt-link-button:focus {
border-color: var(--pt-primary, #E30613);
background: var(--pt-surface-soft, #FFF4F5);
color: var(--pt-primary, #E30613);
transform: translateY(-2px);
}
.pt-primary-button:disabled,
.pt-link-button:disabled {
cursor: not-allowed;
opacity: 0.65;
transform: none;
}
.pt-steps button:focus-visible,
.pt-location-card:focus-visible,
.pt-course-card:focus-visible,
.pt-calendar-toolbar button:focus-visible,
.pt-date:focus-visible,
.pt-slot:focus-visible,
.pt-primary-button:focus-visible,
.pt-link-button:focus-visible {
outline: 3px solid rgba(227, 6, 19, 0.28);
outline-offset: 3px;
} .pt-form-message {
margin-top: 18px;
padding: 14px 16px;
border-radius: 0;
}
.pt-form-message:empty {
display: none;
}
.pt-form-message.is-success {
border: 1px solid #83C69A;
border-left: 5px solid #16813A;
background: #F0F8F2;
color: #116329;
}
.pt-form-message.is-error,
.pt-error {
border: 1px solid #F0A9A4;
border-left: 5px solid #B42318;
background: #FFF3F2;
color: #B42318;
}
.pt-loading,
.pt-empty,
.pt-error {
grid-column: 1 / -1;
padding: 22px;
}
.pt-empty,
.pt-loading {
border: 1px solid var(--pt-border, #D9D9DE);
border-left: 5px solid var(--pt-primary, #E30613);
border-radius: 0;
background: var(--pt-soft, #F6F6F7);
color: var(--pt-muted, #66666E);
}
.pt-hp {
display: none !important;
}
.pt-booking.is-loading {
cursor: progress;
} .pt-cancel-box {
--pt-primary: #E30613;
--pt-accent: #FF3B45;
--pt-bg: #F4F4F5;
--pt-text: #171719;
--pt-muted: #66666E;
--pt-border: #D9D9DE;
--pt-soft: #F6F6F7;
--pt-surface: #FFFFFF;
--pt-surface-soft: #FFF4F5;
--pt-gold-dark: #B0040D;
--pt-black: #171719;
--pt-card-radius: 2px;
--pt-control-radius: 2px;
--pt-card-shadow: 0 18px 44px rgba(23, 23, 25, 0.11);
position: relative;
width: 100%;
max-width: 760px;
padding: clamp(28px, 5vw, 48px);
overflow: hidden;
border: 1px solid var(--pt-border, #D9D9DE);
border-top: 7px solid var(--pt-primary, #E30613);
border-radius: 0;
background:
radial-gradient(circle at 100% 0%, rgba(227, 6, 19, 0.1), transparent 30%),
var(--pt-surface, #FFFFFF);
box-shadow: var(--pt-card-shadow, 0 18px 44px rgba(23, 23, 25, 0.11));
color: var(--pt-text, #171719);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
line-height: 1.65;
overflow-wrap: anywhere;
}
.pt-cancel-box h1 {
margin: 0 0 14px;
color: var(--pt-black, #171719);
font-family: "Arial Narrow", Arial, sans-serif;
font-size: clamp(34px, 6vw, 56px);
font-weight: 900;
letter-spacing: -0.5px;
line-height: 1;
text-transform: uppercase;
}
.pt-cancel-box > p {
color: var(--pt-muted, #66666E);
}
.pt-cancel-details {
margin: 24px 0;
overflow: hidden;
border: 1px solid var(--pt-border, #D9D9DE);
border-radius: 0;
}
.pt-cancel-details div {
display: grid;
gap: 12px;
grid-template-columns: minmax(130px, 0.35fr) 1fr;
padding: 14px 16px;
background: var(--pt-surface, #FFFFFF);
}
.pt-cancel-details div:nth-child(even) {
background: var(--pt-soft, #F6F6F7);
}
.pt-cancel-details div + div {
border-top: 1px solid var(--pt-border, #D9D9DE);
}
.pt-cancel-details dt {
color: var(--pt-muted, #66666E);
font-weight: 900;
}
.pt-cancel-details dd {
margin: 0;
color: var(--pt-text, #171719);
}
.pt-cancel-form,
.pt-cancel-actions {
margin-top: 20px;
max-width: 100%;
}
.pt-cancel-actions .pt-primary-button,
.pt-cancel-actions .pt-secondary-button,
.pt-cancel-form .pt-primary-button {
width: 100%;
max-width: 100%;
overflow-wrap: anywhere;
text-align: center;
white-space: normal;
}
.pt-cancel-form .pt-primary-button {
border-color: #B42318;
background: #B42318;
color: #FFFFFF;
}
.pt-cancel-form .pt-primary-button:hover,
.pt-cancel-form .pt-primary-button:focus {
border-color: #171719;
background: #171719;
color: #FFFFFF;
} @media (prefers-reduced-motion: reduce) {
.pt-location-card,
.pt-course-card,
.pt-steps button,
.pt-slot,
.pt-primary-button,
.pt-secondary-button,
.pt-link-button {
transition: none;
}
.pt-location-card:hover,
.pt-location-card:focus,
.pt-course-card:hover,
.pt-course-card:focus,
.pt-location-card.is-selected,
.pt-course-card.is-selected,
.pt-steps button:not(:disabled):hover,
.pt-slot:hover,
.pt-slot:focus,
.pt-primary-button:hover,
.pt-primary-button:focus,
.pt-secondary-button:hover,
.pt-secondary-button:focus,
.pt-link-button:hover,
.pt-link-button:focus {
transform: none;
}
} @media (max-width: 900px) {
.pt-booking {
max-width: 100%;
}
.pt-location-grid,
.pt-course-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 760px) {
.pt-booking {
font-size: 15px;
}
.pt-gladiator-intro {
margin-bottom: 16px;
padding: 28px 22px;
}
.pt-gladiator-intro h1 {
font-size: 40px;
line-height: 1.02;
}
.pt-gladiator-intro p {
font-size: 15px;
line-height: 1.7;
}
.pt-gladiator-kicker {
font-size: 10px;
letter-spacing: 1.25px;
}
.pt-gladiator-kicker::before {
width: 30px;
height: 3px;
}
.pt-steps,
.pt-steps-four {
grid-template-columns: 1fr;
gap: 7px;
}
.pt-steps button {
min-height: 47px;
padding: 10px 12px;
text-align: left;
}
.pt-step {
padding: 24px 18px;
}
.pt-section-head h2 {
font-size: 32px;
}
.pt-location-grid,
.pt-course-grid {
grid-template-columns: 1fr;
gap: 17px;
}
.pt-calendar-toolbar {
grid-template-columns: 48px 1fr 48px;
min-height: 58px;
}
.pt-calendar-toolbar button {
min-height: 58px;
}
.pt-month-title {
font-size: 15px;
}
.pt-calendar-head,
.pt-calendar-blank,
.pt-date {
min-height: 49px;
}
.pt-calendar-head {
min-height: 36px;
font-size: 9px;
}
.pt-date {
padding-bottom: 9px;
font-size: 14px;
}
.pt-date.is-available::after {
bottom: 6px;
width: 12px;
height: 3px;
}
.pt-slots {
padding: 18px 12px;
}
.pt-slot {
align-items: center;
flex-direction: column;
gap: 3px;
min-width: min(230px, 100%);
margin: 7px 0;
}
.pt-form-grid {
grid-template-columns: 1fr;
}
.pt-form-actions {
align-items: stretch;
flex-direction: column-reverse;
}
.pt-primary-button,
.pt-link-button,
.pt-secondary-button {
width: 100%;
}
.pt-cancel-details div {
grid-template-columns: 1fr;
}
.pt-cancel-box {
padding: 28px 20px;
}
.pt-cancel-box h1 {
font-size: 36px;
overflow-wrap: break-word;
}
}
@media (max-width: 380px) {
.pt-gladiator-intro h1 {
font-size: 34px;
}
.pt-step,
.pt-course-content,
.pt-slots {
padding-right: 14px;
padding-left: 14px;
}
} .pt-cancel-actions .pt-primary-button,
.pt-cancel-actions .pt-primary-button:link,
.pt-cancel-actions .pt-primary-button:visited,
.pt-cancel-actions .pt-primary-button:hover,
.pt-cancel-actions .pt-primary-button:focus,
.pt-cancel-actions .pt-primary-button:active {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
opacity: 1 !important;
text-shadow: none !important;
}
.pt-cancel-actions .pt-primary-button *,
.pt-cancel-actions .pt-primary-button:visited * {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}