body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
:root {
    --aok-green: #68A818;
    --aok-green-70: #95C25D;
    --aok-green-30: #D2E5BA;
    --aok-green-10: #F0F6E8;
    --aok-blue: #004896;
    --btn-hover: #4C7B11;
    --btn-pressed: #3D620E;
    --aok-warm-grey: #727369;
    --aok-warm-grey-50: #B8B9B4;
    --aok-warm-grey-bg: #EAEAE9;
    --orange: #DC8D0A;
    --light-orange: #FFE7B4;
    --gray-contour: #AEAEB2;
}

* {
	box-sizing: border-box;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
}

h2 {
    margin-block-end: 1.5em;
}

dfn {
    font-style: normal;
}

button {
    cursor: pointer;
}

.rtBody #main {
	z-index: 200;
}

.block {
	overflow: unset;
}

.rtMetalHeaderImg {
	position: absolute;
    height: -webkit-fill-available;
    width: 100%;
    top: -132px;
    z-index: 120;
    box-shadow: 0px 6px 14px 0px #ffffff7d;
    background-size: 100% 1050px;
}

.rtMeshHeaderImg {
	position: absolute;
    height: -webkit-fill-available;
    top: 0px;
}

.rtCaptionHeaderImg {
	position: absolute;
    height: -webkit-fill-available;
    width: 100%;
    top: 0px;
    z-index: 120;
    background-repeat: no-repeat;
	background-size: 858px 244px;
    background-position: 50% 11%;
}

.rtControlHeaderImg {
	position: absolute;
    height: -webkit-fill-available;
    width: 100%;
    top: 0px;
    z-index: 120;
    background-repeat: no-repeat;
	background-size: 1140px 173px;
    background-position: 50% 72%;
}

.rtMetalHeaderImgSmall .rtControlHeaderImg {
    background-position: 50% 91%;
}

.rtHeadElements {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	padding-right: 80px;
	height: 760px;
	z-index: 150;
    position: relative;
}

.rtMetalHeaderImgSmall .rtHeadElements {
    height: 605px;
}

.rtLoginBtn,
.rtLogoutBtn {
	background-color: var(--aok-green);
	color: white;
	border-radius: 100px;
	border: none;
	font-weight: bold;
	font-size: 16px;
	padding: 13px 29px;
}

.rtLogoutBtn::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 23px;
    vertical-align: middle;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: right;
}

.rtFooter {
	padding: 36px 0px 32px 0px;
	color: white;
	margin-top: 160px;
	box-shadow: 0px -16px 20px 0px #000000b5;
	font-weight: bold;
}


.rtFooter div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1140px;
    margin: 0 auto;
}

.rtFooter a {
	color: white;
	font-size: 18px;
	text-decoration: none;
}

.rtFooter span {
	display: flex;
	gap: 20px;
}

button.rtStdButton {
	margin-top: 40px;
	background-color: var(--aok-green);
	color: #fff;
	border-radius: 40px;
	padding: 14px 34px;
	width: fit-content;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
}
button.rtStdButton:hover {
	background-color: var(--btn-hover);
}
button.rtStdButton:focus {
	background-color: var(--btn-pressed);
}

.rtTitle {
	color: var(--aok-green);
}

.rtContentWrapper {
	width: 1140px;
	margin: auto;
	box-sizing: border-box;
}

.rtStartVideo {
	border-radius: 15px;
	margin-top: -105px;
    overflow: hidden;
	border-radius: 15px;
	box-shadow: 0px 4px 35px 0px #00000052;
}

.rtFinalVideo {
	margin-top: 105px;
    position: relative;
}

.rtFinalVideo::before {
    content: "";
    width: 84px;
    height: 84px;
    background-size: 84px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    left: 50%;
}

.rtFinalVideo > .rtPlayerWrapper {
    background-color: white;
	border-radius: 15px;
    overflow: hidden;
    padding: 80px 40px 70px 40px;
}

.rtFinalVideo figure {
	border-radius: 15px;
    overflow: hidden;
}

