.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;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option {
flex: 1 1 50%;
}
.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;
background-color: #f2f2f2;
padding: 6px;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option:first-of-type label {
border-radius: 5px 0 0 5px;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option:last-of-type label {
border-radius: 0 5px 5px 0;
}
.teaser-switchable .switcher-pendant .switcher-pendant--options .switcher-option .option-text {
display: block;
cursor: pointer;
padding: 6px;
background-color: #f2f2f2;
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 .switcher-option label {
background-color: #EADCF3;
}
.teaser-switchable.teaser-highlight .switcher-pendant .switcher-pendant--options .switcher-option .option-text {
background-color: #EADCF3;
color: #7814B3;
}
.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;
}