/* Allgemein */

img {
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.tid12 main {
	margin-top: 0;
}

.default .wrapper {	
	position: relative;
}

section.karriereFullpage {
	min-height: 100vh;
	position: relative;
}

section.karriereFullpage .image-container {
	position: absolute !important;
}

.scrollDown {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 40px;
	z-index: 999;
}
.scrollDown a {
	display: inline-block;
}
.scrollDown a img {
	width: 40px;
}

#karriereHeadline {
	top: 3rem;
	position: absolute;
	right: 4rem;
	z-index: 99;
}
#karriereHeadline h1 {
	text-transform: uppercase;
	font-size: 145%;
	letter-spacing: 1px;
}

/* Signet Logo */

.signet {
	display: block;
	position: absolute;
	z-index: 80;
	left: -12rem;
	top: 4rem;
}

/* Slider */

.slides.slidesKarriere {
	height: auto;
	min-height: 100vh;
}
.slides.slidesKarriere .slide {
    position: relative;
	height: auto;
	min-height: 100vh;
}

.slides.slidesKarriere .slide .wrapper {
    position: relative;
    z-index: 1;
    top: auto;
	min-height: 100vh;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    opacity: 0;
    -webkit-transition: .5s .8s;
    transition: .5s .8s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.slides.slidesKarriere .slide.active .wrapper {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.slides.slidesKarriere .slide .slideImg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1
}

.slides.slidesKarriere .slide .sprechblase {
    min-height: 700px;
}


.slides.slidesKarriere .slide :not(.slideImg) {
	/*position: relative;
	z-index: auto;
	left: auto;
	top: auto;
	width: auto;
	max-width: 100%;
	height: auto;
	-o-object-fit: initial;
	object-fit: initial;
	opacity: 1;*/
}

.js .slides.slidesKarriere {
    opacity: 0;
    -webkit-transition: opacity .8s .2s;
    transition: opacity .8s .2s
}
.js.ready .slides.slidesKarriere {
    opacity: 1
}

.slides.slidesKarriere .slide .nameUndBeruf {
	position: absolute;
	right: 0;
	bottom: 105px;
}
.slides.slidesKarriere .slide .nameUndBeruf .name {
	color: white;
	background-color: #E72D39;
	padding: 6px 10px 8px 10px;
	font-size: 27px;
	text-transform: uppercase;
	margin: 0;
	display: inline-block;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: 1px;
}

.slides.slidesKarriere .slide .nameUndBeruf .beruf {
	color: #AAA49F;
	background-color: white;
	padding: 8px 10px;
	font-size: 19px;
	margin: 0;
	display: inline-block;
	line-height: 1em;
	font-weight: bold;
	margin-left: 13px;
}
.slides.slidesKarriere .moreLink {
	position: absolute;
	bottom: 205px;
}
.slides.slidesKarriere .pagination {
	bottom: 330px;
}
.slides.slidesKarriere .pagination a {
	display: block;
	float: left;
	margin-bottom: 5px;
	transition: border-bottom-width 0.15s ease 0s;
}
.slides.slidesKarriere .pagination a:hover {
	border-bottom-width: 4px;
}
.slides.slidesKarriere .pagination a:nth-child(7) {
	clear: left;
}

.slides .slides-wrapper[data-index='10'] {
    -webkit-transform: translate3d(-1000%, 0, 0);
    transform: translate3d(-1000%, 0, 0)
}
.slides .slides-wrapper[data-index='11'] {
    -webkit-transform: translate3d(-1100%, 0, 0);
    transform: translate3d(-1100%, 0, 0)
}

/* sectionAtmo */

.renoimnorden {
	position: absolute;
	top: 130px;
}
.renoimnorden img {
	margin-left: auto;
	max-width: 120px;
	transition: all 0.2s ease;
}
.renoimnorden:hover img {
	transform: scale(1.1) rotate(14deg);
}

.karriereText h4 {
	color: #e61e3a;
	margin-bottom: 0.6rem;
	margin-top: 2rem;
}
.karriereText p:last-child {
	margin-top: 2rem;
}

/* sectionWerte */ 

.stageWrap {
	height: 830px;
	overflow: hidden;
	position: relative;
}

.stage {
	/*background-color: red;*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.stage > * {
	position: absolute;
	cursor: pointer;
}
.stage > * > img.aufloesung {
	opacity: 0 !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	max-width: none !important;
	transition: all 0.3s ease 0s;
}
.stage > *:hover img.aufloesung {
	opacity: 1 !important;
}

	.stage .w1 { top: 0; left: 10px; z-index: 99; }		/* Unsere Werte */
	.stage .w2 { top: 245px; left: 10px; }				/* Engagement */
	.stage .w3 { top: 50px; left: 440px; }				/* Familienfreundlichkeit */
	.stage .w4 { top: 510px; left: 0; }					/* Indi. Förderung */
	.stage .w5 { top: 435px; right: 120px; }			/* Kommunikation */
	.stage .w6 { top: 275px; left: 450px; }				/* Miteinander */
	.stage .w7 { bottom: 45px; right: 0; }				/* Offenes Büro */
	.stage .w8 { top: 70px; left: 180px; }				/* Respekt */
	.stage .w9 { top: 400px; left: 220px; }				/* Vertrauen */

.werteWrapper {
	height: auto;
	position: relative;
	min-height: 100vh;
}
.werteWrapper .wrapper {
	position: relative;
	z-index: 1;
	top: auto;
	min-height: 100vh;
	opacity: 1;
}
.werteWrapper .slideImg {
    position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 1;
}

/* sectionStellenangebote / Accordion */

section#sectionStellenangebote .image-container {
	height: 100vh;
}

ul#accordion {
	list-style-type: none;
}
ul#accordion li {
	list-style-type: none;
	margin-bottom: 1rem;
	margin-left: 1.5rem;
}
ul#accordion li::before {
	content: '∨';
	transform: scale(2, 1);
	left: -1.5rem;
}
.js-Accordion-title {
  cursor: pointer;
  display: block;
  width: 100%;
  color: #3d3934;
  font-family: NovelPro,Times New Roman,serif;
}
.js-Accordion-title:hover {
	color: #e61e3a;
}
.js-Accordion-content {
  height: 0;
  overflow: hidden;
  transition: all .25s linear;
}
.js-Accordion-content p:first-child {
  padding-top: 20px;
}
.karriere-beschreibung {
	padding-left: 30px;
}

