.original-active .teaser-switchable:not(.teaser-original) {
display: none !important;
}
.pendant_0-active .teaser-switchable:not(.teaser-pendant_0) {
display: none !important;
}
.pendant_1-active .teaser-switchable:not(.teaser-pendant_1) {
display: none !important;
}
.pendant_2-active .teaser-switchable:not(.teaser-pendant_2) {
display: none !important;
}
.pendant_3-active .teaser-switchable:not(.teaser-pendant_3) {
display: none !important;
}
.teaser-switchable .switcher-pendant {
padding: 0 16px 8px;
}
@media (min-width: 768px) {
.teaser-switchable .switcher-pendant {
padding: 0 16px 16px;
}
}
.teaser-switchable .switcher-pendant .switcher-pendant--options {
display: flex;
border: 1px solid rgba(136, 136, 136, 0.2);
border-radius: 5px;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option {
flex: 1 1 50%;
display: flex;
justify-content: center;
align-items: center;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option:first-child {
border-radius: 5px 0 0 5px;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option:last-child {
border-radius: 0 5px 5px 0;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option input[type=radio] {
display: none;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option label {
display: block;
margin: 0;
padding: 6px;
width: 100%;
height: 100%;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option .option-text {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
cursor: pointer;
padding: 6px;
border-radius: 3px;
color: #0072BC;
text-align: center;
font-size: 14px;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option input[type=radio][checked=true] + label .option-text {
background-color: #0072BC;
color: #fff;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option .option-hint {
position: relative;
padding: 4px 8px;
margin: 4px 12px 0 0;
background-color: #0072BC;
color: #fff;
font-size: 10px;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
text-align: center;
}
@media (max-width: 767px) {
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option .option-hint {
padding: 4px;
margin: 4px 6px 0 6px;
}
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option .option-hint .info {
width: 14px;
height: 14px;
line-height: 14px;
top: 4px;
color: #fff;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option .option-hint .info:before {
font-size: 14px;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option .option-hint:after {
content: "";
height: 0;
width: 0;
border: 4px solid transparent;
border-bottom-color: #0072BC;
position: absolute;
left: calc(50% - 4px);
top: -8px;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option input[type=radio][checked=true] ~ .option-hint {
visibility: hidden;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options {
border: 1px solid #7814B3;
border-radius: 5px;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option {
display: flex;
justify-content: center;
align-items: center;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option:first-child {
border-radius: 5px 0 0 5px;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option:last-child {
border-radius: 0 5px 5px 0;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option label {
width: 100%;
height: 100%;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option .option-text {
color: #7814B3;
display: flex;
justify-content: center;
align-items: center;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option input[type=radio][checked=true] + label .option-text {
background-color: #7814B3;
color: #fff;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option .option-hint {
background-color: #7814B3;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option .option-hint:after {
border-bottom-color: #7814B3;
}
.teaser-switchable.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-quaternary .content .headline .headline-details .headline-details-text .sum {
line-height: 100%;
}
.teaser-switchable.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro .text:after {
display: none;
}
@media (max-width: 767px) {
.teaser-switchable.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro .text {
padding: 16px 16px 24px;
}
}
.teaser-switchable.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro .pricing {
position: relative;
}
.teaser-switchable.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro.teaser-neuro .pricing:before {
content: "";
height: 1px;
background-color: #f2f2f2;
position: absolute;
top: 0;
left: 16px;
right: 16px;
}
.asm-neutral-collection {
align-self: stretch;
display: flex;
}
.section.section-hero + .section .teaser.teaser-neuro .content,
.teaser.teaser-neuro .content {
flex-grow: 1;
display: flex;
flex-direction: column;
border-top: 1px solid rgba(136, 136, 136, 0.2);
border-left: 1px solid rgba(136, 136, 136, 0.2);
border-right: 1px solid rgba(136, 136, 136, 0.2);
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline,
.teaser.teaser-neuro .content .headline {
min-height: 136px;
height: auto;
margin-bottom: 16px;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text {
text-align: left;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container {
display: flex;
margin-bottom: 5px;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container .sum,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container .sum {
display: inline-block;
vertical-align: unset;
line-height: 1;
font-size: 42px;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container .speed,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container .speed {
display: inline-block;
vertical-align: unset;
font-size: 42px;
line-height: 1;
width: auto;
margin-bottom: 0;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container .speed,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .gb-container .speed {
font-size: 42px;
width: auto;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .additional,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .additional {
display: unset;
margin-left: 0;
width: auto;
line-height: 1;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .additional,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .additional {
margin-left: 0;
width: auto;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .subline,
.teaser.teaser-neuro .content .subline {
left: 0;
right: 0;
color: #fff;
}
.section.section-hero + .section .teaser.teaser-neuro .content .subline strong,
.teaser.teaser-neuro .content .subline strong {
font-size: 14px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .subline strong,
.teaser.teaser-neuro .content .subline strong {
font-size: 14px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .pricing,
.teaser.teaser-neuro .pricing {
padding: 16px 16px 21px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .pricing,
.teaser.teaser-neuro .pricing {
padding: 16px 16px 13px 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price,
.teaser.teaser-neuro .pricing .price {
margin-bottom: 0;
}
.section.section-hero + .section .teaser.teaser-neuro .links,
.teaser.teaser-neuro .links {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.section.section-hero + .section .teaser.teaser-neuro .links li:first-child,
.teaser.teaser-neuro .links li:first-child {
position: relative;
padding: 0 16px 24px 16px;
border-left: 1px solid rgba(136, 136, 136, 0.2);
border-right: 1px solid rgba(136, 136, 136, 0.2);
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .links li:first-child,
.teaser.teaser-neuro .links li:first-child {
padding: 0 16px 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .links li:first-child:after,
.teaser.teaser-neuro .links li:first-child:after {
content: "";
position: absolute;
bottom: 0;
left: 16px;
width: calc(100% - 32px);
height: 1px;
background-color: #0072BC;
}
.section.section-hero + .section .teaser.teaser-neuro .links li .btn,
.teaser.teaser-neuro .links li .btn {
padding: 12px 30px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .links li .btn,
.teaser.teaser-neuro .links li .btn {
padding: 12px 30px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .links li.payback,
.teaser.teaser-neuro .links li.payback {
margin: 0;
border-bottom: 2px solid rgba(136, 136, 136, 0.2);
border-left: 2px solid rgba(136, 136, 136, 0.2);
border-right: 2px solid rgba(136, 136, 136, 0.2);
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text,
.teaser.teaser-neuro .links li.text {
position: relative;
padding: 24px 16px;
font-size: 14px;
flex-grow: 1;
display: flex;
flex-direction: column;
text-align: left;
margin: 0;
color: #0072BC;
border-left: 2px solid rgba(136, 136, 136, 0.2);
border-right: 2px solid rgba(136, 136, 136, 0.2);
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .links li.text,
.teaser.teaser-neuro .links li.text {
padding: 16px 16px 32px;
font-size: 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link,
.teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link {
color: inherit;
padding: 0;
border-radius: 0;
background-color: unset;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link,
.teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link {
width: auto;
margin-left: 4px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link:hover,
.teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link:hover {
background-color: unset;
color: unset;
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link:after,
.teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link:after {
content: unset;
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link.info,
.teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link.info {
width: 12px;
height: 12px;
line-height: 20px;
vertical-align: text-top;
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link.info:before,
.teaser.teaser-neuro .links li.text a.modal-link.occl-modal-link.info:before {
font-size: 12px;
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text p,
.teaser.teaser-neuro .links li.text p {
padding-left: 24px;
display: block;
position: relative;
margin-bottom: 16px;
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text p:before,
.teaser.teaser-neuro .links li.text p:before {
content: "\f104";
position: absolute;
left: 0;
top: 3px;
font-family: "icons";
font-style: normal;
line-height: 1;
font-size: 1em;
font-weight: 700;
color: inherit;
}
.section.section-hero + .section .teaser.teaser-neuro .links li.text p:last-child,
.teaser.teaser-neuro .links li.text p:last-child {
margin: 0;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum {
font-size: 42px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum {
font-size: 42px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .headline-details-text .overline,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .headline-details-text .overline {
margin-bottom: 0;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum {
font-size: 42px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-primary .headline .headline-details .sum {
font-size: 42px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-primary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .text,
.teaser.teaser-neuro.teaser-highlight .content .text {
color: #0072BC;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li:first-child,
.teaser.teaser-neuro.teaser-highlight .links li:first-child {
position: relative;
padding: 0 16px 24px 16px;
border-bottom: unset;
border-left: 2px solid #7814B3;
border-right: 2px solid #7814B3;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li:first-child,
.teaser.teaser-neuro.teaser-highlight .links li:first-child {
padding: 0 16px 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li:first-child:after,
.teaser.teaser-neuro.teaser-highlight .links li:first-child:after {
content: "";
position: absolute;
bottom: 0;
left: 16px;
width: calc(100% - 32px);
height: 1px;
background-color: #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li.text,
.teaser.teaser-neuro.teaser-highlight .links li.text {
color: #7814B3;
border-left: 2px solid #7814B3;
border-right: 2px solid #7814B3;
margin: 0;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text, .teaser.teaser-neuro .content .headline .headline-details .headline-details-text {
padding: 0;
display: flex;
flex-direction: column;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-primary .headline .headline-details .sum {
font-size: 42px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-primary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum {
font-size: 42px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum {
font-size: 42px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum {
font-size: 42px;
line-height: 1;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum {
font-size: 42px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details, .section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details, .section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details, .section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details,
.teaser.teaser-neuro.teaser-primary .headline .headline-details,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details {
align-items: unset;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details .headline-details-text, .section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .headline-details-text, .section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details .headline-details-text, .section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details .headline-details-text,
.teaser.teaser-neuro.teaser-primary .headline .headline-details .headline-details-text,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .headline-details-text,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details .headline-details-text,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details .headline-details-text {
padding: unset !important;
}
}