/* Main Settings */

:root {
  --antrazit: #707070;
  --rot: #E63811;
  --hellblau: #DBF8FF;
  --gruen: #CFEDD4;	
  --rosa: #F0E5E2;	
  --lachs: #FF9982;	
  --gelb: #FFEBC4;	
  --braun: #574630;	
  --beige: #FBF6F1;	
--weiss:#ffffff;
--kekse-mobile:0.3;
	
	--main-menu-height: 100px;
}




.otgs-development-site-front-end{
	
display:none
	
}

    
.wrapper{
	
	overflow-x:hidden;
	
}



h1, h2{
	
	  font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal; 
		font-size:140px
	
}



video{
	
	aspect-ratio: 16 / 9;
	width:100%;
	
}

h1 span, h2 span{
	
	display:block;
	margin-left:180px; 
	
}

article{
	
	position:relative;
	display:flex;
	justify-content:center;
	padding:100px 0px;
}



p{
	
	   font-family: 'Frutiger LT Std';
    font-weight: normal;
    font-style: normal; 
	font-size:18px;
	line-height:2;
	margin-top:20px;
	
}
 
.text-bold{
	
	font-weight:bold;
	font-size:32px;
	margin-bottom:-25px;
	
}

.font-red{
	color:var(--rot);
}
.font-grey{
	color:var(--antrazit);
}
.text-grey{
	color:var(--antrazit);
}

.bg-blue{
	background-color:var(--hellblau);
}
.bg-green{
	background-color:var(--gruen);
}
.bg-pink{
	background-color:var(--rosa);
}
.bg-lachs{
	background-color:var(--lachs);
}
.bg-yellow{
	background-color:var(--gelb);
}
.bg-brown{
	background-color:var(--braun);
}
.bg-beige{
	background-color:var(--beige);
}

.text-end{
	text-align:right;
}
.text-start{
		text-align:left;
}
text-center{
		text-align:center;
}

main{
	
	padding-top:var(--main-menu-height)
	
}

.margin-top50{
	
	margin-top:50px;
	
}

.cimage-main{
	
	position:absolute;
	
}

.padding-top200{
	
	padding-top:200px;
	
}

.padding-top50{
	
	padding-top:50px; 
	
}

.padding-top150{
	
	padding-top:150px;
	 
}

.padding-bottom200{
	
	padding-bottom:200px;
	
}
 
.padding-bottom400{
	
	padding-bottom:400px;
	
}

.padding-bottom150{ 
	
	padding-bottom:150px;
	
}

.padding-bottom50{ 
	
	padding-bottom:50px;
	
}


/* #################################################################################################### */
/* Block classes */
/* #################################################################################################### */
.color-red {
    color: var(--color-parlasca-red);
}



/* #################################################################################################### */
/* Simple page */
/* #################################################################################################### */
.content-simple-page h1 {
    margin-top: 3rem;
    margin-bottom: 3rem;
    color: var(--rot);
}
.content-simple-page h2 {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--rot);
    font-size: 1rem;
}
.content-simple-page h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--lachs);
    font-size: 1rem;
}

.page-template-page-simple h1{
	
	font-size:80px!important; 
	
}

.page-template-page-simple h2{
	
	line-height:1.5;
	font-family: 'Frutiger LT Std'!important;
  font-weight: bold;
  font-style: normal; 
	font-size:1.2rem;
	
	
}

.page-template-page-simple h3{
	

	line-height:1.5;
	font-family: 'Frutiger LT Std'!important;
    font-weight: bold;
    font-style: normal; 
	font-size:1.2rem;

}

.page-template-page-simple ol{
	
	padding-left:18px;
		font-family: 'Frutiger LT Std'!important;
    font-weight: normal;
    font-style: normal;
	color:var(--antrazit);
	font-size:18px;
	margin-bottom:40px;
	
}

.page-template-page-simple ol li{
	
	margin-bottom:20px;
	
}



.page-template-page-simple{
	
	padding-top:200px;
	
	
}

.page-template-page-simple .content-simple-page{
	
	padding-bottom:300px;
	
	
}

.page-template-page-simple p{
	
	color:var(--antrazit);
	line-height:1.5
		
	
}