.karriere-head {
	font-size: 1.7em;
}

.karriere-beruf {
	display: flex; 
	justify-content: space-between;
}


/* Initiativ-Bewerbung Button */

.karriere-symbol {
	color: white; 
	background-color: #e61e3a; 
	width: fit-content; 
	padding: 0; 
	position: fixed; 
	right: 0;
	bottom: 50px;
	transition: all 0.3s ease 0s;
	margin-right: 0px;
	z-index: 999;
}
	.karriere-symbol a {
		display: block;
		padding: 8px 8px 7px 8px;
	}
		.karriere-symbol a > div {
			display: flex;
		}
			.karriere-symbol img {
				width: 35px;
			}
			.karriere-symbol span {
				margin-top: 2px;
				padding-left: 10px;
				text-transform: uppercase;
			}

/* sectionStoerer */
.karriere-stoerer {
	background-color: #E62D39;
}
.fr-maxw-560 {
	max-width: 560px;
}

/* Jobs Liste + Details */
/* siehe theme.scss */

/* RESPONSIVE */

@media screen and (max-height:320px) {
}

@media screen and (max-width:320px) {
	.slides.slidesKarriere .moreLink {
		display: none;
	}
	#karriereHeadline h1 {
		font-size: 125%;
	}
}
@media screen and (max-width:375px) {
	
}
@media screen and (max-width:667px) {
	
	.karriere-symbol {
		right: 0; 
		bottom: 0;
		margin-right: 0;
		width: 100%;
	}
	
	#karriereHeadline {
		top: 7rem;
		right: 2rem;
	}
	
	.slides.slidesKarriere .slide .sprechblase {
		min-height: 395px;
	}
	.slides.slidesKarriere .slide .sprechblase img {
		max-height: 200px;
		max-width: 100%;
	}
	
	.slides.slidesKarriere .slide .nameUndBeruf {
		bottom: 95px;
	}
	.slides.slidesKarriere .slide .nameUndBeruf .name {
		font-size: 16px;
	}
	.slides.slidesKarriere .slide .nameUndBeruf .beruf {
		font-size: 13px;
	}
	
	.default .wrapper {
		padding: 10rem 0;
	}
	
	section#sectionAtmo .wrapper {
		padding: 3rem 0 8rem;
	}
	section#sectionAtmo .slides {
		display: none;
	}
	section#sectionAtmo .wrapper {
		padding-top: 8rem;
	}
	section#sectionAtmo .renoimnorden {
		top: 0;
	}
	
	section#sectionWerte .wrapper {
		padding: 3rem 0 8rem;
	}
	
	.stageWrap {
		height: auto;
	}
	
	.stageWrap .stage img {
		max-width: 100%;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.stage {
		position: relative;
		text-align: center;
	}
	.stage > * {
		position: relative;
		display: inline-block;
	}
	.stage > * > img.aufloesung {
		max-width: 100% !important;
		width: auto;
		z-index: 999;
	}

	.stage .w1 { top: auto; left: auto; z-index: 99; }	/* Unsere Werte */
	.stage .w2 { top: auto; left: auto; }				/* Engagement */
	.stage .w3 { top: auto; left: auto; }				/* Familienfreundlichkeit */
	.stage .w4 { top: auto; left: auto; }				/* Indi. Förderung */
	.stage .w5 { top: auto; left: auto; right: auto }	/* Kommunikation */
	.stage .w6 { top: auto; left: auto; right: auto; }	/* Miteinander */
	.stage .w7 { top: auto; right: auto; bottom: auto }	/* Offenes Büro */
	.stage .w8 { top: auto; left: auto; }				/* Respekt */
	.stage .w9 { top: auto; left: auto; }				/* Vertrauen */
	
	section#sectionStellenangebote.karriereFullpage .image-container {
		position: relative !important;
		height: 40vh;
	}
	section#sectionStellenangebote .image-container .alignright img {
		opacity: 0.25;
	}
	section#sectionStellenangebote .wrapper {
		padding: 3rem 0 5rem;
	}
	
	.signet {
		display: none;
	}
	
}
@media screen and (max-width:768px) {
	
}
@media screen and (max-width:1024px) {

}