.rtWelcome {
	background-color: var(--light-orange);
	padding: 56px 40px 62px;
	border-radius: 15px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.rtWelcome h1 {
	font-size: 58px;
    margin-top: 0;
}

.rtWelcomeWrapper {
	width: 728px;
	flex-shrink: 0;
}

.rtWelcomeWrapper br {
	margin-bottom: 20px;
}

.rtWelcomeWrapper p {
	font-size: 18px;
}

.rtWelcome .rtPhotoElement {
	background-color: white;
	border-radius: 15px;
	padding: 70px 36px 25px;
	position: relative;
	margin-top: 42px;
}

.rtPhotoElement strong {
	font-size: 18px;
}

.rtWelcome .rtCamera {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtRegister {
	background-color: white;
	padding: 80px 94px 70px 40px;
	border-radius: 15px;
	position: relative;
	margin-top: 82px;
	width: 660px;
	max-width: 660px;
    height: fit-content;
}

.rtRegister .rtRegisterIcon {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtRegister .ce_form {
	margin-top: 64px;
}

.rtRegister h3, .rtContact h3 {
	font-size: 24px;
	margin-top: 0;
}

.rtRegister h2, .rtContact h2 {
	font-size: 34px;
    margin-block-end: initial;
}

.rtRegister p {
	font-size: 18px;
}

.rtRegister label, .rtContact label  {
	font-size: 18px;
}

.rtRegister .explanation p {
	font-size: 14px;
}

.rtRegisterForm .formbody .widget {
	display: flex;
}

.rtRegisterForm .formbody .formColumn.person {
	display: flex;
	gap: 2rem;
	margin-bottom: 1rem;
}

.rtRegisterForm .formColumn.person .rtFormInput {
	min-width: 33%;
}

.rtRegisterForm .formbody .formColumn.companyIdentity {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.rtRegisterForm .formbody .widget {
	display: flex;
	flex-direction: column;
}

.rtRegisterForm .explanation p {
	margin: 30px 0px;
}

.rtRegisterForm .widget-extended-checkbox label a {
	color: var(--aok-green);
	text-decoration: none;
	font-weight: bold;
}

.rtRegisterForm .person div:nth-of-type(1) {
	width: 33%;
}

.rtRegisterForm .person div:nth-of-type(2) {
	width: 77%;
}

select.rtFormInput,
input.rtFormInput,
textarea.rtFormInput {
	padding: 8px 40px 8px 15px;
	border:  2px solid;
	border-color: var(--aok-warm-grey-50);
	color: #000;
	border-radius: 5px;
	background-color: #fff;
	margin-top: 10px;
}

select.rtFormInput:focus,
input.rtFormInput:focus-visible {
	border-color: var(--aok-green);
	outline: var(--aok-green);
}

select.rtFormInput {
    padding-top: 7px;
    padding-bottom: 7px;
}

.rtFormInput span.mandatory {
	color: var(--aok-green);
}

.rtContact {
	background-color: var(--aok-green-10);
	padding: 80px 35px 70px 35px;
	border-radius: 15px;
	position: relative;
	margin-top: 82px;
	width: 440px;
	max-width: 440px;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 220px 137px;
    height: fit-content;
}

.rtContact .handorgel > .toggler > button {
	font-size: 24px;
	font-weight: bold;
	padding: 30px 0px;
    position: relative;
    background-color: transparent;
    border: 0;
    text-align: left;
    color: var(--aok-green);
    font-size: 18px;
}

.rtContact .handorgel > .toggler > button::after {
    content: "";
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    left: 100%;
    top: 50%;
    transform: rotate(0deg) translateY(-50%);
    display: block;
    position: absolute;
}

.rtContact .handorgel > .toggler > button[aria-expanded="true"]::after {
    transform: rotate(180deg) translateY(50%);
}

.rtContact .rtContactIcon {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtContactForm .formbody .widget {
	display: flex;
	flex-direction: column;
}

.rtContactForm .formbody .formColumn {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.rtFlex {
	display: flex;
	gap: 40px;
}

.rtFeaturing {
	background-color: white;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	margin-top: -105px;
	display: flex;
	box-shadow: 0px 4px 35px 0px #00000052;
}

.rtFeaturingContent {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.rtFeaturing h3 {
	font-size: 38px;
	margin-bottom: 0;
	margin-top: 0;
}

.rtFeaturing h2 {
	font-size: 38px;
	color: var(--orange);
	margin-top: 0;
	margin-bottom: 0;
}

.rtFeaturingDate {
	font-size: 34px;	
}

.rtFeaturingWrapper {
	display: flex;
	gap: 74px;
	align-items: center;
	justify-content: space-between;
    margin: 0 120px 0 74px;
}

.rtFeaturingWrapper span {
	border: 3px solid var(--orange);
    height: 75%;
    border-radius: 10px;
}

.rtFeaturingCalIcon {
	background-color: var(--light-orange);
	width: 120px;
	min-height: 215px;
	text-align: center;
    align-content: center;
    flex-shrink: 0;
}

.rtExpect {
	background-color: white;
	padding: 56px 40px 62px;
	border-radius: 15px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.rtExpect h1 {
	font-size: 48px;
}

.rtExpect h3 {
	font-size: 24px;
	margin-top: 0;
}

.rtExpectWrapper p {
	font-size: 18px;
}

.rtExpectWrapper {
	width: 728px;
	flex-shrink: 0;
}

.rtExpect .rtPhotoElement {
	background-color: var(--aok-green-10);
	border-radius: 15px;
	padding: 70px 36px 25px;
	position: relative;
	margin-top: 42px;
}

.rtExpect .rtCamera {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtProgram {
	background-color: var(--aok-green-10);
	padding: 80px 40px 70px 40px;
	border-radius: 15px;
	position: relative;
	margin-top: 82px;
}

.rtProgram .rtProgramIcon {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtProgram h2,
.rtSpecialist h2,
.rtFinalVideo h2 {
	font-size: 34px;
	margin-top: 0;
}

.rtSpecialist {
	background-color: white;
	padding: 80px 70px 70px 40px;
	border-radius: 15px;
	position: relative;
	margin-top: 82px;
}

.rtSpecialist .rtSpecialistIcon {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtSpecialist .testimonialsWrapper {
	display: flex;
	gap: 40px;
}

.rtSpecialist .testimonialsWrapper .testimonials {
	width: 100%;
}

.rtSpecialist .testimonialsWrapper .testimonials .persons {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.rtSpecialist .testimonialsWrapper .testimonialsNav {
	padding: 0;
	margin: 0;
	width: 290px;
}

.rtSpecialist .testimonialsWrapper .testimonialsNav .navItem {
	padding: 20px 21px;
	list-style: none;
	background-color: var(--aok-green-10);
	color: #000;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid;
	border-color: var(--aok-green);
}

.rtSpecialist .testimonialsWrapper .testimonialsNav .navItem:first-child {
	border-radius: 10px 10px 0 0;
}

.rtSpecialist .testimonialsWrapper .testimonialsNav .navItem:last-child {
	border-radius: 0 0 10px 10px;
	border: none;
}

.rtSpecialist .testimonialsWrapper .testimonialsNav .navItem.active {
	background-color: var(--aok-green);
	color: #fff;
}

.rtFaq {
	background-color: white;
	padding: 56px 30px 76px 30px;
	border-radius: 15px;
	position: relative;
	margin-top: 82px;
	width: 660px;
	max-width: 660px;
    height: fit-content;
}

.rtFaq h2 {
	 font-size: 34px;
	 margin-top: 0;
}

.rtFaq .handorgel__header button {
	font-size: 24px;
	font-weight: bold;
	padding: 30px 0px;
    border-color: var(--gray-contour);
    position: relative;
    padding-right: 24px;
}

.rtFaq .handorgel__header button::after {
    content: "";
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
    transform: rotate(0deg) translateY(-50%);
    display: block;
    position: absolute;
}

.rtFaq .handorgel__header button[aria-expanded="true"]::after {
    transform: rotate(180deg) translateY(50%);
}

.content-accordion {
    border-color: var(--gray-contour);
}

.rtFaq .handorgel__header--open button {
	font-weight: bold;
	color: var(--aok-green);
}

.rtFaq .handorgel__content {
	background-color: white;
	border: none;
}

.rtFaq .handorgel__content ul {
    margin: 0;
}

.rtFaq .handorgel__content ul li:not(:last-child) { 
   margin-bottom: 6px;  
}

.rtFaq .handorgel__content .handorgel__content__inner {
	padding: 0px 20px 20px 20px;
}

.rtFaq .handorgel__content .handorgel__content__inner p {
	margin: 0px;
}

.rtCardPerson {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	width: fit-content;
    box-shadow: 4px 4px 25px #00000015;
}

.rtCardPerson .image {
	height: 285px;
	width: 220px;
	border-radius: 10px 10px 0 0;
	background-color: #ededed; /* DEBUG */
}
.rtCardPerson .information {
	padding: 0 19px;
}

.rtCardPerson .information .name {
    font-size: 16px;
    margin-bottom: 10px;
}

.rtCardPerson .information .role {
	color: var(--aok-green);
    font-size: 12px;
}

.rtCardPerson .email {
    background-color: var(--aok-green);
    color: white;
    border-radius: 100px;
    border: none;
    font-weight: bold;
    font-size: 12px;
    padding: 13px 29px;
    display: none;
    text-decoration: none;
    margin-top: 1rem;
    margin-bottom: 2.25rem;
    text-align: center;
}

.rtMetalHeaderImgSmall .rtCardPerson .email {
    display: inline-block;
}

.rtProgramEntry {
    width: 100%;
    max-width: 840px;
    background-color: white;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: 0px 4px 15px #00000015;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.rtProgramEntry .head {
    display: flex;
    align-items: baseline;
}

.rtProgramEntry .head .time {
    font-weight: bold;
    font-size: 18px;
    width: 56px;
}

.rtProgramEntry .head .duration {
    font-size: 12px;
    width: 63px;
    color: var(--aok-warm-grey);
}

.rtProgramEntry .head .persons {
    font-style: italic;
    font-size: 12px;
    flex-grow: 1;
}

.rtProgramEntry .head .location {
    font-size: 12px;
    color: var(--aok-warm-grey);
}

.rtProgramEntry .line1 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.rtProgramEntry .line2 {
    font-size: 18px;
    color: var(--aok-green);
    margin-bottom: 5px;
}

.rtProgramEntry.highlighted {
    background-color: var(--aok-green);
}

.rtProgramEntry.highlighted * {
    color: white !important;
}

.rtHit {
    display: flex;
    flex-flow: wrap;
    background-color: var(--light-orange);
    padding: 0 0 0 40px;
    border-radius: 15px;
    margin-top: 100px;
    position: relative;
}

.rtHit .rtHitLeft {
    max-width: 45%;
    padding-right: 2rem;
}

.rtHit h1 {
    margin-top: 4rem;
    font-size: 48px;
}

.rtHit .rtHitLeft p {
    font-size: 18px;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.rtHit .rtHitLeft p:last-child {
    padding-bottom: 2rem;
}

.rtHit .rtCardPerson {
    max-width: 220px;
    background-color: white;
    margin-top: -50px;
    position: relative;
    height: fit-content;
    margin-left: 1rem;
}

.rtHit .rtCardPerson .rtCustomerManager {
    font-weight: bold;
    color: white;
    position: absolute;
    padding: 1.5rem;
    background-color: var(--orange);
    left: calc(100% - 1.5rem);
    top: 130px;
    z-index: 100;
    box-shadow: 4px 4px 15px #00000015;
    border-radius: 15px;
}

.rtHit .rtCardPerson .rtCustomerManager::before {
    content: "";
    position: absolute;
    width: 0; height: 0;
    border-style: solid;
    border-width: 15px 20px 15px 0px;
    border-color: transparent var(--orange) transparent transparent;
    transform: rotate(0deg);
    left: -20px;
    top: 65px;
}

.rtHit .rtRecordWrapper {
    overflow: hidden;
    flex-grow: 1;
    position: relative;
}

.rtHit .rtRecord {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 100%;
    min-width: 700px;
    max-width: 700px;
}

.rtFeedback {
    margin-top: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -550px;
    display: flex;
    flex-flow: wrap;
    border-radius: 15px;
    box-shadow: 4px 4px 15px #00000015;
}

.rtFeedback > .left {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.rtFeedback > .left > .inlay {
    margin: 2rem;
    display: flex;
    justify-content: centeR;
    align-items: center;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    border-radius: 15px;
}

.rtFeedback > .left img {
    max-width: 436px;
}

.rtFeedback > .right {
    width: 45%;
    padding: 70px 90px;
}

.rtFeedback > .right h3 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 1rem;
}

.rtFeedback > .right a {
    background-color: var(--aok-green);
    color: white;
    border-radius: 100px;
    border: none;
    font-weight: bold;
    font-size: 14px;
    padding: 13px 29px;
    text-decoration: none;
    text-align: center;
    margin-top: 1.5rem;
    display: inline-block;
}

.rtFeedback > .right p {
    font-size: 18px;
    max-width: 350px;
    line-height: 1.4;
}

.rtFeedback > .left::after {
    content: "";
    width: 424px;
    height: 191px;
    background-position: center;
    background-size: 424px 191px;
    background-repeat: no-repeat;
    position: absolute;
    right: -60px;
    top: 0;
}

.rtSlider {
    background-color: white;
    padding: 80px 94px 70px 40px;
    border-radius: 15px;
    position: relative;
    margin-top: 82px;
}

.rtSlider h2 {
    font-size: 34px;
    margin-bottom: 4.25rem;
    margin-top: 0;
}

.rtSlider .content-slider {
    max-width: 840px;
    margin: 0 auto;
}

.rtSlider .slider-control {
    max-width: 840px;
    margin: 0 auto;
}

.rtSlider .slider-menu {
    margin-top: 10px;
}

.rtSlider .slider-menu > b.active {
    color: var(--aok-green);
}

.rtSlider .slider-menu > b:not(.active) {
    color: var(--aok-warm-grey-50);
}

.rtSlider .gallery-link {
    position: absolute;
    text-decoration: none;
    color: var(--aok-green);
    font-weight: bold;
    font-size: 18px;
    margin-top: 5px;
}

.rtSlider .gallery-link::after {
    content: "";
    width: 27px;
    height: 54px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1rem;
    display: block;
    margin-left: 1rem;
    display: block;
    position: absolute;
    top: -15px;
    right: -24px;
    rotate: 270deg;
}

.rtSlider .rtPictureIcon {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtDownloads {
	background-color: var(--aok-green-10);
    padding: 80px 94px 70px 40px;
    border-radius: 15px;
    position: relative;
    margin-top: 82px;
}

.rtDownloads h2 {
    font-size: 34px;
    margin-bottom: 4.25rem;
    margin-top: 0;
}

.rtDownloads .rtDownloadIcon {
	position: absolute;
    top: -42px;
    left: calc(50% - 42px);
}

.rtDownloads .inner {
    padding-left: 60px;
    padding-right: 60px;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.rtDownloads .rtDownload {
    background-color: white;
    border-radius: 15px;
    box-shadow: 4px 4px 25px #00000015;
}

.rtDownloads .rtDownload .bottom {
    padding: 1.5rem;
}

.rtDownloads .rtDownload span {
    display: inline-block;
    font-size: 18px;
}

.rtDownloads .rtDownload .line2 {
    font-weight: bold;
}

.rtDownloads .rtDownload .line3 {
    margin-top: 1rem;
    font-size: 12px;
    color: var(--aok-warm-grey);
}

.rtDownloads .rtDownload .button {
    background-color: var(--aok-green);
    color: white;
    border-radius: 100px;
    border: none;
    font-weight: bold;
    font-size: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 29px;
    padding-right: 44px;
    display: inline-block;
    text-decoration: none;
    margin-top: 1.5rem;
    text-align: center;
}

.rtDownloads .rtDownload .button::after {
    content: "";
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    margin-top: -5px;
}

.rtVideoPlayerWrapper {
    background-color: #10101024;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    border-radius: 6px;
    cursor: pointer;
}
.rtVideoPlayBtn {
    height: 102px;
    width: 102px;
    margin: auto;
    position: relative;
    cursor: pointer;
    top: calc(50% - 40px);
}
.rtVideoPlayBtn img {
    height: 102px;
    position: absolute;
}

@media (max-width: 1280px) {
    .rtContentWrapper {
        width: 960px;
    }
    .rtWelcomeWrapper, .rtExpectWrapper {
        width: 64%;
    }
    .rtSpecialist .testimonialsWrapper .testimonialsNav {
        width: 220px;
    }
    .rtRegister, rtFaq {
        width: calc(60% - 20px);
    }
    .rtContact {
        width: calc(40% - 20px);
    }
    .rtHeadElements {
        height: 700px;
    }
    .rtCaptionHeaderImg {
        background-size: 686px 195px;
        background-position: 50% 22%;
    }
    .rtControlHeaderImg {
        background-size: 912px 138px;
        background-position: 50% 72%;
    }
    .rtHeadElements img {
        height: 80px;
    }
    .rtFooter div {
        width: 960px;
    }
}

@media (max-width: 992px) {
    .rtContentWrapper {
        width: 740px;
    }
    .rtRegister, rtFaq {
        width: calc(60% - 20px);
    }
    .rtContact {
        width: calc(40% - 20px);
    }
    .rtWelcomeWrapper, .rtExpectWrapper {
        width: 54%;
    }
    .rtWelcome h1 {
        font-size: 46px;
    }
    .rtWelcomeWrapper p, .rtExpectWrapper p {
        font-size: 16px;
    }
    .rtRegister p {
        font-size: 16px;
    }
    .rtRegister label, .rtContact label {
        font-size: 16px;
    }
    .rtHit .rtHitLeft p {
        font-size: 16px;
    }
    .rtRegister h2, .rtContact h2, .rtFaq h2 {
        font-size: 28px;
    }
    .rtSpecialist .testimonialsWrapper .testimonials .persons {
        grid-template-columns: repeat(2, 1fr);
    }
    .rtExpect h1 {
        font-size: 42px;
    }
    .rtFeaturing h2, .rtFeaturing h3 {
        font-size: 32px;
    }
    .rtFeaturingDate {
        font-size: 30px;
    }
    .rtFeaturingDate div {
        width: max-content;
    }
    .rtFeaturingWrapper{
        gap: 50px;
        margin: 0 60px 0 60px;
    }
    .rtFaq .handorgel__header button {
        font-size: 22px;
    }
    .rtHeadElements {
        height: 670px;
    }
    .rtCaptionHeaderImg {
        background-size: 572px 162px;
        background-position: 50% 26%;
    }
    .rtControlHeaderImg {
        background-size: 684px 103px;
        background-position: 50% 72%;
    }
    .rtHeadElements {
        padding-right: 40px;
    }
    .rtFooter div {
        width: 740px;
    }
    .rtDownloads .inner {
        grid-template-columns: repeat(3, 1fr);
    }
    .rtDownloads .inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .rtDownloads {
        padding: 80px 40px 70px 40px;
    }
    .rtFeedback > .right {
        padding: 70px 50px;
    }
    .rtFeedback > .left::after {
        right: -30px;
        width: 339px;
        height: 152px;
        background-size: 339px 152px;
    }
    .rtFeedback > .left img {
        max-width: 296px;
    }
    
}

@media (max-width: 768px) {
    .rtBody #main {
	    padding: 0 20px;
    }
    .rtContentWrapper {
        width: 100%;
    }
    .rtFlex {
        flex-direction: column;
        gap: 0;
    }
    .rtRegister {
        width: 100%;
        max-width: unset;
        padding: 80px 40px 70px 40px;
    }
    .rtContact {
        width: 100%;
        max-width: unset;
    }
    .rtWelcomeWrapper, .rtExpectWrapper {
        width: 100%;
    }
    .rtWelcome, .rtExpect {
        flex-direction: column;
    }
    .rtWelcome h1 {
        font-size: 38px;
    }
    .rtRegister h2, .rtContact h2, .rtFaq h2 {
        font-size: 26px;
    }
    .rtRegister h3, .rtContact h3, .rtExpect h3 {
        font-size: 20px;
    }
    .rtRegisterForm .formbody .formColumn.person {
        flex-direction: column;
    }
    .rtRegisterForm .person div:nth-of-type(1) {
        width: 100%;
    }
    .rtRegisterForm .person div:nth-of-type(2) {
        width: 100%;
    }
    .rtSpecialist {
	    padding: 80px 40px 70px 40px;
    }
    .rtSpecialist .testimonialsWrapper {
        flex-direction: column;
    }
    .rtSpecialist .testimonialsWrapper .testimonialsNav {
        width: 100%;
    }
    .rtExpect h1 {
        font-size: 36px;
    }
    .rtFaq {
        width: 100%;
        max-width: unset;
    }
    .rtFaq .handorgel__header button {
        font-size: 20px;
    }
    .rtFeaturing {
        flex-direction: column;
    }
    .rtFeaturingCalIcon {
        width: 100%;
        min-height: 76px;
    }
    .rtFeaturingWrapper {
        flex-direction: column;
        margin: 30px 0 30px 0;
        text-align: center;
        gap: 20px;
    }
    .rtFeaturing h2, .rtFeaturing h3 {
        font-size: 26px;
    }
    .rtFeaturingDate {
        font-size: 20px;
    }
    .rtFeaturingWrapper span {
        border: 2px solid var(--orange);
        height: 75%;
        border-radius: 10px;
        width: 44%;
    }
    .rtFeaturingCalIcon img {
        height: 48px;
    }
    .rtCamera img, .rtProgramIcon img, .rtSpecialistIcon img, .rtContactIcon img, 
    .rtRegisterIcon img, .rtDownloadIcon img, .rtPictureIcon img {
        height: 64px;
    }
    .rtExpect .rtCamera, .rtProgram .rtProgramIcon, 
    .rtSpecialist .rtSpecialistIcon, .rtContact .rtContactIcon, 
    .rtRegister .rtRegisterIcon, .rtDownloads .rtDownloadIcon, 
    .rtSlider .rtPictureIcon {
        top: -32px;
        left: calc(50% - 32px);
    }
    .rtFinalVideo::before {
        width: 64px;
        height: 64px;
        background-size: 64px;
    }
    .rtCaptionHeaderImg {
        background-position: 50% 27%;
        background-size: 84%;
    }
    .rtControlHeaderImg {
        background-size: 84%;
    }
    .rtHeadElements {
        padding-right: 20px;
    }
    .rtFooter {
        padding: 36px 20px 32px 20px;
    }
    .rtFooter div {
        width: 100%;
    }
    .rtDownloads .inner {
        grid-template-columns: repeat(2, 1fr);
    }
    .rtDownloads .inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .rtFeedback {
        flex-direction: column;
        background-position-y: -510px;
    }
    .rtFeedback > .right {
        width: 100%;
        padding: 40px 36px;
    }
    .rtFeedback > .left {
        width: 100%;
    }
    .rtFeedback > .left > .inlay {
        height: 168px;
    }
    .rtFeedback > .left::after {
        left: 10px;
        right: unset;
        top: 152px;
        width: 254px;
        height: 114px;
        background-size: 254px 114px;
    }
    .rtHit .rtHitLeft {
        max-width: unset;
    }
    .rtHit .rtCardPerson {
        margin-left: unset ;
    }
    .rtHit .rtRecordWrapper {
        height: 380px;
    }
    .rtHit .rtRecord {
        left: 50%;
        width: 130%;
        max-width: unset;
    }
    
}

@media (max-width: 600px) {
    .rtHeadElements {
        height: 70%;
        min-height: 590px;
    }
    .rtMetalHeaderImg {
        background-size: 100% 960px;
    }
    .rtCaptionHeaderImg {
        background-position: 50% 30%;
    }
    .rtFooter {
        padding: 22px 20px 26px 20px;
    }
    .rtFooter div {
        flex-wrap: wrap;
        width: calc(100% - 30px);
        gap: 6px;
    }
}
.rtBody {
  background-image: url("/daten/bilder/Roadtour/Mesh.png");
}

.rtMetalHeaderImg {
  background-image: url("/daten/bilder/Roadtour/Metall_Header.png");
}

.rtMetalHeaderImgSmall .rtMetalHeaderImg {
  background-image: url("/daten/bilder/Roadtour/Metall_Header_klein.png");
}

.rtMeshHeaderImg {
  background-image: url("/daten/bilder/Roadtour/Header_Mesh.png");
}

.rtCaptionHeaderImg {
  background-image: url("/daten/bilder/Roadtour/Roadtour_Schriftzug.png");
}

.rtControlHeaderImg {
  background-image: url("/daten/bilder/Roadtour/Regler.png");
}

.rtFooterImg {
  background-image: url("/daten/bilder/Roadtour/Leder_Footer.png");
}

.rtContact {
  background-image: url("/daten/bilder/Roadtour/Klinkenstecker_kombiniert.png");
}

.rtLogoutBtn::after {
  background-image: url("/daten/bilder/Roadtour/logout_icon.svg");
}

.rtFinalVideo::before {
  background-image: url("/daten/bilder/Roadtour/video.svg");
}

.rtFeedback {
  background-image: url("/daten/bilder/Roadtour/Metall_Header.png");
}

.rtFeedback > .left > .inlay {
  background-image: url("/daten/bilder/Roadtour/Mesh.png");
}

.rtFeedback > .left::after {
  background-image: url("/daten/bilder/Roadtour/Mikro_kombiniert.png");
}

.rtContact .handorgel > .toggler > button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzY4QTgxOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yMiA4LjIyYS43NS43NSAwIDAgMSAxLjA2IDBMMTAgMTEuOTRsMy43Mi0zLjcyYS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTQuMjUgNC4yNWEuNzUuNzUgMCAwIDEtMS4wNiAwTDUuMjIgOS4yOGEuNzUuNzUgMCAwIDEgMC0xLjA2WiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPjwvc3ZnPgo=");
}

.rtFaq .handorgel__header button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIj48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xOS41IDguMjUtNy41IDcuNS03LjUtNy41IiAvPjwvc3ZnPgo=");
}

.rtFaq .handorgel__header button[aria-expanded="true"]::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iIzY4QTgxOCI+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtMTkuNSA4LjI1LTcuNSA3LjUtNy41LTcuNSIgLz48L3N2Zz4K");
}

.rtSlider .gallery-link::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzY4QTgxOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yMiA4LjIyYS43NS43NSAwIDAgMSAxLjA2IDBMMTAgMTEuOTRsMy43Mi0zLjcyYS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTQuMjUgNC4yNWEuNzUuNzUgMCAwIDEtMS4wNiAwTDUuMjIgOS4yOGEuNzUuNzUgMCAwIDEgMC0xLjA2WiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPjwvc3ZnPgo=");
}

.rtDownloads .rtDownload .button::after {
  background-image: url(/daten/bilder/Roadtour/download.svg);
}

@media (max-width: 768px) {
  .rtControlHeaderImg {
    background-image: url("/daten/bilder/Roadtour/Regler_mobile.png");
  }
}