/* #################################################################################################### */
/* Header Slider */
/* #################################################################################################### */
#hero_slider {
    width: 100%;
    height: calc(100vh - var(--main-menu-height));
    position: relative;
}
.splide__track {
    width: 100%;
    height: 100%;
}
.splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Slider Pagination */
.splide__pagination {
    bottom: 8vh;
}
.splide__pagination__page {
    background-color: transparent;
    border: 3px solid var(--rot);
    width: 20px;
    height: 20px;
    opacity: 1;
    transform: scale(1);
}
.splide__pagination__page.is-active {
    background-color: var(--rot);
    opacity: 1;
    transform: scale(1);
}



/* #################################################################################################### */
/* Main Menu */
/* #################################################################################################### */
.main-menu {
    height: var(--main-menu-height);
    background-color: var(--beige);
}



/* #################################################################################################### */
/* Header */
/* #################################################################################################### */
.header {
    height: calc(100vh - var(--main-menu-height));
    background-color: #aaccaa;
}

.empty{
	
	display:flex;
	align-items:center;
	
}

.empty img{
	
	width:150px;
	opacity:0;
	transition:0.2s opacity;
	
}

.empty .show-mini{
	
	opacity:1;
}

header .container{
	
	max-width:1480px!important;
	
}


header{
	
	height:var(--main-menu-height);
	z-index:100;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background:var(--rosa);
	
}

.header-grid{
	
display:flex;
justify-content:space-between;
	width:100%;
	
}

.header-grid>*{
	
	flex:1 33.333333%;
	
}

.header-grid .logo{
	
	
	
}

.main-logo{
	
	width:100%;
	position:absolute;
	top:28px;
	background:transparent;
	padding:5px;
	border-radius:16px;
	width:440px;
	left:50%;
	translate: -50% 0%;
	z-index:101
	
}

.menu-outer{
	
	display:flex;
	justify-content:flex-end;
	align-items:center;
	height:100px;
	
	
}

.menu-outer .menu-button-lines{
	
	height:100%;
	width:100%;
	position:relative;
	z-index:1;
	
}

.menu-outer .menu-button-lines .line1{
	
	background:red;
	height:6px;
	width:70%; 
	border-radius:10px;
	rotate: 0deg;
	top:0px;
	left:12px;
	position:absolute;
	transition:0.3s all;
	transform-origin: 0% 100%
}

.menu-outer .menu-button-lines-crossed .line1{
	
	background:red;
	
	width:80%; 
	border-radius:10px;
	rotate: 45deg;
	position:absolute;
	top:0px;
	left:15px;

}


.menu-outer .menu-button-lines .line2{
	
	background:red;
	height:6px;
	width:100%;
	border-radius:10px;
	position:absolute;
	transition:0.3s all;
	top:50%;
	left:5px;
	    translate: 0% -50%;
	transform-origin: 0% 0%;
}


.menu-outer .menu-button-lines-crossed .line2{
	
	border-radius:10px;
	opacity:0;
}


.menu-outer .menu-button-lines .line3{
	
	background:red;
	height:6px;
	width:70%;
	border-radius:10px;
	rotate: 0deg;
	position:absolute;
	transition:0.3s all;
	transform-origin: 0% 100%;
	bottom:0px;
	left:12px;
}


.menu-outer .menu-button-lines-crossed .line3{
	
	width:80%;
	border-radius:10px;
	transform-origin: 0% 100%;
	rotate: -45deg;
	position:absolute;
	bottom:0px;
	left:19px;
}



.menu-outer .menu-button-lines-crossed{
	
	display:flex;
	justify-content:center;
	align-items:center;
	
}








.menu-outer .menu-button{
	 
	width:50px;
	height:34px;
	position:relative;
	cursor:pointer;
}

.menu-outer .menu-box{
	
	position:absolute;
	opacity:0;
	top:0px;
	right:0px;
	background:white;
	display:flex;
	flex-direction:column;
	padding:10px 20px 20px 20px;
	background:rgba(255,255,255,0.9);
	pointer-events:none;
	transition:0.3s all;
}


.menu-outer .menu-box-show{
	
	opacity:1;
	pointer-events:auto;
	
}

.menu-outer .menu-box #primary-menu{
	
	list-style-type:none;
	padding-left:0px;
	margin-top:20px;
	
}

.menu-outer .menu-box #primary-menu li a{
	
	color:var(--red);
	display:block;
	border-top:2px solid var(--rosa);
	padding-right:160px;
	padding-top:3px;
		font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	font-size:32px;
	
}

.menu-outer .menu-box #primary-menu li:last-child a{
	
	border-bottom:2px solid var(--rosa);

}


