@media (max-width: 767.98px) {
tef-stage-teaser.lottie-animated {
padding-bottom: 32px;
}
}
tef-stage-teaser.lottie-animated [slot=visual] {
padding-top: 66%;
}
@media (max-width: 767.98px) {
tef-stage-teaser.lottie-animated tef-lottie-player {
width: 80%;
}
}
.teaser.lottie-animated.teaser-link {
position: relative;
}
.teaser.lottie-animated.teaser-link .content {
position: static;
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-link .content {
margin-top: 0;
}
}
.teaser.lottie-animated.teaser-link .content .headline, .teaser.lottie-animated.teaser-link .content .text, .teaser.lottie-animated.teaser-link .content .subline {
z-index: 1;
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-link .content .subline {
order: 1;
}
.teaser.lottie-animated.teaser-link .content .headline {
order: 2;
}
.teaser.lottie-animated.teaser-link .content .text {
order: 3;
}
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-link .content tef-lottie-player {
order: 0;
}
}
@media (min-width: 768px) {
.teaser.lottie-animated.teaser-link .content tef-lottie-player {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.teaser.lottie-animated.teaser-content {
padding: 0 0 70px;
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-content {
padding: 0 0 20px;
}
}
.teaser.lottie-animated.teaser-content .figures {
display: none;
}
.teaser.lottie-animated.teaser-content .content {
margin-top: 0;
display: flex;
flex-direction: column;
position: relative;
}
.teaser.lottie-animated.teaser-content .content .headline {
order: 2;
padding-left: 20px;
padding-right: 20px;
margin-top: 256px;
}
.teaser.lottie-animated.teaser-content .content .text {
order: 3;
padding-left: 20px;
padding-right: 20px;
}
.teaser.lottie-animated.teaser-content .content .lottie-player-wrapper {
height: 232px;
left: -1px;
top: -1px;
width: calc(100% + 2px);
max-width: none;
max-height: none;
position: absolute;
overflow: hidden;
background-color: #00B6F1;
}
.teaser.lottie-animated.teaser-content .content .lottie-player-wrapper tef-lottie-player {
order: 1;
margin: auto;
transform: translate(-50%, -50%);
position: absolute;
bottom: auto;
left: 50%;
top: 50%;
max-width: none;
max-height: none;
height: 232px;
width: max-content;
}
.teaser.lottie-animated.teaser-content .pricing {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.teaser.lottie-animated.teaser-wide {
position: relative;
}
}
.teaser.lottie-animated.teaser-wide .figures {
display: none;
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-wide .content {
margin-top: 0;
display: flex;
flex-direction: column;
padding: 0;
}
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-wide .content .headline {
order: 2;
padding-left: 20px;
padding-right: 20px;
margin-top: 24px;
}
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-wide .content .text {
order: 3;
padding: 0 20px 20px;
}
}
.teaser.lottie-animated.teaser-wide .content .lottie-player-wrapper {
background-color: #00B6F1;
position: relative;
}
@media (max-width: 767.98px) {
.teaser.lottie-animated.teaser-wide .content .lottie-player-wrapper {
order: 1;
}
}
@media (min-width: 768px) {
.teaser.lottie-animated.teaser-wide .content .lottie-player-wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 35%;
max-width: none;
max-height: none;
overflow: hidden;
}
}
.teaser.lottie-animated.teaser-wide .content .lottie-player-wrapper tef-lottie-player {
margin-bottom: -6px;
}
@media (min-width: 768px) {
.teaser.lottie-animated.teaser-wide .content .lottie-player-wrapper tef-lottie-player {
width: 399px;
position: absolute;
left: 50%;
top: calc(50% + 4px);
transform: translate(-50%, -50%);
}
}
.teaser.lottie-animated.teaser-wide .content .lottie-player-wrapper.animation-bottom-zero tef-lottie-player {
margin-bottom: -6px;
}
@media (min-width: 768px) {
.teaser.lottie-animated.teaser-wide .content .lottie-player-wrapper.animation-bottom-zero tef-lottie-player {
padding-top: 75px;
}
}
/*# sourceMappingURL=animation-seite-occl-styling-css.css.map */