.supercrsl {
position: relative;
min-height: 50px;
}
.supercarousel_wrapper {
overflow: hidden;
position: relative;
height: 200px;
}
.supercarousel_arrowsout .supercarousel_wrapper {
margin-left: 50px;
margin-right: 50px;
}
.supercarousel {
display: none;
margin: 0px;
padding: 0px;
height: auto;
top: 0px;
left: 0px;
position: absolute;
}
.supercarousel div {
height: auto;
position: absolute;
top: 0px;
background-color: transparent;
display: block;
}
.supercarousel div div {
position: relative;
}
.super_image, .entry-content img.super_image, .comment-content img.super_image, .widget img.super_image, .supercarousel div img {
max-width: none!important;
width: 100%;
vertical-align: top;
}
.supercarousel.supertwitter div img {
max-width: 100%;
width: auto;
}
.focuscarousel>div {
opacity: 0.5;
transition: opacity ease-in-out 1s;
-webkit-transition: opacity ease-in-out 1s;
}
.focuscarousel>div.focus {
opacity: 1;
}
.supertwitter>div {
text-align: center;
}
.supercarousel.supertwitter>div a {
font-size: inherit;
color: #1b95e0;
}
.superslidezoom>div {
overflow: hidden;
}
.superslidezoom>div .super_image {
overflow: hidden;
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
.superslidezoom>div:hover .super_image {
transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
}
.superslidefadein>div .super_image {
overflow: hidden;
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
opacity: 0.8;
}
.superslidefadein>div:hover .super_image {
opacity: 1;
}
.superslidefadeout>div .super_image {
overflow: hidden;
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
opacity: 1;
}
.superslidefadeout>div:hover .super_image {
opacity: 0.8;
}
.superslidecolor>div .super_image {
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray; }
.superslidecolor>div:hover .super_image {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: none;
}
.supercrsl .super_overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
pointer-events: none;
z-index: 99;
overflow: hidden;
}
.supercrsl .super_imagewrap {
overflow: hidden;
line-height: 100%;
}
.super_imagewrap>a {
line-height: 100%;
}
.superbutton {
display: inline-block;
}
.supercrsl .super_overlay>div {
position: absolute;
pointer-events: auto;
width: 100%;
}
.supercarousel div a {
color: inherit;
}
.supercarousel div a.superbutton {
color: inherit;
display: inline-block;
}
.supercarousel div .super_categories a, .supercarousel div .super_title a {
color: inherit;
display: inline-block;
}
.supercarousel div a.supercarousel_custom_taxonomy {
display: inline-block;
}
.superfitimage .super_image {
object-fit: cover;
}
@keyframes supercarousel_move {
from {
left: var(--supercarousel_x1, 0);
}
to {
left: var(--supercarousel_x2, 0);
}
}
.supercarousel_autoscroll { --supercarousel_duration: 10s;
--supercarousel_delay: 0s;
--supercarousel_direction: normal;
--supercarousel_x1: calc(var(--supercarousel_width)/3);
--supercarousel_x2: calc(var(--supercarousel_width) * 0.66667);
animation: supercarousel_move linear var(--supercarousel_delay) infinite;
-webkit-animation: supercarousel_move linear var(--supercarousel_delay) infinite;
-moz-animation: supercarousel_move linear var(--supercarousel_delay) infinite;
-ms-animation: supercarousel_move linear var(--supercarousel_delay) infinite;
-o-animation: supercarousel_move linear var(--supercarousel_delay) infinite;
animation-fill-mode: both;
animation-duration: var(--supercarousel_duration);
-webkit-animation-duration: var(--supercarousel_duration);
-moz-animation-duration: var(--supercarousel_duration);
-ms-animation-duration: var(--supercarousel_duration);
-o-animation-duration: var(--supercarousel_duration);
animation-direction: var(--supercarousel_direction);
-webkit-animation-direction: var(--supercarousel_direction);
-moz-animation-direction: var(--supercarousel_direction);
-o-animation-direction: var(--supercarousel_direction);
-ms-animation-direction: var(--supercarousel_direction);
}
.supercarousel_pauseover:hover {
animation-play-state: paused;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
-ms-animation-play-state: paused;
} .supercrsl a.superprev, .supercrsl a.supernext {
cursor: pointer;
display: block;
position: absolute;
z-index: 999;
text-indent: -9999px;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
background-image: url(//can-aupair.de/wp-content/plugins/supercarousel/public/images/miscellaneous_sprite.svg);
opacity: 0.8;
}
.supercrsl a.superprev:hover, .supercrsl a.supernext:hover {
opacity: 1;
}
.supercrsl a.superprev span, .supercrsl a.supernext span {
display: none;
}
.supercrsl a.superprev.disabled, .supercrsl a.supernext.disabled, .supercrsl a.superprev.disabled:hover, .supercrsl a.supernext.disabled:hover {
cursor: default;
opacity: 0.5;
}
.supercrsl a.superprev {
left: 0px;
}
.supercrsl a.supernext {
right: 0px;
}
.super_style1-white.superprev {
background-position: -111px 0px;
height: 70px;
width: 47px;
}
.super_style1-white.supernext {
background-position: -461px 0px;
height: 70px;
width: 47px;
}
.super_style2-white.superprev {
background-position: -111px -70px;
height: 70px;
width: 47px;
}
.super_style2-white.supernext {
background-position: -447px -70px;
height: 70px;
width: 47px;
}
.super_style3-white.superprev {
background-position: -111px -140px;
height: 70px;
width: 47px;
}
.super_style3-white.supernext {
background-position: -461px -140px;
height: 70px;
width: 47px;
}
.super_style4-white.superprev {
background-position: -111px -210px;
height: 70px;
width: 47px;
}
.super_style4-white.supernext {
background-position: -461px -210px;
height: 70px;
width: 47px;
}
.super_style5-white.superprev {
background-position: -111px -280px;
height: 70px;
width: 47px;
}
.super_style5-white.supernext {
background-position: -461px -280px;
height: 70px;
width: 47px;
}
.super_style6-white.superprev {
background-position: -111px -350px;
height: 70px;
width: 47px;
}
.super_style6-white.supernext {
background-position: -461px -350px;
height: 70px;
width: 47px;
}
.super_style7-white.superprev {
background-position: -111px -420px;
height: 70px;
width: 47px;
}
.super_style7-white.supernext {
background-position: -461px -420px;
height: 70px;
width: 47px;
}
.super_style8-white.superprev {
background-position: -104px -490px;
height: 70px;
width: 47px;
}
.super_style8-white.supernext {
background-position: -477px -490px;
height: 70px;
width: 47px;
}
.super_style1-black.superprev {
background-position: -597px 0px;
height: 70px;
width: 47px;
}
.super_style1-black.supernext {
background-position: -947px 0px;
height: 70px;
width: 47px;
}
.super_style2-black.superprev {
background-position: -597px -70px;
height: 70px;
width: 47px;
}
.super_style2-black.supernext {
background-position: -932px -70px;
height: 70px;
width: 47px;
}
.super_style3-black.superprev {
background-position: -597px -140px;
height: 70px;
width: 47px;
}
.super_style3-black.supernext {
background-position: -947px -140px;
height: 70px;
width: 47px;
}
.super_style4-black.superprev {
background-position: -597px -210px;
height: 70px;
width: 47px;
}
.super_style4-black.supernext {
background-position: -947px -210px;
height: 70px;
width: 47px;
}
.super_style5-black.superprev {
background-position: -597px -280px;
height: 70px;
width: 47px;
}
.super_style5-black.supernext {
background-position: -947px -280px;
height: 70px;
width: 47px;
}
.super_style6-black.superprev {
background-position: -597px -350px;
height: 70px;
width: 47px;
}
.super_style6-black.supernext {
background-position: -947px -350px;
height: 70px;
width: 47px;
}
.super_style7-black.superprev {
background-position: -597px -420px;
height: 70px;
width: 47px;
}
.super_style7-black.supernext {
background-position: -947px -420px;
height: 70px;
width: 47px;
}
.super_style8-black.superprev {
background-position: -591px -490px;
height: 70px;
width: 47px;
}
.super_style8-black.supernext {
background-position: -961px -490px;
height: 70px;
width: 47px;
}
.super_style1-white-small.superprev {
background-position: -1066px -12px;
height: 42px;
width: 30px;
}
.super_style1-white-small.supernext {
background-position: -1423px -12px;
height: 42px;
width: 30px;
}
.super_style2-white-small.superprev {
background-position: -1066px -57px;
height: 42px;
width: 30px;
}
.super_style2-white-small.supernext {
background-position: -1407px -57px;
height: 42px;
width: 30px;
}
.super_style3-white-small.superprev {
background-position: -1063px -100px;
height: 42px;
width: 30px;
}
.super_style3-white-small.supernext {
background-position: -1423px -100px;
height: 42px;
width: 30px;
}
.super_style4-white-small.superprev {
background-position: -1063px -151px;
height: 42px;
width: 30px;
}
.super_style4-white-small.supernext {
background-position: -1419px -151px;
height: 42px;
width: 30px;
}
.super_style5-white-small.superprev {
background-position: -1062px -200px;
height: 42px;
width: 30px;
}
.super_style5-white-small.supernext {
background-position: -1419px -200px;
height: 42px;
width: 30px;
}
.super_style6-white-small.superprev {
background-position: -1062px -243px;
height: 42px;
width: 30px;
}
.super_style6-white-small.supernext {
background-position: -1419px -243px;
height: 42px;
width: 30px;
}
.super_style7-white-small.superprev {
background-position: -1065px -283px;
height: 42px;
width: 30px;
}
.super_style7-white-small.supernext {
background-position: -1422px -283px;
height: 42px;
width: 30px;
}
.super_style8-white-small.superprev {
background-position: -1067px -337px;
height: 42px;
width: 30px;
}
.super_style8-white-small.supernext {
background-position: -1415px -337px;
height: 42px;
width: 30px;
}
.super_style1-black-small.superprev {
background-position: -1066px -411px;
height: 42px;
width: 30px;
}
.super_style1-black-small.supernext {
background-position: -1423px -411px;
height: 42px;
width: 30px;
}
.super_style2-black-small.superprev {
background-position: -1066px -456px;
height: 42px;
width: 30px;
}
.super_style2-black-small.supernext {
background-position: -1407px -456px;
height: 42px;
width: 30px;
}
.super_style3-black-small.superprev {
background-position: -1065px -499px;
height: 42px;
width: 30px;
}
.super_style3-black-small.supernext {
background-position: -1422px -499px;
height: 42px;
width: 30px;
}
.super_style4-black-small.superprev {
background-position: -1065px -552px;
height: 42px;
width: 30px;
}
.super_style4-black-small.supernext {
background-position: -1417px -552px;
height: 42px;
width: 30px;
}
.super_style5-black-small.superprev {
background-position: -1065px -600px;
height: 42px;
width: 30px;
}
.super_style5-black-small.supernext {
background-position: -1416px -600px;
height: 42px;
width: 30px;
}
.super_style6-black-small.superprev {
background-position: -1065px -642px;
height: 42px;
width: 30px;
}
.super_style6-black-small.supernext {
background-position: -1417px -642px;
height: 42px;
width: 30px;
}
.super_style7-black-small.superprev {
background-position: -1065px -685px;
height: 42px;
width: 30px;
}
.super_style7-black-small.supernext {
background-position: -1422px -685px;
height: 42px;
width: 30px;
}
.super_style8-black-small.superprev {
background-position: -1067px -737px;
height: 42px;
width: 30px;
}
.super_style8-black-small.supernext {
background-position: -1416px -737px;
height: 42px;
width: 30px;
} .supercrsl .pagination {
text-align: center;
display: block!important;
}
.supercrsl .pagination a {
line-height: normal;
box-shadow: none;
border-width: 0px;
padding: 0px;
background: url(//can-aupair.de/wp-content/plugins/supercarousel/public/images/miscellaneous_sprite.svg) 0 -300px no-repeat transparent;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
display: inline-block!important;
cursor: pointer;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.supercrsl .pagination a.selected, .supercrsl .pagination a:hover {
cursor: default;
background: url(//can-aupair.de/wp-content/plugins/supercarousel/public/images/miscellaneous_sprite.svg) no-repeat scroll -25px -300px rgba(0, 0, 0, 0);
box-shadow: none;
border-width: 0px;
cursor: pointer;
}
.supercrsl .pagination a span {
display: none;
}
.cs-preview-element-wrapper .cs_supercarousel {
padding: 10px;
}