.wpml-ls-legacy-list-horizontal{
	
	padding:0px;
	
}

.wpml-ls-legacy-list-horizontal li a{
	
	color:var(--red);
	padding:0px;
	margin-left:8px;
		   font-family: 'Frutiger LT Std';
    font-weight: normal;
    font-style: normal; 
	
}

.wpml-ls-legacy-list-horizontal li:first-child a{
	
	margin-left:0px;
	
}

.wpml-ls-legacy-list-horizontal li:last-child a::after{
	
	content: "";
	
}

.wpml-ls-legacy-list-horizontal li a::after{
	
	content: "|";
	margin-left:8px;
	
	
}


/* #################################################################################################### */
/* Footer */
/* #################################################################################################### */
.footer {
    position: relative;
    margin-top: 8px;
}
.footer-border {
    position: absolute;
    left: 0;
    top: -8px;
    width: 100%;
    height: 8px;
    background-image: url('../images/footer-border.png');
    background-repeat: repeat-x;
}
.footer-top {
    background-color: var(--rot);
    color: var(--white);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.footer-bottom {
    background-color: var(--lachs);
    color: var(--weiss);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.footer{
	
	margin-top:0px;
	
}

.footer nav{
	
	width:100%;
	
}

#footer-menu{
	
	list-style-type:none;
	display:flex;
	justify-content:space-between;
	width:100%;
	margin-bottom:0px;
}

#footer-menu li a{
	
		color:white;
}





/* #################################################################################################### */
/* Grid on home page */
/* #################################################################################################### */
.text-indent {
    padding-left: 1.5rem;
    text-indent: -1.5rem;
}








/* #################################################################################################### */
/* Marken Page */
/* #################################################################################################### */




.article .markentext{
	
	font-family: 'Frutiger LT Std'!important;
  font-weight: bold;
  font-style: normal;
	font-size:56px;
	
}

.produktbild img{
	
	position:absolute;
	translate: 0px -300px;
	max-width:600px;
	max-height:850px;
	z-index:1;
	
}


.page-template-page-marken .first-article .produktbild img{
	
	translate: 30px -550px;
	
}

.marke-right .produktbild img{
	
	translate: -90px -300px;
	
}

.marke-left .produktbild img{
	
	translate: 90px -300px;
	
}

.article .markentext p{
	
	margin-top:0px;
	
}


/* #################################################################################################### */
/* Keks Bilder */
/* #################################################################################################### */


.cimage-1{
	
translate:300px -300px;
width:340px;
	
}

.cimage-2{
	
translate:550px -260px;
width:340px;
	z-index:3;
} 

.cimage-3{
	
translate:450px -30px;
width:340px;
	z-index:2;
	
}

.cimage-4{
	
translate:-400px 440px;
width:340px;
	z-index:2;
	transition:rotate 0.3s;
	
}

.cimage-4:hover{
	
rotate:10deg;
	
}


.cimage-5{
	
	translate:-320px -300px;
width:220px;
	z-index:;
 
}

.cimage-6{
	translate:-0px -300px; 
width:220px;
	transition:0.3 scale;
}

.cimage-7{
	translate:320px -300px;
width:220px;
	transition:0.3 scale;
}

.cimage-5, .cimage-6, .cimage-7{
	
	scale:1;
	transition:0.3s scale;
	
}



.cimage-5:hover, .cimage-6:hover, .cimage-7:hover{
	
	scale:1.1
	
}



.cimage-8{
	translate:720px 350px;
	width:850px;
}

.cimage-9{
	translate:590px -20px;
	width:500px;
}

.cimage-10{
	translate:640px -400px;

}

.cimage-11{
	translate:-420px -420px;
	width:560px;
}

.cimage-12{
	translate:-750px 190px;
	width:280px;
}

.cimage-13{
	translate:-340px 300px;
	z-index:1;
	width:280px;
}

.cimage-14{
	translate:-510px 320px;
	z-index:2;
	width:280px;
}

.cimage-15{
	translate:-400px 510px;
	width:280px;
}

.cimage-16, .cimage-17, .cimage-18, .cimage-19{
	
	scale:1;
	transition:0.3s scale;
	
}

.cimage-16:hover, .cimage-17:hover, .cimage-18:hover, .cimage-19:hover{
	
	scale:1.1;
	
}

.cimage-16{
	translate:450px -270px;
		width:320px;
}

