/* 1879360 */
.section.section-hero + .section .teaser.teaser-neuro,
.teaser.teaser-neuro {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
margin: 62px 0 0;
padding: 0;
min-width: 0;
max-width: none;
background: #fff;
overflow: visible;
}
.section.section-hero + .section .teaser.teaser-neuro .figures,
.teaser.teaser-neuro .figures {
display: none;
}
.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 {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: rgba(0, 114, 188, 0.05);
height: 118px;
color: #0072BC;
font-size: 44px;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
line-height: 1.428571429;
text-align: left;
padding: 16px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline,
.teaser.teaser-neuro .content .headline {
height: auto;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline > strong,
.teaser.teaser-neuro .content .headline > strong {
font-size: 24px;
line-height: 30px;
display: flex;
flex-direction: column-reverse;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline > strong .h3,
.teaser.teaser-neuro .content .headline > strong .h3 {
margin: 0;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
font-size: 24px;
line-height: 30px;
text-align: left;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline > strong .h3,
.teaser.teaser-neuro .content .headline > strong .h3 {
font-size: 32px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline > strong .h4,
.teaser.teaser-neuro .content .headline > strong .h4 {
margin: 0;
font-family: CodeProRegular, Verdana, Tahoma, sans-serif;
font-size: 14px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline > strong .h4,
.teaser.teaser-neuro .content .headline > strong .h4 {
font-size: 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline > .h1,
.section.section-hero + .section .teaser.teaser-neuro .content .headline > .h2,
.section.section-hero + .section .teaser.teaser-neuro .content .headline > .h3,
.section.section-hero + .section .teaser.teaser-neuro .content .headline br,
.teaser.teaser-neuro .content .headline > .h1,
.teaser.teaser-neuro .content .headline > .h2,
.teaser.teaser-neuro .content .headline > .h3,
.teaser.teaser-neuro .content .headline br {
display: none;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details,
.teaser.teaser-neuro .content .headline .headline-details {
display: flex;
}
@media (min-width: 768px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details,
.teaser.teaser-neuro .content .headline .headline-details {
justify-content: space-between;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .figure,
.teaser.teaser-neuro .content .headline .headline-details .figure {
width: 86px;
max-width: 40%;
display: flex;
align-items: flex-end;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .figure,
.teaser.teaser-neuro .content .headline .headline-details .figure {
width: 96px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .figure img,
.teaser.teaser-neuro .content .headline .headline-details .figure img {
max-width: 100%;
width: 100%;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details,
.teaser.teaser-neuro .content .headline .headline-details {
padding-top: 24px;
}
}
.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 0 0 16px;
text-align: right;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .overline,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .overline {
font-size: 20px;
display: block;
line-height: 1;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .overline .inactive,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .overline .inactive {
position: relative;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .overline .inactive:after,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .overline .inactive:after {
content: "";
position: absolute;
left: -0.2em;
right: -0.2em;
bottom: 0.2em;
top: 0.2em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMzUgMTEiIHZlcnNpb249IjEuMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMSIgeTE9IjkuNSIgeDI9IjM0IiB5Mj0iMS40IiBzdHJva2U9InJnYigyNDYsIDY4LCAyMykiIHN0cm9rZS13aWR0aD0iMiIgLz48L3N2Zz4K");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .sum,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .sum {
display: inline;
vertical-align: middle;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
line-height: 70%;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .speed,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .speed {
display: inline-block;
vertical-align: bottom;
text-align: left;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
font-size: 32px;
line-height: 1;
width: 46px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .speed,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .speed {
font-size: 24px;
width: 40px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .headline-details .headline-details-text .speed br,
.teaser.teaser-neuro .content .headline .headline-details .headline-details-text .speed br {
display: block;
font-size: 0;
line-height: 0;
}
.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: inline-block;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
font-size: 14px;
vertical-align: bottom;
text-align: left;
margin-left: -46px;
width: 46px;
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: -40px;
width: 40px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .subline,
.teaser.teaser-neuro .content .subline {
position: absolute;
bottom: calc(100% - 2px);
left: -8px;
right: -8px;
background: #7814B3;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 1.5;
padding: 8px;
border-top: 1px solid #7814B3;
border-left: 1px solid #7814B3;
border-right: 1px solid #7814B3;
z-index: 1;
}
.section.section-hero + .section .teaser.teaser-neuro .content .subline strong,
.teaser.teaser-neuro .content .subline strong {
font-size: 16px;
line-height: 1.3333333;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .subline strong,
.teaser.teaser-neuro .content .subline strong {
font-size: 18px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .subline a,
.teaser.teaser-neuro .content .subline a {
color: inherit;
}
.section.section-hero + .section .teaser.teaser-neuro .content .text,
.teaser.teaser-neuro .content .text {
position: relative;
padding: 24px 16px;
font-size: 14px;
flex-grow: 1;
display: flex;
flex-direction: column;
text-align: left;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .content .text,
.teaser.teaser-neuro .content .text {
padding: 16px 16px 32px;
font-size: 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .content .text a,
.teaser.teaser-neuro .content .text a {
color: inherit;
}
.section.section-hero + .section .teaser.teaser-neuro .content .text a.info,
.teaser.teaser-neuro .content .text a.info {
width: 12px;
height: 12px;
line-height: 20px;
vertical-align: text-top;
}
.section.section-hero + .section .teaser.teaser-neuro .content .text a.info:before,
.teaser.teaser-neuro .content .text a.info:before {
font-size: 12px;
}
.section.section-hero + .section .teaser.teaser-neuro .content .text p,
.teaser.teaser-neuro .content .text p {
padding-left: 24px;
display: block;
position: relative;
margin-bottom: 16px;
}
.section.section-hero + .section .teaser.teaser-neuro .content .text p:before,
.teaser.teaser-neuro .content .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 .content .text p:last-child,
.teaser.teaser-neuro .content .text p:last-child {
margin: 0;
}
.section.section-hero + .section .teaser.teaser-neuro .content ul,
.teaser.teaser-neuro .content ul {
flex-grow: 1;
}
.section.section-hero + .section .teaser.teaser-neuro .content ul li .glyphicon:not(.glyphicon-check):not(.glyphicon-remove),
.teaser.teaser-neuro .content ul li .glyphicon:not(.glyphicon-check):not(.glyphicon-remove) {
transform: scale(1.3);
}
.section.section-hero + .section .teaser.teaser-neuro .content ul li .glyphicon.glyphicon-check,
.teaser.teaser-neuro .content ul li .glyphicon.glyphicon-check {
color: #00B6F1;
}
.section.section-hero + .section .teaser.teaser-neuro .content ul li .glyphicon.glyphicon-remove,
.teaser.teaser-neuro .content ul li .glyphicon.glyphicon-remove {
transform: scale(0.9);
}
.section.section-hero + .section .teaser.teaser-neuro .content .strike,
.teaser.teaser-neuro .content .strike {
position: relative;
}
.section.section-hero + .section .teaser.teaser-neuro .content .strike:before,
.teaser.teaser-neuro .content .strike:before {
content: "";
height: 2px;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
top: 50%;
transform: rotate(-8deg);
background-color: #f4364c;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing,
.teaser.teaser-neuro .pricing {
align-self: flex-start;
width: 100%;
padding: 24px 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 .pricing,
.teaser.teaser-neuro .pricing {
padding: 32px 16px 16px 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price,
.teaser.teaser-neuro .pricing .price {
position: relative;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .pricing .price,
.teaser.teaser-neuro .pricing .price {
margin-bottom: 0;
}
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price p,
.teaser.teaser-neuro .pricing .price p {
color: #0072BC;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price p a,
.teaser.teaser-neuro .pricing .price p a {
color: inherit;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price p > .info,
.teaser.teaser-neuro .pricing .price p > .info {
top: 0;
right: auto;
left: 58px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .pricing .price p > .info,
.teaser.teaser-neuro .pricing .price p > .info {
left: 68px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price,
.section.section-hero + .section .teaser.teaser-neuro .pricing .price p,
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .cond,
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .condAfter,
.teaser.teaser-neuro .pricing .price,
.teaser.teaser-neuro .pricing .price p,
.teaser.teaser-neuro .pricing .price .cond,
.teaser.teaser-neuro .pricing .price .condAfter {
justify-content: flex-start;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .cond,
.teaser.teaser-neuro .pricing .price .cond {
position: absolute;
top: -16px;
left: 0;
display: block;
min-width: auto;
white-space: nowrap;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .cond .contexthighlight,
.teaser.teaser-neuro .pricing .price .cond .contexthighlight {
background-color: #7814B3;
color: #fff;
font-size: 12px;
font-family: CodeProBold, Verdana, Tahoma, sans-serif;
padding: 4px 8px;
top: -26px;
left: 0;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .cond .strike,
.teaser.teaser-neuro .pricing .price .cond .strike {
position: relative;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .cond .strike:before,
.teaser.teaser-neuro .pricing .price .cond .strike:before {
content: "";
height: 2px;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
top: 50%;
transform: rotate(-8deg);
background-color: #f4364c;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .sum,
.teaser.teaser-neuro .pricing .price .sum {
font-size: 32px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .sum,
.teaser.teaser-neuro .pricing .price .sum {
font-size: 40px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .suffix,
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .currency,
.teaser.teaser-neuro .pricing .price .suffix,
.teaser.teaser-neuro .pricing .price .currency {
font-size: 12px;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .suffix,
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .currency,
.teaser.teaser-neuro .pricing .price .suffix,
.teaser.teaser-neuro .pricing .price .currency {
font-size: 16px;
}
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .cond,
.section.section-hero + .section .teaser.teaser-neuro .pricing .price .condAfter,
.teaser.teaser-neuro .pricing .price .cond,
.teaser.teaser-neuro .pricing .price .condAfter {
font-size: 16px;
}
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price:first-child:not(:last-child),
.teaser.teaser-neuro .pricing .price:first-child:not(:last-child) {
position: relative;
transform: translate(0, -12px);
margin-left: 4px;
margin-right: 20px;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price:first-child:not(:last-child)::after,
.teaser.teaser-neuro .pricing .price:first-child:not(:last-child)::after {
content: "";
position: absolute;
left: -0.4em;
right: -0.1em;
bottom: 0.4em;
top: 0.2em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMzUgMTEiIHZlcnNpb249IjEuMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIKICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxsaW5lIHgxPSIxIiB5MT0iOS41IiB4Mj0iMzQiIHkyPSIxLjQiIHN0cm9rZT0icmdiKDI0NiwgNjgsIDIzKSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price:first-child:not(:last-child) .sum,
.teaser.teaser-neuro .pricing .price:first-child:not(:last-child) .sum {
font-size: 24px;
margin-right: -4px;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price:first-child:not(:last-child) .suffix,
.teaser.teaser-neuro .pricing .price:first-child:not(:last-child) .suffix {
font-size: 9.5px;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing .price:first-child:not(:last-child) .currency,
.teaser.teaser-neuro .pricing .price:first-child:not(:last-child) .currency {
font-size: 9.5px;
margin-left: -1em;
}
.section.section-hero + .section .teaser.teaser-neuro .links,
.teaser.teaser-neuro .links {
align-self: flex-end;
width: 100%;
margin: 0;
}
.section.section-hero + .section .teaser.teaser-neuro .links li ~ li,
.teaser.teaser-neuro .links li ~ li {
margin-top: 20px;
text-align: center;
}
.section.section-hero + .section .teaser.teaser-neuro .links li:first-child,
.teaser.teaser-neuro .links li:first-child {
padding: 0 16px 24px 16px;
border-bottom: 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);
}
@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 .link,
.teaser.teaser-neuro .links li .link {
font-size: 12px;
border: none;
color: #0072bc;
margin-right: 0;
padding: 0;
position: relative;
}
.section.section-hero + .section .teaser.teaser-neuro .links li .link .glyphicon,
.teaser.teaser-neuro .links li .link .glyphicon {
position: absolute;
left: calc(100% + 4px);
}
.section.section-hero + .section .teaser.teaser-neuro .links li .link:after,
.teaser.teaser-neuro .links li .link:after {
display: none;
}
.section.section-hero + .section .teaser.teaser-neuro .links li .btn,
.teaser.teaser-neuro .links li .btn {
white-space: normal;
display: block;
padding: 15px 30px;
}
.section.section-hero + .section .teaser.teaser-neuro .links li .btn:after,
.teaser.teaser-neuro .links li .btn:after {
display: none;
}
@media (max-width: 767px) {
.section.section-hero + .section .teaser.teaser-neuro .links li .btn,
.teaser.teaser-neuro .links li .btn {
margin-bottom: 0;
font-size: 16px;
padding: 19px 30px;
max-width: 100%;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum {
font-size: 64px;
}
@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: 64px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum {
font-size: 70px;
}
@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: 66px;
}
}
.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: -2px;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum {
font-size: 80px;
}
@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: 68px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-primary .headline .headline-details .sum {
font-size: 88px;
}
@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: 70px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content,
.teaser.teaser-neuro.teaser-highlight .content {
border-top: 2px solid #7814B3;
border-left: 2px solid #7814B3;
border-right: 2px solid #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline,
.teaser.teaser-neuro.teaser-highlight .content .headline {
background-color: rgba(120, 20, 179, 0.05);
color: #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .h1,
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .h2,
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .h3,
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .h4,
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .h5,
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .h6,
.teaser.teaser-neuro.teaser-highlight .content .headline .h1,
.teaser.teaser-neuro.teaser-highlight .content .headline .h2,
.teaser.teaser-neuro.teaser-highlight .content .headline .h3,
.teaser.teaser-neuro.teaser-highlight .content .headline .h4,
.teaser.teaser-neuro.teaser-highlight .content .headline .h5,
.teaser.teaser-neuro.teaser-highlight .content .headline .h6 {
color: #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .subline,
.teaser.teaser-neuro.teaser-highlight .content .subline {
display: block;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .subline a,
.teaser.teaser-neuro.teaser-highlight .content .subline a {
color: inherit;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .subline img,
.teaser.teaser-neuro.teaser-highlight .content .subline img {
position: absolute;
right: 20px;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .text,
.teaser.teaser-neuro.teaser-highlight .content .text {
color: #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .pricing,
.teaser.teaser-neuro.teaser-highlight .pricing {
border-left: 2px solid #7814B3;
border-right: 2px solid #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .pricing .price p,
.teaser.teaser-neuro.teaser-highlight .pricing .price p {
color: #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .pricing .price p a,
.teaser.teaser-neuro.teaser-highlight .pricing .price p a {
color: inherit;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li:first-child,
.teaser.teaser-neuro.teaser-highlight .links li:first-child {
padding: 0 24px 24px;
border-bottom: 2px solid #7814B3;
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;
}
}
@media (max-width: 767px) {
.section.psy-slider-section {
margin-left: 0;
margin-right: 0;
}
.section.psy-slider-section .tile-slider {
margin: -10px;
}
.section.psy-slider-section .tile-slider .slick-slider {
padding: 0;
}
.section.psy-slider-section .tile-slider .slick-slider .slick-prev,
.section.psy-slider-section .tile-slider .slick-slider .slick-next {
top: calc(50% - 18px);
height: 36px;
width: 34px;
}
.section.psy-slider-section .tile-slider .slick-slider .slick-prev:before,
.section.psy-slider-section .tile-slider .slick-slider .slick-next:before {
font-size: 34px;
font-weight: bold;
}
.section.psy-slider-section .tile-slider .slick-slider .slick-list {
margin: 0 -10px;
}
.section.psy-slider-section .tile-slider .slick-slider .slick-list .slick-slide {
display: flex;
height: auto;
margin: 0 10px;
opacity: 0.5;
transition: opacity 0.3s ease-in-out;
}
.section.psy-slider-section .tile-slider .slick-slider .slick-list .slick-slide.slick-center {
opacity: 1;
}
.section.psy-slider-section .tile-slider .slick-slider .slick-dots li button {
background-color: #dfdfe0;
}
.section.psy-slider-section .tile-slider .slick-slider .slick-dots li.slick-active button {
background-color: #0072bc;
}
}
@media (max-width: 767px) {
.section.psy-slider-section .psy-slider-collection.psy-slider-collection .section.section-hero + .section .teaser.teaser-neuro .content .text,
.section.psy-slider-section .psy-slider-collection.psy-slider-collection .teaser.teaser-neuro .content .text {
text-align: left;
}
.section.psy-slider-section .psy-slider-collection.psy-slider-collection .tile-slider {
margin: -10px;
width: calc(100% + 20px);
}
}
@media (max-width: 767px) {
.section.psy-slider-section.section-tariffs .psy-slider-collection.psy-slider-collection .tile-slider {
margin: 0;
width: 100%;
}
}
.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;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline,
.teaser.teaser-neuro .content .headline {
justify-content: flex-end;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-primary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-primary .headline .headline-details .sum {
font-size: 72px;
}
@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: 68px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-secondary .headline .headline-details .sum {
font-size: 68px;
}
@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: 64px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-tertiary .headline .headline-details .sum {
font-size: 64px;
}
@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: 60px;
}
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum,
.teaser.teaser-neuro.teaser-quaternary .headline .headline-details .sum {
font-size: 60px;
line-height: 70%;
}
@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: 56px;
}
}
.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: flex-end;
}
@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: 0 0 0 16px !important;
}
}
.payback-promo-snippet, .payback-promo-snippet-shortterm {
display: flex;
justify-content: start;
align-items: center;
padding: 24px 16px;
position: relative;
}
.payback-promo-snippet img, .payback-promo-snippet-shortterm img {
width: 90px;
height: auto;
}
.payback-promo-snippet p, .payback-promo-snippet-shortterm p {
font-size: 12px;
margin-bottom: 0;
margin-left: 16px;
}
@media (max-width: 767px) {
.payback-promo-snippet p, .payback-promo-snippet-shortterm p {
font-size: 14px;
}
}
.payback-promo-snippet p a, .payback-promo-snippet-shortterm p a {
color: #0072BC;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing tef-price .strike,
.teaser.teaser-neuro .pricing tef-price .strike {
position: relative;
text-decoration: none;
}
.section.section-hero + .section .teaser.teaser-neuro .pricing tef-price .strike:before,
.teaser.teaser-neuro .pricing tef-price .strike:before {
content: "";
height: 2px;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
top: 50%;
transform: rotate(-8deg);
background-color: #f4364c;
}
.teaser .payback-promo-snippet {
padding: 24px 16px;
}
.teaser .payback-promo-snippet img {
margin: 0;
max-width: 70px;
}
.teaser .payback-promo-snippet p {
margin-left: 16px;
}
@media (min-width: 768px) {
.teaser .payback-promo-snippet p {
max-width: 138px;
}
}
.teaser li.payback div:only-child {
padding: 24px 16px 24px 16px;
}
.teaser li.payback .payback-promo-snippet:not(:only-child) {
padding: 24px 16px 0 16px;
}
.teaser li.payback .payback-promo-snippet:not(:only-child):after {
display: none;
}
.teaser li.payback .payback-promo-snippet-shortterm:not(:only-child) {
padding: 8px 16px 24px 16px;
}
.teaser li.payback .payback-promo-snippet-shortterm:not(:only-child):after {
content: "";
position: absolute;
top: 0;
left: 16px;
width: calc(100% - 32px);
height: 1px;
background-color: rgba(136, 136, 136, 0.2);
}
.teaser li.payback .payback-promo-snippet-shortterm:not(:only-child) tef-icon.space-left {
padding-left: 42px;
}
.teaser li.payback .payback-promo-snippet-shortterm:not(:only-child) + p {
margin-left: 16px;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline, .teaser.teaser-neuro .content .headline {
position: relative;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .lead, .teaser.teaser-neuro .content .headline .lead {
color: #fff;
background: #0072bc;
font-size: 16px;
padding: 6px 8px;
font-weight: 700;
line-height: 1;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .lead a, .teaser.teaser-neuro .content .headline .lead a {
color: #fff;
font-size: 16px;
line-height: 16px;
transform: translateY(0);
vertical-align: top;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline, .teaser.teaser-neuro.teaser-highlight .content .headline {
position: relative;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .lead, .teaser.teaser-neuro.teaser-highlight .content .headline .lead {
color: #fff;
background: #7814B3;
font-size: 16px;
padding: 6px 8px;
font-weight: 700;
line-height: 1;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline .lead a, .teaser.teaser-neuro.teaser-highlight .content .headline .lead a {
color: #fff;
font-size: 16px;
line-height: 16px;
transform: translateY(0);
vertical-align: top;
}
.tile-slider .slider-pagination-wrapper {
display: none;
}
.tile-slider .slick-slide .item-collection .items {
height: 100%;
}
.tile-slider .teaser.teaser-neuro {
margin-top: 60px !important;
}
.teaser.teaser-neuro ul.links li.payment-info {
font-size: 10px;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
margin: 0;
padding: 16px 16px;
border-bottom: 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);
}
.teaser.teaser-neuro ul.links li.payment-info p {
text-align: left;
margin: 0;
}
.teaser.teaser-neuro ul.links li.payment-info a.modal-link.occl-modal-link {
color: inherit;
padding: 0;
border-radius: 0;
background-color: unset;
font-size: 14px;
}
.teaser.teaser-neuro ul.links li.payment-info a.modal-link.occl-modal-link:after {
display: none;
}
.section.section-hero + .section .teaser.teaser-neuro .content,
.teaser.teaser-neuro .content {
flex-grow: unset;
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;
margin-left: 8px;
}
@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);
border-bottom: unset;
}
@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: rgba(136, 136, 136, 0.2);
}
.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;
position: relative;
border-left: 1px solid rgba(136, 136, 136, 0.2);
border-right: 1px solid rgba(136, 136, 136, 0.2);
border-bottom: 1px solid rgba(136, 136, 136, 0.2);
}
.section.section-hero + .section .teaser.teaser-neuro .links li.payback:has(+ .payment-info),
.teaser.teaser-neuro .links li.payback:has(+ .payment-info) {
border-bottom: unset;
}
.section.section-hero + .section .teaser.teaser-neuro .links li.payback:has(+ .payment-info):after,
.teaser.teaser-neuro .links li.payback:has(+ .payment-info):after {
content: "";
position: absolute;
bottom: 0;
left: 16px;
width: calc(100% - 32px);
height: 1px;
background-color: rgba(136, 136, 136, 0.2);
}
.section.section-hero + .section .teaser.teaser-neuro .links li.payment-info,
.teaser.teaser-neuro .links li.payment-info {
border-bottom: 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 .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: 1px solid rgba(136, 136, 136, 0.2);
border-right: 1px solid rgba(136, 136, 136, 0.2);
border-bottom: 1px 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,
.teaser.teaser-neuro.teaser-highlight .content {
flex-grow: unset;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .content .headline:has(> :nth-child(2)),
.teaser.teaser-neuro.teaser-highlight .content .headline:has(> :nth-child(2)) {
justify-content: space-between;
}
.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: rgba(136, 136, 136, 0.2);
}
.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;
border-bottom: 2px solid #7814B3;
margin: 0;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li.payback,
.teaser.teaser-neuro.teaser-highlight .links li.payback {
margin: 0;
position: relative;
border-left: 2px solid #7814B3;
border-right: 2px solid #7814B3;
border-bottom: 2px solid #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li.payback:has(+ .payment-info),
.teaser.teaser-neuro.teaser-highlight .links li.payback:has(+ .payment-info) {
border-bottom: unset;
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li.payback:has(+ .payment-info):after,
.teaser.teaser-neuro.teaser-highlight .links li.payback:has(+ .payment-info):after {
content: "";
position: absolute;
bottom: 0;
left: 16px;
width: calc(100% - 32px);
height: 1px;
background-color: rgba(136, 136, 136, 0.2);
}
.section.section-hero + .section .teaser.teaser-neuro.teaser-highlight .links li.payment-info,
.teaser.teaser-neuro.teaser-highlight .links li.payment-info {
border-bottom: 2px solid #7814B3;
border-left: 2px solid #7814B3;
border-right: 2px solid #7814B3;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline:has(> :nth-child(2)), .teaser.teaser-neuro .content .headline:has(> :nth-child(2)) {
justify-content: space-between;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .lead, .teaser.teaser-neuro .content .headline .lead {
max-width: fit-content;
margin-bottom: 10px;
}
.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;
}
}
.teaser.teaser-neuro li.payback .payback-promo-snippet, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm {
display: flex;
justify-content: start;
align-items: center;
position: relative;
text-align: left;
}
.teaser.teaser-neuro li.payback .payback-promo-snippet:after, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm:after {
display: none;
}
.teaser.teaser-neuro li.payback .payback-promo-snippet > img, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm > img {
position: relative;
top: -3px;
}
.teaser.teaser-neuro li.payback .payback-promo-snippet > tef-icon, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm > tef-icon {
position: relative;
top: -3px;
}
.teaser.teaser-neuro li.payback .payback-promo-snippet p a.modal-link.occl-modal-link, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm p a.modal-link.occl-modal-link {
color: inherit;
padding: 0;
border-radius: 0;
background-color: unset;
}
@media (max-width: 767px) {
.teaser.teaser-neuro li.payback .payback-promo-snippet p a.modal-link.occl-modal-link, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm p a.modal-link.occl-modal-link {
width: auto;
margin-left: 4px;
}
}
.teaser.teaser-neuro li.payback .payback-promo-snippet p a.modal-link.occl-modal-link:hover, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm p a.modal-link.occl-modal-link:hover {
background-color: unset;
color: unset;
}
.teaser.teaser-neuro li.payback .payback-promo-snippet p a.modal-link.occl-modal-link:after, .teaser.teaser-neuro li.payback .payback-promo-snippet-shortterm p a.modal-link.occl-modal-link:after {
content: unset;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline, .teaser.teaser-neuro .content .headline {
position: relative;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .lead, .teaser.teaser-neuro .content .headline .lead {
color: #fff;
background: #7814B3;
font-size: 16px;
padding: 6px 8px;
font-weight: 700;
line-height: 1;
}
.section.section-hero + .section .teaser.teaser-neuro .content .headline .lead a, .teaser.teaser-neuro .content .headline .lead a {
color: #fff;
font-size: 16px;
line-height: 16px;
transform: translateY(0);
vertical-align: top;
}
.tile-slider.tile-slider-three-columns .slider.slick-slider .slick-slide > * {
width: 100%;
}
@media (min-width: 600px) {
.tile-slider.tile-slider-three-columns .slider.slick-slider .slick-slide .section.section-hero + .section .teaser.teaser-neuro, .tile-slider.tile-slider-three-columns .slider.slick-slider .slick-slide .teaser.teaser-neuro {
margin: 0 10px;
}
}