
.mod_rocksolid_slider {
	max-width: 2560px;
	margin: 0 auto;
	position:relative;
}
[data-rsts-slide-class="rs-bg"] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0 !important;
}
.rs-content {
	background:url(../../../theme-jedele/slider-bg-rot.png);
	background-repeat:no-repeat;
	background-size:cover;
	padding: 1em 1em 1em 3em;
	position: absolute !important;
	margin:0em !important;
	color:#ffffff;
	width:100%;
	bottom: 0em;
	left: 0;
	right: 0;
}

.rs-content-inner.arrow-white::before {
	position: absolute;
	content: url("../../../theme-jedele/arrow-white.svg");
}

.mod_rocksolid_slider p.headline {
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
}
.rs-content-inner.arrow-white p.headline::before {
	position: absolute;
	content: url("../../../theme-jedele/arrow-white.svg");
}

.mod_rocksolid_slider p.subline {
	margin-bottom:0em;
	color:#ffffff;
	font-weight:lighter;
	text-transform:uppercase;
}

.rsts-skin-light .rsts-view {border:none;}
.rsts-skin-liquid .rsts-nav-bullets a:hover, .rsts-skin-liquid .rsts-nav-bullets a.active {
	
}
li.rsts-nav-item, li.rsts-nav-prev {
    display: inline-block;
    margin: 0.25em;
}
.rsts-nav.rsts-nav-bullets {
    position: absolute;
}
.rsts-nav-bullets ul {
    display: flex;
    align-items: center;
	margin:0;
	padding:0;
}
.rsts-nav-bullets ul li {
	width: 15px;
	height: 15px;
}
.video-karriere {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.video-karriere video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Das Video-Container-Div soll die volle Breite des Elternelements einnehmen */
.responsive-video {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

/* Das Video soll die volle Breite und Höhe des Containers einnehmen */
.responsive-video video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Das Video wird das gesamte Container-Feld ausfüllen */
}



li.rsts-nav-item a {
    display: block;
	background: #b9babb;
	font-size:0em;
	
}
li.rsts-nav-item a.active {
    background: #e30613;
}
li.rsts-nav-prev, li.rsts-nav-next {
    display:none;
}

li.rsts-nav-prev a::before {
	content: url(../../../theme-jedele/prev.svg);
	display:flex;
}
li.rsts-nav-next a::before {
	content: url(../../../theme-jedele/next.svg);
	display:flex;
}
.rsts-slide video {
    object-fit: contain;
    aspect-ratio: 1/1;
}
.rs-bg p.subline {
	margin-top: 10px;
}


@media (max-width:320px) {
	.slider-hoch {
		height: 55vh;
	}
	.slider-flach {
		height:20vh;
	}
	.rsts-nav {display:none;}

	.rs-bg p.headline {
		font-size: 0.75em;
		margin: 0em;
	}
	.rs-bg {
		width:100vw;
	}
	.rs-text {
		padding-left: 15px;
	}
	.rs-content-inner.arrow-white::before {
		transform: scale(0.33);
		left: -35px;
		top: -15px;
		display:none;
	}
	.rs-bg p.headline {
		font-size: 0.85em;
		margin: 0em;
	}
	.rs-bg p.subline {
		font-size:0.65em;
	}
	.rs-bg a.button {
		padding:0.5em;
		font-size:0.85em;
		line-height:initial;
	}
	.rsts-nav.rsts-nav-bullets {
		scale: 0.75;
		bottom: 1em;
		right: 1em;
	}
	li.rsts-nav-prev a::before, li.rsts-nav-next a::before, li.rsts-nav-item a  {
		width: 15px;
		height: 15px;
	}

	li.rsts-nav-prev a::before, li.rsts-nav-next a::before {
		max-width: 25px;
		max-height: 25px;
		scale: 0.5;
	}
	.rs-content-inner.arrow-white p.headline::before {
		transform: scale(0.33);
		left: 0px;
		top: -12px;
	}
}

@media (min-width:321px) and (max-width:575px) {
	.slider-hoch {
		height: 45vh;
	}
	.slider-flach {
		height:33vh;
	}
	.rs-bg {
		width:100vw;
	}
	.rs-text {
		padding-left: 15px;
	}
	.rs-content-inner.arrow-white::before {
		transform: scale(0.5);
		left: -50px;
		top: -15px;
	}
	.rs-bg p.headline {
		font-size: 0.85em;
		margin: 0em;
	}
	.rs-bg p.subline {
		font-size:0.65em;
	}
	.rs-bg a.button {
		padding:0.5em;
		font-size:0.85em;
		line-height:initial;
	}
	.rsts-nav.rsts-nav-bullets {
		scale: 0.75;
		bottom: 1em;
		right: 1em;
	}
	li.rsts-nav-prev a::before, li.rsts-nav-next a::before, li.rsts-nav-item a  {
		width: 15px;
		height: 15px;
	}

	li.rsts-nav-prev a::before, li.rsts-nav-next a::before {
		max-width: 25px;
		max-height: 25px;
		scale: 0.5;
	}
	.rs-content-inner.arrow-white p.headline::before {
		transform: scale(0.33);
		left: 0px;
		top: 0px;
	}
}

@media (min-width:576px) and (max-width:767px) {
	.slider-hoch {
		height: 65vh;
	}
	.slider-flach {
		height:33vh;
	}
	.rs-bg {
		width:100vw;
	}
	.rs-text {
		padding-left: 60px;
	}
	.rs-content-inner.arrow-white::before {
		transform: scale(0.75);
		left: -10px;
		top: -10px;
		display:none;
	}
	.rs-bg p.headline {
		font-size: 0.85em;
		margin: 0em;
	}
	.rs-bg a.button {
		padding:0.5em;
		font-size:0.85em;
		line-height:initial;
	}
	.rsts-nav.rsts-nav-bullets {
		scale: 0.75;
		bottom: 1em;
		right: 1em;
	}
	li.rsts-nav-item a  {
		width: 15px;
		height: 15px;
	}

	li.rsts-nav-prev a::before, li.rsts-nav-next a::before {
		max-width: 25px;
		max-height: 25px;
		scale: 0.5;
	}
	.rs-content-inner.arrow-white p.headline::before {
		transform: scale(0.75);
		left: 1em;
		top: 1em;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.slider-hoch {
		height: 55vh;
	}
	.slider-flach {
		height:600px;
	}
	.rs-bg {
	}
	.rs-text {
		padding-left: 60px;
	}
	.rs-content-inner.arrow-white::before {
		transform: scale(0.75);
		left: -10px;
		top: -10px;
		display:none;
	}
	.rs-bild {
		width:40px;
		border-right: solid 1px #000000;
	}
	.rs-content {
	}
	.rs-bg p.headline {
		font-size: 0.85em;
		margin: 0em;
	}
	.rs-bg p.subline {
	}
	.rs-bg a.button {
		padding:0.5em;
	}
	.rsts-nav.rsts-nav-bullets {
		bottom: 3em;
		right: 4em;
	}
	li.rsts-nav-item a  {
		width: 15px;
		height: 15px;
	}

	li.rsts-nav-prev a::before, li.rsts-nav-next a::before {
		max-width: 25px;
		max-height: 25px;
		scale: 0.5;
	}
	.rs-content-inner.arrow-white p.headline::before {
		transform: scale(0.75);
		left: 1em;
		top: 1em;
	}

}

@media (min-width:992px) and (max-width:1199px) {
	.slider-hoch {
		height: 65vh;
	}
	.slider-flach {
		height:600px;
	}
	.rs-bg {
	}
	.rs-text {
		padding-left: 60px;
	}
	.rs-content-inner.arrow-white::before {
		transform: scale(0.75);
		left: -10px;
		top: -10px;
		display:none;
	}
	.rs-bild {
		width:40px;
		border-right: solid 1px #000000;
	}
	.rs-content {
	}
	.rs-bg p.headline {
		font-size: 1.2em;
		margin: 0em;
	}
	.rs-bg p.subline {
	}
	.rs-bg a.button {
		padding:0.5em;
	}
	.rsts-nav.rsts-nav-bullets {
		bottom: 3em;
		right: 4em;
	}
	li.rsts-nav-item a  {
		width: 15px;
		height: 15px;
	}

	li.rsts-nav-prev a::before, li.rsts-nav-next a::before {
		max-width: 25px;
		max-height: 25px;
		scale: 0.5;
	}
	.rs-content-inner.arrow-white p.headline::before {
		transform: scale(0.75);
		left: 1em;
		top: 1em;
	}

}
@media (min-width:1200px) and (max-width:1399px) {
	.slider-hoch {
		height: 75vh;
	}
	.slider-flach {
		height:600px;
	}
	.rs-bg {
	}
	.rs-text {
		padding-left: 100px;
	}
	.rs-content-inner.arrow-white::before {
		transform: scale(1);
		left: 0px;
		top: 0px;
		display:none;
	}

	.rs-bild {
		width:40px;
		border-right: solid 1px #000000;
	}
	.rs-content {
		
	}
	.rs-bg p.headline {
		font-size: 1.6em;
		margin: 0em;
	}
	.rs-bg p.subline {
		font-size: 1.4em;
	}
	.rs-bg a.button {
		padding:0.5em;
	}
	.rsts-nav.rsts-nav-bullets {
		bottom: 3em;
		right: 4em;
	}
	li.rsts-nav-item a  {
		width: 15px;
		height: 15px;
	}

	li.rsts-nav-prev a::before, li.rsts-nav-next a::before {
		max-width: 25px;
		max-height: 25px;
		scale: 0.5;
	}
	.rs-content-inner.arrow-white p.headline::before {
		transform: scale(0.75);
		left: 2em;
		top: 1em;
	}

}
@media (min-width:1400px) {
	.slider-hoch {
		height: 75vh;
	}
	.slider-flach {
		height:50vh;
	}
	.rs-content-inner.arrow-white {
		max-width: 1200px;
		margin: 0 auto;
	}

	.rs-text {
		padding-left: 75px;
		position: relative;
	}
	.rs-content-inner.arrow-white::before {
		display:none;
	}
	.rs-content {
		padding: 1em 1em 1em 1em;
	}
	.rs-bild {
		width:80px;
		border-right: solid 1px #000000;
	}
	.rs-bg p.headline {
		font-size: 1.8em;
		margin: 0em;
	}
	.rs-bg p.subline {
		font-size: 1.5em;
		margin-top:0.5em;
	}
	.rs-bg a.button {
		padding: 0.5em;
		margin: 0em 0em 0em 0em;
		font-size: 0.75em;
	}
	.rsts-nav.rsts-nav-bullets {
		bottom: 3em;
		right: 4em;
	}
	li.rsts-nav-item a  {
		width: 15px;
		height: 15px;
	}

	li.rsts-nav-prev a::before, li.rsts-nav-next a::before {
		max-width: 25px;
		max-height: 25px;
		scale: 0.5;
	}
	.rs-content-inner.arrow-white p.headline::before {
		transform: scale(0.75);
		left: -15px;
		top: 1em;
	}

}