.cimage-17{
	translate:450px 100px;
		width:320px;
}

.cimage-18{
	translate:450px 430px;
		width:320px;
}

.cimage-19{
	translate:450px -370px;
	width:320px;
}

.cimage-20, .cimage-20a, .cimage-20b{
	
	scale:1;
	transition:0.3s scale;
	
}


.cimage-20:hover, .cimage-20a:hover, .cimage-20b:hover{
	
	scale:1.1;
	
}

.cimage-20{
	translate:300px -260px;
	width:240px;
	z-index:1; 
}

.cimage-20a{
	translate:410px -230px;
	width:200px;
}

.cimage-20b{
	translate:190px -230px;
	width:200px;
}


.cimage-21{
	translate:-520px -180px;
	width:230px;
}

.cimage-22{
	translate:-700px -30px;
	width:170px;
}

.cimage-23{
	translate:-430px 110px;
	width:290px;
}

.cimage-24{
	translate:430px -160px; 
	width:420px;
}


.cimage-25{
	translate:-690px -430px; 
	width:1200px
}


.cimage-26{
	translate:880px 720px; 
	width:420px;
}


.cimage-27{
	translate:-370px -220px; 
	width:650px;
}

.cimage-28, .cimage-29, .cimage-30{
	
	rotate: 0deg;
	transition:0.6s rotate;
	z-index:1;
	
}

.cimage-28:hover, .cimage-29:hover, .cimage-30:hover{
	
	rotate: 90deg;
	
}

.cimage-28{
	translate:200px 20px; 
	width:400px;
}

.cimage-29{
	translate:400px 140px; 
	width:400px;
}


.cimage-30{
	translate:500px 370px;
	width:400px;
}

.cimage-31, .cimage-32, .cimage-33{
	
	scale:1;
	transition:scale 0.3s;
	
}

.cimage-31:hover, .cimage-32:hover, .cimage-33:hover{
	
	
	scale:1.2;
	
}

.cimage-31{
	translate:-440px -170px;
	width:380px;
	z-index:3; 
}
.cimage-32{
	translate:-550px -120px;
	width:380px;
	z-index:2; 
}
.cimage-33{
	translate:-570px -10px;
	width:380px;
	z-index:1;
}




/* #################################################################################################### */
/* Team Page */
/* #################################################################################################### */





.team-grid{
	
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:30px;
	margin-top:50px;
	 
}


.team-grid .team-member{
	
	aspect-ratio: 16 / 13;
	position:relative;
	
}

.team-grid 
.new-team-member{
	
	aspect-ratio: 16 / 13;
	position:relative;
	background:var(--beige);
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px; 
	
}

.team-grid 
.new-team-member p{
	
font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	color:var(--antrazit);
	font-size:36px;
	line-height:1.3;
	margin-top:0px;
	margin-bottom:0px;
	
	
}

.team-grid 
.team-member h3{
	
font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	line-height:1.3;
	margin-top:0px;
	margin-bottom:0px;
	font-size:26px;
}

.team-grid 
.team-member p{
	
  font-family: 'Frutiger LT Std';
    font-weight: bold;
    font-style: normal; 
	line-height:1;
	margin-top:5px;
	margin-bottom:0px;
	font-size:16px;
	
}

.team-grid 
.new-team-member{
	
	aspect-ratio: 16 / 13;
	position:relative;
	background:var(--beige);
	
}


.team-grid .team-member img{
	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	object-fit:cover;
	
}

.team-grid .team-member .overlay-textbox{
	
	position:absolute;
	padding-top:10px;
	bottom:0px;
	left:0px;
	width:100%;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0.9808298319327731) 0%, rgba(255,255,255,0.5970763305322129) 45%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%);
	opacity:0;
	transition:0.4s all;
	padding:10px;
	height:100%;
	display:flex;
	justify-content:flex-end;
	flex-direction:column;
	
}


.team-grid .team-member:hover .overlay-textbox{
	
	opacity:1;

}





/* #################################################################################################### */
/* Karriere Page */
/* #################################################################################################### */



.stellen-grid{
	
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	gap:40px;
	margin-top:160px;
	
}

.stellen-grid .single-stelle{
	
	aspect-ratio: 16 / 13;
	position:relative;
	background:grey;
	
}

.stellen-grid .single-stelle .overlay-textbox{
	
	position:absolute;
	padding-top:10px;
	bottom:0px;
	left:0px;
	width:100%;
	
}