@media (min-width: 321px) and (max-width: 1024px) {

}

@media (min-width: 668px) and (max-width: 1024px) {

	.renoimnorden img {
		margin-right: 60px;
	}

	.karriere-symbol {
		right: 0; 
		bottom: 0;
		margin-right: 0;
	}

	#karriereHeadline {
		top: 9rem;
		right: 4rem;
	}
	
	.slides.slidesKarriere .slide .sprechblase {
		min-height: 500px;
	}
	.slides.slidesKarriere .slide .sprechblase img {
		max-height: 300px;
	}
	
	.slides.slidesKarriere .slide .nameUndBeruf {
		bottom: 95px;
	}
	.slides.slidesKarriere .slide .nameUndBeruf .name {
		font-size: 22px;
	}
	.slides.slidesKarriere .slide .nameUndBeruf .beruf {
		font-size: 16px;
	}
	
	.default .wrapper {
		padding: 10rem 0;
	}
	
	section#sectionAtmo .slides {
		display: none;
	}
	
	.stageWrap {
		height: 980px;
	}

	.stage .w1 { top: 0; left: 10px; z-index: 99; }		/* Unsere Werte */
	.stage .w2 { top: 270px; left: 10px; }				/* Engagement */
	.stage .w3 { top: 50px; left: 250px; }				/* Familienfreundlichkeit */
	.stage .w4 { top: 585px; left: 0; }					/* Indi. Förderung */
	.stage .w5 { top: 775px; left: 135px; right: auto }	/* Kommunikation */
	.stage .w6 { top: 275px; left: auto; right: 0px; }	/* Miteinander */
	.stage .w7 { top: 595px; right: 0; bottom: auto }	/* Offenes Büro */
	.stage .w8 { top: 80px; left: 25px; }				/* Respekt */
	.stage .w9 { top: 444px; left: 220px; }				/* Vertrauen */
	
	section#sectionStellenangebote .image-container .alignright img {
		opacity: 0.25;
	}
}


@media (min-width: 668px) and (max-width: 1339px) {
	.signet {
		left: auto;
		right: 0.2rem;
		top: 4rem;
	}
}
@media (min-width: 1340px) and (max-width: 1680px) {
	.signet {
		left: -6rem;
		top: 4rem;
	}
}