@charset "utf-8";
/* CSS Document */

.mediasliderbox.w4.flexbox.component {
    margin-left: calc(-1 * var(--mainrect-left));
    width: calc(var(--body-width));
    background: transparent;
}
.mediasliderbox.w4.flexbox.component:before,
.mediasliderbox.w4.flexbox.component:after {
   display: none;
}
.mediasliderbox .mediaels {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.mediasliderbox .slidermediabox {
    min-width: 80%;
    max-width: 80%;
    margin-right: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* line-height: 0px; */
    background: white;
    transform: scale(0.999);
}
body[col-count="1"] .mediasliderbox .slidermediabox {
    min-width: 100%;
    max-width: 100%;
}
body[col-count="1"] .mediasliderbox .slidermediabox img, body[col-count="1"] .mediasliderbox .slidermediabox video{
	width: 100%;
	--c-height: 60vh;
	height: var(--c-height);
	max-height: var(--c-height);
}
.mediasliderbox .slidermediabox:not([is-pseudo]) {
	scroll-snap-align: center;
	scroll-snap-stop: always;
}
.mediasliderbox .slidermediabox:nth-child(3), .mediasliderbox .slidermediabox:nth-last-child(3) {
    scroll-snap-stop: always;
}

.mediasliderbox .slidermediabox[is-pseudo-inner] {
   /* opacity: 0.4; */
}
.mediasliderbox .slidermediabox .mediacont{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.mediasliderbox .slidermediabox img,
.mediasliderbox .slidermediabox video{
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 60vh;
    max-height: 80vw;
    object-fit: cover;
    object-position: 50% 20%;
}
.mediasliderbox .linkoverlay{
	position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: none;
}
.mediasliderbox .slidermediabox[is-current-viewed] .linkoverlay{
	display: block
}
.mediasliderbox .dreiklang {
	position: absolute;
	top: 1rem;
	left: 1rem;
	margin-top: -4px;
	font-family: 'Girott Regular', sans-serif;
	font-size: 3em;
	line-height: 0.85em;
	font-weight: 400;
	text-transform: uppercase;
	max-width: 5em;
	min-width: 5em;
	padding-top: var(--box-typo-padding-top);
	pointer-events: none;
	color: white;
}
body[col-count="1"] .mediasliderbox .dreiklang {
   font-size: 2em;
}
.mediasliderbox .bottombar {
	/* background:white; */
	font-size: 1.5rem;
	line-height: 1.1em;
	padding: 1rem;
	padding-bottom: 0.5rem;
	margin-bottom: auto;
	margin-bottom: -0.5em;
	text-align: justify;
	/* height: 100%; */
	width: 100%;
}
body[col-count="1"] .mediasliderbox .bottombar {
    font-size: 1rem;
    line-height: var(--line-height);
    padding-top: 0.5rem;
    padding-bottom: 0.1rem;
}
.mediasliderbox .bottombar:after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 0.1px;
}
.mediasliderbox .bottombar > div {
	display: inline-block !important;
	text-align: left;
}
.mediasliderbox .bottombar .sliderheadline{
	/* margin-bottom: 0.5rem; */
	margin-right: 0.5rem;
}
.mediasliderbox .bottombar .sliderbutton{
	white-space: nowrap;
	margin-right: 0;
	margin-left: auto;
	/* margin-bottom: 0.5rem; */
	color: #848484;
}
.mediasliderbox .bottombar .sliderbutton > div{
	display: inline-block;
}
.mediasliderbox .bottombar .sliderbuttontext{
    margin-top: auto;
    margin-bottom: auto;
}
.mediasliderbox .bottombar .sliderbuttonarrowicon{
	width: 0.72em;
	height: 0.72em;
	-webkit-mask-image: var(--lsf-icon-sliderbuttonarrow);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-image: var(--lsf-icon-sliderbuttonarrow);
	mask-size: contain;
	mask-repeat: no-repeat;
	background: #848484;
	margin-left: 0.25em;
	margin-top: auto;
	margin-bottom: auto;
}
.mediasliderbox .mediaelswrapper {
	width: calc(var(--body-width));
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
}
.mediasliderbox .mediaelswrapper::-webkit-scrollbar {
  display: none;
}
.mediasliderbox .mediaelswrapper {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.mediasliderbox .digitalstagemediatypeiconbox {
    top: 1rem;
    right: 1rem;
}
.mediasliderbox .dots {
    margin-top: 1rem;
    margin-bottom: 4rem;
    text-align: center;
}
.mediasliderbox .dots .dot{
	height: 1rem;
	width: 1rem;
	display: inline-block;
	margin-left: 0.25rem;
    margin-right: 0.25rem;
	cursor: pointer;
}
.mediasliderbox .dots .dot:after {
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    transform: scale(0.5);
    background: #8B8B8B;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    transition: background 0.3s;
}
.mediasliderbox .dots .dot[is-current]:after {
    background: #000000;
}