/* #################################################################################################### */
/* Service Page */
/* #################################################################################################### */




.wpcf7 label{
	
	color:var(--antrazit);
	width:100%;
	
	
}

.wpcf7 input, .wpcf7 select, .wpcf7 textarea{
	
	border:none;
	width:100%;
	
}

.wpcf7 input, .wpcf7 select{
	
	height:65px; 
	
}



.wpcf7 form .row>div p{
	
	margin-bottom:0px;
	margin-top:20px;
	
}

.hinweispflichtfeld{
	
	margin-top:-40px;
	
} 

.wpcf7 input[type=submit]{
	
	background-color:var(--rot); 
	color:white;
	 font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	font-size:40px;
	line-height:1;
	
}

.wpcf7-spinner{
	
	display:none;
	
} 

.wpcf7 .submitfeld p{
	
	margin-bottom:0px;
	margin-top:0px;
	
}

.anfahrt-karte{
	
	width:100%;
	margin-top:100px;
}

.wpcf7-not-valid-tip{
	
	color:var(--rot);
	
}


.new-team-member{
	
	position:relative;
	
}

#footer-menu{
	
	padding-left:15px;
	
}

.stellen-grid .gelb a{
	
	background:var(--gelb);
	color:var(--antrazit);
	
}

.play-button{
	
	width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 50px 0 50px 86.6px;
border-color: transparent transparent transparent white;
	
}

.overlay{
	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
}


#hero_slider_mobile{
	
	display:none;
	
	
}


#hero_slider .splide__slide{
	
	background-position:center top!important;
	
}

.wrapper{
	
	overflow:hidden;
	
}

	.team-grid{
		
		margin-bottom:200px;
		
	}

.stellen-grid .braun a{
	
	background:var(--braun);
	color:var(--weiss);
	
}

.stellen-grid .rot a{
	
	background:var(--rot);
	color:var(--weiss);
	
}

.stellen-grid .lachs a{
	
	background:var(--lachs);
	color:var(--weiss);
	
}

.single-stelle a{

	color:white;
	display:block;
	height:100%;
	width:100%;
	
}

.single-offene-stelle strong{
	
	color:var(--rot)!important;
	
}

.single-stelle .overlay-textbox{
	
	padding-left:20px;
	
}

.single-stelle h3{
	
		    font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	font-size:32px;
	
}

.single-stelle p{
	
	margin-bottom:5px;
	
}

.single-stelle h3 span{
	
	display:block;
	font-size:18px;
	
}

.single-offene-stelle{
	
	padding-top:200px;
	
}

.single-offene-stelle .stellenbeschreibung{
	
	padding-bottom:100px;
	margin-top:25px;
	border-top:1px solid var(--antrazit);
	padding-top:25px;
	
}

.single-offene-stelle p{
	
	  color:var(--antrazit);
	line-height:1.8
	
}

.single-offene-stelle p a{
	
	  color:var(--rot);
	font-weight:bold;
	line-height:1.8
	
}

.single-offene-stelle ul{

	margin-top:30px;
	margin-bottom:40px;
	list-style-type: disc !important;
	padding-left: 16px !important;
	
}

.single-offene-stelle li{

	font-size:18px;	
	  color:var(--antrazit);
font-family: 'Frutiger LT Std';
    font-weight: normal;
    font-style: normal;
	margin-bottom:10px;
	
}

.single-offene-stelle h1{
	
	color:var(--antrazit);

}

.single-offene-stelle h1 span{
	
	margin-left:0px;
	font-size:80px;

}

.single-offene-stelle h2{
	
	margin-left:0px;
	font-size:50px;
	color:var(--rot);

}

.wpcf7-response-output{
	
	width:calc(50% - 15px);
	margin-left:calc(50% + 15px)!important;
	display:block;
	border-color:var(--rot)!important;
		color:var(--antrazit)!important;
	text-align:center;
	
}

.new-team-member .arrow-overlay{
	
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	background:white;
	opacity:0;
		cursor:pointer;
	transition:0.3s opacity;
}

.new-team-member a{
	
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	
}

input, textarea, select{
	
	padding:10px 20px;
	color:var(--anthrazit)
	
}

.new-team-member:hover .arrow-overlay{
	
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	background:white;
	opacity:1;

}

.new-team-member .arrow-overlay img{
	
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	
}


.parlasca-sport img{
	
	width:100%;
	translate: 0px -110px;
	
}


