:root {
--rd-gelb: #FDC617;
--rd-gelb-dunkel: #F0B400;
--rd-gelb-hell: #FFF6E4;
--rd-tuerkis: #00AEC5;
--rd-tuerkis-dunkel: #057989;
--rd-tuerkis-hell: #E2F7FA;
--rd-tuerkis-ring: #D6EFF2;
--rd-rot: #E24E34;
--rd-rot-hell: #FBE9E6;
--rd-skelett: #E6E5E0;
--rd-creme: #FFFDF7;
--rd-braun: #322600;
--rd-weiss: #FFFFFF;
--rd-text: #1B1B1B;
--rd-text-grau: #6E7477;
--rd-text-nav: #3D4245;
--rd-slab: 'Museo Slab W03_500', Georgia, 'Times New Roman', serif;
--rd-sans: 'Museo Sans W03_500', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--rd-sans-fett: 'Museo Sans W03_900', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--rd-schreibschrift: 'Segoe Script', 'Segoe Print', 'Bradley Hand', 'Snell Roundhand',
'Brush Script MT', cursive;
--rd-sans-leicht: 'Museo Sans W03_300', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--rd-zoom: .93;
--rd-container: calc(1548px * var(--rd-zoom));
--rd-radius-karte: calc(28px * var(--rd-zoom));
--rd-radius-karte-gross: calc(56px * var(--rd-zoom)) calc(46px * var(--rd-zoom))
calc(60px * var(--rd-zoom)) calc(50px * var(--rd-zoom));
--rd-kopf: calc(122px * var(--rd-zoom));
--rd-schatten-karte: 0 18px 40px rgba(80, 60, 0, .10);
--rd-schatten-pille: 0 6px 16px rgba(80, 60, 0, .10);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--rd-sans);
font-size: calc(18px * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text);
background: var(--rd-creme);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
body.rd-menue-offen {
overflow: hidden;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
strong {
font-family: var(--rd-sans-fett);
font-weight: 400;
color: var(--rd-text);
}
.skip-link {
position: absolute;
left: -9999px;
top: 0;
background: var(--rd-gelb);
color: var(--rd-text);
padding: calc(12px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
z-index: 2000;
border-radius: 0 0 calc(12px * var(--rd-zoom)) 0;
}
.skip-link:focus {
left: 0;
}
.rd-container {
width: 100%;
max-width: var(--rd-container);
margin: 0 auto;
padding: 0 calc(24px * var(--rd-zoom));
}
.rd-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: calc(14px * var(--rd-zoom));
padding: calc(21px * var(--rd-zoom)) calc(39px * var(--rd-zoom));
border: 0;
border-radius: calc(42px * var(--rd-zoom)) calc(36px * var(--rd-zoom))
calc(44px * var(--rd-zoom)) calc(38px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1.3rem * var(--rd-zoom));
line-height: 1;
cursor: pointer;
transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.rd-btn:hover {
transform: translateY(-2px);
}
.rd-btn:disabled {
cursor: default;
opacity: .85;
}
.rd-btn:disabled:hover {
transform: none;
}
.rd-btn:focus-visible {
outline: 3px solid var(--rd-tuerkis-dunkel);
outline-offset: 3px;
}
.rd-icon {
width: 1em;
height: 1em;
display: block;
flex: 0 0 auto;
}
.rd-btn-pfeil {
font-size: calc(48px * var(--rd-zoom));
font-variation-settings: 'wght' 350;
margin: calc(-6px * var(--rd-zoom)) 0;
}
.rd-info {
position: relative;
display: inline-block;
margin-left: calc(6px * var(--rd-zoom));
vertical-align: middle;
}
.rd-info-knopf {
display: inline-flex;
align-items: center;
justify-content: center;
width: calc(22px * var(--rd-zoom));
height: calc(22px * var(--rd-zoom));
padding: 0;
border: 0;
border-radius: 50%;
background: var(--rd-tuerkis-hell);
color: var(--rd-tuerkis-dunkel);
font-size: calc(16px * var(--rd-zoom));
cursor: pointer;
}
.rd-info-knopf:focus-visible {
outline: 2px solid var(--rd-tuerkis-dunkel);
outline-offset: 2px;
}
.rd-info-text {
display: none;
position: absolute;
left: 0;
top: calc(100% + 6px);
z-index: 5;
width: max-content;
max-width: min(320px, 80vw);
padding: calc(8px * var(--rd-zoom)) calc(12px * var(--rd-zoom));
border-radius: calc(10px * var(--rd-zoom));
background: var(--rd-text);
color: var(--rd-weiss);
font-family: var(--rd-sans-leicht);
font-size: calc(0.9rem * var(--rd-zoom));
font-weight: 400;
line-height: 1.45;
text-align: left;
box-shadow: var(--rd-schatten-pille);
}
.rd-info:hover .rd-info-text,
.rd-info:focus-within .rd-info-text {
display: block;
}
.rd-info-text[hidden] {
display: none;
}
.rd-btn:has(.rd-btn-pfeil) {
padding-right: calc(20px * var(--rd-zoom));
}
.rd-btn-primaer {
background: var(--rd-gelb);
color: var(--rd-text);
box-shadow: var(--rd-schatten-pille);
}
.rd-btn-primaer:hover {
background: var(--rd-gelb-dunkel);
}
.rd-btn-weiss {
background: var(--rd-weiss);
color: var(--rd-text);
box-shadow: var(--rd-schatten-pille);
}
.rd-btn-tuerkis {
background: var(--rd-tuerkis-dunkel);
color: var(--rd-weiss);
box-shadow: 0 6px 16px rgba(5, 121, 137, .22);
}
.rd-btn-tuerkis:hover {
background: #04606C;
}
.rd-btn-login {
background: var(--rd-gelb);
color: var(--rd-text);
font-size: calc(1.16rem * var(--rd-zoom));
padding: calc(17px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
}
.rd-btn-login .material-symbols-outlined {
font-size: calc(26px * var(--rd-zoom));
}
.rd-btn-login:hover {
background: var(--rd-gelb-dunkel);
}
.rd-btn-block {
width: 100%;
}
.rd-header {
position: sticky;
top: 0;
z-index: 1000;
background: var(--rd-creme);
}
.rd-header-inner {
display: flex;
align-items: center;
gap: calc(24px * var(--rd-zoom));
min-height: var(--rd-kopf);
}
section[id] {
scroll-margin-top: var(--rd-kopf);
}
.rd-logo {
flex: none;
}
.rd-logo img {
height: calc(79px * var(--rd-zoom));
width: auto;
}
.rd-nav {
flex: 1;
display: flex;
justify-content: center;
}
.rd-btn-login {
flex: none;
}
.rd-nav ul {
display: flex;
align-items: center;
gap: calc(34px * var(--rd-zoom));
list-style: none;
margin: 0;
padding: 0;
}
.rd-nav a {
font-family: var(--rd-sans);
font-size: calc(1.22rem * var(--rd-zoom));
color: var(--rd-text-nav);
white-space: nowrap;
padding: calc(6px * var(--rd-zoom)) 0;
border-bottom: 2px solid transparent;
}
.rd-nav a:hover {
border-bottom-color: var(--rd-gelb);
}
.rd-nav a[aria-current="page"],
.rd-menu-mobile ul a[aria-current="page"] {
color: var(--rd-gelb-dunkel);
}
.rd-nav a[aria-current="page"] {
border-bottom-color: transparent;
position: relative;
}
.rd-nav a[aria-current="page"]::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: calc(-2px * var(--rd-zoom));
height: calc(10px * var(--rd-zoom));
background-image: var(--rd-strich-nav);
background-repeat: no-repeat;
background-size: 100% 100%;
transform: rotate(-2deg);
}
.rd-burger {
display: none;
width: calc(56px * var(--rd-zoom));
height: calc(56px * var(--rd-zoom));
margin-left: auto;
border: 0;
border-radius: calc(16px * var(--rd-zoom));
background: var(--rd-gelb);
cursor: pointer;
padding: 0;
flex-direction: column;
align-items: center;
justify-content: center;
gap: calc(5px * var(--rd-zoom));
}
.rd-burger span {
display: block;
width: calc(24px * var(--rd-zoom));
height: calc(2.5px * var(--rd-zoom));
border-radius: calc(2px * var(--rd-zoom));
background: var(--rd-text);
}
.rd-menu-mobile {
position: absolute;
left: calc(16px * var(--rd-zoom));
right: calc(16px * var(--rd-zoom));
top: calc(100% - 8px * var(--rd-zoom));
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: 0 24px 50px rgba(80, 60, 0, .18);
padding: calc(28px * var(--rd-zoom)) calc(24px * var(--rd-zoom)) calc(24px * var(--rd-zoom));
}
.rd-menu-mobile[hidden] {
display: none;
}
.rd-menu-mobile ul {
list-style: none;
margin: 0 0 calc(24px * var(--rd-zoom));
padding: 0;
}
.rd-menu-mobile li + li {
margin-top: calc(6px * var(--rd-zoom));
}
.rd-menu-mobile ul a {
display: block;
padding: calc(14px * var(--rd-zoom)) calc(8px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1.22rem * var(--rd-zoom));
color: var(--rd-text-nav);
}
.rd-menu-mobile .rd-btn {
padding-top: calc(20px * var(--rd-zoom));
padding-bottom: calc(20px * var(--rd-zoom));
font-size: calc(1.15rem * var(--rd-zoom));
}
.rd-hero {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb-hell);
padding: calc(37px * var(--rd-zoom)) 0 calc(165px * var(--rd-zoom));
background: var(--rd-creme);
}
.rd-welle::after {
content: '';
position: absolute;
left: -15%;
right: -15%;
bottom: calc(-295px * var(--rd-zoom));
height: calc(360px * var(--rd-zoom));
border-radius: 50% 50% 0 0;
background: var(--rd-wellenfarbe);
}
.rd-blob {
position: absolute;
border-radius: 50%;
pointer-events: none;
filter: blur(calc(45px * var(--rd-zoom)));
}
.rd-blob-gelb {
left: calc(-260px * var(--rd-zoom));
bottom: calc(-40px * var(--rd-zoom));
width: calc(520px * var(--rd-zoom));
height: calc(520px * var(--rd-zoom));
background: rgba(253, 198, 23, .13);
}
.rd-blob-tuerkis {
right: calc(-220px * var(--rd-zoom));
top: calc(-120px * var(--rd-zoom));
width: calc(620px * var(--rd-zoom));
height: calc(620px * var(--rd-zoom));
background: rgba(0, 174, 197, .11);
filter: none;
}
.rd-hero-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, .96fr) minmax(0, 1fr);
align-items: center;
gap: calc(clamp(40px, 3.6vw, 68px) * var(--rd-zoom));
}
.rd-eyebrow {
display: inline-block;
background: #FBEFD2;
color: #6A5518;
font-family: var(--rd-sans-fett);
font-size: calc(.93rem * var(--rd-zoom));
letter-spacing: .12em;
text-transform: uppercase;
padding: calc(12px * var(--rd-zoom)) calc(24px * var(--rd-zoom));
border-radius: 999px;
margin-bottom: calc(30px * var(--rd-zoom));
}
.rd-hero-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(2.2rem, calc(25.5px + 3.1vw), 5.3rem) * var(--rd-zoom));
line-height: 1.05;
color: var(--rd-text);
margin: 0 0 calc(42px * var(--rd-zoom));
}
.rd-hero-titel-klein {
font-size: calc(clamp(1.75rem, calc(19px + 2.3vw), 3.9rem) * var(--rd-zoom));
line-height: 1.14;
}
:root {
--rd-strich-h1: url("data:image/svg+xml,");
--rd-strich-lang: url("data:image/svg+xml,");
--rd-strich-nav: url("data:image/svg+xml,");
}
.rd-unterstrich {
position: relative;
display: inline-block;
}
.rd-unterstrich::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -.12em;
height: calc(14px * var(--rd-zoom));
background-image: var(--rd-strich-h1);
background-repeat: no-repeat;
background-size: 100% 100%;
transform: scaleY(-1);
}
.rd-unterstrich-lang::after {
background-image: var(--rd-strich-lang);
}
.rd-hero-fliess {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1.05rem, calc(17.35px + .331vw), 1.48rem) * var(--rd-zoom));
line-height: 1.73;
color: var(--rd-text-grau);
max-width: 29.5em;
margin: 0 0 calc(48px * var(--rd-zoom));
}
.rd-hero-aktionen {
display: flex;
flex-wrap: wrap;
gap: calc(16px * var(--rd-zoom));
}
.rd-hero-bild {
position: relative;
margin: 0;
justify-self: stretch;
margin-right: clamp(calc(-74px * var(--rd-zoom)), calc((var(--rd-container) - 100vw) / 2), 0px);
}
:root {
--rd-maske-portrait: 52% 48% 55% 45% / 48% 54% 46% 52%;
--rd-maske-heroblob: 63% 37% 58% 42% / 55% 60% 40% 45%;
--rd-maske-badge-karte: 52% 48% 46% 54%;
--rd-maske-badge-journey: 58% 42% 50% 50%;
}
.rd-hero-bild::before {
content: '';
position: absolute;
inset: calc(-40px * var(--rd-zoom)) calc(-20px * var(--rd-zoom))
calc(-30px * var(--rd-zoom)) calc(-50px * var(--rd-zoom));
background: linear-gradient(150deg, #fdc311, #fbb900);
border-radius: var(--rd-maske-heroblob);
box-shadow: 0 24px 60px rgba(180, 130, 0, .18);
z-index: 0;
}
.rd-hero-ring {
position: relative;
z-index: 1;
aspect-ratio: 1;
border-radius: var(--rd-maske-portrait);
overflow: hidden;
}
.rd-hero-ring img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
border-radius: var(--rd-maske-portrait);
transform: scale(1.09);
}
.rd-bewertung {
position: absolute;
z-index: 2;
left: 8%;
bottom: 7%;
display: grid;
grid-template-columns: auto auto auto;
grid-template-areas:
'g zahl sterne'
'g quelle quelle';
align-items: center;
column-gap: calc(12px * var(--rd-zoom));
background: var(--rd-weiss);
border-radius: calc(20px * var(--rd-zoom));
padding: calc(16px * var(--rd-zoom)) calc(28px * var(--rd-zoom));
box-shadow: 0 12px 30px rgba(60, 45, 0, .16);
white-space: nowrap;
}
.rd-bewertung-fest {
display: contents;
}
.rd-bewertung-fest[hidden] {
display: none;
}
.rd-bewertung-live {
grid-column: 1 / -1;
white-space: normal;
}
.rd-google {
grid-area: g;
width: calc(42px * var(--rd-zoom));
height: calc(42px * var(--rd-zoom));
}
.rd-bewertung-zahl {
grid-area: zahl;
font-family: var(--rd-sans-fett);
font-size: calc(1.6rem * var(--rd-zoom));
line-height: 1.1;
}
.rd-sterne {
grid-area: sterne;
color: var(--rd-gelb);
font-size: calc(1.3rem * var(--rd-zoom));
letter-spacing: 2px;
line-height: 1.1;
}
.rd-bewertung-quelle {
grid-area: quelle;
font-size: calc(1.02rem * var(--rd-zoom));
color: var(--rd-text-grau);
line-height: 1.3;
}
.rd-bewertung .es-badge-container {
background: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
width: auto !important;
}
.rd-bewertung .es-card-badge-container {
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: calc(12px * var(--rd-zoom)) !important;
padding: 0 !important;
width: auto !important;
}
.rd-bewertung .es-badge-label-container {
display: none !important;
}
.rd-bewertung .es-badge-sources-container,
.rd-bewertung .es-badge-sources-container .es-badge-sources-item {
flex: 0 0 auto !important;
width: calc(42px * var(--rd-zoom)) !important;
height: calc(42px * var(--rd-zoom)) !important;
min-width: 0 !important;
max-width: none !important;
}
.rd-bewertung .es-badge-rating-container {
align-items: flex-start !important;
gap: calc(2px * var(--rd-zoom)) !important;
width: auto !important;
}
.rd-bewertung .es-badge-rating {
gap: calc(12px * var(--rd-zoom)) !important;
}
.rd-bewertung .es-rating-value {
font-family: var(--rd-sans-fett) !important;
font-weight: 400 !important;
font-size: calc(1.6rem * var(--rd-zoom)) !important;
line-height: 1.1 !important;
color: var(--rd-text) !important;
}
.rd-bewertung .es-rating-bar-container {
width: auto !important;
gap: calc(2px * var(--rd-zoom)) !important;
}
.rd-bewertung .es-rating-item {
width: calc(21px * var(--rd-zoom)) !important;
height: calc(21px * var(--rd-zoom)) !important;
}
.rd-bewertung .es-rating-item-filled svg path {
fill: var(--rd-gelb) !important;
stroke: var(--rd-gelb) !important;
}
.rd-bewertung .es-badge-reviews-count {
font-family: var(--rd-sans) !important;
font-weight: 400 !important;
font-size: calc(1.02rem * var(--rd-zoom)) !important;
line-height: 1.3 !important;
color: var(--rd-text-grau) !important;
}
.rd-angebote {
position: relative;
--rd-wellenfarbe: var(--rd-creme);
overflow: hidden;
background: var(--rd-gelb-hell);
padding: calc(185px * var(--rd-zoom)) 0 calc(130px * var(--rd-zoom));
}
.rd-abschnitt-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.7rem, calc(27px + 1.41vw), 3.4rem) * var(--rd-zoom));
line-height: 1.2;
text-align: center;
color: var(--rd-text);
max-width: 22em;
margin: 0 auto calc(26px * var(--rd-zoom));
}
.rd-abschnitt-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1rem, calc(15.9px + .423vw), 1.5rem) * var(--rd-zoom));
line-height: 1.62;
text-align: center;
color: var(--rd-text-grau);
max-width: 33em;
margin: 0 auto calc(24px * var(--rd-zoom));
}
.rd-schlagworte {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(18px * var(--rd-zoom));
list-style: none;
margin: 0 0 calc(73px * var(--rd-zoom));
padding: 0;
}
.rd-schlagworte li {
display: flex;
align-items: center;
background: var(--rd-weiss);
color: #55595B;
font-family: var(--rd-sans);
font-size: calc(1.2rem * var(--rd-zoom));
padding: calc(13px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
border-radius: 999px;
box-shadow: var(--rd-schatten-pille);
}
.rd-karten {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(44px * var(--rd-zoom));
}
.rd-karte {
position: relative;
overflow: hidden;
border-radius: var(--rd-radius-karte-gross);
padding: calc(58px * var(--rd-zoom)) calc(60px * var(--rd-zoom)) calc(56px * var(--rd-zoom));
box-shadow: var(--rd-schatten-karte);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.rd-karte-blase {
position: absolute;
right: calc(-70px * var(--rd-zoom));
top: calc(-90px * var(--rd-zoom));
width: calc(300px * var(--rd-zoom));
height: calc(300px * var(--rd-zoom));
border-radius: 50%;
background: rgba(255, 255, 255, .22);
pointer-events: none;
}
.rd-karte-icon {
display: flex;
align-items: center;
justify-content: center;
width: calc(70px * var(--rd-zoom));
height: calc(70px * var(--rd-zoom));
border-radius: var(--rd-maske-badge-karte);
background: var(--rd-weiss);
color: var(--rd-text);
font-size: calc(36px * var(--rd-zoom));
margin-bottom: calc(32px * var(--rd-zoom));
position: relative;
}
.rd-karte-icon-tuerkis {
background: var(--rd-tuerkis);
color: var(--rd-weiss);
}
.rd-karte-schueler .rd-karte-icon {
border-radius: 48% 52% 54% 46%;
}
.rd-karte-label {
font-family: var(--rd-sans-fett);
font-size: calc(.9rem * var(--rd-zoom));
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 calc(10px * var(--rd-zoom));
position: relative;
}
.rd-karte-titel {
font-family: var(--rd-sans-fett);
font-weight: 400;
font-size: calc(clamp(1.5rem, calc(24.5px + .704vw), 2.375rem) * var(--rd-zoom));
line-height: 1.21;
margin: 0 0 calc(16px * var(--rd-zoom));
position: relative;
}
.rd-karte-text {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1.05rem, calc(17.55px + .169vw), 1.3rem) * var(--rd-zoom));
line-height: 1.63;
margin: 0 0 calc(20px * var(--rd-zoom));
max-width: 25.5em;
position: relative;
}
.rd-karte .rd-btn {
position: relative;
margin-top: auto;
font-size: calc(1.15rem * var(--rd-zoom));
padding: calc(18px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
}
.rd-karte .rd-btn-pfeil {
font-size: calc(40px * var(--rd-zoom));
}
.rd-karte-eltern {
background: var(--rd-gelb);
color: var(--rd-text);
}
.rd-karte-eltern .rd-karte-label {
color: #6A5518;
}
.rd-karte-eltern .rd-karte-text {
color: #3D3116;
}
.rd-karte-schueler {
background: var(--rd-tuerkis-hell);
color: var(--rd-tuerkis-dunkel);
}
.rd-karte-schueler .rd-karte-blase {
background: rgba(0, 174, 197, .10);
}
.rd-karte-schueler .rd-karte-label,
.rd-karte-schueler .rd-karte-titel,
.rd-karte-schueler .rd-karte-text {
color: var(--rd-tuerkis-dunkel);
}
.rd-uebermich {
position: relative;
overflow: hidden;
background: var(--rd-creme);
padding: calc(146px * var(--rd-zoom)) 0 calc(60px * var(--rd-zoom));
}
.rd-blob-creme {
right: calc(-121px * var(--rd-zoom));
top: calc(155px * var(--rd-zoom));
width: calc(420px * var(--rd-zoom));
height: calc(420px * var(--rd-zoom));
background: #FFF9E1;
}
.rd-uebermich-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 743fr) minmax(0, 703fr);
gap: calc(53px * var(--rd-zoom));
align-items: center;
}
.rd-uebermich-bild {
position: relative;
margin: 0;
margin-left: clamp(calc(-70px * var(--rd-zoom)), calc((var(--rd-container) - 100vw) / 2), 0px);
margin-right: calc(43px * var(--rd-zoom));
}
.rd-video-ring {
position: relative;
aspect-ratio: 856 / 954;
border-radius: var(--rd-maske-portrait);
overflow: hidden;
border: calc(37px * var(--rd-zoom)) solid var(--rd-tuerkis-ring);
background: var(--rd-tuerkis-hell);
}
.rd-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.rd-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
width: calc(100px * var(--rd-zoom));
height: calc(100px * var(--rd-zoom));
border: 0;
border-radius: 50%;
background: var(--rd-weiss);
color: var(--rd-tuerkis);
cursor: pointer;
box-shadow: 0 10px 30px rgba(0, 60, 70, .22);
transition: transform .15s ease, background-color .15s ease;
}
.rd-play:hover {
transform: translate(-50%, -50%) scale(1.06);
}
.rd-play:focus-visible {
outline: 3px solid var(--rd-tuerkis-dunkel);
outline-offset: 4px;
}
.rd-play .material-symbols-outlined {
font-size: calc(52px * var(--rd-zoom));
font-variation-settings: 'FILL' 1;
margin-left: calc(5px * var(--rd-zoom));
}
.rd-video-ring.rd-laeuft .rd-play {
display: none;
}
.rd-insta {
position: absolute;
right: 17.6%;
bottom: 8.6%;
display: flex;
align-items: center;
gap: calc(17px * var(--rd-zoom));
background: var(--rd-weiss);
border-radius: 999px;
padding: calc(11px * var(--rd-zoom)) calc(38px * var(--rd-zoom)) calc(11px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
box-shadow: 0 12px 30px rgba(60, 45, 0, .16);
white-space: nowrap;
transition: transform .15s ease;
}
.rd-insta:hover {
transform: translateY(-2px);
}
.rd-insta .rd-insta-zeichen-gross {
font-size: calc(50px * var(--rd-zoom));
flex: none;
color: var(--rd-weiss);
}
.rd-insta-text {
display: flex;
flex-direction: column;
line-height: 1.25;
}
.rd-insta-text strong {
font-size: calc(1.32rem * var(--rd-zoom));
color: var(--rd-text);
}
.rd-insta-text small {
font-family: var(--rd-sans-leicht);
font-size: calc(.97rem * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-uebermich-text {
max-width: calc(653px * var(--rd-zoom));
}
.rd-abschnitt-label {
font-family: var(--rd-sans-fett);
font-size: calc(clamp(1.2rem, calc(19.27px + .098vw), 1.32rem) * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
margin: 0 0 calc(12px * var(--rd-zoom));
}
.rd-uebermich-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(2rem, calc(28.9px + 1.65vw), 3.78rem) * var(--rd-zoom));
line-height: 1.15;
color: var(--rd-text);
margin: 0 0 calc(29px * var(--rd-zoom));
}
.rd-wort-gelb {
color: var(--rd-gelb);
}
.rd-uebermich-fliess {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1.25rem, calc(19.67px + .2254vw), 1.5rem) * var(--rd-zoom));
line-height: 1.65;
color: var(--rd-text-grau);
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-merkmale {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: calc(29px * var(--rd-zoom));
row-gap: calc(17px * var(--rd-zoom));
list-style: none;
margin: calc(24px * var(--rd-zoom)) 0 0;
padding: 0;
}
.rd-merkmale li {
display: flex;
align-items: center;
gap: calc(15px * var(--rd-zoom));
font-family: var(--rd-sans-fett);
font-size: calc(1.16rem * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
}
.rd-merkmale .material-symbols-outlined {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: calc(28px * var(--rd-zoom));
height: calc(28px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-gelb);
color: var(--rd-weiss);
font-size: calc(18px * var(--rd-zoom));
font-variation-settings: 'wght' 600;
}
.rd-signatur-name {
font-family: var(--rd-schreibschrift);
font-size: calc(2.35rem * var(--rd-zoom));
color: var(--rd-text);
margin: calc(46px * var(--rd-zoom)) 0 calc(6px * var(--rd-zoom));
}
.rd-hallo-vorspann {
font-family: var(--rd-sans-fett);
font-size: calc(1.32rem * var(--rd-zoom));
line-height: 1.45;
color: var(--rd-text);
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-signatur-rolle {
font-family: var(--rd-sans-leicht);
font-size: calc(1.18rem * var(--rd-zoom));
color: var(--rd-text-grau);
margin: 0;
}
.rd-ansatz {
position: relative;
background: linear-gradient(180deg, var(--rd-creme) 0%, var(--rd-gelb-hell) 100%);
padding: calc(98px * var(--rd-zoom)) 0 calc(110px * var(--rd-zoom));
}
.rd-mittig {
text-align: center;
}
.rd-schritte {
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
max-width: calc(1287px * var(--rd-zoom));
margin: calc(88px * var(--rd-zoom)) auto 0;
padding: 0;
list-style: none;
}
.rd-schritte-linie {
position: absolute;
left: 0;
right: 0;
top: calc(48px * var(--rd-zoom));
transform: translateY(-50%);
width: 100%;
height: auto;
z-index: 0;
pointer-events: none;
}
.rd-schritte-linie path {
fill: none;
stroke: var(--rd-gelb);
stroke-width: 4;
stroke-linecap: round;
stroke-dasharray: 1 12;
}
.rd-schritt {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.rd-schritt-scheibe {
display: flex;
align-items: center;
justify-content: center;
width: calc(96px * var(--rd-zoom));
height: calc(96px * var(--rd-zoom));
border-radius: var(--rd-maske-badge-journey);
background: var(--rd-weiss);
border: 2px solid #fbb900;
color: var(--rd-text);
box-shadow: 0 12px 28px rgba(251, 185, 0, .22);
}
.rd-schritt:nth-child(4n+2) .rd-schritt-scheibe,
.rd-station:nth-child(4n+2) .rd-schritt-scheibe {
border-radius: 50% 50% 42% 58%;
}
.rd-schritt:nth-child(4n+3) .rd-schritt-scheibe,
.rd-station:nth-child(4n+3) .rd-schritt-scheibe {
border-radius: 42% 58% 50% 50%;
}
.rd-schritt:nth-child(4n+4) .rd-schritt-scheibe,
.rd-station:nth-child(4n+4) .rd-schritt-scheibe {
border-radius: 50% 50% 58% 42%;
}
.rd-schritt-scheibe .material-symbols-outlined {
font-size: calc(44px * var(--rd-zoom));
font-variation-settings: 'wght' 350;
}
.rd-schritt-symbol {
width: calc(46px * var(--rd-zoom));
height: calc(46px * var(--rd-zoom));
display: block;
color: var(--rd-text);
}
.rd-schritt-scheibe-voll {
background: var(--rd-gelb);
border-color: var(--rd-gelb);
}
.rd-schritt-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(1.55rem * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-text);
margin: calc(29px * var(--rd-zoom)) 0 0;
}
.rd-schritt-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.18rem * var(--rd-zoom));
line-height: 1.64;
color: var(--rd-text-grau);
max-width: calc(255px * var(--rd-zoom));
margin: calc(15px * var(--rd-zoom)) 0 0;
}
.rd-schritt-pfeil {
display: none;
}
.rd-ansatz-aktion {
display: flex;
justify-content: center;
margin-top: calc(71px * var(--rd-zoom));
}
.rd-gratis {
position: relative;
--rd-wellenfarbe: var(--rd-creme);
overflow: hidden;
background: var(--rd-gelb-hell);
padding: calc(98px * var(--rd-zoom)) 0 calc(188px * var(--rd-zoom));
}
.rd-marke {
display: block;
width: fit-content;
margin: 0 auto calc(19px * var(--rd-zoom));
padding: calc(13px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
border-radius: 999px;
background: var(--rd-gelb);
color: var(--rd-text);
font-family: var(--rd-sans-fett);
font-size: calc(1rem * var(--rd-zoom));
letter-spacing: .06em;
line-height: 1;
text-transform: uppercase;
}
.rd-freebies {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: calc(41px * var(--rd-zoom));
align-items: start;
max-width: calc(1400px * var(--rd-zoom));
margin: calc(68px * var(--rd-zoom)) auto 0;
padding: 0;
list-style: none;
}
.rd-freebie-gelb {
--akzent: var(--rd-gelb);
--akzent-flaeche: #FFF9EA;
--akzent-schrift: var(--rd-braun);
--akzent-auf-scheibe: var(--rd-braun);
}
.rd-freebie-tuerkis {
--akzent: var(--rd-tuerkis);
--akzent-flaeche: #EAF8FB;
--akzent-schrift: var(--rd-tuerkis-dunkel);
--akzent-auf-scheibe: var(--rd-weiss);
}
.rd-freebie-braun {
--akzent: var(--rd-braun);
--akzent-flaeche: #F6F3EA;
--akzent-schrift: var(--rd-braun);
--akzent-auf-scheibe: var(--rd-weiss);
}
.rd-freebie {
display: flex;
flex-direction: column;
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
padding: calc(44px * var(--rd-zoom)) calc(46px * var(--rd-zoom)) calc(72px * var(--rd-zoom));
}
.rd-freebie-label {
font-family: var(--rd-sans-fett);
font-size: calc(.9rem * var(--rd-zoom));
letter-spacing: .14em;
text-transform: uppercase;
color: var(--akzent-schrift);
margin: 0 0 calc(14px * var(--rd-zoom));
}
.rd-freebie-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(1.86rem * var(--rd-zoom));
line-height: 1.22;
color: var(--rd-text);
margin: 0 0 calc(19px * var(--rd-zoom));
}
.rd-freebie-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.25rem * var(--rd-zoom));
line-height: 1.55;
color: var(--rd-text-grau);
margin: 0 0 calc(30px * var(--rd-zoom));
}
.rd-freebie-aktion {
display: flex;
align-items: center;
gap: calc(20px * var(--rd-zoom));
margin-top: auto;
padding: calc(16px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
border-radius: calc(18px * var(--rd-zoom));
background: var(--akzent-flaeche);
transition: transform .15s ease;
}
.rd-freebie-aktion:hover {
transform: translateY(-2px);
}
button.rd-freebie-aktion {
width: 100%;
border: 0;
font: inherit;
text-align: left;
cursor: pointer;
color: inherit;
}
.rd-freebie-aktion:focus-visible {
outline: 3px solid var(--akzent-schrift);
outline-offset: 3px;
}
.rd-freebie-scheibe {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: calc(57px * var(--rd-zoom));
height: calc(57px * var(--rd-zoom));
border-radius: 50%;
background: var(--akzent);
color: var(--akzent-auf-scheibe);
font-size: calc(28px * var(--rd-zoom));
}
.rd-freebie-worte {
display: flex;
flex-direction: column;
gap: calc(4px * var(--rd-zoom));
min-width: 0;
}
.rd-freebie-worte strong {
font-family: var(--rd-sans-fett);
font-size: calc(1.22rem * var(--rd-zoom));
line-height: 1.2;
color: var(--akzent-schrift);
}
.rd-freebie-worte small {
font-family: var(--rd-sans-leicht);
font-size: calc(1.01rem * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text-grau);
}
.rd-stimmen {
position: relative;
--rd-wellenfarbe: var(--rd-gelb);
overflow: hidden;
background: var(--rd-creme);
padding: calc(150px * var(--rd-zoom)) 0 calc(130px * var(--rd-zoom));
}
.rd-stimmen-live {
max-width: calc(1400px * var(--rd-zoom));
margin: calc(87px * var(--rd-zoom)) auto 0;
}
.rd-stimmen-fest {
text-align: center;
margin: calc(40px * var(--rd-zoom)) 0 0;
}
.rd-stimmen-fest[hidden] {
display: none;
}
.rd-stimmen-fest a {
font-family: var(--rd-sans);
font-size: calc(1.15rem * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
}
.rd-stimmen-live .es-embed-root,
.rd-stimmen-live .es-embed-root * {
font-family: var(--rd-sans-leicht) !important;
}
.rd-stimmen-live .es-widget-title-container {
display: none !important;
}
.rd-stimmen-live .es-header-container {
background: none !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 0 calc(34px * var(--rd-zoom)) !important;
}
.rd-stimmen-live .es-rating-value {
font-family: var(--rd-sans-fett) !important;
font-weight: 400 !important;
font-size: calc(1.5rem * var(--rd-zoom)) !important;
color: var(--rd-text) !important;
}
.rd-stimmen-live .es-rating-item-filled svg path,
.rd-stimmen-live .es-rating-stars-item-filled svg path {
fill: var(--rd-gelb) !important;
stroke: var(--rd-gelb) !important;
}
.rd-stimmen-live .es-header-text-with-source-text {
font-size: calc(1.05rem * var(--rd-zoom)) !important;
color: var(--rd-text-grau) !important;
}
.rd-stimmen-live .es-header-write-review-button {
background: var(--rd-gelb) !important;
border-radius: 999px !important;
box-shadow: none !important;
}
.rd-stimmen-live .es-header-write-review-button .es-button-base-ellipsis {
font-family: var(--rd-sans-fett) !important;
font-weight: 400 !important;
font-size: calc(1rem * var(--rd-zoom)) !important;
color: var(--rd-text) !important;
}
.rd-stimmen-live .es-review-background-container {
position: relative;
background: var(--rd-weiss) !important;
border: 0 !important;
border-radius: var(--rd-radius-karte) !important;
box-shadow: var(--rd-schatten-karte) !important;
padding: calc(32px * var(--rd-zoom)) !important;
flex-direction: column-reverse !important;
justify-content: flex-end !important;
}
.rd-stimmen-live *:has(> .es-review-background-container) {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: var(--rd-radius-karte) !important;
overflow: visible !important;
}
.rd-stimmen-live .es-review-author-block-container {
margin: calc(22px * var(--rd-zoom)) 0 0 !important;
}
.rd-stimmen-live .es-review-author-block-avatar-link,
.rd-stimmen-live .es-review-avatar-container {
display: none !important;
}
.rd-stimmen-live .es-review-background-container::after {
content: '\201D';
position: absolute;
right: calc(22px * var(--rd-zoom));
bottom: calc(-14px * var(--rd-zoom));
z-index: 0;
font-family: var(--rd-slab);
font-size: calc(112px * var(--rd-zoom));
line-height: 1;
color: var(--rd-gelb);
opacity: .28;
pointer-events: none;
}
.rd-stimmen-live .es-review-background-container > * {
position: relative;
z-index: 1;
}
.rd-stimmen-live .es-review-author-name {
font-family: var(--rd-sans-fett) !important;
font-weight: 400 !important;
font-size: calc(1.12rem * var(--rd-zoom)) !important;
color: var(--rd-text) !important;
}
.rd-stimmen-live .es-review-info-date {
font-size: calc(.95rem * var(--rd-zoom)) !important;
color: var(--rd-text-grau) !important;
}
.rd-stimmen-live .es-text-shortener {
font-size: calc(1.12rem * var(--rd-zoom)) !important;
color: var(--rd-text) !important;
}
.rd-stimmen-live .es-text-shortener-control {
font-family: var(--rd-sans) !important;
color: var(--rd-tuerkis-dunkel) !important;
}
.rd-stimmen-live .es-carousel-arrow-control {
background: var(--rd-weiss) !important;
box-shadow: var(--rd-schatten-karte) !important;
color: var(--rd-text) !important;
}
.rd-stimmen-live .es-carousel-arrow-control svg path {
fill: currentColor !important;
stroke: currentColor !important;
}
.rd-stimmen-live .es-bullets-control-item {
background: rgba(27, 27, 27, .22) !important;
}
.rd-stimmen-live .es-bullets-control-item-active {
background: var(--rd-gelb) !important;
}
.rd-abschluss {
position: relative;
overflow: hidden;
background: var(--rd-gelb);
--rd-wellenfarbe: var(--rd-gelb-hell);
padding: calc(150px * var(--rd-zoom)) 0 calc(152px * var(--rd-zoom));
text-align: center;
}
.rd-blob-abschluss {
left: calc(-190px * var(--rd-zoom));
bottom: calc(-210px * var(--rd-zoom));
width: calc(560px * var(--rd-zoom));
height: calc(560px * var(--rd-zoom));
background: rgba(255, 255, 255, .14);
}
.rd-abschluss-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(2rem, calc(30px + 1.67vw), 4rem) * var(--rd-zoom));
line-height: 1.18;
color: var(--rd-text);
margin: 0 0 calc(30px * var(--rd-zoom));
}
.rd-abschluss-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.25rem * var(--rd-zoom));
line-height: 1.62;
max-width: calc(640px * var(--rd-zoom));
margin: 0 auto calc(55px * var(--rd-zoom));
color: var(--rd-text);
}
.rd-fuss {
background: var(--rd-gelb-hell);
padding-bottom: calc(32px * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-newsletter {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(40px * var(--rd-zoom));
max-width: calc(960px * var(--rd-zoom));
margin: calc(-57px * var(--rd-zoom)) auto 0;
padding: calc(30px * var(--rd-zoom)) calc(46px * var(--rd-zoom)) calc(30px * var(--rd-zoom)) calc(59px * var(--rd-zoom));
border-radius: calc(24px * var(--rd-zoom));
background: linear-gradient(90deg, #E9F9FC 0%, #BFEBF1 100%);
box-shadow: var(--rd-schatten-karte);
}
.rd-newsletter-marke {
font-family: var(--rd-sans-fett);
font-size: calc(.9rem * var(--rd-zoom));
letter-spacing: .14em;
text-transform: uppercase;
color: var(--rd-tuerkis-dunkel);
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-newsletter-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(1.86rem * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-newsletter-zeile {
font-family: var(--rd-sans-leicht);
font-size: calc(1.08rem * var(--rd-zoom));
line-height: 1.4;
color: var(--rd-text-grau);
margin: 0;
}
.rd-newsletter .rd-btn {
flex: 0 0 auto;
}
.rd-newsletter-seite {
position: relative;
overflow: hidden;
min-height: calc(100vh - 100px);
display: grid;
place-items: center;
padding: calc(120px * var(--rd-zoom)) calc(24px * var(--rd-zoom));
background: var(--rd-creme);
}
.rd-newsletter-seite .rd-blob { opacity: .55; }
.rd-newsletter-karte {
position: relative;
z-index: 1;
width: min(100%, calc(620px * var(--rd-zoom)));
padding: calc(54px * var(--rd-zoom));
border-radius: calc(28px * var(--rd-zoom));
background: #fff;
box-shadow: var(--rd-schatten-karte);
}
.rd-newsletter-einleitung,
.rd-newsletter-hinweis {
font-family: var(--rd-sans-leicht);
line-height: 1.6;
color: var(--rd-text-grau);
}
.rd-newsletter-einleitung { margin: 0 auto calc(30px * var(--rd-zoom)); text-align: center; }
.rd-newsletter-hinweis { margin: calc(20px * var(--rd-zoom)) 0 0; font-size: calc(.92rem * var(--rd-zoom)); }
.rd-newsletter-form { display: flex; flex-direction: column; gap: calc(16px * var(--rd-zoom)); }
.rd-newsletter-feld { display: flex; flex-direction: column; gap: calc(7px * var(--rd-zoom)); font-family: var(--rd-sans-fett); color: var(--rd-text); }
.rd-newsletter-feld input { width: 100%; padding: calc(13px * var(--rd-zoom)) calc(15px * var(--rd-zoom)); border: 1px solid #b8b1a3; border-radius: calc(8px * var(--rd-zoom)); font: inherit; }
.rd-newsletter-feld input:focus { outline: 3px solid rgba(0, 174, 197, .28); border-color: var(--rd-tuerkis); }
.rd-newsletter-haken { display: flex; align-items: flex-start; gap: calc(10px * var(--rd-zoom)); font-family: var(--rd-sans-leicht); font-size: calc(.93rem * var(--rd-zoom)); line-height: 1.45; color: var(--rd-text-grau); }
.rd-newsletter-haken input { margin-top: .2em; accent-color: var(--rd-tuerkis); }
.rd-newsletter-meldung { margin: 0; line-height: 1.45; color: var(--rd-text-grau); }
.rd-newsletter-meldung[data-art="gut"] { color: #176c39; }
.rd-newsletter-meldung[data-art="schlecht"] { color: #a32218; }
.rd-fuss-raster {
display: grid;
grid-template-columns: 1.05fr .75fr 1.6fr;
gap: calc(40px * var(--rd-zoom));
padding: calc(64px * var(--rd-zoom)) 0 calc(38px * var(--rd-zoom));
}
.rd-fuss-logo {
height: calc(55px * var(--rd-zoom));
width: auto;
display: block;
margin-bottom: calc(20px * var(--rd-zoom));
}
.rd-fuss-adresse {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-fuss-kontakt {
display: flex;
align-items: center;
gap: calc(12px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-text);
margin-bottom: calc(14px * var(--rd-zoom));
}
.rd-fuss-scheibe {
flex: 0 0 auto;
display: grid;
place-items: center;
width: calc(34px * var(--rd-zoom));
height: calc(34px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-gelb);
color: var(--rd-braun);
font-size: calc(19px * var(--rd-zoom));
}
.rd-fuss-titel {
font-family: var(--rd-sans-fett);
font-weight: 400;
font-size: calc(1.15rem * var(--rd-zoom));
color: var(--rd-text);
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-fuss-spalte ul {
list-style: none;
margin: 0;
padding: 0;
}
.rd-fuss-spalte li {
margin-bottom: calc(14px * var(--rd-zoom));
}
.rd-fuss-spalte a {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-fuss-spalte a:hover {
color: var(--rd-text);
}
.rd-fuss-insta p {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
margin: 0 0 calc(22px * var(--rd-zoom));
max-width: calc(640px * var(--rd-zoom));
}
.rd-insta-knopf {
display: inline-flex;
align-items: center;
gap: calc(12px * var(--rd-zoom));
padding: calc(11px * var(--rd-zoom)) calc(24px * var(--rd-zoom)) calc(11px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
border-radius: 999px;
background: var(--rd-gelb);
color: var(--rd-braun);
font-family: var(--rd-sans);
font-size: calc(1.05rem * var(--rd-zoom));
transition: background-color .15s ease;
}
.rd-insta-knopf:hover {
background: var(--rd-gelb-dunkel);
}
.rd-insta-zeichen {
width: calc(24px * var(--rd-zoom));
height: calc(24px * var(--rd-zoom));
display: block;
flex: 0 0 auto;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
}
.rd-fuss-zeile {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: calc(16px * var(--rd-zoom));
padding-top: calc(28px * var(--rd-zoom));
border-top: 1px solid #E6DDC8;
font-family: var(--rd-sans-leicht);
font-size: calc(.95rem * var(--rd-zoom));
}
.rd-fuss-zeile p {
margin: 0;
}
.rd-fuss-recht {
display: flex;
flex-wrap: wrap;
gap: calc(28px * var(--rd-zoom));
list-style: none;
margin: 0;
padding: 0;
}
.rd-fuss-recht a {
color: var(--rd-text-grau);
}
.rd-fuss-recht a:hover {
color: var(--rd-text);
}
.rd-schmal {
max-width: calc(930px * var(--rd-zoom));
}
.rd-fliess {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1rem, calc(15.9px + .423vw), 1.5rem) * var(--rd-zoom));
line-height: 1.62;
color: var(--rd-text-grau);
margin: 0 0 calc(26px * var(--rd-zoom));
}
.rd-fliess:last-child {
margin-bottom: 0;
}
.rd-fliess strong {
color: var(--rd-text);
}
.rd-marker {
background: #FDECBA;
color: var(--rd-text);
font-family: var(--rd-sans-fett);
font-weight: 400;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
padding: 0 .12em;
border-radius: calc(3px * var(--rd-zoom));
}
.rd-marker-tuerkis {
background: var(--rd-tuerkis-hell);
}
.rd-karte-weiss {
display: block;
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
padding: calc(38px * var(--rd-zoom)) calc(42px * var(--rd-zoom));
}
.rd-karte-breit {
margin-top: calc(76px * var(--rd-zoom));
padding: calc(46px * var(--rd-zoom)) calc(52px * var(--rd-zoom));
}
.rd-karte-weiss-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(1.85rem * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-text);
margin: 0 0 calc(22px * var(--rd-zoom));
}
.rd-karte-weiss-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(1.2rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: calc(-8px * var(--rd-zoom)) 0 calc(20px * var(--rd-zoom));
}
.rd-funkenliste {
list-style: none;
margin: 0;
padding: 0;
}
.rd-funkenliste li {
position: relative;
padding-left: calc(36px * var(--rd-zoom));
font-family: var(--rd-sans-leicht);
font-size: calc(1.2rem * var(--rd-zoom));
line-height: 1.55;
color: var(--rd-text-grau);
}
.rd-funkenliste li + li {
margin-top: calc(16px * var(--rd-zoom));
}
@supports ((-webkit-mask: url('')) or (mask: url(''))) {
.rd-funkenliste li::before {
content: '';
position: absolute;
left: 0;
top: calc(6px * var(--rd-zoom));
width: calc(20px * var(--rd-zoom));
height: calc(20px * var(--rd-zoom));
background: var(--rd-gelb);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 8 4 11 12 12-8 1-11 4-12 12-1-8-4-11-12-12 8-1 11-4 12-12Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 8 4 11 12 12-8 1-11 4-12 12-1-8-4-11-12-12 8-1 11-4 12-12Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
}
.rd-hallo {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb-hell);
padding: calc(60px * var(--rd-zoom)) 0 calc(165px * var(--rd-zoom));
background: var(--rd-creme);
}
.rd-hallo-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 616fr) minmax(0, 859fr);
align-items: center;
gap: calc(clamp(20px, 1.25vw, 24px) * var(--rd-zoom));
}
.rd-hallo-bild {
position: relative;
margin: 0;
justify-self: stretch;
margin-left: clamp(calc(-133px * var(--rd-zoom)), calc((var(--rd-container) - 100vw) / 2), 0px);
}
.rd-hallo-bild .rd-bewertung {
left: auto;
right: 4%;
bottom: 6%;
}
.rd-hallo-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(2rem, calc(23.2px + 2.85vw), 4.9rem) * var(--rd-zoom));
line-height: 1.12;
color: var(--rd-text);
margin: 0 0 calc(34px * var(--rd-zoom));
}
.rd-hallo-fliess {
font-family: var(--rd-sans-leicht);
font-size: calc(1.375rem * var(--rd-zoom));
line-height: 1.72;
color: var(--rd-text-grau);
max-width: calc(860px * var(--rd-zoom));
margin: 0 0 calc(24px * var(--rd-zoom));
}
.rd-hallo-fliess strong {
color: var(--rd-text);
}
.rd-hallo-text .rd-signatur-name {
margin-top: calc(38px * var(--rd-zoom));
}
.rd-bekannt {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-creme);
background: var(--rd-gelb-hell);
padding: calc(110px * var(--rd-zoom)) 0 calc(150px * var(--rd-zoom));
}
.rd-zitat {
position: relative;
max-width: calc(874px * var(--rd-zoom));
background: linear-gradient(160deg, var(--rd-gelb) 0%, var(--rd-gelb-dunkel) 100%);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
margin: calc(56px * var(--rd-zoom)) auto;
padding: calc(40px * var(--rd-zoom)) calc(56px * var(--rd-zoom)) calc(44px * var(--rd-zoom));
text-align: center;
}
.rd-zitat-funke {
position: absolute;
left: calc(34px * var(--rd-zoom));
top: calc(24px * var(--rd-zoom));
font-size: calc(42px * var(--rd-zoom));
font-variation-settings: 'FILL' 1;
color: var(--rd-weiss);
}
.rd-zitat-gross .rd-zitat-funke {
left: auto;
right: calc(34px * var(--rd-zoom));
}
.rd-zitat-vorspann {
font-family: var(--rd-sans-fett);
font-size: calc(.95rem * var(--rd-zoom));
color: #7A6114;
margin: 0 0 calc(16px * var(--rd-zoom));
}
.rd-zitat-satz {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(2.56rem * var(--rd-zoom));
line-height: 1.3;
color: var(--rd-text);
margin: 0;
}
.rd-zitat-gross {
max-width: calc(1049px * var(--rd-zoom));
margin-left: calc(-88px * var(--rd-zoom));
margin-right: calc(-88px * var(--rd-zoom));
padding: calc(46px * var(--rd-zoom)) calc(64px * var(--rd-zoom)) calc(52px * var(--rd-zoom));
}
.rd-zitat-gross .rd-zitat-satz {
font-size: calc(2.7rem * var(--rd-zoom));
}
.rd-glaube {
position: relative;
overflow: hidden;
background: var(--rd-creme);
padding: calc(120px * var(--rd-zoom)) 0 calc(130px * var(--rd-zoom));
}
.rd-blob-glaube {
left: calc(-260px * var(--rd-zoom));
top: calc(310px * var(--rd-zoom));
width: calc(560px * var(--rd-zoom));
height: calc(560px * var(--rd-zoom));
background: rgba(0, 174, 197, .10);
}
.rd-glaube-satz {
position: relative;
z-index: 1;
max-width: calc(1220px * var(--rd-zoom));
margin: 0 auto;
text-align: center;
}
.rd-glaube-nicht {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.3rem, calc(11px + 1.24vw), 2.3rem) * var(--rd-zoom));
line-height: 1.35;
color: #B9B6AE;
margin: calc(22px * var(--rd-zoom)) 0 0;
}
.rd-glaube-trenner {
display: flex;
align-items: center;
justify-content: center;
gap: calc(22px * var(--rd-zoom));
margin: calc(34px * var(--rd-zoom)) 0 calc(40px * var(--rd-zoom));
color: var(--rd-gelb);
}
.rd-glaube-trenner::before,
.rd-glaube-trenner::after {
content: '';
width: calc(130px * var(--rd-zoom));
height: 1px;
background: #E7DCC2;
}
.rd-glaube-trenner .material-symbols-outlined {
font-size: calc(34px * var(--rd-zoom));
font-variation-settings: 'FILL' 1;
}
.rd-glaube-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.8rem, calc(20px + 2.4vw), 4.2rem) * var(--rd-zoom));
line-height: 1.28;
color: var(--rd-text);
margin: 0;
}
.rd-punkte {
position: relative;
z-index: 1;
list-style: none;
max-width: calc(940px * var(--rd-zoom));
margin: calc(96px * var(--rd-zoom)) auto 0;
padding: 0;
}
.rd-punkt {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: calc(34px * var(--rd-zoom));
align-items: start;
}
.rd-punkt + .rd-punkt {
margin-top: calc(64px * var(--rd-zoom));
}
.rd-punkt-scheibe {
display: flex;
align-items: center;
justify-content: center;
width: calc(72px * var(--rd-zoom));
height: calc(72px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-gelb);
color: var(--rd-text);
font-size: calc(36px * var(--rd-zoom));
box-shadow: 0 0 30px rgba(253, 198, 23, .45);
}
.rd-punkt-scheibe-tuerkis {
background: var(--rd-tuerkis);
color: var(--rd-weiss);
font-variation-settings: 'FILL' 1;
box-shadow: 0 0 30px rgba(0, 174, 197, .35);
}
.rd-punkt-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(2.46rem * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-text);
margin: calc(6px * var(--rd-zoom)) 0 calc(18px * var(--rd-zoom));
}
.rd-punkt-text p {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1rem, calc(15.9px + .423vw), 1.5rem) * var(--rd-zoom));
line-height: 1.62;
color: var(--rd-text-grau);
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-punkt-text p:last-child {
margin-bottom: 0;
}
.rd-mut {
background: var(--rd-gelb-hell);
padding: calc(96px * var(--rd-zoom)) 0 calc(104px * var(--rd-zoom));
}
.rd-mut .rd-container {
max-width: calc(1296px * var(--rd-zoom));
}
.rd-mut-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.7rem, calc(27px + 1.41vw), 3.4rem) * var(--rd-zoom));
line-height: 1.22;
color: var(--rd-text);
max-width: calc(920px * var(--rd-zoom));
margin: calc(10px * var(--rd-zoom)) 0 calc(44px * var(--rd-zoom));
}
.rd-mut-spalten {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(clamp(40px, 4vw, 90px) * var(--rd-zoom));
}
.rd-mut-spalten p {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1rem, calc(15.9px + .423vw), 1.5rem) * var(--rd-zoom));
line-height: 1.62;
color: var(--rd-text-grau);
margin: 0 0 calc(22px * var(--rd-zoom));
}
.rd-mut-spalten p:last-child {
margin-bottom: 0;
}
.rd-motivation {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb-hell);
background: var(--rd-creme);
padding: calc(110px * var(--rd-zoom)) 0 calc(165px * var(--rd-zoom));
}
.rd-privat {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-creme);
background: var(--rd-gelb-hell);
padding: calc(120px * var(--rd-zoom)) 0 calc(150px * var(--rd-zoom));
}
.rd-blob-privat {
right: calc(-180px * var(--rd-zoom));
top: calc(90px * var(--rd-zoom));
width: calc(520px * var(--rd-zoom));
height: calc(520px * var(--rd-zoom));
background: rgba(0, 174, 197, .09);
}
.rd-privat-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 604fr) minmax(0, 827fr);
gap: calc(69px * var(--rd-zoom));
align-items: center;
}
.rd-privat-bild {
position: relative;
margin: 0;
margin-left: clamp(calc(-112px * var(--rd-zoom)), calc((var(--rd-container) - 100vw) / 2), 0px);
}
.rd-privat-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.7rem, calc(27px + 1.41vw), 3.4rem) * var(--rd-zoom));
line-height: 1.22;
color: var(--rd-text);
margin: calc(10px * var(--rd-zoom)) 0 calc(28px * var(--rd-zoom));
}
.rd-privat-text .rd-karte-weiss {
margin-top: calc(34px * var(--rd-zoom));
}
.rd-lernen {
background: var(--rd-creme);
padding: calc(110px * var(--rd-zoom)) 0 calc(40px * var(--rd-zoom));
}
.rd-lernkarte {
position: relative;
overflow: hidden;
max-width: calc(1249px * var(--rd-zoom));
margin: 0 auto;
background: linear-gradient(155deg, var(--rd-gelb) 0%, var(--rd-gelb-dunkel) 100%);
border-radius: calc(40px * var(--rd-zoom));
box-shadow: var(--rd-schatten-karte);
padding: calc(72px * var(--rd-zoom)) calc(80px * var(--rd-zoom)) calc(78px * var(--rd-zoom));
text-align: center;
}
.rd-lernkarte-blase {
position: absolute;
left: calc(-90px * var(--rd-zoom));
top: calc(-120px * var(--rd-zoom));
width: calc(360px * var(--rd-zoom));
height: calc(360px * var(--rd-zoom));
border-radius: 50%;
background: rgba(255, 255, 255, .14);
pointer-events: none;
}
.rd-lernkarte-blase-rechts {
left: auto;
top: auto;
right: calc(-110px * var(--rd-zoom));
bottom: calc(-150px * var(--rd-zoom));
width: calc(400px * var(--rd-zoom));
height: calc(400px * var(--rd-zoom));
background: rgba(255, 255, 255, .10);
}
.rd-lernkarte-titel {
position: relative;
z-index: 1;
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.9rem, calc(24px + 2.05vw), 4rem) * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
margin: 0 0 calc(26px * var(--rd-zoom));
}
.rd-lernkarte-text {
position: relative;
z-index: 1;
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1rem, calc(15.9px + .423vw), 1.5rem) * var(--rd-zoom));
line-height: 1.62;
color: #4A3B08;
max-width: calc(830px * var(--rd-zoom));
margin: 0 auto calc(22px * var(--rd-zoom));
}
.rd-lernkarte-text:last-of-type {
margin-bottom: calc(40px * var(--rd-zoom));
}
.rd-lernkarte .rd-btn {
position: relative;
z-index: 1;
}
.rd-werdegang {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb);
background: linear-gradient(180deg, var(--rd-creme) 0%, var(--rd-gelb-hell) 100%);
padding: calc(110px * var(--rd-zoom)) 0 calc(160px * var(--rd-zoom));
}
.rd-stationen {
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
max-width: calc(1287px * var(--rd-zoom));
margin: calc(78px * var(--rd-zoom)) auto 0;
padding: 0;
list-style: none;
}
.rd-stationen-linie {
top: calc(50px * var(--rd-zoom));
}
.rd-station {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.rd-station-scheibe {
flex-direction: column;
width: calc(100px * var(--rd-zoom));
height: calc(100px * var(--rd-zoom));
line-height: 1;
}
.rd-station-scheibe.material-symbols-outlined {
font-size: calc(42px * var(--rd-zoom));
font-variation-settings: 'wght' 350;
}
.rd-station-zahl {
font-family: var(--rd-slab);
font-size: calc(1.62rem * var(--rd-zoom));
color: var(--rd-text);
}
.rd-station-einheit {
font-family: var(--rd-sans-fett);
font-size: calc(.82rem * var(--rd-zoom));
color: var(--rd-text);
margin-top: calc(3px * var(--rd-zoom));
}
.rd-station-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.2rem * var(--rd-zoom));
line-height: 1.55;
color: var(--rd-text-grau);
max-width: calc(260px * var(--rd-zoom));
margin: calc(26px * var(--rd-zoom)) 0 0;
}
.rd-ang-hero {
position: relative;
overflow: hidden;
background: var(--rd-creme);
padding: calc(108px * var(--rd-zoom)) 0 calc(104px * var(--rd-zoom));
}
.rd-ang-hero.rd-hero-knapp {
padding: calc(52px * var(--rd-zoom)) 0 calc(32px * var(--rd-zoom));
}
.rd-hero-knapp .rd-ang-titel {
margin-bottom: 0;
}
.rd-ang-hero-inner {
position: relative;
z-index: 1;
text-align: center;
}
.rd-blob-ang-gelb {
width: calc(660px * var(--rd-zoom));
height: calc(660px * var(--rd-zoom));
top: calc(40px * var(--rd-zoom));
right: calc(-170px * var(--rd-zoom));
background: rgba(253, 198, 23, .17);
}
.rd-blob-ang-tuerkis {
width: calc(660px * var(--rd-zoom));
height: calc(660px * var(--rd-zoom));
top: calc(420px * var(--rd-zoom));
left: calc(-250px * var(--rd-zoom));
background: rgba(0, 174, 197, .10);
}
.rd-ang-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(2.1rem, calc(26px + 2.55vw), 4.7rem) * var(--rd-zoom));
line-height: 1.07;
color: var(--rd-text);
margin: 0 0 calc(36px * var(--rd-zoom));
}
.rd-ang-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1.05rem, calc(17.6px + .385vw), 1.56rem) * var(--rd-zoom));
line-height: 1.72;
color: var(--rd-text-grau);
max-width: 42em;
margin: 0 auto calc(26px * var(--rd-zoom));
}
.rd-ang-lead-fett {
font-family: var(--rd-sans-fett);
font-size: calc(clamp(1.05rem, calc(16.8px + .333vw), 1.45rem) * var(--rd-zoom));
line-height: 1.5;
color: var(--rd-text);
max-width: 34em;
margin: 0 auto calc(44px * var(--rd-zoom));
}
.rd-mehrtext-knopf {
display: none;
border: 0;
background: none;
padding: 0;
font: inherit;
font-family: var(--rd-sans-fett);
color: var(--rd-text);
text-decoration: underline;
text-underline-offset: .18em;
cursor: pointer;
}
.rd-sprungmarken {
margin-bottom: 0;
}
.rd-sprungmarken li {
padding: 0;
border: 1px solid #E2E0DB;
box-shadow: var(--rd-schatten-pille);
}
.rd-sprungmarken li a {
display: flex;
align-items: center;
gap: calc(14px * var(--rd-zoom));
padding: calc(16px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
color: var(--rd-text);
font-family: var(--rd-sans);
}
.rd-sprungmarken li a .material-symbols-outlined {
font-size: calc(26px * var(--rd-zoom));
color: var(--rd-gelb-dunkel);
}
.rd-sprungmarken li:hover,
.rd-sprungmarken li:focus-within {
border-color: var(--rd-gelb);
}
.rd-leistung {
position: relative;
overflow: hidden;
}
.rd-leistung-standort {
--rd-wellenfarbe: var(--rd-gelb-hell);
background: var(--rd-creme);
padding: calc(20px * var(--rd-zoom)) 0 calc(165px * var(--rd-zoom));
}
.rd-leistung-pakete {
--rd-wellenfarbe: var(--rd-creme);
background: var(--rd-gelb-hell);
padding: calc(150px * var(--rd-zoom)) 0 calc(165px * var(--rd-zoom));
}
.rd-leistung-kopf {
display: flex;
align-items: center;
gap: calc(30px * var(--rd-zoom));
margin: 0 0 calc(28px * var(--rd-zoom));
}
.rd-leistung-ring {
flex: 0 0 auto;
display: grid;
place-items: center;
width: calc(82px * var(--rd-zoom));
height: calc(82px * var(--rd-zoom));
border-radius: var(--rd-maske-badge-journey);
border: calc(3px * var(--rd-zoom)) solid var(--rd-gelb);
background: var(--rd-weiss);
box-shadow: var(--rd-schatten-pille);
font-size: calc(38px * var(--rd-zoom));
color: var(--rd-text);
}
.rd-leistung-pakete .rd-leistung-ring {
border-radius: 50% 50% 42% 58%;
}
.rd-kurse .rd-leistung-ring {
border-radius: 42% 58% 50% 50%;
}
.rd-leistung-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.75rem, calc(28px + 1.51vw), 3.6rem) * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
margin: 0;
}
.rd-leistung-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(clamp(1rem, calc(16.5px + .333vw), 1.45rem) * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text-grau);
max-width: 62em;
margin: 0 0 calc(14px * var(--rd-zoom));
}
.rd-standort-karte {
display: grid;
grid-template-columns: minmax(0, 640fr) minmax(0, 598fr);
gap: calc(54px * var(--rd-zoom));
align-items: center;
max-width: calc(1400px * var(--rd-zoom));
margin: calc(58px * var(--rd-zoom)) auto 0;
padding: calc(62px * var(--rd-zoom));
border-radius: var(--rd-radius-karte-gross);
background: linear-gradient(135deg, #FDCC1E 0%, #FCC310 52%, #FBB901 100%);
box-shadow: 0 24px 60px rgba(180, 130, 0, .22);
}
.rd-standort-marke {
display: inline-block;
margin: 0 0 calc(22px * var(--rd-zoom));
padding: calc(10px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
border-radius: 999px;
background: var(--rd-braun);
color: #FFF3C8;
font-family: var(--rd-sans-fett);
font-size: calc(.86rem * var(--rd-zoom));
letter-spacing: .09em;
line-height: 1;
text-transform: uppercase;
}
.rd-standort-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.6rem, calc(24px + 1.25vw), 3rem) * var(--rd-zoom));
line-height: 1.15;
color: var(--rd-text);
margin: 0 0 calc(26px * var(--rd-zoom));
}
.rd-standort-fliess {
font-family: var(--rd-sans-leicht);
font-size: calc(1.13rem * var(--rd-zoom));
line-height: 1.66;
color: #3B2F00;
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-standort-ablauf-titel {
font-family: var(--rd-sans-fett);
font-size: calc(.9rem * var(--rd-zoom));
letter-spacing: .1em;
text-transform: uppercase;
color: var(--rd-braun);
margin: calc(30px * var(--rd-zoom)) 0 calc(18px * var(--rd-zoom));
}
.rd-ablauf {
display: grid;
gap: calc(16px * var(--rd-zoom));
margin: 0 0 calc(34px * var(--rd-zoom));
padding: 0;
list-style: none;
}
.rd-ablauf li {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: calc(16px * var(--rd-zoom));
align-items: start;
font-family: var(--rd-sans-leicht);
font-size: calc(1.08rem * var(--rd-zoom));
line-height: 1.5;
color: #3B2F00;
}
.rd-ablauf li strong {
font-family: var(--rd-sans-fett);
font-weight: 400;
color: var(--rd-text);
}
.rd-ablauf-zahl {
display: grid;
place-items: center;
width: calc(32px * var(--rd-zoom));
height: calc(32px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-braun);
color: var(--rd-gelb);
font-family: var(--rd-sans-fett);
font-size: calc(.95rem * var(--rd-zoom));
line-height: 1;
}
.rd-merkzeile {
display: flex;
flex-wrap: wrap;
gap: calc(14px * var(--rd-zoom));
margin: 0 0 calc(34px * var(--rd-zoom));
padding: 0;
list-style: none;
}
.rd-merkzeile li {
display: flex;
align-items: center;
gap: calc(10px * var(--rd-zoom));
padding: calc(11px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
border-radius: 999px;
background: rgba(255, 255, 255, .62);
color: var(--rd-braun);
font-family: var(--rd-sans);
font-size: calc(1rem * var(--rd-zoom));
}
.rd-merkzeile li .material-symbols-outlined {
font-size: calc(21px * var(--rd-zoom));
}
.rd-standort-fuss {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(30px * var(--rd-zoom));
}
.rd-preis {
font-family: var(--rd-slab);
font-size: calc(clamp(1.8rem, calc(26px + 1.02vw), 2.9rem) * var(--rd-zoom));
line-height: 1;
color: var(--rd-text);
margin: 0;
}
.rd-standort-bild {
margin: 0;
align-self: stretch;
}
.rd-standort-bild img {
width: 100%;
height: 100%;
min-height: calc(560px * var(--rd-zoom));
object-fit: cover;
border-radius: calc(26px * var(--rd-zoom));
box-shadow: 0 18px 40px rgba(120, 85, 0, .25);
}
.rd-kb-kalender {
margin-top: calc(10px * var(--rd-zoom));
}
.rd-kb-kal-kopf {
display: flex;
align-items: center;
justify-content: center;
gap: calc(14px * var(--rd-zoom));
margin: 0 0 calc(10px * var(--rd-zoom)) 0;
}
.rd-kb-kal-pfeil {
background: var(--rd-creme, #f6f1e7);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 50%;
width: calc(30px * var(--rd-zoom));
height: calc(30px * var(--rd-zoom));
cursor: pointer;
font-size: calc(18px * var(--rd-zoom));
line-height: 1;
color: #333;
}
.rd-kb-kal-pfeil:hover { background: #fbb900; }
.rd-kb-kal-woche {
font-size: calc(14px * var(--rd-zoom));
font-weight: 600;
color: #333;
}
.rd-kb-kal-raster {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: calc(6px * var(--rd-zoom));
}
.rd-kb-kal-tag {
background: var(--rd-creme, #f6f1e7);
border-radius: calc(8px * var(--rd-zoom));
padding: calc(8px * var(--rd-zoom));
min-height: calc(70px * var(--rd-zoom));
}
.rd-kb-kal-vergangen { opacity: 0.45; }
.rd-kb-kal-tagname {
margin: 0 0 calc(6px * var(--rd-zoom)) 0;
font-size: calc(12px * var(--rd-zoom));
font-weight: 600;
color: #555;
}
.rd-kb-kal-leer {
margin: 0;
font-size: calc(13px * var(--rd-zoom));
color: #999;
}
.rd-kb-kal-zeit {
display: block;
width: 100%;
margin-bottom: calc(5px * var(--rd-zoom));
padding: calc(6px * var(--rd-zoom));
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: calc(6px * var(--rd-zoom));
cursor: pointer;
font-size: calc(12px * var(--rd-zoom));
color: #333;
text-align: left;
}
.rd-kb-kal-zeit:hover { background: #fbb900; }
.rd-kb-kal-fenster {
margin-bottom: calc(6px * var(--rd-zoom));
padding: calc(5px * var(--rd-zoom));
border: 1px dashed rgba(0, 0, 0, 0.15);
border-radius: calc(6px * var(--rd-zoom));
}
.rd-kb-kal-spanne {
margin: 0 0 calc(4px * var(--rd-zoom));
font-size: calc(11px * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-kb-kal-zeit.rd-kb-kal-beginn {
display: inline-block;
width: auto;
margin: 0 calc(3px * var(--rd-zoom)) calc(3px * var(--rd-zoom)) 0;
padding: calc(3px * var(--rd-zoom)) calc(6px * var(--rd-zoom));
}
@media (max-width: 760px) {
.rd-kb-kal-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.rd-pakete-live {
margin-top: calc(58px * var(--rd-zoom));
}
.rd-pakete-live .rd-kursliste-lead {
margin-bottom: calc(24px * var(--rd-zoom));
}
.rd-pakete-hinweis {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: calc(24px * var(--rd-zoom));
max-width: calc(760px * var(--rd-zoom));
margin-top: calc(40px * var(--rd-zoom));
}
.rd-pakete-hinweis p {
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-braun);
}
.rd-kurse {
position: relative;
--rd-wellenfarbe: var(--rd-creme);
overflow: hidden;
background: var(--rd-creme);
padding: calc(150px * var(--rd-zoom)) 0 calc(165px * var(--rd-zoom));
}
.rd-kursspalten {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(80px * var(--rd-zoom));
max-width: calc(1448px * var(--rd-zoom));
margin: calc(52px * var(--rd-zoom)) auto 0;
}
.rd-kursspalte-titel {
font-family: var(--rd-sans-fett);
font-weight: 400;
font-size: calc(1.45rem * var(--rd-zoom));
line-height: 1.35;
color: var(--rd-text);
margin: 0 0 calc(26px * var(--rd-zoom));
}
.rd-kursspalte-liste {
display: grid;
gap: calc(22px * var(--rd-zoom));
margin: 0;
padding: 0;
}
.rd-kursliste-leer {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: 0;
}
.rd-kurskachel {
position: relative;
display: flex;
align-items: stretch;
gap: calc(18px * var(--rd-zoom));
border-radius: calc(20px * var(--rd-zoom));
padding: calc(22px * var(--rd-zoom)) calc(26px * var(--rd-zoom)) calc(22px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
box-shadow: 0 10px 26px rgba(120, 95, 20, .09);
background: var(--zeilengrund);
overflow: hidden;
cursor: pointer;
transition: transform .2s ease, box-shadow .2s ease;
}
.rd-kurskachel:hover {
transform: translateY(calc(-3px * var(--rd-zoom)));
box-shadow: 0 16px 34px rgba(120, 95, 20, .14);
}
.rd-kurskachel-gesperrt {
cursor: default;
opacity: .78;
}
.rd-kurskachel-gesperrt:hover {
transform: none;
box-shadow: 0 10px 26px rgba(120, 95, 20, .09);
}
.rd-kurskachel::before {
content: "";
position: absolute;
top: 50%;
right: calc(-90px * var(--rd-zoom));
width: calc(260px * var(--rd-zoom));
height: calc(260px * var(--rd-zoom));
border-radius: 50%;
background: var(--zeilenscheibe);
transform: translateY(-50%);
pointer-events: none;
}
.rd-kurskachel-gelb {
--zeilengrund: linear-gradient(115deg, #FEDC63 0%, #FDC722 100%);
--zeilenscheibe: rgba(255, 255, 255, .28);
--zeilenmarke: #7A5E00;
}
.rd-kurskachel-gelbhell {
--zeilengrund: #FFF5DA;
--zeilenscheibe: rgba(255, 255, 255, .7);
--zeilenmarke: #8A6A00;
}
.rd-kurskachel-tuerkis {
--zeilengrund: var(--rd-tuerkis-hell);
--zeilenscheibe: rgba(255, 255, 255, .6);
--zeilenmarke: var(--rd-tuerkis-dunkel);
}
.rd-kurskachel-rosa {
--zeilengrund: #FBE2DE;
--zeilenscheibe: rgba(255, 255, 255, .55);
--zeilenmarke: #B5432E;
}
.rd-kurskachel-inhalt {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
.rd-kurskachel-seite {
position: relative;
flex: none;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
gap: calc(12px * var(--rd-zoom));
}
.rd-kurskachel-label {
font-family: var(--rd-sans-fett);
font-size: calc(.82rem * var(--rd-zoom));
letter-spacing: .1em;
text-transform: uppercase;
color: var(--zeilenmarke);
margin: 0 0 calc(6px * var(--rd-zoom));
}
.rd-kurskachel-titel {
font-family: var(--rd-sans-fett);
font-weight: 400;
font-size: calc(1.3rem * var(--rd-zoom));
line-height: 1.3;
color: var(--zeilenmarke);
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-kurskachel-termine {
display: grid;
gap: calc(4px * var(--rd-zoom));
margin: 0;
padding: 0;
list-style: none;
}
.rd-kurskachel-termine li,
.rd-kurskachel-frist,
.rd-kurskachel-plaetze {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(6px * var(--rd-zoom)) calc(8px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1rem * var(--rd-zoom));
line-height: 1.4;
color: #4A4A46;
margin: 0;
}
.rd-kurskachel-ikon {
display: flex;
font-size: calc(17px * var(--rd-zoom));
color: var(--zeilenmarke);
}
.rd-kurskachel-termine li .rd-kurskachel-ikon + span {
margin-right: calc(8px * var(--rd-zoom));
}
.rd-kurskachel-weitere,
.rd-kurskachel .booking-description {
font-family: var(--rd-sans-leicht);
font-size: calc(1rem * var(--rd-zoom));
line-height: 1.55;
color: #4A4A46;
margin: calc(8px * var(--rd-zoom)) 0 0;
}
.rd-kurskachel .desc-toggle {
display: inline-block;
border: 0;
background: none;
padding: 0;
margin-left: calc(4px * var(--rd-zoom));
font: inherit;
font-family: var(--rd-sans-fett);
color: var(--zeilenmarke);
cursor: pointer;
}
.rd-kurskachel-frist,
.rd-kurskachel-plaetze {
margin-top: calc(8px * var(--rd-zoom));
}
.rd-kurskachel .booking-mehr {
display: inline-block;
margin-top: calc(10px * var(--rd-zoom));
font-family: var(--rd-sans-fett);
font-size: calc(1rem * var(--rd-zoom));
color: var(--zeilenmarke);
text-decoration: underline;
text-underline-offset: 3px;
}
.rd-kurskachel .booking-price {
font-family: var(--rd-slab);
font-size: calc(1.45rem * var(--rd-zoom));
line-height: 1.2;
color: var(--zeilenmarke);
margin: 0;
white-space: nowrap;
}
.rd-kurskachel-pfeil {
display: flex;
align-items: center;
justify-content: center;
width: calc(44px * var(--rd-zoom));
height: calc(44px * var(--rd-zoom));
border: 0;
border-radius: 50%;
background: var(--rd-weiss);
color: var(--rd-text);
box-shadow: var(--rd-schatten-pille);
cursor: pointer;
transition: transform .15s ease;
}
.rd-kurskachel-pfeil .rd-kurskachel-ikon {
font-size: calc(20px * var(--rd-zoom));
color: inherit;
}
.rd-kurskachel-pfeil:hover {
transform: scale(1.06);
}
.rd-kurskachel-pfeil:focus-visible {
outline: 3px solid var(--zeilenmarke);
outline-offset: 3px;
}
.rd-kurskachel-gesperrt-text {
font-family: var(--rd-sans-fett);
font-size: calc(.9rem * var(--rd-zoom));
line-height: 1.3;
color: var(--zeilenmarke);
text-align: right;
max-width: calc(120px * var(--rd-zoom));
}
.rd-kurse-hinweis {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
text-align: center;
color: var(--rd-text-grau);
max-width: 40em;
margin: calc(52px * var(--rd-zoom)) auto calc(24px * var(--rd-zoom));
}
.rd-vertrauen {
position: relative;
--rd-wellenfarbe: var(--rd-gelb-hell);
overflow: hidden;
background: var(--rd-creme);
padding: calc(140px * var(--rd-zoom)) 0 calc(165px * var(--rd-zoom));
}
.rd-vertrauen-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 660fr) minmax(0, 760fr);
gap: calc(70px * var(--rd-zoom));
align-items: center;
}
.rd-vertrauen-bild {
position: relative;
margin: 0;
}
.rd-vertrauen-ring {
position: relative;
aspect-ratio: 1;
max-width: calc(560px * var(--rd-zoom));
margin: 0 auto;
border-radius: 50%;
border: calc(16px * var(--rd-zoom)) solid var(--rd-tuerkis-ring);
overflow: hidden;
background: var(--rd-tuerkis-hell);
}
.rd-vertrauen-ring img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
transform: scale(1.09);
}
.rd-vertrauen-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.75rem, calc(28px + 1.51vw), 3.6rem) * var(--rd-zoom));
line-height: 1.18;
color: var(--rd-text);
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-vertrauen-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(1.15rem * var(--rd-zoom));
line-height: 1.66;
color: var(--rd-text-grau);
margin: 0 0 calc(30px * var(--rd-zoom));
}
.rd-vertrauen .rd-stimmen-live {
max-width: none;
margin: 0;
}
.rd-vertrauen .rd-stimmen-fest {
text-align: left;
margin: calc(20px * var(--rd-zoom)) 0 0;
}
.rd-faq {
position: relative;
--rd-wellenfarbe: var(--rd-gelb);
overflow: hidden;
background: var(--rd-gelb-hell);
padding: calc(140px * var(--rd-zoom)) 0 calc(180px * var(--rd-zoom));
text-align: center;
}
.rd-faq-liste {
display: grid;
gap: calc(18px * var(--rd-zoom));
max-width: calc(1032px * var(--rd-zoom));
margin: calc(54px * var(--rd-zoom)) auto 0;
text-align: left;
}
.rd-faq-punkt {
background: var(--rd-weiss);
border-radius: calc(30px * var(--rd-zoom));
box-shadow: 0 10px 26px rgba(120, 95, 20, .08);
border-left: calc(6px * var(--rd-zoom)) solid transparent;
overflow: hidden;
}
.rd-faq-punkt[open] {
border-left-color: var(--rd-gelb-dunkel);
}
.rd-faq-punkt summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(24px * var(--rd-zoom));
padding: calc(24px * var(--rd-zoom)) calc(34px * var(--rd-zoom));
font-family: var(--rd-sans-fett);
font-size: calc(1.15rem * var(--rd-zoom));
line-height: 1.4;
color: var(--rd-text);
cursor: pointer;
list-style: none;
}
.rd-faq-punkt summary::-webkit-details-marker {
display: none;
}
.rd-faq-punkt summary::marker {
content: '';
}
@supports ((-webkit-mask: url('')) or (mask: url(''))) {
.rd-faq-punkt summary::after {
content: '';
flex: 0 0 auto;
width: calc(28px * var(--rd-zoom));
height: calc(28px * var(--rd-zoom));
background: var(--rd-gelb-dunkel);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform .18s ease;
}
}
.rd-faq-punkt[open] summary::after {
transform: rotate(180deg);
}
.rd-faq-antwort {
padding: 0 calc(34px * var(--rd-zoom)) calc(28px * var(--rd-zoom));
}
.rd-faq-antwort p {
font-family: var(--rd-sans-leicht);
font-size: calc(1.08rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text-grau);
margin: 0;
}
.rd-faq-liste.ist-gekuerzt .rd-faq-nachschlag {
display: none;
}
.rd-faq-mehr {
margin-top: calc(34px * var(--rd-zoom));
}
.rd-recht {
position: relative;
overflow: hidden;
background: var(--rd-creme);
--rd-wellenfarbe: var(--rd-gelb-hell);
padding: calc(104px * var(--rd-zoom)) 0 calc(120px * var(--rd-zoom));
}
.rd-recht-gelb {
background: var(--rd-gelb-hell);
--rd-wellenfarbe: var(--rd-creme);
}
.rd-recht-marke {
font-family: var(--rd-sans-fett);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
margin: calc(-14px * var(--rd-zoom)) 0 calc(30px * var(--rd-zoom));
padding-left: calc(112px * var(--rd-zoom));
}
.rd-recht-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.06rem * var(--rd-zoom));
line-height: 1.78;
color: var(--rd-text-grau);
}
.rd-recht-text p {
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-recht-text article {
display: block;
margin: 0 0 calc(34px * var(--rd-zoom));
}
.rd-recht-text article:last-child {
margin-bottom: 0;
}
.rd-recht-text h3 {
position: relative;
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.28rem, calc(18px + .55vw), 1.62rem) * var(--rd-zoom));
line-height: 1.32;
color: var(--rd-text);
margin: calc(52px * var(--rd-zoom)) 0 calc(20px * var(--rd-zoom));
padding-left: calc(22px * var(--rd-zoom));
scroll-margin-top: calc(var(--rd-kopf) + 24px);
}
.rd-recht-text h3::before {
content: '';
position: absolute;
left: 0;
top: calc(.24em);
bottom: calc(.24em);
width: calc(5px * var(--rd-zoom));
border-radius: 999px;
background: var(--rd-gelb);
}
.rd-recht-text > h3:first-child {
margin-top: 0;
}
.rd-recht-text h4 {
font-family: var(--rd-sans-fett);
font-size: calc(1.06rem * var(--rd-zoom));
line-height: 1.45;
color: var(--rd-tuerkis-dunkel);
margin: calc(26px * var(--rd-zoom)) 0 calc(10px * var(--rd-zoom));
scroll-margin-top: calc(var(--rd-kopf) + 24px);
}
.rd-recht-text a {
color: var(--rd-tuerkis-dunkel);
text-decoration: underline;
text-underline-offset: .18em;
overflow-wrap: anywhere;
}
.rd-recht-text a:hover,
.rd-recht-text a:focus-visible {
color: var(--rd-text);
}
.rd-recht-text strong,
.rd-recht-text b {
font-family: var(--rd-sans-fett);
font-weight: 400;
color: var(--rd-text);
}
.rd-recht-text ul {
list-style: none;
margin: 0 0 calc(18px * var(--rd-zoom));
padding: 0;
}
.rd-recht-text ul li {
position: relative;
padding-left: calc(26px * var(--rd-zoom));
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-recht-text ul li::before {
content: '';
position: absolute;
left: 0;
top: calc(.66em);
width: calc(8px * var(--rd-zoom));
height: calc(8px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-gelb);
}
.rd-recht-text ul.rd-recht-punkte {
margin: 0;
}
.rd-recht-text ul.rd-recht-punkte > li {
padding-left: 0;
margin: 0;
}
.rd-recht-text ul.rd-recht-punkte > li::before {
content: none;
}
.rd-recht-karte {
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
padding: calc(38px * var(--rd-zoom)) calc(46px * var(--rd-zoom));
}
.rd-recht-karte .rd-recht-text h3 {
margin-top: calc(34px * var(--rd-zoom));
}
.rd-recht-karte .rd-recht-text > h3:first-child {
margin-top: 0;
}
@media (max-width: 1150px) {
.rd-recht {
padding: calc(80px * var(--rd-zoom)) 0 calc(92px * var(--rd-zoom));
}
.rd-recht-karte {
padding: calc(32px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
}
}
@media (max-width: 600px) {
.rd-recht {
padding: calc(64px * var(--rd-zoom)) 0 calc(76px * var(--rd-zoom));
}
.rd-recht-marke {
padding-left: 0;
margin-top: calc(-8px * var(--rd-zoom));
}
.rd-recht-karte {
padding: calc(26px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
}
}
.rd-formular {
position: relative;
overflow: hidden;
background: var(--rd-creme);
--rd-wellenfarbe: var(--rd-gelb);
padding: calc(96px * var(--rd-zoom)) 0 calc(120px * var(--rd-zoom));
}
.rd-hero-knapp + .rd-formular {
padding-top: calc(48px * var(--rd-zoom));
}
.rd-formular-karte {
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
padding: calc(44px * var(--rd-zoom)) calc(48px * var(--rd-zoom));
}
.rd-formular-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.4rem, calc(20px + .72vw), 1.9rem) * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-text);
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-formular-karte p {
font-family: var(--rd-sans-leicht);
font-size: calc(1.06rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text-grau);
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-formular-karte ul {
list-style: disc;
padding-left: calc(22px * var(--rd-zoom));
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-formular-karte ul li {
font-family: var(--rd-sans-leicht);
font-size: calc(1.06rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text-grau);
margin: 0 0 calc(6px * var(--rd-zoom));
}
.rd-meldung {
display: flex;
align-items: flex-start;
gap: calc(14px * var(--rd-zoom));
border-radius: calc(16px * var(--rd-zoom));
padding: calc(18px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
margin: 0 0 calc(26px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1.02rem * var(--rd-zoom));
line-height: 1.6;
}
.rd-meldung .material-symbols-outlined {
flex: 0 0 auto;
font-size: calc(24px * var(--rd-zoom));
line-height: 1.45;
}
.rd-meldung-fehler {
background: #FDECEA;
color: #8C2F26;
border: 1px solid #F2C7C2;
}
.rd-meldung-gut {
background: var(--rd-tuerkis-hell);
color: var(--rd-tuerkis-dunkel);
border: 1px solid #B6E6ED;
}
.rd-feld {
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-feld label {
display: block;
font-family: var(--rd-sans-fett);
font-size: calc(.98rem * var(--rd-zoom));
color: var(--rd-text);
margin: 0 0 calc(8px * var(--rd-zoom));
}
.rd-feld input,
.rd-feld select,
.rd-feld textarea {
width: 100%;
box-sizing: border-box;
font-family: var(--rd-sans-leicht);
font-size: calc(1.06rem * var(--rd-zoom));
color: var(--rd-text);
background: var(--rd-weiss);
border: 1px solid #E2E0DB;
border-radius: calc(14px * var(--rd-zoom));
padding: calc(15px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
}
.rd-feld input::placeholder {
color: #B4B8BA;
opacity: 1;
}
.rd-feld input:focus,
.rd-feld select:focus,
.rd-feld textarea:focus {
outline: none;
border-color: var(--rd-gelb);
box-shadow: 0 0 0 calc(3px * var(--rd-zoom)) rgba(253, 198, 23, .28);
}
.rd-formular a:focus-visible,
.rd-formular button:focus-visible,
.rd-formular input:focus-visible,
.rd-formular select:focus-visible,
.rd-formular textarea:focus-visible {
outline: calc(3px * var(--rd-zoom)) solid var(--rd-tuerkis-dunkel);
outline-offset: calc(2px * var(--rd-zoom));
}
.rd-hinweis {
font-family: var(--rd-sans-leicht);
font-size: calc(.92rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: calc(14px * var(--rd-zoom)) 0 0;
}
.rd-hinweis a {
color: var(--rd-tuerkis-dunkel);
text-decoration: underline;
text-underline-offset: .18em;
}
.rd-hinweis a:hover,
.rd-hinweis a:focus-visible {
color: var(--rd-text);
}
.rd-btn-klein {
gap: calc(10px * var(--rd-zoom));
padding: calc(14px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
font-size: calc(1.02rem * var(--rd-zoom));
}
.rd-btn-warnung {
background: var(--rd-weiss);
color: #A3342A;
border: 1px solid #E6B6AF;
box-shadow: var(--rd-schatten-pille);
}
.rd-btn-warnung:hover {
background: #A3342A;
color: var(--rd-weiss);
border-color: #A3342A;
}
.rd-btn-warnung-voll {
background: #A3342A;
color: var(--rd-weiss);
border: 1px solid #A3342A;
box-shadow: 0 6px 16px rgba(163, 52, 42, .24);
}
.rd-btn-warnung-voll:hover {
background: #8C2B22;
}
.rd-posten {
border: 1px solid #E9E7E1;
border-radius: calc(20px * var(--rd-zoom));
padding: calc(24px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-posten-titel {
font-family: var(--rd-sans-fett);
font-size: calc(1.18rem * var(--rd-zoom));
line-height: 1.35;
color: var(--rd-text);
margin: 0 0 calc(8px * var(--rd-zoom));
}
.rd-termine {
font-family: var(--rd-sans-leicht);
font-size: calc(.98rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-termine-marke {
font-family: var(--rd-sans-fett);
color: var(--rd-tuerkis-dunkel);
}
.rd-aktionen {
display: flex;
flex-wrap: wrap;
gap: calc(10px * var(--rd-zoom));
}
.rd-aktionen form {
display: contents;
}
.rd-jetzt {
background: var(--rd-gelb-hell);
border: 1px dashed #E8D6A8;
border-radius: calc(16px * var(--rd-zoom));
padding: calc(18px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
margin: 0 0 calc(24px * var(--rd-zoom));
}
.rd-jetzt-marke {
font-family: var(--rd-sans-fett);
font-size: calc(.8rem * var(--rd-zoom));
letter-spacing: .1em;
text-transform: uppercase;
color: var(--rd-tuerkis-dunkel);
margin: 0 0 calc(6px * var(--rd-zoom));
}
.rd-jetzt-wert {
font-family: var(--rd-sans-leicht);
font-size: calc(1.02rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text);
margin: 0;
}
.rd-wahl {
display: flex;
align-items: flex-start;
gap: calc(14px * var(--rd-zoom));
border: 1px solid #E9E7E1;
border-radius: calc(16px * var(--rd-zoom));
padding: calc(16px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
margin: 0 0 calc(12px * var(--rd-zoom));
cursor: pointer;
transition: border-color .15s ease, background-color .15s ease;
}
.rd-wahl:hover {
border-color: var(--rd-gelb);
}
.rd-wahl:has(input:checked) {
border-color: var(--rd-gelb);
background: var(--rd-gelb-hell);
}
.rd-wahl input {
flex: 0 0 auto;
margin: calc(4px * var(--rd-zoom)) 0 0;
accent-color: var(--rd-gelb-dunkel);
width: calc(20px * var(--rd-zoom));
height: calc(20px * var(--rd-zoom));
}
.rd-wahl-text {
flex: 1 1 auto;
}
.rd-wahl-titel {
font-family: var(--rd-sans-fett);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-text);
margin: 0 0 calc(4px * var(--rd-zoom));
}
.rd-wahl .rd-termine {
margin: 0;
}
.rd-frei {
font-family: var(--rd-sans-fett);
color: var(--rd-tuerkis-dunkel);
}
.rd-zurueck {
display: inline-flex;
align-items: center;
gap: calc(8px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1rem * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
text-decoration: underline;
text-underline-offset: .18em;
margin-top: calc(22px * var(--rd-zoom));
}
.rd-zurueck:hover {
color: var(--rd-text);
}
@media (max-width: 1150px) {
.rd-formular {
padding: calc(76px * var(--rd-zoom)) 0 calc(92px * var(--rd-zoom));
}
.rd-formular-karte {
padding: calc(32px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
}
}
@media (max-width: 600px) {
.rd-formular-karte {
padding: calc(26px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
}
.rd-aktionen {
flex-direction: column;
align-items: stretch;
}
.rd-aktionen .rd-btn {
width: 100%;
}
}
.rd-lp-preiszeile {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(28px * var(--rd-zoom));
margin-top: calc(36px * var(--rd-zoom));
}
.rd-lp-marke {
display: inline-block;
font-family: var(--rd-sans-fett);
font-size: calc(.95rem * var(--rd-zoom));
letter-spacing: .08em;
text-transform: uppercase;
color: var(--rd-text);
background: var(--rd-gelb-hell);
border-radius: 999px;
padding: calc(10px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
margin: 0 0 calc(26px * var(--rd-zoom));
}
.rd-lp-zielgruppe {
font-family: var(--rd-sans-fett);
font-size: calc(.85rem * var(--rd-zoom));
letter-spacing: .12em;
text-transform: uppercase;
color: var(--rd-text-leise, var(--rd-text));
opacity: .75;
margin: 0 0 calc(12px * var(--rd-zoom));
}
.rd-lp-skript {
font-size: calc(.95rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text);
opacity: .9;
border-top: 1px solid rgba(0, 0, 0, .12);
margin: calc(22px * var(--rd-zoom)) 0 0;
padding-top: calc(18px * var(--rd-zoom));
}
.rd-lp-lage {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-creme);
background: var(--rd-gelb-hell);
padding: calc(120px * var(--rd-zoom)) 0 calc(180px * var(--rd-zoom));
}
.rd-lp-lage-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: calc(96px * var(--rd-zoom));
align-items: start;
}
.rd-lp-lage-inner > * + * {
border-left: 1px solid rgba(253, 198, 23, .55);
padding-left: calc(96px * var(--rd-zoom));
}
.rd-lp-lage-titel {
font-family: var(--rd-slab);
font-size: calc(clamp(1.7rem, calc(22px + 1.1vw), 2.5rem) * var(--rd-zoom));
line-height: 1.22;
color: var(--rd-text);
margin: 0 0 calc(26px * var(--rd-zoom));
}
.rd-lp-fliess {
font-family: var(--rd-sans-leicht);
font-size: calc(1.12rem * var(--rd-zoom));
line-height: 1.72;
color: var(--rd-text-grau);
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-lp-mark {
font-family: var(--rd-sans-fett);
color: var(--rd-text);
text-decoration: underline;
text-decoration-color: var(--rd-gelb);
text-decoration-thickness: calc(2px * var(--rd-zoom));
text-underline-offset: calc(4px * var(--rd-zoom));
}
.rd-lp-listentitel {
font-family: var(--rd-sans-fett);
font-size: calc(1.12rem * var(--rd-zoom));
color: var(--rd-text);
margin: calc(26px * var(--rd-zoom)) 0 calc(16px * var(--rd-zoom));
}
.rd-lp-einstieg {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb-hell);
background: var(--rd-creme);
padding: calc(40px * var(--rd-zoom)) 0 calc(150px * var(--rd-zoom));
}
.rd-lp-karte {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 640fr) minmax(0, 598fr);
gap: calc(54px * var(--rd-zoom));
align-items: center;
background: linear-gradient(160deg, var(--rd-gelb) 0%, var(--rd-gelb-dunkel) 100%);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
padding: calc(52px * var(--rd-zoom));
}
.rd-lp-karte-marke {
display: inline-block;
font-family: var(--rd-sans-fett);
font-size: calc(.92rem * var(--rd-zoom));
letter-spacing: .08em;
text-transform: uppercase;
color: var(--rd-gelb);
background: var(--rd-braun);
border-radius: 999px;
padding: calc(9px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-lp-karte-titel {
font-family: var(--rd-slab);
font-size: calc(clamp(1.8rem, calc(24px + 1.1vw), 2.6rem) * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
margin: 0 0 calc(28px * var(--rd-zoom));
}
.rd-lp-karte-fuss {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(28px * var(--rd-zoom));
margin-top: calc(34px * var(--rd-zoom));
}
.rd-lp-karte-bild {
margin: 0;
align-self: stretch;
}
.rd-lp-karte-bild img {
display: block;
width: 100%;
height: 100%;
min-height: calc(420px * var(--rd-zoom));
object-fit: cover;
border-radius: calc(20px * var(--rd-zoom));
}
.rd-lp-haken {
list-style: none;
margin: 0;
padding: 0;
}
.rd-lp-haken li {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: calc(14px * var(--rd-zoom));
align-items: start;
font-family: var(--rd-sans);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.55;
color: var(--rd-text);
margin-bottom: calc(14px * var(--rd-zoom));
}
.rd-lp-haken li:last-child {
margin-bottom: 0;
}
.rd-lp-haken .rd-lp-scheibe {
display: grid;
place-items: center;
width: calc(24px * var(--rd-zoom));
height: calc(24px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-braun);
color: var(--rd-gelb);
margin-top: calc(3px * var(--rd-zoom));
}
.rd-lp-haken .rd-lp-scheibe .material-symbols-outlined {
font-size: calc(16px * var(--rd-zoom));
line-height: 1;
}
.rd-lp-haken-gelb .rd-lp-scheibe {
background: var(--rd-gelb);
color: var(--rd-braun);
}
.rd-lp-haken-tuerkis .rd-lp-scheibe {
background: var(--rd-tuerkis);
color: var(--rd-weiss);
}
.rd-lp-kreuze .rd-lp-scheibe {
background: #E4E6E7;
color: var(--rd-text-grau);
}
.rd-lp-weg {
background: var(--rd-gelb-hell);
padding: calc(30px * var(--rd-zoom)) 0 calc(120px * var(--rd-zoom));
text-align: center;
}
.rd-lp-weg .rd-schritt-text {
margin-top: calc(22px * var(--rd-zoom));
}
.rd-lp-eignung {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb);
background: var(--rd-gelb-hell);
padding: calc(30px * var(--rd-zoom)) 0 calc(190px * var(--rd-zoom));
text-align: center;
}
.rd-lp-eignungkarten {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(34px * var(--rd-zoom));
align-items: start;
max-width: calc(1180px * var(--rd-zoom));
margin: calc(54px * var(--rd-zoom)) auto 0;
text-align: left;
}
.rd-lp-ekarte {
background: var(--rd-weiss);
border-radius: calc(22px * var(--rd-zoom));
box-shadow: var(--rd-schatten-karte);
overflow: hidden;
padding: 0;
}
.rd-lp-ekarte::before {
content: '';
display: block;
height: calc(6px * var(--rd-zoom));
}
.rd-lp-ekarte-ja::before {
background: var(--rd-gelb);
}
.rd-lp-ekarte-nein::before {
background: var(--rd-tuerkis);
}
.rd-lp-ekarte-inhalt {
padding: calc(34px * var(--rd-zoom)) calc(38px * var(--rd-zoom)) calc(38px * var(--rd-zoom));
}
.rd-lp-ekarte-titel {
font-family: var(--rd-slab);
font-size: calc(1.35rem * var(--rd-zoom));
line-height: 1.35;
color: var(--rd-text);
margin: 0 0 calc(22px * var(--rd-zoom));
}
.rd-lp-band {
position: relative;
overflow: hidden;
background: var(--rd-gelb);
padding: calc(120px * var(--rd-zoom)) 0 calc(130px * var(--rd-zoom));
text-align: center;
}
.rd-lp-band-titel {
font-family: var(--rd-slab);
font-size: calc(clamp(1.9rem, calc(24px + 1.5vw), 3.1rem) * var(--rd-zoom));
line-height: 1.22;
color: var(--rd-text);
margin: 0 auto calc(30px * var(--rd-zoom));
max-width: calc(900px * var(--rd-zoom));
}
.rd-lp-band-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.15rem * var(--rd-zoom));
line-height: 1.75;
color: var(--rd-text);
max-width: calc(900px * var(--rd-zoom));
margin: 0 auto;
}
.rd-lp-band-text strong {
font-family: var(--rd-sans-fett);
}
.rd-lp-hallo {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb);
background: var(--rd-creme);
padding: calc(130px * var(--rd-zoom)) 0 calc(170px * var(--rd-zoom));
}
.rd-lp-hallo-inner {
display: grid;
grid-template-columns: minmax(0, calc(620px * var(--rd-zoom))) minmax(0, 1fr);
gap: calc(90px * var(--rd-zoom));
align-items: center;
}
.rd-lp-hallo-bild {
position: relative;
margin: 0;
}
.rd-lp-hallo-titel {
font-family: var(--rd-slab);
font-size: calc(clamp(1.9rem, calc(24px + 1.4vw), 3rem) * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
margin: 0 0 calc(30px * var(--rd-zoom));
}
.rd-lp-stimme {
position: relative;
background: var(--rd-weiss);
border-radius: calc(20px * var(--rd-zoom));
box-shadow: var(--rd-schatten-karte);
padding: calc(28px * var(--rd-zoom)) calc(32px * var(--rd-zoom));
margin: calc(-70px * var(--rd-zoom)) auto 0;
max-width: calc(470px * var(--rd-zoom));
}
.rd-lp-stimme-titel {
font-family: var(--rd-sans-fett);
font-size: calc(1.1rem * var(--rd-zoom));
color: var(--rd-text);
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-lp-stimme-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1rem * var(--rd-zoom));
line-height: 1.65;
color: var(--rd-text-grau);
margin: calc(10px * var(--rd-zoom)) 0 calc(16px * var(--rd-zoom));
}
.rd-lp-stimme-name {
font-family: var(--rd-sans-fett);
font-size: calc(1rem * var(--rd-zoom));
color: var(--rd-text);
margin: 0;
}
.rd-lp-stimme-rolle {
font-family: var(--rd-sans-leicht);
font-size: calc(.95rem * var(--rd-zoom));
color: var(--rd-text-grau);
margin: 0;
}
.rd-lp-buchung {
position: relative;
overflow: hidden;
overflow: clip;
background: var(--rd-gelb);
padding: calc(110px * var(--rd-zoom)) 0 calc(120px * var(--rd-zoom));
text-align: center;
}
.rd-lp-buchung .rd-abschnitt-label {
color: var(--rd-braun);
}
.rd-lp-buchung-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(1.08rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text);
max-width: calc(620px * var(--rd-zoom));
margin: 0 auto calc(32px * var(--rd-zoom));
}
.rd-lp-buchung-knopf {
margin: 0;
}
.rd-lp-keine-termine {
display: inline-block;
margin: 0;
font-family: var(--rd-sans-fett);
font-size: calc(1rem * var(--rd-zoom));
line-height: 1.4;
color: var(--rd-text-grau);
background: var(--rd-weiss);
border: 1px solid #E7E3D8;
border-radius: 999px;
padding: calc(12px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
}
.rd-lp-keine-termine-hell {
color: var(--rd-weiss);
background: rgba(255, 255, 255, .16);
border-color: rgba(255, 255, 255, .45);
}
.rd-lp-dialog {
--rd-zoom: .78;
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
align-items: flex-start;
justify-content: center;
overflow-y: auto;
padding: calc(40px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
background: rgba(27, 27, 27, .55);
text-align: left;
}
.rd-lp-dialog[hidden] {
display: none;
}
.rd-lp-dialog .rd-dialog-karte {
max-width: calc(880px * var(--rd-zoom));
padding: calc(36px * var(--rd-zoom)) calc(44px * var(--rd-zoom));
}
.rd-lp-dialog .rd-dialog-titel {
text-align: center;
padding: 0 calc(40px * var(--rd-zoom));
}
.rd-lp-dialog .rd-dialog-titel:focus {
outline: none;
}
.rd-lp-dialog .rd-dialog-titel:focus-visible {
outline: calc(3px * var(--rd-zoom)) solid var(--rd-tuerkis);
outline-offset: calc(4px * var(--rd-zoom));
}
body.rd-lp-dialog-offen {
overflow: hidden;
}
.rd-lp-entwurf {
display: inline-block;
font-family: var(--rd-sans);
font-size: calc(.98rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-braun);
background: rgba(255, 255, 255, .55);
border: 1px dashed var(--rd-braun);
border-radius: calc(14px * var(--rd-zoom));
padding: calc(14px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
max-width: calc(760px * var(--rd-zoom));
margin: 0 auto calc(40px * var(--rd-zoom));
}
.rd-lp-stufen {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 0;
list-style: none;
margin: 0 auto calc(32px * var(--rd-zoom));
padding: 0;
}
.rd-lp-stufe {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: calc(10px * var(--rd-zoom));
width: calc(110px * var(--rd-zoom));
text-align: center;
}
.rd-lp-stufe-knopf {
display: grid;
place-items: center;
width: calc(46px * var(--rd-zoom));
height: calc(46px * var(--rd-zoom));
border: 0;
border-radius: 50%;
background: var(--rd-gelb-hell);
color: var(--rd-text-grau);
font-family: var(--rd-sans-fett);
font-size: calc(1.05rem * var(--rd-zoom));
cursor: pointer;
transition: background .18s ease, color .18s ease;
}
.rd-lp-stufe-erledigt .rd-lp-stufe-knopf {
background: var(--rd-gelb);
color: var(--rd-text);
}
.rd-lp-stufe-aktiv .rd-lp-stufe-knopf {
background: var(--rd-text);
color: var(--rd-weiss);
}
.rd-lp-stufe-text {
font-family: var(--rd-sans);
font-size: calc(.92rem * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-lp-stufe-aktiv .rd-lp-stufe-text {
font-family: var(--rd-sans-fett);
color: var(--rd-text);
}
.rd-lp-stufe + .rd-lp-stufe::before {
content: '';
position: absolute;
top: calc(22px * var(--rd-zoom));
right: calc(50% + 23px * var(--rd-zoom));
width: calc(64px * var(--rd-zoom));
height: calc(2px * var(--rd-zoom));
background: rgba(50, 38, 0, .16);
}
.rd-lp-stufe-versteckt {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.rd-lp-slots-feld {
border: 0;
margin: 0;
padding: 0;
min-width: 0;
}
.rd-lp-paar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 calc(20px * var(--rd-zoom));
}
.rd-lp-tafel {
margin: 0;
text-align: left;
}
.rd-lp-tafel-titel:focus {
outline: none;
}
.rd-lp-tafel-titel:focus-visible {
outline: calc(3px * var(--rd-zoom)) solid var(--rd-tuerkis);
outline-offset: calc(4px * var(--rd-zoom));
}
.rd-lp-tafel-kopf {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: calc(16px * var(--rd-zoom));
}
.rd-lp-tafel-titel {
font-family: var(--rd-slab);
font-size: calc(1.7rem * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-text);
margin: 0;
}
.rd-lp-tafel-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(1rem * var(--rd-zoom));
color: var(--rd-text-grau);
margin: calc(8px * var(--rd-zoom)) 0 calc(26px * var(--rd-zoom));
}
.rd-lp-kal-feld {
margin-top: calc(24px * var(--rd-zoom));
}
.rd-lp-kal-kopf {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: calc(12px * var(--rd-zoom));
margin-bottom: calc(14px * var(--rd-zoom));
}
.rd-lp-kal-monat {
text-align: center;
font-family: var(--rd-sans-fett);
font-size: calc(1.1rem * var(--rd-zoom));
color: var(--rd-text);
}
.rd-lp-kal-pfeil {
display: grid;
place-items: center;
width: calc(40px * var(--rd-zoom));
height: calc(40px * var(--rd-zoom));
border: 1px solid #E7E3D8;
border-radius: 50%;
background: var(--rd-weiss);
color: var(--rd-text);
cursor: pointer;
}
.rd-lp-kal-pfeil:hover:not(:disabled) {
background: var(--rd-gelb-hell);
}
.rd-lp-kal-pfeil:disabled {
opacity: .35;
cursor: default;
}
.rd-lp-kal-wochentage,
.rd-lp-kal-raster {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: calc(6px * var(--rd-zoom));
}
.rd-lp-kal-wochentage {
margin-bottom: calc(6px * var(--rd-zoom));
font-family: var(--rd-sans-leicht);
font-size: calc(.82rem * var(--rd-zoom));
color: var(--rd-text-grau);
text-align: center;
}
.rd-lp-kal-tag,
.rd-lp-kal-luecke {
display: grid;
place-items: center;
aspect-ratio: 1 / 1;
max-width: 100%;
border-radius: calc(10px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(.95rem * var(--rd-zoom));
}
.rd-lp-kal-tag-leer {
color: #BDB8AC;
background: transparent;
}
.rd-lp-kal-tag-frei {
border: 1px solid var(--rd-gelb-dunkel);
background: var(--rd-gelb-hell);
color: var(--rd-braun);
font-family: var(--rd-sans-fett);
cursor: pointer;
}
.rd-lp-kal-tag-frei:hover {
background: var(--rd-gelb);
}
.rd-lp-kal-tag-frei.ist-offen {
background: var(--rd-gelb);
box-shadow: 0 0 0 calc(2px * var(--rd-zoom)) var(--rd-gelb-dunkel);
}
.rd-lp-kal-tag-frei:focus-visible {
outline: calc(3px * var(--rd-zoom)) solid var(--rd-tuerkis);
outline-offset: calc(2px * var(--rd-zoom));
}
.rd-lp-kal-hinweis,
.rd-lp-kal-zeittitel {
margin: calc(16px * var(--rd-zoom)) 0 calc(8px * var(--rd-zoom));
font-family: var(--rd-sans-leicht);
font-size: calc(.95rem * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-lp-kal-zeittitel {
font-family: var(--rd-sans-fett);
color: var(--rd-text);
}
.rd-lp-kal-zeitliste {
display: flex;
flex-wrap: wrap;
gap: calc(10px * var(--rd-zoom));
margin: 0;
padding: 0;
list-style: none;
}
.rd-lp-kal-zeit {
display: inline-flex;
position: relative;
align-items: center;
background: var(--rd-weiss);
border: 1px solid #E7E3D8;
border-radius: calc(12px * var(--rd-zoom));
padding: calc(10px * var(--rd-zoom)) calc(16px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(.95rem * var(--rd-zoom));
color: var(--rd-text);
cursor: pointer;
}
.rd-lp-kal-zeit input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.rd-lp-kal-zeit:has(input:checked) {
border-color: var(--rd-tuerkis);
background: var(--rd-tuerkis-hell);
font-family: var(--rd-sans-fett);
}
.rd-lp-kal-zeit:has(input:focus-visible) {
outline: calc(3px * var(--rd-zoom)) solid var(--rd-tuerkis);
outline-offset: calc(2px * var(--rd-zoom));
}
.rd-lp-kal-fehler {
margin-top: calc(16px * var(--rd-zoom));
}
.rd-lp-slots {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: calc(16px * var(--rd-zoom));
margin: calc(24px * var(--rd-zoom)) 0 0;
padding: 0;
list-style: none;
}
.rd-lp-slot {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: calc(14px * var(--rd-zoom));
align-items: center;
position: relative;
background: var(--rd-weiss);
border: 1px solid #E7E3D8;
border-radius: calc(16px * var(--rd-zoom));
padding: calc(16px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
cursor: pointer;
}
.rd-lp-slot input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.rd-lp-slot:has(input:checked) {
border-color: var(--rd-tuerkis);
background: var(--rd-tuerkis-hell);
}
.rd-lp-slot:has(input:focus-visible) {
outline: calc(3px * var(--rd-zoom)) solid var(--rd-tuerkis);
outline-offset: calc(2px * var(--rd-zoom));
}
.rd-lp-slot-zeichen {
display: grid;
place-items: center;
width: calc(34px * var(--rd-zoom));
height: calc(34px * var(--rd-zoom));
border-radius: calc(10px * var(--rd-zoom));
background: var(--rd-gelb-hell);
color: var(--rd-braun);
}
.rd-lp-slot:has(input:checked) .rd-lp-slot-zeichen {
background: var(--rd-tuerkis);
color: var(--rd-weiss);
}
.rd-lp-slot-tag {
display: block;
font-family: var(--rd-sans-fett);
font-size: calc(1rem * var(--rd-zoom));
color: var(--rd-text);
}
.rd-lp-slot-zeit {
display: block;
font-family: var(--rd-sans-leicht);
font-size: calc(.95rem * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-lp-slot-haken {
display: grid;
place-items: center;
width: calc(24px * var(--rd-zoom));
height: calc(24px * var(--rd-zoom));
border-radius: 50%;
background: #EDEBE4;
color: var(--rd-weiss);
}
.rd-lp-slot:has(input:checked) .rd-lp-slot-haken {
background: var(--rd-tuerkis);
}
.rd-lp-slot-haken .material-symbols-outlined {
font-size: calc(16px * var(--rd-zoom));
line-height: 1;
}
.rd-lp-slots-buendel,
.rd-lp-slots-fest {
grid-template-columns: minmax(0, 1fr);
}
.rd-lp-slots-buendel .rd-lp-slot {
align-items: start;
}
.rd-lp-slot-fest {
cursor: default;
}
.rd-lp-slot-plaetze {
margin-top: calc(6px * var(--rd-zoom));
color: var(--rd-text);
}
.rd-lp-zusammen {
position: relative;
overflow: hidden;
background: linear-gradient(160deg, var(--rd-gelb) 0%, var(--rd-gelb-dunkel) 100%);
border-radius: calc(18px * var(--rd-zoom));
padding: calc(24px * var(--rd-zoom)) calc(28px * var(--rd-zoom));
margin: calc(24px * var(--rd-zoom)) 0;
}
.rd-lp-zusammen-marke {
font-family: var(--rd-sans-fett);
font-size: calc(.85rem * var(--rd-zoom));
letter-spacing: .08em;
text-transform: uppercase;
color: var(--rd-braun);
margin: 0 0 calc(8px * var(--rd-zoom));
}
.rd-lp-zusammen-titel {
font-family: var(--rd-sans-fett);
font-size: calc(1.12rem * var(--rd-zoom));
color: var(--rd-text);
margin: 0 0 calc(8px * var(--rd-zoom));
}
.rd-lp-zusammen-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text);
margin: 0 0 calc(16px * var(--rd-zoom));
}
.rd-lp-pillen {
display: flex;
flex-wrap: wrap;
gap: calc(10px * var(--rd-zoom));
margin: 0;
padding: 0;
list-style: none;
}
.rd-lp-pillen li {
display: inline-flex;
align-items: center;
gap: calc(8px * var(--rd-zoom));
background: var(--rd-weiss);
border-radius: 999px;
padding: calc(8px * var(--rd-zoom)) calc(16px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(.95rem * var(--rd-zoom));
color: var(--rd-text);
}
.rd-lp-pillen .material-symbols-outlined {
font-size: calc(18px * var(--rd-zoom));
line-height: 1;
color: var(--rd-braun);
}
.rd-lp-pillen-hell li {
background: var(--rd-gelb-hell);
}
.rd-lp-tipp {
background: var(--rd-tuerkis-hell);
border-radius: calc(14px * var(--rd-zoom));
padding: calc(18px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
margin: calc(24px * var(--rd-zoom)) 0;
font-family: var(--rd-sans-leicht);
font-size: calc(1rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text);
}
.rd-lp-tipp strong {
font-family: var(--rd-sans-fett);
}
.rd-lp-zwischentitel {
font-family: var(--rd-sans-fett);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-text);
margin: calc(26px * var(--rd-zoom)) 0 calc(14px * var(--rd-zoom));
}
.rd-lp-trenner {
border: 0;
border-top: 1px solid #EDEAE0;
margin: calc(30px * var(--rd-zoom)) 0;
}
.rd-lp-summe {
font-family: var(--rd-slab);
font-size: calc(2.2rem * var(--rd-zoom));
line-height: 1;
color: var(--rd-text);
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-lp-kleingedruckt {
font-family: var(--rd-sans-leicht);
font-size: calc(.95rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: 0 0 calc(16px * var(--rd-zoom));
}
.rd-lp-kleingedruckt a {
color: var(--rd-text-grau);
text-decoration: underline;
}
.rd-lp-zustimmung {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: calc(12px * var(--rd-zoom));
align-items: start;
font-family: var(--rd-sans-leicht);
font-size: calc(.98rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text);
margin: 0 0 calc(10px * var(--rd-zoom));
cursor: pointer;
}
.rd-lp-zustimmung input {
width: calc(18px * var(--rd-zoom));
height: calc(18px * var(--rd-zoom));
margin-top: calc(3px * var(--rd-zoom));
accent-color: var(--rd-tuerkis);
}
.rd-lp-zustimmung a {
color: var(--rd-text);
text-decoration: underline;
}
.rd-lp-zahlwege {
display: flex;
flex-wrap: wrap;
gap: calc(14px * var(--rd-zoom));
margin: calc(14px * var(--rd-zoom)) 0 0;
padding: 0;
list-style: none;
}
.rd-lp-zahlweg {
display: inline-flex;
align-items: center;
gap: calc(10px * var(--rd-zoom));
position: relative;
background: var(--rd-weiss);
border: 1px solid #E7E3D8;
border-radius: 999px;
padding: calc(12px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1rem * var(--rd-zoom));
color: var(--rd-text);
cursor: pointer;
}
.rd-lp-zahlweg input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.rd-lp-zahlweg:has(input:checked) {
background: var(--rd-gelb);
border-color: var(--rd-gelb-dunkel);
}
.rd-lp-zahlweg:has(input:focus-visible) {
outline: calc(3px * var(--rd-zoom)) solid var(--rd-tuerkis);
outline-offset: calc(2px * var(--rd-zoom));
}
.rd-lp-tafel-fuss {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: calc(16px * var(--rd-zoom));
margin-top: calc(30px * var(--rd-zoom));
}
.rd-lp-tafel-fuss-rechts {
justify-content: flex-end;
}
.rd-fertig-scheibe {
display: grid;
place-items: center;
width: calc(54px * var(--rd-zoom));
height: calc(54px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-gelb);
color: var(--rd-text);
margin-bottom: calc(22px * var(--rd-zoom));
}
.rd-fertig-scheibe .material-symbols-outlined {
font-size: calc(30px * var(--rd-zoom));
line-height: 1;
}
.rd-lp-weiter {
list-style: none;
counter-reset: rdweiter;
margin: calc(14px * var(--rd-zoom)) 0 0;
padding: 0;
}
.rd-lp-weiter li {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: calc(14px * var(--rd-zoom));
align-items: start;
font-family: var(--rd-sans);
font-size: calc(1.02rem * var(--rd-zoom));
line-height: 1.55;
color: var(--rd-text);
margin-bottom: calc(14px * var(--rd-zoom));
}
.rd-lp-weiter li::before {
counter-increment: rdweiter;
content: counter(rdweiter);
display: grid;
place-items: center;
width: calc(24px * var(--rd-zoom));
height: calc(24px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-gelb);
color: var(--rd-braun);
font-family: var(--rd-sans-fett);
font-size: calc(.85rem * var(--rd-zoom));
margin-top: calc(3px * var(--rd-zoom));
}
.rd-lp-faq {
--rd-wellenfarbe: var(--rd-creme);
}
.rd-lp-schluss {
position: relative;
overflow: hidden;
--rd-wellenfarbe: var(--rd-gelb-hell);
background: var(--rd-creme);
padding: calc(40px * var(--rd-zoom)) 0 calc(150px * var(--rd-zoom));
text-align: center;
}
.rd-lp-schluss-titel {
font-family: var(--rd-slab);
font-size: calc(clamp(1.7rem, calc(22px + 1.2vw), 2.6rem) * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-text);
max-width: calc(760px * var(--rd-zoom));
margin: 0 auto calc(22px * var(--rd-zoom));
}
.rd-lp-schluss-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text-grau);
max-width: calc(700px * var(--rd-zoom));
margin: 0 auto calc(14px * var(--rd-zoom));
}
.rd-lp-schlagworte {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(6px * var(--rd-zoom));
list-style: none;
margin: 0 auto calc(26px * var(--rd-zoom));
padding: 0;
font-family: var(--rd-sans-leicht);
font-size: calc(1rem * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-lp-schlagworte li + li::before {
content: '·';
margin-right: calc(6px * var(--rd-zoom));
}
@media (max-width: 1150px) {
.rd-lp-lage-inner,
.rd-lp-hallo-inner,
.rd-lp-karte {
grid-template-columns: minmax(0, 1fr);
gap: calc(44px * var(--rd-zoom));
}
.rd-lp-karte-bild img {
min-height: 0;
height: auto;
max-height: calc(360px * var(--rd-zoom));
}
.rd-lp-lage-inner > * + * {
border-left: 0;
border-top: 1px solid rgba(253, 198, 23, .55);
padding-left: 0;
padding-top: calc(44px * var(--rd-zoom));
}
.rd-lp-eignungkarten {
grid-template-columns: minmax(0, 1fr);
}
.rd-lp-slots {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rd-lp-stimme {
margin-top: calc(24px * var(--rd-zoom));
}
.rd-lp-paar {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 600px) {
.rd-lp-slots {
grid-template-columns: minmax(0, 1fr);
}
.rd-lp-karte {
padding: calc(26px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
}
.rd-lp-dialog {
--rd-zoom: inherit;
padding: calc(12px * var(--rd-zoom)) calc(10px * var(--rd-zoom));
}
.rd-lp-dialog .rd-dialog-karte {
padding: calc(28px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
}
.rd-lp-stufen {
margin-bottom: calc(18px * var(--rd-zoom));
}
.rd-lp-stufe-text {
display: none;
}
.rd-lp-stufe-aktiv .rd-lp-stufe-text {
display: block;
font-size: calc(.8rem * var(--rd-zoom));
white-space: nowrap;
}
.rd-lp-stufe {
width: calc(70px * var(--rd-zoom));
gap: calc(5px * var(--rd-zoom));
}
.rd-lp-stufe-knopf {
width: calc(40px * var(--rd-zoom));
height: calc(40px * var(--rd-zoom));
font-size: calc(.98rem * var(--rd-zoom));
}
.rd-lp-stufe + .rd-lp-stufe::before {
top: calc(19px * var(--rd-zoom));
right: calc(50% + 20px * var(--rd-zoom));
width: calc(30px * var(--rd-zoom));
}
.rd-feld input,
.rd-feld select,
.rd-feld textarea {
font-size: max(16px, calc(1.06rem * var(--rd-zoom)));
}
.rd-lp-tafel-fuss {
flex-direction: column-reverse;
align-items: stretch;
}
.rd-lp-tafel-fuss .rd-btn {
width: 100%;
justify-content: center;
}
}
.rd-danke {
position: relative;
overflow: hidden;
background: var(--rd-creme);
--rd-wellenfarbe: var(--rd-gelb-hell);
padding: calc(104px * var(--rd-zoom)) 0 calc(96px * var(--rd-zoom));
}
.rd-danke-inner {
position: relative;
z-index: 1;
max-width: calc(760px * var(--rd-zoom));
margin: 0 auto;
text-align: center;
}
.rd-danke-inner .rd-fertig-scheibe {
margin-left: auto;
margin-right: auto;
}
.rd-fertig-scheibe-fehler {
background: #8C2F26;
color: var(--rd-weiss);
}
.rd-danke-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.9rem, calc(26px + 1.5vw), 3.2rem) * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
margin: 0 0 calc(16px * var(--rd-zoom));
}
.rd-danke-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(1.2rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: 0 0 calc(40px * var(--rd-zoom));
}
.rd-danke-karte {
text-align: left;
}
.rd-danke-daten {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: calc(10px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
margin: 0;
font-family: var(--rd-sans);
font-size: calc(1rem * var(--rd-zoom));
line-height: 1.55;
}
.rd-danke-daten dt {
color: var(--rd-text-grau);
}
.rd-danke-daten dd {
margin: 0;
color: var(--rd-text);
overflow-wrap: anywhere;
}
.rd-danke-daten dd code {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: calc(.94rem * var(--rd-zoom));
}
.rd-danke-weiter {
position: relative;
overflow: hidden;
background: var(--rd-gelb-hell);
--rd-wellenfarbe: var(--rd-gelb);
padding: calc(56px * var(--rd-zoom)) 0 calc(104px * var(--rd-zoom));
}
.rd-danke-weiter-inner {
position: relative;
z-index: 1;
max-width: calc(760px * var(--rd-zoom));
margin: 0 auto;
}
.rd-danke-weiter-titel {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.6rem, calc(22px + 1vw), 2.4rem) * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-text);
margin: 0 0 calc(34px * var(--rd-zoom));
}
.rd-danke-schritte {
list-style: none;
margin: 0;
padding: 0;
}
.rd-danke-schritt {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: calc(20px * var(--rd-zoom));
align-items: start;
}
.rd-danke-schritt + .rd-danke-schritt {
margin-top: calc(28px * var(--rd-zoom));
}
.rd-danke-schritt-zeichen {
display: grid;
place-items: center;
width: calc(46px * var(--rd-zoom));
height: calc(46px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-tuerkis);
color: var(--rd-weiss);
}
.rd-danke-schritt-zeichen .material-symbols-outlined {
font-size: calc(24px * var(--rd-zoom));
line-height: 1;
}
.rd-danke-schritt-titel {
font-family: var(--rd-sans-fett);
font-size: calc(1.1rem * var(--rd-zoom));
line-height: 1.4;
color: var(--rd-text);
margin: calc(8px * var(--rd-zoom)) 0 calc(4px * var(--rd-zoom));
}
.rd-danke-schritt-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: 0;
}
.rd-danke-material {
background: var(--rd-gelb);
border-radius: var(--rd-radius-karte);
padding: calc(30px * var(--rd-zoom)) calc(34px * var(--rd-zoom));
margin: calc(38px * var(--rd-zoom)) 0 0;
text-align: center;
}
.rd-danke-material-titel {
font-family: var(--rd-sans-fett);
font-size: calc(1.22rem * var(--rd-zoom));
line-height: 1.35;
color: var(--rd-text);
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-danke-material-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text);
margin: 0 0 calc(22px * var(--rd-zoom));
}
.rd-danke-liste {
list-style: none;
margin: 0;
padding: 0;
}
.rd-danke-liste li {
display: flex;
align-items: flex-start;
gap: calc(12px * var(--rd-zoom));
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
}
.rd-danke-liste li + li {
margin-top: calc(14px * var(--rd-zoom));
}
.rd-danke-liste .material-symbols-outlined {
flex: 0 0 auto;
font-size: calc(22px * var(--rd-zoom));
line-height: 1.5;
color: var(--rd-tuerkis);
}
.rd-danke-aktionen {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(12px * var(--rd-zoom));
}
@media (max-width: 600px) {
.rd-danke,
.rd-danke-weiter {
padding-top: calc(64px * var(--rd-zoom));
padding-bottom: calc(72px * var(--rd-zoom));
}
.rd-danke-daten {
grid-template-columns: minmax(0, 1fr);
gap: calc(2px * var(--rd-zoom));
}
.rd-danke-daten dd {
margin-bottom: calc(12px * var(--rd-zoom));
}
}
.rd-mat-zahl {
font-family: var(--rd-sans);
font-size: calc(0.95rem * var(--rd-zoom));
letter-spacing: .08em;
text-transform: uppercase;
color: var(--rd-text-grau);
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-mat-liste {
list-style: none;
margin: 0;
padding: calc(14px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
text-align: left;
}
.rd-mat-zeile + .rd-mat-zeile {
border-top: 1px solid var(--rd-gelb-hell);
}
.rd-mat-link {
display: flex;
align-items: center;
gap: calc(16px * var(--rd-zoom));
padding: calc(16px * var(--rd-zoom)) calc(10px * var(--rd-zoom));
border-radius: calc(12px * var(--rd-zoom));
text-decoration: none;
color: var(--rd-text);
transition: background .18s ease;
}
.rd-mat-link:hover,
.rd-mat-link:focus-visible {
background: var(--rd-gelb-hell);
}
.rd-mat-zeichen {
flex: 0 0 auto;
font-size: calc(28px * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
}
.rd-mat-worte {
flex: 1 1 auto;
min-width: 0;
}
.rd-mat-name {
display: block;
font-family: var(--rd-sans-fett);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.35;
overflow-wrap: anywhere;
}
.rd-mat-groesse {
display: block;
font-family: var(--rd-sans-leicht);
font-size: calc(0.9rem * var(--rd-zoom));
color: var(--rd-text-grau);
margin-top: calc(2px * var(--rd-zoom));
}
.rd-mat-pfeil {
flex: 0 0 auto;
font-size: calc(24px * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-mat-link:hover .rd-mat-pfeil,
.rd-mat-link:focus-visible .rd-mat-pfeil {
color: var(--rd-tuerkis-dunkel);
}
.rd-mat-leer {
text-align: center;
}
.rd-mat-leer-zeichen {
font-size: calc(46px * var(--rd-zoom));
color: var(--rd-text-grau);
display: block;
margin-bottom: calc(12px * var(--rd-zoom));
}
.rd-mat-leer-text {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: 0;
}
.rd-fuss-raster-schmal {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.rd-welle-gelb {
--rd-wellenfarbe: var(--rd-gelb);
}
.rd-notiz {
position: relative;
z-index: 1;
}
.rd-notiz h1 {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(1.9rem, calc(26px + 1.5vw), 3.2rem) * var(--rd-zoom));
line-height: 1.2;
color: var(--rd-text);
margin: 0 0 calc(16px * var(--rd-zoom));
}
.rd-notiz p {
font-family: var(--rd-sans-leicht);
font-size: calc(1.2rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: 0 auto calc(20px * var(--rd-zoom));
max-width: calc(620px * var(--rd-zoom));
}
.rd-notiz strong {
font-family: var(--rd-sans-fett);
font-weight: 400;
color: var(--rd-text);
}
.rd-notiz form {
margin-top: calc(28px * var(--rd-zoom));
}
.rd-notiz p:last-of-type {
margin-bottom: 0;
}
.rd-kursliste {
position: relative;
overflow: hidden;
background: var(--rd-gelb-hell);
--rd-wellenfarbe: var(--rd-creme);
padding: calc(120px * var(--rd-zoom)) 0 calc(150px * var(--rd-zoom));
text-align: center;
}
.rd-kursliste-lead {
font-family: var(--rd-sans-leicht);
font-size: calc(1.35rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
max-width: calc(760px * var(--rd-zoom));
margin: 0 auto calc(48px * var(--rd-zoom));
}
.rd-gratisliste {
position: relative;
overflow: hidden;
background: var(--rd-creme);
padding: calc(120px * var(--rd-zoom)) 0 calc(140px * var(--rd-zoom));
text-align: center;
}
.rd-paketliste {
position: relative;
overflow: hidden;
background: var(--rd-creme);
padding: calc(120px * var(--rd-zoom)) 0 calc(140px * var(--rd-zoom));
text-align: center;
}
.rd-zielgruppen {
position: relative;
overflow: hidden;
background: var(--rd-creme);
padding: calc(120px * var(--rd-zoom)) 0 calc(130px * var(--rd-zoom));
text-align: center;
}
.rd-zielgruppen-raster {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(40px * var(--rd-zoom));
margin-top: calc(56px * var(--rd-zoom));
text-align: left;
}
.rd-zielgruppe {
position: relative;
scroll-margin-top: var(--rd-kopf);
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
padding: calc(52px * var(--rd-zoom)) calc(44px * var(--rd-zoom)) calc(44px * var(--rd-zoom));
border-top: calc(6px * var(--rd-zoom)) solid var(--rd-kartenfarbe, var(--rd-gelb));
}
.rd-zielgruppe-gelb {
--rd-kartenfarbe: var(--rd-gelb);
}
.rd-zielgruppe-tuerkis {
--rd-kartenfarbe: var(--rd-tuerkis);
}
.rd-zielgruppe-ring {
position: absolute;
top: calc(-30px * var(--rd-zoom));
left: calc(44px * var(--rd-zoom));
width: calc(60px * var(--rd-zoom));
height: calc(60px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-kartenfarbe);
color: var(--rd-weiss);
display: flex;
align-items: center;
justify-content: center;
font-size: calc(30px * var(--rd-zoom));
box-shadow: var(--rd-schatten-pille);
}
.rd-zielgruppe-titel {
font-family: var(--rd-slab);
font-size: calc(1.6rem * var(--rd-zoom));
line-height: 1.3;
color: var(--rd-text);
margin: calc(14px * var(--rd-zoom)) 0 calc(18px * var(--rd-zoom));
}
.rd-zielgruppe p {
font-family: var(--rd-sans-leicht);
font-size: calc(1.16rem * var(--rd-zoom));
line-height: 1.65;
color: var(--rd-text-grau);
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-zielgruppe-liste {
list-style: none;
margin: 0;
padding: 0;
}
.rd-zielgruppe-liste li {
position: relative;
font-family: var(--rd-sans);
font-size: calc(1.12rem * var(--rd-zoom));
line-height: 1.55;
color: var(--rd-text);
padding-left: calc(30px * var(--rd-zoom));
margin-bottom: calc(14px * var(--rd-zoom));
}
.rd-zielgruppe-liste li::before {
content: "";
position: absolute;
left: 0;
top: calc(9px * var(--rd-zoom));
width: calc(10px * var(--rd-zoom));
height: calc(10px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-kartenfarbe);
}
.rd-stimmen-kurse {
--rd-wellenfarbe: var(--rd-gelb-hell);
}
.rd-kontakt-inner {
display: grid;
grid-template-columns: calc(360px * var(--rd-zoom)) minmax(0, 1fr);
gap: calc(56px * var(--rd-zoom));
align-items: center;
text-align: left;
position: relative;
z-index: 1;
}
.rd-kontakt-bild {
margin: 0;
}
.rd-kontakt-bild img {
width: 100%;
height: auto;
display: block;
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
}
.rd-kontakt-text {
min-width: 0;
}
.rd-kontakt .rd-abschluss-titel {
text-align: left;
margin-left: 0;
margin-right: 0;
}
.rd-kontakt-anschrift {
font-family: var(--rd-sans);
font-size: calc(1.25rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text);
margin: 0 0 calc(24px * var(--rd-zoom));
}
.rd-kontakt-wege {
display: flex;
flex-wrap: wrap;
gap: calc(14px * var(--rd-zoom)) calc(32px * var(--rd-zoom));
margin: 0 0 calc(30px * var(--rd-zoom));
}
.rd-kontakt-wege a {
display: inline-flex;
align-items: center;
gap: calc(12px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1.2rem * var(--rd-zoom));
color: var(--rd-text);
text-decoration: none;
}
.rd-kontakt-wege a:hover {
text-decoration: underline;
}
.rd-kontakt-knoepfe {
display: flex;
flex-wrap: wrap;
gap: calc(16px * var(--rd-zoom));
}
.rd-kacheln {
position: relative;
max-width: var(--rd-container);
margin: 0 auto;
padding: 0 calc(20px * var(--rd-zoom));
overflow: hidden;
text-align: left;
}
.rd-kacheln .booking-container {
display: flex;
gap: 30px;
padding: calc(10px * var(--rd-zoom));
transition: transform .4s cubic-bezier(.4, 0, .2, 1);
touch-action: pan-y pinch-zoom;
cursor: grab;
user-select: none;
align-items: stretch;
}
.rd-kacheln .booking-container:active {
cursor: grabbing;
}
.rd-kacheln .booking-container > p {
font-family: var(--rd-sans) !important;
font-size: calc(1.25rem * var(--rd-zoom)) !important;
color: var(--rd-text-grau) !important;
width: 100%;
}
.rd-kacheln .booking-box {
flex: 0 0 calc(100% - 20px);
display: flex;
flex-direction: column;
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
border-top: calc(6px * var(--rd-zoom)) solid var(--rd-gelb);
padding: calc(34px * var(--rd-zoom));
position: relative;
overflow: hidden;
transition: transform .3s ease, box-shadow .3s ease;
}
@media (min-width: 768px) {
.rd-kacheln .booking-box {
flex: 0 0 calc(50% - 15px);
}
}
@media (min-width: 1024px) {
.rd-kacheln .booking-box {
flex: 0 0 calc(33.333% - 20px);
}
}
.rd-kacheln .booking-box:hover {
transform: translateY(calc(-5px * var(--rd-zoom)));
box-shadow: 0 26px 54px rgba(80, 60, 0, .16);
}
.rd-kacheln .booking-box h3 {
font-family: var(--rd-slab);
font-size: calc(1.42rem * var(--rd-zoom));
line-height: 1.3;
color: var(--rd-text);
margin: 0 0 calc(18px * var(--rd-zoom));
}
.rd-kacheln .booking-date,
.rd-kacheln .booking-time,
.rd-kacheln .booking-location,
.rd-kacheln .booking-deadline {
display: flex;
align-items: center;
gap: calc(9px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1.02rem * var(--rd-zoom));
color: var(--rd-text-grau);
margin-bottom: calc(9px * var(--rd-zoom));
}
.rd-kacheln .booking-date .material-symbols-outlined,
.rd-kacheln .booking-time .material-symbols-outlined,
.rd-kacheln .booking-location .material-symbols-outlined,
.rd-kacheln .booking-deadline .material-symbols-outlined,
.rd-kacheln .booking-spots .material-symbols-outlined {
font-size: calc(20px * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
}
.rd-kacheln .booking-more-dates {
font-family: var(--rd-sans);
font-size: calc(.98rem * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
margin-bottom: calc(9px * var(--rd-zoom));
}
.rd-kacheln .booking-spots {
font-family: var(--rd-sans);
font-size: calc(1.02rem * var(--rd-zoom));
}
.rd-kacheln .booking-thumbnail,
.rd-kacheln .freebie-thumb {
width: 100%;
height: auto;
display: block;
border-radius: calc(16px * var(--rd-zoom));
margin: calc(14px * var(--rd-zoom)) 0;
}
.rd-kacheln .booking-description,
.rd-kacheln .paket-desc,
.rd-kacheln .freebie-desc {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
margin: calc(6px * var(--rd-zoom)) 0 calc(16px * var(--rd-zoom));
}
.rd-kacheln .desc-toggle {
color: var(--rd-tuerkis-dunkel) !important;
font-family: var(--rd-sans-fett);
}
.rd-kacheln .booking-price {
font-family: var(--rd-slab);
font-size: calc(1.6rem * var(--rd-zoom));
color: var(--rd-text);
margin-top: auto;
padding-top: calc(14px * var(--rd-zoom));
}
.rd-kacheln .price-highlight {
color: var(--rd-tuerkis-dunkel);
}
.rd-kacheln .booking-raten,
.booking-raten {
font-family: var(--rd-sans-leicht);
font-size: calc(0.85rem * var(--rd-zoom));
color: var(--rd-text-grau);
margin: calc(2px * var(--rd-zoom)) 0 calc(8px * var(--rd-zoom));
}
.rd-preis .rd-preis-raten,
.rd-lp-summe .rd-preis-raten {
display: block;
font-family: var(--rd-sans-leicht);
font-size: calc(0.85rem * var(--rd-zoom));
font-weight: 400;
line-height: 1.4;
color: var(--rd-text-grau);
margin-top: calc(2px * var(--rd-zoom));
}
.booking-raten.booking-raten-bedingung,
.rd-kacheln .booking-raten.booking-raten-bedingung,
.rd-preis .rd-preis-raten-bedingung,
.rd-lp-summe .rd-preis-raten-bedingung {
font-size: calc(0.72rem * var(--rd-zoom));
margin-top: 0;
}
.booking-raten:not(.booking-raten-bedingung) {
margin-bottom: 0;
}
.rd-kacheln .booking-mehr {
display: block;
text-align: center;
font-family: var(--rd-sans-fett);
font-size: calc(0.9rem * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
text-decoration: none;
margin: 0 0 calc(10px * var(--rd-zoom));
}
.rd-kacheln .booking-mehr:hover,
.rd-kacheln .booking-mehr:focus-visible {
text-decoration: underline;
}
.rd-kacheln .paket-desc + .booking-mehr {
text-align: left;
margin-top: calc(-6px * var(--rd-zoom));
}
.rd-kacheln .booking-button {
display: block;
width: 100%;
margin-top: calc(18px * var(--rd-zoom));
padding: calc(17px * var(--rd-zoom)) calc(24px * var(--rd-zoom));
border: 0;
border-radius: 999px;
background: var(--rd-gelb);
color: var(--rd-text);
font-family: var(--rd-sans-fett);
font-size: calc(1.12rem * var(--rd-zoom));
line-height: 1.2;
cursor: pointer;
transition: background-color .15s ease, transform .15s ease;
}
.rd-kacheln .booking-button:hover:not(:disabled) {
background: var(--rd-gelb-dunkel);
transform: translateY(calc(-2px * var(--rd-zoom)));
}
.rd-kacheln .booking-button:disabled {
background: var(--rd-gelb-hell);
color: var(--rd-text-grau);
cursor: not-allowed;
}
.rd-kacheln .booking-button.sold-out {
background: var(--rd-gelb-hell);
color: var(--rd-text-grau);
}
.rd-kacheln .booking-box.fully-booked {
opacity: .72;
border-top-color: var(--rd-text-grau);
}
.rd-kacheln .freebie-box {
border-top-color: var(--rd-tuerkis);
}
.rd-kacheln .paket-box {
border-top-color: var(--rd-gelb-dunkel);
}
.rd-kacheln .paket-kontingent {
list-style: none;
margin: calc(10px * var(--rd-zoom)) 0 calc(14px * var(--rd-zoom));
padding: 0;
display: flex;
flex-direction: column;
gap: calc(6px * var(--rd-zoom));
}
.rd-kacheln .paket-kontingent li {
font-family: var(--rd-sans-leicht);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-text-grau);
padding-left: calc(20px * var(--rd-zoom));
position: relative;
}
.rd-kacheln .paket-kontingent li::before {
content: '\2713';
position: absolute;
left: 0;
color: var(--rd-gelb-dunkel);
font-weight: 700;
}
.rd-kacheln .booking-box.rd-paketkarte {
padding: calc(34px * var(--rd-zoom)) calc(34px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
border-radius: calc(40px * var(--rd-zoom));
}
.rd-paketkarte-kopf {
display: flex;
align-items: flex-start;
min-height: calc(32px * var(--rd-zoom));
}
.rd-paketkarte-marke {
display: inline-block;
background: var(--rd-gelb-hell);
color: color-mix(in srgb, var(--rd-gelb-dunkel) 45%, var(--rd-braun));
font-family: var(--rd-sans-fett);
font-size: calc(.78rem * var(--rd-zoom));
letter-spacing: .06em;
text-transform: uppercase;
line-height: 1;
padding: calc(8px * var(--rd-zoom)) calc(14px * var(--rd-zoom));
border-radius: 999px;
}
.rd-paketkarte-zahl {
position: absolute;
top: calc(40px * var(--rd-zoom));
right: calc(34px * var(--rd-zoom));
width: calc(88px * var(--rd-zoom));
height: calc(88px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-gelb);
color: var(--rd-text);
font-family: var(--rd-sans);
font-size: calc(2.6rem * var(--rd-zoom));
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 calc(12px * var(--rd-zoom)) calc(26px * var(--rd-zoom)) rgba(253, 198, 23, .35);
}
.rd-kacheln .booking-box.rd-paketkarte h3 {
font-family: var(--rd-sans-fett);
font-size: calc(1.55rem * var(--rd-zoom));
line-height: 1.25;
color: var(--rd-braun);
margin: calc(14px * var(--rd-zoom)) 0 calc(10px * var(--rd-zoom));
padding-right: calc(100px * var(--rd-zoom));
}
.rd-paketkarte-dauer {
font-family: var(--rd-sans-fett);
font-size: calc(1.05rem * var(--rd-zoom));
color: color-mix(in srgb, var(--rd-gelb-dunkel) 45%, var(--rd-braun));
margin: 0 0 calc(4px * var(--rd-zoom));
}
.rd-paketkarte-umfang {
font-family: var(--rd-sans);
font-size: calc(.9rem * var(--rd-zoom));
line-height: 1.45;
color: var(--rd-text-grau);
margin: 0 0 calc(8px * var(--rd-zoom));
}
.rd-paketkarte-fuss {
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(16px * var(--rd-zoom));
padding-top: calc(18px * var(--rd-zoom));
}
.rd-kacheln .booking-box.rd-paketkarte .booking-price {
font-family: var(--rd-sans);
font-size: calc(1.9rem * var(--rd-zoom));
color: var(--rd-braun);
margin: 0;
padding: 0;
white-space: nowrap;
}
.rd-kacheln .booking-box.rd-paketkarte .rd-paketkarte-knopf,
.rd-kacheln .booking-box.rd-paketkarte .rd-paketkarte-mehr {
display: inline-flex;
align-items: center;
gap: calc(10px * var(--rd-zoom));
width: auto;
margin: 0;
padding: calc(12px * var(--rd-zoom)) calc(14px * var(--rd-zoom)) calc(12px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
color: var(--rd-braun);
font-size: calc(1.05rem * var(--rd-zoom));
white-space: nowrap;
box-shadow: var(--rd-schatten-pille);
}
.rd-kacheln .booking-container.rd-kacheln-mittig {
justify-content: center;
}
@media (max-width: 600px) {
.rd-paketkarte-zahl {
top: calc(30px * var(--rd-zoom));
right: calc(24px * var(--rd-zoom));
width: calc(64px * var(--rd-zoom));
height: calc(64px * var(--rd-zoom));
font-size: calc(2rem * var(--rd-zoom));
}
.rd-kacheln .booking-box.rd-paketkarte h3 {
font-size: calc(1.3rem * var(--rd-zoom));
padding-right: calc(76px * var(--rd-zoom));
hyphens: auto;
overflow-wrap: break-word;
}
}
.rd-kacheln .booking-box.rd-paketkarte .rd-paketkarte-mehr {
border-radius: 999px;
background: var(--rd-gelb);
font-family: var(--rd-sans-fett);
line-height: 1.2;
text-decoration: none;
transition: background-color .15s ease, transform .15s ease;
}
.rd-kacheln .booking-box.rd-paketkarte .rd-paketkarte-mehr:hover,
.rd-kacheln .booking-box.rd-paketkarte .rd-paketkarte-mehr:focus-visible {
background: var(--rd-gelb-dunkel);
}
.rd-paketkarte-knopf .rd-btn-pfeil {
font-size: calc(32px * var(--rd-zoom));
margin: 0;
}
.rd-kacheln .freebie-box .booking-button {
background: var(--rd-tuerkis);
color: var(--rd-weiss);
}
.rd-kacheln .freebie-box .booking-button:hover:not(:disabled) {
background: var(--rd-tuerkis-dunkel);
}
.rd-kacheln .carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: calc(52px * var(--rd-zoom));
height: calc(52px * var(--rd-zoom));
border-radius: 50%;
border: 0;
background: var(--rd-weiss);
color: var(--rd-tuerkis-dunkel);
box-shadow: var(--rd-schatten-pille);
font-size: calc(2rem * var(--rd-zoom));
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}
.rd-kacheln .carousel-nav:hover:not(:disabled) {
background: var(--rd-tuerkis-dunkel);
color: var(--rd-weiss);
}
.rd-kacheln .carousel-nav:disabled {
opacity: .3;
cursor: not-allowed;
pointer-events: none;
}
.rd-kacheln .carousel-nav-prev {
left: calc(4px * var(--rd-zoom));
}
.rd-kacheln .carousel-nav-next {
right: calc(4px * var(--rd-zoom));
}
@media (max-width: 767px) {
.rd-kacheln {
overflow-x: clip;
overflow-y: visible;
padding: 0 calc(16px * var(--rd-zoom));
}
.rd-kacheln .booking-container {
flex-direction: column;
transform: none !important;
cursor: default;
touch-action: auto;
gap: calc(24px * var(--rd-zoom));
padding: 0;
}
.rd-kacheln .booking-container:active {
cursor: default;
}
.rd-kacheln .booking-box {
flex: none;
width: 100%;
max-width: 100%;
}
.rd-kacheln .carousel-nav {
display: none;
}
}
.rd-dialog {
position: fixed;
inset: 0;
z-index: 1000;
align-items: flex-start;
justify-content: center;
overflow-y: auto;
padding: calc(40px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
background: rgba(27, 27, 27, .55);
}
.rd-dialog .site-modal-backdrop {
position: fixed;
inset: 0;
z-index: 0;
}
.rd-dialog-karte {
position: relative;
z-index: 1;
width: 100%;
max-width: calc(680px * var(--rd-zoom));
margin: 0 auto;
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: 0 30px 70px rgba(0, 0, 0, .25);
padding: calc(40px * var(--rd-zoom));
}
.rd-dialog-klein {
max-width: calc(500px * var(--rd-zoom));
}
.rd-dialog-titel {
font-family: var(--rd-slab);
font-size: calc(1.6rem * var(--rd-zoom));
line-height: 1.3;
color: var(--rd-text);
margin: 0 0 calc(22px * var(--rd-zoom));
padding-right: calc(40px * var(--rd-zoom));
}
.rd-dialog-schliesser {
position: absolute;
top: calc(18px * var(--rd-zoom));
right: calc(20px * var(--rd-zoom));
width: calc(40px * var(--rd-zoom));
height: calc(40px * var(--rd-zoom));
border: 0;
border-radius: 50%;
background: var(--rd-gelb-hell);
color: var(--rd-text);
font-size: calc(1.7rem * var(--rd-zoom));
line-height: 1;
cursor: pointer;
}
.rd-dialog-schliesser:hover {
background: var(--rd-gelb);
}
.rd-dialog p {
font-family: var(--rd-sans-leicht);
font-size: calc(1.08rem * var(--rd-zoom));
line-height: 1.6;
color: var(--rd-text-grau);
}
.rd-dialog .form-group {
display: block;
margin-bottom: calc(16px * var(--rd-zoom));
}
.rd-dialog label {
display: block;
font-family: var(--rd-sans);
font-size: calc(1rem * var(--rd-zoom));
color: var(--rd-text);
margin-bottom: calc(7px * var(--rd-zoom));
}
.rd-dialog input[type="text"],
.rd-dialog input[type="email"],
.rd-dialog input[type="number"],
.rd-dialog select {
width: 100%;
padding: calc(13px * var(--rd-zoom)) calc(16px * var(--rd-zoom));
border: 1px solid rgba(27, 27, 27, .18);
border-radius: calc(14px * var(--rd-zoom));
background: var(--rd-weiss);
font-family: var(--rd-sans);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-text);
}
.rd-dialog input:focus,
.rd-dialog select:focus {
outline: calc(2px * var(--rd-zoom)) solid var(--rd-tuerkis);
outline-offset: calc(1px * var(--rd-zoom));
}
.rd-dialog-block {
border: 0;
border-top: 1px solid rgba(27, 27, 27, .12);
min-width: 0;
margin: calc(24px * var(--rd-zoom)) 0 calc(18px * var(--rd-zoom));
padding: calc(18px * var(--rd-zoom)) 0 0;
}
.rd-dialog-block-titel {
font-family: var(--rd-sans-fett);
font-size: calc(1.06rem * var(--rd-zoom));
color: var(--rd-text);
margin: 0 0 calc(14px * var(--rd-zoom));
padding: 0;
}
.rd-dialog-zeile {
display: flex;
gap: calc(12px * var(--rd-zoom));
}
.rd-dialog-schmal {
flex: 1;
min-width: 0;
}
.rd-dialog-breit {
flex: 3;
min-width: 0;
}
.rd-dialog-zustimmung {
display: flex;
align-items: flex-start;
gap: calc(10px * var(--rd-zoom));
margin: calc(18px * var(--rd-zoom)) 0 calc(10px * var(--rd-zoom));
}
.rd-dialog-zustimmung input {
margin-top: calc(4px * var(--rd-zoom));
width: calc(18px * var(--rd-zoom));
height: calc(18px * var(--rd-zoom));
flex: none;
accent-color: var(--rd-tuerkis-dunkel);
}
.rd-dialog-zustimmung label {
margin: 0;
font-family: var(--rd-sans-leicht);
font-size: calc(.97rem * var(--rd-zoom));
color: var(--rd-text-grau);
line-height: 1.5;
}
.rd-dialog-hinweis {
font-size: calc(.94rem * var(--rd-zoom));
margin: 0 0 calc(20px * var(--rd-zoom));
}
.rd-dialog a {
color: var(--rd-tuerkis-dunkel);
text-decoration: underline;
}
.rd-dialog-zahlwahl {
display: flex;
gap: calc(12px * var(--rd-zoom));
margin-bottom: calc(14px * var(--rd-zoom));
}
.rd-zahlknopf {
display: block;
flex: 1;
text-align: center;
padding: calc(17px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
border: 0;
border-radius: 999px;
background: var(--rd-gelb);
color: var(--rd-text);
font-family: var(--rd-sans-fett);
font-size: calc(1.06rem * var(--rd-zoom));
line-height: 1.2;
cursor: pointer;
transition: background-color .15s ease;
}
.rd-zahlknopf:hover {
background: var(--rd-gelb-dunkel);
}
.rd-zahlknopf-paypal {
background: #0070BA;
color: var(--rd-weiss);
}
.rd-zahlknopf-paypal:hover {
background: #005EA6;
}
.rd-zahlknopf-gratis {
background: var(--rd-tuerkis);
color: var(--rd-weiss);
}
.rd-zahlknopf-gratis:hover {
background: var(--rd-tuerkis-dunkel);
}
.rd-dialog-zahlung {
margin-top: calc(20px * var(--rd-zoom));
}
.rd-dialog .sumup-widget-shell {
background: transparent;
padding: calc(10px * var(--rd-zoom));
margin: 0 auto;
max-width: 100%;
}
.rd-lp-zahlflaeche {
scroll-margin-top: calc(16px * var(--rd-zoom));
}
.rd-dialog .sumup-widget-wrapper,
.rd-dialog .sumup-scale,
.rd-lp-zahlflaeche .sumup-scale {
position: relative;
width: 100%;
overflow: visible;
display: flex;
flex-direction: column;
align-items: center;
}
.rd-dialog .sumup-scale > *,
.rd-lp-zahlflaeche .sumup-scale > * {
max-width: 100%;
}
.rd-dialog .sumup-widget-loader,
.rd-lp-zahlflaeche .sumup-widget-loader {
display: none;
text-align: center;
padding: calc(32px * var(--rd-zoom)) calc(16px * var(--rd-zoom));
font-family: var(--rd-sans);
font-size: calc(1.05rem * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
}
.rd-dialog .sumup-widget-loader.is-error,
.rd-lp-zahlflaeche .sumup-widget-loader.is-error {
color: #C62828;
}
.rd-dialog .sumup-widget-loader.is-abbruch,
.rd-lp-zahlflaeche .sumup-widget-loader.is-abbruch {
color: var(--rd-tuerkis-dunkel);
}
.rd-dialog .sumup-widget-loader > div,
.rd-lp-zahlflaeche .sumup-widget-loader > div {
display: inline-block;
width: calc(50px * var(--rd-zoom));
height: calc(50px * var(--rd-zoom));
box-sizing: border-box;
border-radius: 50%;
border: calc(4px * var(--rd-zoom)) solid var(--rd-gelb-hell);
border-top-color: var(--rd-gelb);
animation: rd-dreht 1s linear infinite;
}
.rd-dialog .sumup-widget-loader.processing-ui > div:not(.sumup-processing-wrap),
.rd-lp-zahlflaeche .sumup-widget-loader.processing-ui > div:not(.sumup-processing-wrap) {
display: none;
}
.rd-dialog .sumup-processing-wrap,
.rd-lp-zahlflaeche .sumup-processing-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.rd-dialog .sumup-spinner,
.rd-lp-zahlflaeche .sumup-spinner {
width: calc(50px * var(--rd-zoom));
height: calc(50px * var(--rd-zoom));
box-sizing: border-box;
border-radius: 50%;
border: calc(4px * var(--rd-zoom)) solid var(--rd-gelb-hell);
border-top-color: var(--rd-gelb);
display: inline-block;
animation: rd-dreht 1s linear infinite;
}
@keyframes rd-dreht {
to {
transform: rotate(360deg);
}
}
.rd-dialog .sumup-widget-iframe,
.rd-lp-zahlflaeche .sumup-widget-iframe {
width: 100%;
max-width: 100%;
min-height: calc(520px * var(--rd-zoom));
border: 0;
border-radius: calc(12px * var(--rd-zoom));
background: transparent;
display: none;
}
.rd-dialog .sumup-widget-iframe.is-visible,
.rd-lp-zahlflaeche .sumup-widget-iframe.is-visible {
display: block;
min-height: calc(640px * var(--rd-zoom));
max-height: 85vh;
}
.rd-dialog.processing .rd-dialog-karte {
pointer-events: none;
}
.rd-dialog.processing .rd-dialog-schliesser {
opacity: .25;
}
.rd-dialog .booking-details-display {
background: var(--rd-gelb-hell);
border-radius: calc(18px * var(--rd-zoom));
padding: calc(20px * var(--rd-zoom)) calc(24px * var(--rd-zoom));
margin-bottom: calc(24px * var(--rd-zoom));
}
.rd-dialog .booking-details-display p {
margin: 0 0 calc(6px * var(--rd-zoom));
color: var(--rd-text);
}
.rd-dialog .booking-dialog-mehr .booking-mehr {
font-family: var(--rd-sans-fett);
color: var(--rd-tuerkis-dunkel);
text-decoration: underline;
text-underline-offset: 3px;
}
.rd-dialog .booking-termine-select__title {
font-family: var(--rd-sans-fett);
color: var(--rd-text);
margin-bottom: calc(4px * var(--rd-zoom));
}
.rd-dialog .booking-termine-select__hint {
font-size: calc(.95rem * var(--rd-zoom));
}
.rd-dialog .booking-termine-options {
display: flex;
flex-direction: column;
gap: calc(10px * var(--rd-zoom));
margin-top: calc(12px * var(--rd-zoom));
}
.rd-dialog .booking-termin-option {
display: block;
background: var(--rd-weiss);
border: 1px solid rgba(27, 27, 27, .14);
border-radius: calc(14px * var(--rd-zoom));
padding: calc(14px * var(--rd-zoom)) calc(16px * var(--rd-zoom));
margin: 0;
cursor: pointer;
}
.rd-dialog .booking-termin-option:hover {
border-color: var(--rd-tuerkis);
}
.rd-dialog .booking-termin-option__content {
display: flex;
align-items: flex-start;
gap: calc(12px * var(--rd-zoom));
}
.rd-dialog .booking-termin-option__icon {
font-size: calc(22px * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
}
.rd-dialog .booking-termin-option__text {
display: block;
}
.rd-dialog .booking-termin-option__date {
display: block;
font-family: var(--rd-sans-fett);
color: var(--rd-text);
}
.rd-dialog .booking-termin-option__meta {
display: block;
font-family: var(--rd-sans-leicht);
font-size: calc(.95rem * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-dialog .booking-termine-empty {
margin: 0;
}
.rd-dialog .freebie-form-group {
margin: calc(16px * var(--rd-zoom)) 0;
}
.rd-dialog .freebie-check {
display: flex;
align-items: flex-start;
gap: calc(10px * var(--rd-zoom));
margin-bottom: calc(12px * var(--rd-zoom));
font-family: var(--rd-sans-leicht);
font-size: calc(.97rem * var(--rd-zoom));
color: var(--rd-text-grau);
line-height: 1.5;
cursor: pointer;
}
.rd-dialog .freebie-check input {
margin-top: calc(3px * var(--rd-zoom));
width: calc(18px * var(--rd-zoom));
height: calc(18px * var(--rd-zoom));
flex: none;
accent-color: var(--rd-tuerkis-dunkel);
}
.rd-dialog-optional {
color: var(--rd-text-grau);
font-size: .85em;
white-space: nowrap;
}
.rd-dialog .freebie-error {
color: #C62828;
font-family: var(--rd-sans);
font-size: calc(.97rem * var(--rd-zoom));
margin: calc(10px * var(--rd-zoom)) 0;
}
.rd-dialog .freebie-error:empty {
margin: 0;
}
.rd-dialog-fertig {
text-align: center;
padding: calc(10px * var(--rd-zoom)) 0;
}
.rd-dialog-haken {
font-size: calc(46px * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
}
.rd-honigtopf {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
}
.rd-dialog-aktionen {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: calc(12px * var(--rd-zoom));
margin-top: calc(22px * var(--rd-zoom));
}
.rd-dialog .rd-btn {
padding: calc(15px * var(--rd-zoom)) calc(28px * var(--rd-zoom));
font-size: calc(1.08rem * var(--rd-zoom));
}
.rd-dialog .rd-btn:disabled {
opacity: .5;
cursor: not-allowed;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.rd-fehler {
position: relative;
overflow: hidden;
background: var(--rd-creme);
--rd-wellenfarbe: var(--rd-gelb-hell);
padding: calc(96px * var(--rd-zoom)) 0 calc(180px * var(--rd-zoom));
min-height: calc(62vh - var(--rd-kopf));
display: flex;
align-items: center;
}
.rd-fehler-inner {
position: relative;
z-index: 1;
text-align: center;
}
.rd-fehler-zahl {
font-family: var(--rd-slab);
font-weight: 400;
font-size: calc(clamp(5rem, calc(60px + 7vw), 11rem) * var(--rd-zoom));
line-height: 1;
letter-spacing: calc(4px * var(--rd-zoom));
color: var(--rd-gelb);
margin: 0 0 calc(8px * var(--rd-zoom));
-webkit-user-select: none;
user-select: none;
}
.rd-fehler-text {
font-family: var(--rd-sans);
font-size: calc(1.12rem * var(--rd-zoom));
line-height: 1.7;
color: var(--rd-text-grau);
max-width: calc(560px * var(--rd-zoom));
margin: 0 auto calc(34px * var(--rd-zoom));
}
.rd-fehler-knoepfe {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(16px * var(--rd-zoom));
}
@media (max-width: 1420px) {
.rd-nav ul {
gap: calc(24px * var(--rd-zoom));
}
.rd-nav a {
font-size: calc(1rem * var(--rd-zoom));
}
.rd-btn-login {
font-size: calc(1rem * var(--rd-zoom));
padding: calc(15px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
}
.rd-logo img {
height: calc(62px * var(--rd-zoom));
}
:root {
--rd-kopf: calc(100px * var(--rd-zoom));
}
}
@media (max-width: 1150px) {
.rd-fuss-raster {
grid-template-columns: 1fr .8fr 1.2fr;
gap: calc(30px * var(--rd-zoom));
}
.rd-nav,
.rd-header-inner > .rd-btn-login {
display: none;
}
.rd-burger {
display: flex;
}
:root {
--rd-kopf: calc(84px * var(--rd-zoom));
}
.rd-header-inner {
gap: calc(16px * var(--rd-zoom));
}
.rd-hero-inner {
grid-template-columns: minmax(0, 1fr);
gap: calc(44px * var(--rd-zoom));
}
.rd-hero-bild {
order: -1;
justify-self: center;
width: 100%;
max-width: calc(460px * var(--rd-zoom));
margin-right: 0;
}
.rd-angebote {
padding-top: calc(90px * var(--rd-zoom));
}
.rd-hero {
padding-bottom: calc(90px * var(--rd-zoom));
}
.rd-hero-titel {
font-size: calc(clamp(2.5rem, 8vw, 3.4rem) * var(--rd-zoom));
}
.rd-hero-titel-klein {
font-size: calc(clamp(2rem, 6.4vw, 2.7rem) * var(--rd-zoom));
}
.rd-hero-fliess {
max-width: none;
}
.rd-karten {
grid-template-columns: minmax(0, 1fr);
gap: calc(28px * var(--rd-zoom));
}
.rd-karte {
padding: calc(44px * var(--rd-zoom)) calc(40px * var(--rd-zoom)) calc(44px * var(--rd-zoom));
}
.rd-uebermich {
padding: calc(90px * var(--rd-zoom)) 0;
}
.rd-uebermich-inner {
grid-template-columns: minmax(0, 1fr);
gap: calc(44px * var(--rd-zoom));
}
.rd-schritte {
grid-template-columns: minmax(0, 1fr);
max-width: none;
}
.rd-schritte-linie {
display: none;
}
.rd-schritt + .rd-schritt {
margin-top: calc(36px * var(--rd-zoom));
}
.rd-schritt-pfeil {
display: block;
margin-top: calc(35px * var(--rd-zoom));
width: calc(30px * var(--rd-zoom));
height: calc(52px * var(--rd-zoom));
}
.rd-schritt-text {
max-width: calc(460px * var(--rd-zoom));
}
.rd-freebies {
grid-template-columns: minmax(0, 1fr);
max-width: calc(560px * var(--rd-zoom));
gap: calc(28px * var(--rd-zoom));
}
.rd-uebermich-bild {
order: -1;
justify-self: center;
width: 100%;
max-width: calc(414px * var(--rd-zoom));
margin-left: 0;
margin-right: 0;
}
.rd-hallo-inner,
.rd-privat-inner {
grid-template-columns: minmax(0, 1fr);
gap: calc(44px * var(--rd-zoom));
}
.rd-hallo-bild,
.rd-privat-bild {
order: -1;
justify-self: center;
width: 100%;
max-width: calc(460px * var(--rd-zoom));
margin-left: 0;
margin-right: 0;
}
.rd-hallo-titel {
font-size: calc(clamp(2.5rem, 8vw, 3.4rem) * var(--rd-zoom));
}
.rd-hallo-fliess {
max-width: none;
}
.rd-hallo {
padding-bottom: calc(90px * var(--rd-zoom));
}
.rd-hallo-bild .rd-bewertung {
left: 4%;
right: auto;
}
.rd-bekannt,
.rd-glaube,
.rd-motivation,
.rd-privat,
.rd-werdegang {
padding-top: calc(90px * var(--rd-zoom));
}
.rd-bekannt,
.rd-motivation,
.rd-privat {
padding-bottom: calc(120px * var(--rd-zoom));
}
.rd-glaube {
padding-bottom: calc(90px * var(--rd-zoom));
}
.rd-mut {
padding: calc(80px * var(--rd-zoom)) 0;
}
.rd-mut-spalten {
grid-template-columns: minmax(0, 1fr);
gap: calc(22px * var(--rd-zoom));
}
.rd-zitat-gross {
margin-left: 0;
margin-right: 0;
}
.rd-stationen {
grid-template-columns: minmax(0, 1fr);
max-width: calc(460px * var(--rd-zoom));
}
.rd-stationen-linie {
display: none;
}
.rd-station + .rd-station {
margin-top: calc(36px * var(--rd-zoom));
}
.rd-station-text {
max-width: calc(420px * var(--rd-zoom));
margin-top: calc(16px * var(--rd-zoom));
}
.rd-lernen {
padding-top: calc(80px * var(--rd-zoom));
}
.rd-lernkarte {
padding: calc(50px * var(--rd-zoom)) calc(40px * var(--rd-zoom)) calc(54px * var(--rd-zoom));
}
.rd-standort-karte,
.rd-kursspalten,
.rd-vertrauen-inner {
grid-template-columns: minmax(0, 1fr);
}
.rd-standort-karte {
padding: calc(44px * var(--rd-zoom));
gap: calc(38px * var(--rd-zoom));
}
.rd-standort-bild img {
min-height: 0;
height: calc(420px * var(--rd-zoom));
}
.rd-vertrauen-ring {
max-width: calc(420px * var(--rd-zoom));
}
.rd-vertrauen-inner {
gap: calc(46px * var(--rd-zoom));
}
.rd-zielgruppen-raster {
grid-template-columns: minmax(0, 1fr);
}
.rd-kontakt-inner {
grid-template-columns: minmax(0, 1fr);
gap: calc(36px * var(--rd-zoom));
}
.rd-kontakt-bild {
max-width: calc(340px * var(--rd-zoom));
}
}
@media (max-width: 600px) {
.rd-abschluss {
padding: calc(110px * var(--rd-zoom)) 0 calc(120px * var(--rd-zoom));
}
.rd-newsletter {
flex-direction: column;
align-items: stretch;
gap: calc(26px * var(--rd-zoom));
margin-top: calc(-40px * var(--rd-zoom));
padding: calc(30px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
}
.rd-newsletter .rd-btn {
justify-content: space-between;
}
.rd-fuss-raster {
grid-template-columns: 1fr;
gap: calc(44px * var(--rd-zoom));
padding-top: calc(50px * var(--rd-zoom));
}
.rd-fuss-zeile {
flex-direction: column-reverse;
align-items: flex-start;
gap: calc(14px * var(--rd-zoom));
}
.rd-fuss-recht {
gap: calc(10px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
}
.rd-stimmen-live .es-review-background-container::after {
display: none;
}
.rd-stimmen {
padding: calc(110px * var(--rd-zoom)) 0 calc(90px * var(--rd-zoom));
}
body {
font-size: calc(17px * var(--rd-zoom));
}
.rd-container {
padding: 0 calc(20px * var(--rd-zoom));
}
.rd-logo img {
height: calc(38px * var(--rd-zoom));
}
.rd-hero {
padding-top: calc(24px * var(--rd-zoom));
}
.rd-hero-bild {
max-width: 100%;
}
.rd-hero-ring {
border-width: calc(14px * var(--rd-zoom));
}
.rd-bewertung {
left: 50%;
bottom: -6%;
transform: translateX(-50%);
padding: calc(12px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
}
.rd-hero-inner {
gap: calc(56px * var(--rd-zoom));
}
.rd-hero-aktionen {
flex-direction: column;
align-items: flex-start;
}
.rd-schlagworte {
gap: calc(10px * var(--rd-zoom));
margin-bottom: calc(40px * var(--rd-zoom));
}
.rd-schlagworte li {
font-size: calc(.88rem * var(--rd-zoom));
padding: calc(10px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
}
.rd-karte {
padding: calc(32px * var(--rd-zoom)) calc(26px * var(--rd-zoom)) calc(34px * var(--rd-zoom));
}
.rd-freebie {
padding: calc(32px * var(--rd-zoom)) calc(28px * var(--rd-zoom)) calc(36px * var(--rd-zoom));
}
.rd-freebie-aktion {
gap: calc(14px * var(--rd-zoom));
padding: calc(13px * var(--rd-zoom)) calc(14px * var(--rd-zoom));
}
.rd-karte .rd-btn {
width: 100%;
justify-content: space-between;
}
.rd-merkmale {
grid-template-columns: minmax(0, 1fr);
}
.rd-uebermich-bild {
max-width: 90%;
}
.rd-insta {
right: 6%;
gap: calc(12px * var(--rd-zoom));
padding: calc(9px * var(--rd-zoom)) calc(22px * var(--rd-zoom)) calc(9px * var(--rd-zoom)) calc(14px * var(--rd-zoom));
}
.rd-insta .rd-insta-zeichen-gross {
font-size: calc(40px * var(--rd-zoom));
}
.rd-insta-text strong {
font-size: calc(1.1rem * var(--rd-zoom));
}
.rd-insta-text small {
font-size: calc(.85rem * var(--rd-zoom));
}
.rd-play {
width: calc(78px * var(--rd-zoom));
height: calc(78px * var(--rd-zoom));
}
.rd-play .material-symbols-outlined {
font-size: calc(40px * var(--rd-zoom));
}
.rd-hallo-bild .rd-bewertung {
left: 50%;
right: auto;
}
.rd-punkt {
grid-template-columns: minmax(0, 1fr);
gap: calc(20px * var(--rd-zoom));
}
.rd-punkt-titel {
margin-top: 0;
font-size: calc(1.9rem * var(--rd-zoom));
}
.rd-zitat,
.rd-zitat-gross {
padding: calc(32px * var(--rd-zoom)) calc(26px * var(--rd-zoom)) calc(36px * var(--rd-zoom));
}
.rd-zitat-satz,
.rd-zitat-gross .rd-zitat-satz {
font-size: calc(1.85rem * var(--rd-zoom));
}
.rd-zitat-funke,
.rd-zitat-gross .rd-zitat-funke {
left: calc(20px * var(--rd-zoom));
right: auto;
font-size: calc(30px * var(--rd-zoom));
}
.rd-karte-weiss,
.rd-karte-breit {
padding: calc(30px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
}
.rd-lernkarte {
padding: calc(44px * var(--rd-zoom)) calc(26px * var(--rd-zoom)) calc(48px * var(--rd-zoom));
}
.rd-lernkarte .rd-btn {
width: 100%;
justify-content: space-between;
}
.rd-glaube-trenner::before,
.rd-glaube-trenner::after {
width: calc(60px * var(--rd-zoom));
}
.rd-ang-hero {
padding: calc(64px * var(--rd-zoom)) 0 calc(72px * var(--rd-zoom));
}
.rd-sprungmarken {
flex-direction: column;
align-items: stretch;
}
.rd-sprungmarken li a {
flex: 1;
justify-content: center;
}
.rd-leistung-kopf {
flex-direction: column;
align-items: flex-start;
gap: calc(18px * var(--rd-zoom));
}
.rd-leistung-standort,
.rd-leistung-pakete,
.rd-kurse,
.rd-vertrauen,
.rd-faq {
padding-top: calc(76px * var(--rd-zoom));
padding-bottom: calc(120px * var(--rd-zoom));
}
.rd-standort-karte {
padding: calc(30px * var(--rd-zoom));
border-radius: calc(28px * var(--rd-zoom));
}
.rd-standort-bild img {
height: calc(300px * var(--rd-zoom));
}
.rd-standort-fuss {
flex-direction: column;
align-items: stretch;
gap: calc(18px * var(--rd-zoom));
}
.rd-standort-fuss .rd-btn {
justify-content: center;
}
.rd-kurskachel {
padding: calc(20px * var(--rd-zoom)) calc(20px * var(--rd-zoom)) calc(20px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
}
.rd-faq-punkt summary,
.rd-faq-antwort {
padding-left: calc(22px * var(--rd-zoom));
padding-right: calc(22px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-ang-hero {
padding: calc(40px * var(--rd-zoom)) 0 calc(48px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-ang-titel {
font-size: calc(1.85rem * var(--rd-zoom));
margin-bottom: calc(18px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-ang-lead,
body.rd-seite-angebot .rd-leistung-lead,
body.rd-seite-angebot .rd-standort-fliess,
body.rd-seite-angebot .rd-vertrauen-lead,
body.rd-seite-angebot .rd-pakete-hinweis p {
font-size: calc(1.02rem * var(--rd-zoom));
line-height: 1.6;
}
body.rd-seite-angebot .rd-ang-lead {
margin-bottom: calc(16px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-ang-lead-fett {
font-size: calc(1.02rem * var(--rd-zoom));
margin-bottom: calc(26px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-sprungmarken li a {
padding: calc(12px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-leistung-pakete,
body.rd-seite-angebot .rd-kurse,
body.rd-seite-angebot .rd-vertrauen,
body.rd-seite-angebot .rd-faq {
padding-top: calc(52px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-leistung-standort {
padding-top: calc(36px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-leistung-standort,
body.rd-seite-angebot .rd-leistung-pakete,
body.rd-seite-angebot .rd-kurse,
body.rd-seite-angebot .rd-vertrauen,
body.rd-seite-angebot .rd-faq {
padding-bottom: calc(96px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-leistung-kopf {
gap: calc(12px * var(--rd-zoom));
margin-bottom: calc(16px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-leistung-ring {
width: calc(58px * var(--rd-zoom));
height: calc(58px * var(--rd-zoom));
font-size: calc(27px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-leistung-titel,
body.rd-seite-angebot .rd-vertrauen-titel,
body.rd-seite-angebot .rd-abschnitt-titel {
font-size: calc(1.55rem * var(--rd-zoom));
}
body.rd-seite-angebot .rd-abschnitt-titel {
margin-bottom: calc(16px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-abschluss-titel {
font-size: calc(1.7rem * var(--rd-zoom));
}
body.rd-seite-angebot .rd-leistung-lead {
margin-bottom: calc(10px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-standort-karte {
margin-top: calc(28px * var(--rd-zoom));
padding: calc(24px * var(--rd-zoom));
gap: calc(24px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-standort-marke {
margin-bottom: calc(14px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-standort-titel {
font-size: calc(1.4rem * var(--rd-zoom));
margin-bottom: calc(14px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-standort-fliess {
margin-bottom: calc(14px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-standort-ablauf-titel {
margin: calc(18px * var(--rd-zoom)) 0 calc(12px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-ablauf {
gap: calc(10px * var(--rd-zoom));
margin-bottom: calc(22px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-ablauf li {
font-size: calc(1rem * var(--rd-zoom));
}
body.rd-seite-angebot .rd-merkzeile {
gap: calc(8px * var(--rd-zoom));
margin-bottom: calc(22px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-merkzeile li {
padding: calc(8px * var(--rd-zoom)) calc(14px * var(--rd-zoom));
font-size: calc(.95rem * var(--rd-zoom));
}
body.rd-seite-angebot .rd-standort-bild img {
height: calc(240px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-pakete-hinweis {
gap: calc(16px * var(--rd-zoom));
margin-top: calc(22px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-kursliste-lead {
font-size: calc(1.15rem * var(--rd-zoom));
margin-bottom: calc(28px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-kursspalten {
gap: calc(40px * var(--rd-zoom));
margin-top: calc(20px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-kursspalte-titel {
font-size: calc(1.2rem * var(--rd-zoom));
margin-bottom: calc(14px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-kursspalte-liste {
gap: calc(14px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-vertrauen-inner {
gap: calc(28px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-vertrauen-ring {
max-width: calc(280px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-faq-liste {
gap: calc(12px * var(--rd-zoom));
margin-top: calc(28px * var(--rd-zoom));
}
body.rd-seite-angebot .rd-faq-punkt summary {
padding-top: calc(18px * var(--rd-zoom));
padding-bottom: calc(18px * var(--rd-zoom));
font-size: calc(1.05rem * var(--rd-zoom));
}
body.rd-seite-angebot .rd-abschluss {
padding: calc(72px * var(--rd-zoom)) 0 calc(96px * var(--rd-zoom));
}
body.rd-seite-start .rd-hero {
padding-top: calc(12px * var(--rd-zoom));
padding-bottom: calc(80px * var(--rd-zoom));
}
body.rd-seite-start .rd-hero-inner {
gap: calc(28px * var(--rd-zoom));
}
body.rd-seite-start .rd-hero-bild {
max-width: calc(300px * var(--rd-zoom));
}
body.rd-seite-start .rd-eyebrow {
font-size: calc(.8rem * var(--rd-zoom));
padding: calc(9px * var(--rd-zoom)) calc(16px * var(--rd-zoom));
margin-bottom: calc(16px * var(--rd-zoom));
}
body.rd-seite-start .rd-hero-titel,
body.rd-seite-start .rd-hero-titel-klein {
font-size: calc(1.7rem * var(--rd-zoom));
margin-bottom: calc(18px * var(--rd-zoom));
}
body.rd-seite-start .rd-hero-fliess,
body.rd-seite-start .rd-abschnitt-lead,
body.rd-seite-start .rd-karte-text,
body.rd-seite-start .rd-uebermich-fliess,
body.rd-seite-start .rd-schritt-text,
body.rd-seite-start .rd-freebie-text,
body.rd-seite-start .rd-abschluss-text {
font-size: calc(1.02rem * var(--rd-zoom));
line-height: 1.6;
}
body.rd-seite-start .rd-hero-fliess {
margin-bottom: calc(24px * var(--rd-zoom));
}
body.rd-seite-start .rd-hero-aktionen {
gap: calc(12px * var(--rd-zoom));
}
body.rd-seite-start .rd-angebote {
padding-top: calc(52px * var(--rd-zoom));
padding-bottom: calc(96px * var(--rd-zoom));
}
body.rd-seite-start .rd-abschnitt-titel {
font-size: calc(1.55rem * var(--rd-zoom));
margin-bottom: calc(14px * var(--rd-zoom));
}
body.rd-seite-start .rd-abschnitt-lead {
margin-bottom: calc(16px * var(--rd-zoom));
}
body.rd-seite-start .rd-schlagworte {
gap: calc(8px * var(--rd-zoom));
margin-bottom: calc(24px * var(--rd-zoom));
}
body.rd-seite-start .rd-karten {
gap: calc(18px * var(--rd-zoom));
}
body.rd-seite-start .rd-karte {
padding: calc(26px * var(--rd-zoom)) calc(22px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
}
body.rd-seite-start .rd-karte-icon {
width: calc(54px * var(--rd-zoom));
height: calc(54px * var(--rd-zoom));
}
body.rd-seite-start .rd-karte-titel {
font-size: calc(1.3rem * var(--rd-zoom));
margin-bottom: calc(10px * var(--rd-zoom));
}
body.rd-seite-start .rd-karte-text {
margin-bottom: calc(16px * var(--rd-zoom));
}
body.rd-seite-start .rd-uebermich {
padding: calc(52px * var(--rd-zoom)) 0;
}
body.rd-seite-start .rd-uebermich-inner {
gap: calc(24px * var(--rd-zoom));
}
body.rd-seite-start .rd-uebermich-bild {
max-width: calc(300px * var(--rd-zoom));
}
body.rd-seite-start .rd-uebermich-titel {
font-size: calc(1.6rem * var(--rd-zoom));
margin-bottom: calc(14px * var(--rd-zoom));
}
body.rd-seite-start .rd-uebermich-fliess {
margin-bottom: calc(12px * var(--rd-zoom));
}
body.rd-seite-start .rd-merkmale {
margin-top: calc(14px * var(--rd-zoom));
row-gap: calc(10px * var(--rd-zoom));
}
body.rd-seite-start .rd-signatur-name {
font-size: calc(1.9rem * var(--rd-zoom));
margin-top: calc(24px * var(--rd-zoom));
}
body.rd-seite-start .rd-ansatz {
padding: calc(52px * var(--rd-zoom)) 0 calc(64px * var(--rd-zoom));
}
body.rd-seite-start .rd-schritte {
margin-top: calc(32px * var(--rd-zoom));
}
body.rd-seite-start .rd-schritt + .rd-schritt {
margin-top: calc(20px * var(--rd-zoom));
}
body.rd-seite-start .rd-schritt-pfeil {
margin-top: calc(16px * var(--rd-zoom));
height: calc(36px * var(--rd-zoom));
}
body.rd-seite-start .rd-schritt-titel {
font-size: calc(1.25rem * var(--rd-zoom));
margin-top: calc(14px * var(--rd-zoom));
}
body.rd-seite-start .rd-schritt-text {
margin-top: calc(8px * var(--rd-zoom));
}
body.rd-seite-start .rd-ansatz-aktion {
margin-top: calc(36px * var(--rd-zoom));
}
body.rd-seite-start .rd-gratis {
padding: calc(52px * var(--rd-zoom)) 0 calc(110px * var(--rd-zoom));
}
body.rd-seite-start .rd-marke {
margin-bottom: calc(12px * var(--rd-zoom));
}
body.rd-seite-start .rd-freebies {
gap: calc(16px * var(--rd-zoom));
margin-top: calc(28px * var(--rd-zoom));
}
body.rd-seite-start .rd-freebie {
padding: calc(26px * var(--rd-zoom)) calc(22px * var(--rd-zoom)) calc(26px * var(--rd-zoom));
}
body.rd-seite-start .rd-freebie-titel {
font-size: calc(1.35rem * var(--rd-zoom));
margin-bottom: calc(12px * var(--rd-zoom));
}
body.rd-seite-start .rd-freebie-text {
margin-bottom: calc(20px * var(--rd-zoom));
}
body.rd-seite-start .rd-stimmen {
padding: calc(52px * var(--rd-zoom)) 0 calc(80px * var(--rd-zoom));
}
body.rd-seite-start .rd-abschluss {
padding: calc(64px * var(--rd-zoom)) 0 calc(96px * var(--rd-zoom));
}
body.rd-seite-start .rd-abschluss-titel {
font-size: calc(1.7rem * var(--rd-zoom));
margin-bottom: calc(16px * var(--rd-zoom));
}
body.rd-seite-start .rd-abschluss-text {
margin-bottom: calc(28px * var(--rd-zoom));
}
body.rd-seite-angebot [data-mehrtext].ist-gekuerzt .rd-mehrtext-rest {
display: none;
}
body.rd-seite-angebot [data-mehrtext].ist-gekuerzt .rd-mehrtext-knopf {
display: inline-block;
padding: calc(6px * var(--rd-zoom)) 0;
}
.rd-kursliste,
.rd-gratisliste,
.rd-zielgruppen {
padding: calc(72px * var(--rd-zoom)) 0 calc(84px * var(--rd-zoom));
}
.rd-zielgruppe {
padding: calc(46px * var(--rd-zoom)) calc(26px * var(--rd-zoom)) calc(30px * var(--rd-zoom));
}
.rd-zielgruppe-ring {
left: calc(26px * var(--rd-zoom));
}
.rd-kontakt-knoepfe .rd-btn {
width: 100%;
}
.rd-dialog {
padding: calc(16px * var(--rd-zoom)) calc(10px * var(--rd-zoom));
}
.rd-dialog-karte {
padding: calc(26px * var(--rd-zoom)) calc(20px * var(--rd-zoom));
}
.rd-fehler {
min-height: 0;
padding: calc(56px * var(--rd-zoom)) 0 calc(150px * var(--rd-zoom));
}
.rd-fehler-knoepfe {
flex-direction: column;
align-items: stretch;
}
.rd-dialog-zahlwahl {
flex-direction: column;
}
.rd-dialog-zeile {
flex-direction: column;
gap: 0;
}
.rd-dialog-aktionen .rd-btn {
flex: 1;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.rd-btn {
transition: none;
}
.rd-btn:hover {
transform: none;
}
.rd-play,
.rd-insta {
transition: none;
}
.rd-play:hover {
transform: translate(-50%, -50%);
}
.rd-insta:hover {
transform: none;
}
}
.rd-kb {
padding: calc(48px * var(--rd-zoom)) 0 calc(72px * var(--rd-zoom));
background: var(--rd-creme);
}
.rd-kb-kopf {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: calc(16px * var(--rd-zoom));
margin-bottom: calc(28px * var(--rd-zoom));
}
.rd-kb-raster {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
gap: calc(24px * var(--rd-zoom));
align-items: start;
}
.rd-kb-karte {
background: var(--rd-weiss);
border: 1px solid var(--rd-tuerkis-ring);
border-radius: calc(18px * var(--rd-zoom));
padding: calc(28px * var(--rd-zoom));
}
.rd-lp-ohne-termin {
margin-top: calc(10px * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-kb-reiter {
display: flex;
flex-wrap: wrap;
gap: calc(8px * var(--rd-zoom));
margin-bottom: calc(24px * var(--rd-zoom));
}
.rd-kb-reiter-knopf {
display: inline-flex;
align-items: center;
gap: calc(8px * var(--rd-zoom));
cursor: pointer;
border: 1px solid var(--rd-tuerkis-ring);
background: var(--rd-weiss);
color: var(--rd-text);
font-family: inherit;
font-size: calc(1rem * var(--rd-zoom));
border-radius: 999px;
padding: calc(9px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
}
.rd-kb-reiter-knopf:hover {
background: var(--rd-creme);
}
.rd-kb-reiter-knopf.ist-aktiv {
background: var(--rd-gelb);
border-color: var(--rd-gelb);
font-weight: 700;
}
.rd-kb-tafel[hidden] {
display: none;
}
.rd-kb-angemeldet {
margin: 0;
color: var(--rd-text-grau);
font-size: calc(.95rem * var(--rd-zoom));
}
.rd-kb-merkmale {
display: flex;
flex-wrap: wrap;
gap: calc(6px * var(--rd-zoom));
margin-bottom: calc(10px * var(--rd-zoom));
}
.rd-kb-merkmal {
background: var(--rd-creme);
border: 1px solid var(--rd-tuerkis-ring);
border-radius: 999px;
padding: calc(2px * var(--rd-zoom)) calc(10px * var(--rd-zoom));
font-size: calc(0.9rem * var(--rd-zoom));
}
.rd-kb-fortschritt {
display: block;
width: calc(90px * var(--rd-zoom));
height: calc(8px * var(--rd-zoom));
border-radius: 999px;
background: var(--rd-creme);
overflow: hidden;
flex: none;
}
.rd-kb-fortschritt-fuellung {
display: block;
height: 100%;
background: var(--rd-tuerkis);
}
.rd-kb-empfehlungen {
margin-bottom: calc(18px * var(--rd-zoom));
}
.rd-kb-onboarding {
border-color: var(--rd-gelb);
border-width: 2px;
margin-bottom: calc(24px * var(--rd-zoom));
}
.rd-kb-onboarding-knoepfe {
display: flex;
flex-wrap: wrap;
gap: calc(10px * var(--rd-zoom));
align-items: center;
margin-top: calc(14px * var(--rd-zoom));
}
.rd-kb-onboarding-spaeter {
display: inline;
margin: 0;
}
.rd-kb-karte-breit {
grid-column: 1 / -1;
}
.rd-kb-karte-kopf {
display: flex;
align-items: center;
gap: calc(10px * var(--rd-zoom));
margin-bottom: calc(18px * var(--rd-zoom));
}
.rd-kb-karte-kopf .material-symbols-outlined {
color: var(--rd-tuerkis-dunkel);
font-size: calc(24px * var(--rd-zoom));
}
.rd-kb-titel {
font-family: var(--rd-sans-fett);
font-size: calc(19px * var(--rd-zoom));
color: var(--rd-text);
margin: 0;
}
.rd-kb-leer {
color: var(--rd-text-grau);
font-size: calc(15px * var(--rd-zoom));
line-height: 1.6;
margin: 0;
}
.rd-kb-liste {
list-style: none;
margin: 0;
padding: 0;
}
.rd-kb-zeile {
display: flex;
gap: calc(16px * var(--rd-zoom));
align-items: flex-start;
padding: calc(14px * var(--rd-zoom)) 0;
border-top: 1px solid var(--rd-tuerkis-ring);
}
.rd-kb-zeile:first-child {
border-top: 0;
padding-top: 0;
}
.rd-kb-datum {
flex: 0 0 calc(64px * var(--rd-zoom));
text-align: center;
background: var(--rd-tuerkis-hell);
border-radius: calc(12px * var(--rd-zoom));
padding: calc(8px * var(--rd-zoom)) 0;
}
.rd-kb-datum-tag {
display: block;
font-family: var(--rd-sans-fett);
font-size: calc(20px * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
line-height: 1.1;
}
.rd-kb-datum-monat {
display: block;
font-size: calc(12px * var(--rd-zoom));
text-transform: uppercase;
letter-spacing: .06em;
color: var(--rd-text-grau);
}
.rd-kb-inhalt {
min-width: 0;
}
.rd-kb-name {
font-family: var(--rd-sans-fett);
font-size: calc(16px * var(--rd-zoom));
color: var(--rd-text);
margin: 0;
}
.rd-kb-meta {
font-size: calc(14px * var(--rd-zoom));
color: var(--rd-text-grau);
margin: calc(3px * var(--rd-zoom)) 0 0;
}
.rd-kb-zugangzeile {
padding: calc(12px * var(--rd-zoom)) 0;
border-bottom: 1px solid var(--rd-linie, #E6E8E8);
}
.rd-kb-zugangzeile:last-of-type {
border-bottom: 0;
}
.rd-kb-status {
display: inline-block;
font-size: calc(12px * var(--rd-zoom));
font-family: var(--rd-sans-fett);
border-radius: 999px;
padding: calc(3px * var(--rd-zoom)) calc(10px * var(--rd-zoom));
background: var(--rd-tuerkis-hell);
color: var(--rd-tuerkis-dunkel);
white-space: nowrap;
}
.rd-kb-status-offen {
background: var(--rd-gelb-hell);
color: #7A5B00;
}
.rd-kb-status-weg {
background: #F3F4F4;
color: var(--rd-text-grau);
}
.rd-kb-tabellenrahmen {
overflow-x: auto;
}
.rd-kb-tabelle {
width: 100%;
border-collapse: collapse;
font-size: calc(15px * var(--rd-zoom));
}
.rd-kb-tabelle th {
text-align: left;
font-family: var(--rd-sans-fett);
font-size: calc(13px * var(--rd-zoom));
text-transform: uppercase;
letter-spacing: .05em;
color: var(--rd-text-grau);
padding: 0 calc(12px * var(--rd-zoom)) calc(10px * var(--rd-zoom)) 0;
white-space: nowrap;
}
.rd-kb-tabelle td {
padding: calc(12px * var(--rd-zoom)) calc(12px * var(--rd-zoom)) calc(12px * var(--rd-zoom)) 0;
border-top: 1px solid var(--rd-tuerkis-ring);
vertical-align: middle;
}
.rd-kb-betrag {
font-family: var(--rd-sans-fett);
white-space: nowrap;
}
.rd-kb-balken {
height: calc(8px * var(--rd-zoom));
background: var(--rd-tuerkis-ring);
border-radius: 999px;
overflow: hidden;
margin: calc(8px * var(--rd-zoom)) 0 calc(4px * var(--rd-zoom));
}
.rd-kb-balken-fuellung {
height: 100%;
background: var(--rd-tuerkis);
border-radius: 999px;
}
.rd-kb-fuss {
margin-top: calc(28px * var(--rd-zoom));
font-size: calc(14px * var(--rd-zoom));
color: var(--rd-text-grau);
line-height: 1.7;
}
.rd-kb-lesefeld {
display: grid;
grid-template-columns: auto 1fr;
gap: calc(6px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
margin: 0 0 calc(22px * var(--rd-zoom));
font-size: calc(15px * var(--rd-zoom));
}
.rd-kb-lesefeld dt {
font-family: var(--rd-sans-fett);
font-size: calc(13px * var(--rd-zoom));
text-transform: uppercase;
letter-spacing: .05em;
color: var(--rd-text-grau);
align-self: center;
}
.rd-kb-lesefeld dd {
margin: 0;
}
.rd-kb-formraster {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 calc(16px * var(--rd-zoom));
}
.rd-kb-feld-breit {
grid-column: span 2;
}
.rd-kb-knopf-klein {
display: inline-flex;
align-items: center;
min-height: calc(32px * var(--rd-zoom));
padding: calc(4px * var(--rd-zoom)) calc(12px * var(--rd-zoom));
font-family: var(--rd-sans-fett);
font-size: calc(13px * var(--rd-zoom));
color: var(--rd-tuerkis-dunkel);
background: var(--rd-tuerkis-hell);
border: 0;
border-radius: 999px;
cursor: pointer;
}
a.rd-kb-knopf-klein {
text-decoration: none;
color: var(--rd-tuerkis-dunkel);
}
.rd-kb-knopf-klein:hover {
filter: brightness(0.96);
}
.rd-kb-knopf-klein:disabled {
opacity: 0.55;
cursor: default;
}
.rd-kb-aktionen {
display: flex;
flex-wrap: wrap;
gap: calc(8px * var(--rd-zoom));
margin-top: calc(10px * var(--rd-zoom));
}
.rd-kb-knopf-klein {
gap: calc(6px * var(--rd-zoom));
}
.rd-kb-knopf-klein .material-symbols-outlined {
font-size: calc(18px * var(--rd-zoom));
}
.rd-kb-knopf-absagen {
background: #fff;
border: 1px solid var(--rd-tuerkis-hell);
}
.rd-kb-hinweis {
font-style: italic;
}
.rd-kb-aktionen + .rd-kb-hinweis {
margin-top: calc(6px * var(--rd-zoom));
}
.rd-kb-klappe {
margin-top: calc(10px * var(--rd-zoom));
}
.rd-kb-klappe > summary {
cursor: pointer;
color: var(--rd-text-grau);
font-size: calc(15px * var(--rd-zoom));
line-height: 1.6;
display: list-item;
margin-bottom: calc(8px * var(--rd-zoom));
}
.rd-kb-buchen-zeile {
margin-top: calc(14px * var(--rd-zoom));
}
.rd-kb-auswahl {
margin-top: calc(16px * var(--rd-zoom));
padding-top: calc(16px * var(--rd-zoom));
border-top: 1px solid var(--rd-linie, #E6E8E8);
}
.rd-kb-auswahl[hidden] {
display: none;
}
.rd-kb-kindwahl {
font-family: inherit;
font-size: calc(14px * var(--rd-zoom));
padding: calc(4px * var(--rd-zoom)) calc(8px * var(--rd-zoom));
border: 1px solid var(--rd-linie, #E6E8E8);
border-radius: calc(8px * var(--rd-zoom));
margin-left: calc(6px * var(--rd-zoom));
}
.rd-kb-artwahl {
display: flex;
flex-wrap: wrap;
gap: calc(12px * var(--rd-zoom));
align-items: center;
}
.rd-kb-artwahl-option {
display: inline-flex;
align-items: center;
gap: calc(6px * var(--rd-zoom));
font-size: calc(14px * var(--rd-zoom));
cursor: pointer;
}
.rd-kb-artwahl-option[hidden] {
display: none;
}
.rd-kb-rueckmeldung {
align-items: flex-start;
}
.rd-kb-text {
font-size: calc(15px * var(--rd-zoom));
color: var(--rd-text);
line-height: 1.55;
margin: calc(8px * var(--rd-zoom)) 0 0;
}
.rd-kb-gruppe {
font-family: var(--rd-sans-fett);
font-size: calc(13px * var(--rd-zoom));
text-transform: uppercase;
letter-spacing: .06em;
color: var(--rd-text-grau);
margin: calc(14px * var(--rd-zoom)) 0 calc(4px * var(--rd-zoom));
}
@media (max-width: 720px) {
.rd-kb-kopf {
align-items: flex-start;
}
.rd-kb-karte {
padding: calc(20px * var(--rd-zoom));
}
.rd-kb-formraster {
grid-template-columns: 1fr;
}
.rd-kb-feld-breit {
grid-column: auto;
}
}
.rd-meldung {
display: flex;
gap: calc(14px * var(--rd-zoom));
align-items: flex-start;
padding: calc(18px * var(--rd-zoom)) calc(22px * var(--rd-zoom));
background: var(--rd-weiss);
border-left: calc(4px * var(--rd-zoom)) solid var(--rd-tuerkis);
border-radius: calc(10px * var(--rd-zoom));
box-shadow: var(--rd-schatten-pille);
}
.rd-meldung-symbol {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: calc(30px * var(--rd-zoom));
height: calc(30px * var(--rd-zoom));
border-radius: 50%;
background: var(--rd-tuerkis-hell);
color: var(--rd-tuerkis-dunkel);
font-family: var(--rd-sans-fett);
font-size: calc(15px * var(--rd-zoom));
line-height: 1;
}
.rd-meldung-titel {
margin: 0 0 calc(4px * var(--rd-zoom));
font-family: var(--rd-slab);
font-size: calc(16px * var(--rd-zoom));
color: var(--rd-text);
}
.rd-meldung-text {
margin: 0;
font-size: calc(14px * var(--rd-zoom));
line-height: 1.55;
color: var(--rd-text-grau);
}
.rd-meldung-aktionen {
display: flex;
flex-wrap: wrap;
gap: calc(10px * var(--rd-zoom));
margin-top: calc(14px * var(--rd-zoom));
}
.rd-meldung-knopf {
display: inline-flex;
align-items: center;
min-height: calc(38px * var(--rd-zoom));
padding: calc(8px * var(--rd-zoom)) calc(18px * var(--rd-zoom));
font-family: var(--rd-sans-fett);
font-size: calc(14px * var(--rd-zoom));
color: var(--rd-weiss);
background: var(--rd-tuerkis);
border: 0;
border-radius: 999px;
cursor: pointer;
text-decoration: none;
}
.rd-meldung-knopf--zweit {
color: var(--rd-text);
background: var(--rd-weiss);
border: 1px solid rgba(27, 27, 27, .18);
}
@media (max-width: 430px) {
.rd-meldung-aktionen {
flex-direction: column;
align-items: stretch;
}
.rd-meldung-knopf {
justify-content: center;
width: 100%;
}
}
.rd-meldung-knopf:hover {
filter: brightness(0.96);
}
.rd-meldung--erfolg {
border-left-color: var(--rd-gelb);
}
.rd-meldung--erfolg .rd-meldung-symbol {
background: var(--rd-gelb-hell);
color: var(--rd-gelb-dunkel);
}
.rd-meldung--erfolg .rd-meldung-knopf {
color: var(--rd-text);
background: var(--rd-gelb);
}
.rd-meldung--fehler {
border-left-color: var(--rd-rot);
}
.rd-meldung--fehler .rd-meldung-symbol {
background: var(--rd-rot-hell);
color: var(--rd-rot);
}
.rd-meldung--fehler .rd-meldung-knopf {
background: var(--rd-rot);
}
.rd-meldung--fehler .rd-meldung-knopf--zweit {
color: var(--rd-text);
background: var(--rd-weiss);
}
.rd-meldung[hidden],
.rd-ladeschirm[hidden],
.rd-skelett-raster[hidden],
.rd-newsletter-form[hidden] {
display: none;
}
.rd-ladeschirm {
display: flex;
flex-direction: column;
align-items: center;
gap: calc(10px * var(--rd-zoom));
padding: calc(46px * var(--rd-zoom)) calc(24px * var(--rd-zoom));
background: var(--rd-weiss);
border-radius: var(--rd-radius-karte);
box-shadow: var(--rd-schatten-karte);
text-align: center;
}
.rd-ladeschirm-titel {
margin: calc(8px * var(--rd-zoom)) 0 0;
font-family: var(--rd-slab);
font-size: calc(22px * var(--rd-zoom));
color: var(--rd-text);
}
.rd-ladeschirm-text {
margin: 0;
font-size: calc(14px * var(--rd-zoom));
color: var(--rd-text-grau);
}
.rd-ladering {
width: calc(44px * var(--rd-zoom));
height: calc(44px * var(--rd-zoom));
border: calc(4px * var(--rd-zoom)) solid var(--rd-gelb-hell);
border-top-color: var(--rd-gelb);
border-radius: 50%;
animation: rd-dreht 1s linear infinite;
}
@keyframes rd-dreht {
to {
transform: rotate(360deg);
}
}
.rd-skelett-raster {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(210px * var(--rd-zoom)), 1fr));
gap: calc(12px * var(--rd-zoom));
}
.rd-skelett-karte {
display: flex;
align-items: center;
gap: calc(10px * var(--rd-zoom));
padding: calc(14px * var(--rd-zoom)) calc(16px * var(--rd-zoom));
background: var(--rd-weiss);
border-radius: calc(12px * var(--rd-zoom));
box-shadow: var(--rd-schatten-pille);
}
.rd-skelett-punkt,
.rd-skelett-balken {
background: var(--rd-skelett);
border-radius: 999px;
animation: rd-pulst 1.4s ease-in-out infinite;
}
.rd-skelett-punkt {
flex: 0 0 auto;
width: calc(22px * var(--rd-zoom));
height: calc(22px * var(--rd-zoom));
}
.rd-skelett-balken {
flex: 1 1 auto;
height: calc(9px * var(--rd-zoom));
}
.rd-skelett-balken--kurz {
flex: 0 0 auto;
width: calc(34px * var(--rd-zoom));
}
@keyframes rd-pulst {
0%, 100% {
opacity: 1;
}
50% {
opacity: .55;
}
}
@media (prefers-reduced-motion: reduce) {
.rd-skelett-punkt,
.rd-skelett-balken,
.rd-ladering {
animation: none;
}
}
.rd-abbruch {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: calc(24px * var(--rd-zoom));
background: var(--rd-creme);
}
.rd-abbruch .rd-meldung {
max-width: calc(560px * var(--rd-zoom));
width: 100%;
}