/* #################################################################################################### */
/* Responsive CSS */
/* #################################################################################################### */






@media screen and (max-width:1450px){

	
	
	
	
.page-template-page-marken .first-article .produktbild img{
		
	#hero_slider .splide__slide{
	
	background-position:center top!important;
	
}
	
	
		  translate: 0px 0px;
			max-width:100%;
		max-height:100%;
		position:static;
		
		
	}
	
	.marke-right .produktbild img{
		
		   translate: 0px 0px;
			max-width:100%;
		max-height:100%;
		position:static;
		max-height:600px;
	}
	
	
	.marke-left .produktbild img{
		
		 translate: 0px 0px;
			max-width:100%;
		max-height:100%;
		position:static;
		
		
	}
	
	.markentext{
		
		display:flex;
		justify-content:center;
		flex-direction:column;
		
		
	}

}

@media screen and (max-width:1200px){
	
	.single-stelle h3{
	
		    font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	font-size:24px;
		margin-bottom:0px;
	
}

.single-stelle p{
	
	margin-top:2px;
	
}

.single-stelle h3 span{
	
	display:block;
	font-size:16px;
	
}

}
	
@media screen and (max-width:991px){
	
	.splide__pagination{
		
		bottom:2vh;
		
	}
	
#hero_slider_mobile{
	
	display:block;
	aspect-ratio:1 / 1;
	
	
}


#hero_slider{
	
	display:none;
	
}
	
	
	.single-stelle h3{
	
		    font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	font-size:32px;
	
}

.single-stelle p{
	
	margin-bottom:5px;
	
}

.single-stelle h3 span{
	
	display:block;
	font-size:18px;
	
}
	
	
	#footer-menu{
		
		flex-wrap:wrap;
		justify-content:flex-start;
		padding-left:15px;
		
	}
	
	#footer-menu li{
		
		flex:1 33.33333%;
		max-width:33.33333%;
		margin-bottom:10px;
	
	}
	
	
	.page-template-page-marken .first-article .produktbild img{
		
		 
		
		
	}
	
	.marke-right .produktbild img{
		
		   translate: 0px 0px;
		
	}
	
	
	.marke-left .produktbild img{
		
		
		
		
	}
	
	.single-offene-stelle h1 span{
	
	margin-left:0px;
	font-size:60px;

}
	
	.parlasca-sport img{
	
	width:100%;
	translate: 0px 0px;
	padding:50px 0px;	
}
	
	
	.menu-outer .menu-button{
		
		position:static;
		
	}
	
	.menu-outer .menu-box{
		
	left:100%;
		top:100px;
	background:white;
		
	}
	
	.menu-outer .menu-box-show{
		
		left:0px;
		top:100px;
	background:white;
		
	}
	
	
	h1 span, h2 span{
		
	margin-left:0px;
		
	}
	
	h1, h2{
		
		font-size:100px;
		
	}
	

	
	.team-grid, .stellen-grid{
		
		grid-template-columns: 1fr 1fr ;
		
	}
	

	
	
		.main-logo{
		
		display:none!important;
		
	}
	
	.empty img{
		
	opacity:1!important;
		
	}
	
	h1, h2, p{
		
	
		
	}
	
	.cimage-1{
		
		    translate: 130px -50px;
    width: 140px;
		
	}
	
		.cimage-2{
		
		    translate: 230px 0px;
    width: 140px;
		
	}
	
			.cimage-3{
		
		    translate: 170px 80px;
    width: 140px;
		
	}
	
	
	.cimage-4 {
    translate: 0px 720px;
    width: 180px;
    transition: rotate 0.3s;
		z-index:1;
		opacity:var(--kekse-mobile);
}
	
	
	.cimage-5 {
    translate: -220px -170px;
		width:150px;
}
	
		.cimage-6 {
    translate: 0px -170px;
		width:150px;
}
	
		.cimage-7 {
    translate: 220px -170px;
		width:150px;
}
	
	.padding-top200{
		
		padding-top:100px;
		
	}
	
	.padding-bottom400{
		
		padding-bottom:200px;
		
	}
	
	.padding-bottom200{
		
		padding-bottom:100px;
		
	}
	
	
	.page-template-page-marken .first-article .produktbild img, .marke-right .produktbild img, .marke-left .produktbild img{
		
		position:static;
		translate:0px 0px;
		max-width: 300px;
    max-height: 425px;
		
	}
	
	.page-template-page-marken .first-article .produktbild, .marke-right .produktbild, .marke-left .produktbild{
		
		order:2;
		margin-top:30px;
		
	}
	
	.cimage-8 {
    translate: 320px 200px;
    width: 650px;
		opacity:var(--kekse-mobile)
}
	
	.cimage-9 {
    translate: 250px -40px;
    width: 250px;
	}
	
	.cimage-10 {
    translate: -100px 0px;
		opacity:var(--kekse-mobile);
		width:1200px;
	}
	
	
	.cimage-11 {
    translate: 340px 210px;
    width: 560px;
		opacity:var(--kekse-mobile);
}
	
	.cimage-12 {
    translate: -450px -30px;
    width: 120px;
}
	
	.cimage-13 {
    translate: -240px -30px;
    z-index: 2;
    width: 120px;
}
	
		.cimage-14 {
    translate: -310px -10px;
    z-index: 2;
    width: 120px;
}
	
		.cimage-15 {
    translate: -260px 60px;
    z-index: 1;
    width: 120px;
}
	
	
	.cimage-16 {
    translate: -240px -170px;
    width: 150px;
}
	
		.cimage-17 {
    translate: 0px -160px;
    width: 150px;
}
	
	
		.cimage-18 {
    translate: 240px -170px;
    width: 150px;
}
	
	.cimage-19 {
    translate: 250px 0px;
    width: 620px;
		opacity:var(--kekse-mobile);
}
	
	
	.cimage-20 {
    translate: 0px -190px;
    width: 180px;
    z-index: 2;
}
	
		.cimage-20a {
    translate: 80px -170px;
    width: 160px;
    z-index: 1;
}
	
		.cimage-20b {
    translate: -90px -170px;
    width: 160px;
    z-index: 1;
}
	
	
	.cimage-21 {
    translate: 0px 0px;
    width: 230px;
		opacity:var(--kekse-mobile);
}
	
		.cimage-22 {
    translate: -190px 0px;
    width: 170px;
			opacity:var(--kekse-mobile);
}
	
		.cimage-23 {
    translate: 170px 40px;
    width: 300px;
			opacity:var(--kekse-mobile);
}
	
	.cimage-25 {
    translate: 0px -200px;
		opacity:var(--kekse-mobile);
    width: 1200px;
	}
	
	.cimage-27 {
    translate: 250px 0px;
    width: 650px;
		opacity:var(--kekse-mobile);
}
	
	
	.cimage-28 {
    translate: 190px -70px;
    width: 200px;
}
	
		.cimage-29 {
    translate: 270px 150px;
    width: 200px;
}
	
		.cimage-30 {
    translate: 350px 380px;
    width: 200px;
}
	
	
	
	.cimage-31 {
    translate: 0px -20px;
    width: 480px;
    z-index: 3;
		opacity:var(--kekse-mobile);
}
	
		.cimage-32 {
    translate: 0px 0px;
    width: 380px;
    z-index: 3;
			opacity:0;
}
	
		.cimage-33 {
    translate: 0px 0px;
    width: 380px;
    z-index: 3;
			opacity:0;
}
	
	
	

	
}

@media screen and (max-width:768px){
	
	.single-stelle h3{
	
		    font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	font-size:32px;
		margin-bottom:0px;
	
}

.single-stelle p{
	
	margin-top:2px;
	
}

.single-stelle h3 span{
	
	display:block;
	font-size:18px;
	
}
	
	.single-offene-stelle h2{
		
		font-size:36px;
		
	}
	
	.single-offene-stelle h1 span{
	
	margin-left:0px;
	font-size:40px;

}
	
	form .col-sm-6{
		
		max-width:100%;
		flex: 0 0 100%;
		
	}
	
h1, h2 {
    font-size: 64px;
}
	
}

@media screen and (max-width:575px){
	
	.single-stelle h3{
	
		    font-family: 'Bodoni 72';
    font-weight: normal;
    font-style: normal;
	font-size:26px;
		margin-bottom:0px;
	
}

.single-stelle p{
	
	margin-top:2px;
	
}

.single-stelle h3 span{
	
	display:block;
	font-size:16px;
	
}
	
	
		#footer-menu{
		
		flex-wrap:wrap;
		justify-content:flex-start;
		padding-left:15px;
		
	}
	
	#footer-menu li{
		
		flex:1 100%;
		max-width:100%;
		margin-bottom:10px;
	
	}
	
}