/* Fonts (https://gwfh.mranftl.com/fonts) */

/* work-sans-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('css/fonts/work-sans-v19-latin-regular.woff2') format('woff2'); 
}

/* work-sans-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('css/fonts/work-sans-v19-latin-italic.woff2') format('woff2'); 
}

/* work-sans-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('css/fonts/work-sans-v19-latin-500.woff2') format('woff2'); 
}

/* work-sans-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('css/fonts/work-sans-v19-latin-700.woff2') format('woff2'); 
}

/* work-sans-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('css/fonts/work-sans-v19-latin-900.woff2') format('woff2');
}





* {
	padding: 0;
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
  	border: none;
  	max-width: 100%;
  	height: auto;
}
body .metaslider .coin-slider, 
body .metaslider .nivoSlider, 
body .metaslider .nivoSlider img, 
body .metaslider .rslides, 
body .metaslider .rslides li, 
body .metaslider .flexslider ul.slides, 
body .metaslider .flexslider .slides li, 
body .metaslider .flexslider .slides ul, 
body .metaslider .flexslider .slides ol, 
body .metaslider .flexslider .slides img, 
body .metaslider .flexslider .flex-direction-nav, 
body .metaslider .flexslider .flex-direction-nav li {
	width: 1920px;
	background-position: top center;
}
::selection,
::-moz-selection {
	background: #900000;
	color: #fff;
}
/*--------------------------------- SCHRIFTARTEN  ---------------------------------*/
body {
	font: 17px/1.3 'Work Sans', Arial, sans-serif;
	color: #fff;
	background: #111;
    background: #140202;
}
.pixelmate-general-banner,
.settings-banner {
	color: #222;
}

button.pixelmate-general-allow
{
color: #5b8403;   
}


h1 {
	font-size: 50px;
	font-size: 4rem;
	font-weight: 300;
	color: inherit;
}
	.home h1,
	.page-template-index_tester h1 {
		max-width: 575px;
		font-size: 50px; /* 70px */
		animation: header 2s linear;
		transform: translateX(0px);
		animation-direction: alternate;
		margin-bottom: 30px;
		line-height: 1.2;
		position: relative;
		/*padding: 0px 10px;*/
		/*background: #111;*/
		text-shadow: 0 0 3px #111;
		display: inline-block;
	}
	.title-area p.titel-headline {
		font-weight: 500;
		font-size: 1.7rem;
		margin: 0px 0px 15px 0px;
	}

	

	h1 strong {
		font-weight: 600;
	}
	.h1_small{
		font-size: 18px;
		font-weight: 400;
	}
h2,
.home .like_h2,
.page-template-index_tester .like_h2 {
	font-size: 2.7rem;
	font-weight: 300;
	margin: 0px auto 20px auto;
	text-align: center;
	color: #fff;
}
	.home h2,
	.home .like_h2,
	.page-template-index_tester h2,
	.page-template-index_tester .like_h2,
	.jobticket-contact h2 {
		text-align: center;
		max-width: 830px;
	}
		.h2_small {
			text-align: center;
			font-size: 20px;
			font-weight: 400;
			margin-top: -15px;
			margin-bottom: 50px;
		}
.anzeigen-weg h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 270px;
	margin: -55px 0px 0px -135px;
}
h3 {
	font-weight: 500;
	font-size: 1.7rem;
	margin: 0px 0px 5px 0px;
	transition: all 100ms ease-in;
}
.content h3 { margin-top: 45px; }
	.fuenf-teiler .h3_small {
		font-size: 14px;
		margin: -5px 0px 5px 0px;
	}
	.h3_small {
		font-size: 20px;
		font-weight: 400;
		margin: -10px 0px 10px 0px;	
	}
	.news h3 {
		margin: 0px 0px 15px 0px;
		min-height: 75px;
	}
		.news .h3_small {
			font-weight: 400;
			margin: 0px;
		}
		.pakete .news .h3_small {
			margin: -5px 0px 10px 0px;
		}
	section.pakete h3 {
		min-height: 75px;
	}
	section.galery div.info h3 {
		font-size: 20px;
	}
	section.galery div.info .h3_small {
		font-size: 17px;
		margin-top: -5px;
		margin-bottom: 0px;
	}
h4 {
	font-weight: 500;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
}
h4.number {
	font-size: 45px;
	font-weight: 700;
	margin-top: -5px;
}
.teaserheadline {
	font-size: 33px !important;
}
.teaserheadline.pakete {
	font-size: 28px !important;
}
.teaserheadline.pakete span {
	font-size: 22px !important;
}
.fuenf-teiler h4,
.fuenf-teiler .preis,
.fuenf-teiler .h3_small {
	color: inherit;
}
p.preis {
	font-size: 25px !important;
	font-weight: 400;
}
small {
	font-size: 70%;
}
.content a,
.important {
	background: rgba(17,17,17,0.4);
	padding: 0px 3px;
	/*color: #111;*/
}
.content a:hover {
	background: rgba(17,17,17,0.75);
}
.title {
	font-size: 30px;
	font-weight: 300;
	width: 100%;
	display: block
}
.subtitle {
	width: 100%;
}
strong, b {
	font-weight: 600;
}
.content p {
	margin-bottom: 20px;
}
.news p {
	font-size: 20px;
}
.home .content p,
.page-template-index_tester .content p {
	columns: 2;
	column-gap: 40px;
	margin-bottom: 25px;
	width: 100%;
}
.jahreszahl {
	font-size: 60px;
	font-weight: 700;
	height: 78px;
}
article.second h4,
article.second .h3_small,
article.second p {
	transform: rotateY(-180deg);
}
.title-area p {
	max-width: 1100px;
	font-size: 20px;
	margin-top: 20px;
}
.icon i {
	font-size: 100px;
}
.pakete a,
.pakete p {
	font-size: 14px;
}

/*--------------------------------- GALERIE ---------------------------------*/
.gallery {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.gallery figure {
	text-align: center;
	margin: 25px 0px;
}
.gallery-columns-4 figure {
	width: 24%;
	min-width: 250px;
}
	.gallery-columns-4 figure img {
		max-width: 200px;
		width: 100%;
	}
.gallery-columns-3 figure {
	width: 32%;
	min-width: 500px;
}
.slick-slide img {
	margin: 5px 0px !important;
}
.slick-track {
	display: -webkit-flex;
	display: flex;
}

/*--------------------------------- LINKS ---------------------------------*/
a {
	text-decoration: none;
	color: inherit;
	transition: all 300ms ease-in;
	cursor: pointer;
}
.content ul li a,
.content p > a {
	padding: 0 !important;
}
#navigation a {
	display: block;
	max-width: 230px; /* 210 */
}
a:hover {
	transition: all 300ms ease-in;
}
a,
a:hover
.button,
.button:hover,
ul,
li {
	transition: all 200ms ease-in;
}
.current {
	position: relative;
}
.current::after {
	content: '';
	height: 2px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	bottom: 10px;
	left: 20px;
	right: 20px;
}
div.news a.news {
	border-bottom: 10px solid #900000;
}
div.news a.news p.more {
	color: #900000;
}
body.page-template-blog div.news a.news p.more {
	color: #fff;
}
a.contact {
	width: 50px;
	height: 50px;
	background: #900000;
	color: #fff;
	position: absolute;
	right: 0px;
	top: 16px;
	z-index: 999999;
	text-align: center;
	padding: 10px;
	font-size: 30px;
}
a.contact i {
	transition: all 300ms ease-in;
	transform: scale(1);
}
a.contact:hover i {
	transform: scale(1.1);
	transition: all 300ms ease-in;
}
a.scrolltop {
	width: 35px;
	height: 35px;
	color: #fff;
	background: #900000;
	position: fixed;
	bottom: 171px;
	right: 50px;
	font-size: 25px;
	opacity: 0;
	border-radius: 50%;
	text-align: center;
	padding: 5px;
	z-index: 9999999999999999999999999999999999999999;
}
	a.scrolltop:hover {
		transform: scale(1.15);
	}
a.number {
	display: inline !important;
}
a.mail {
	padding: 5px 15px;
	color: #fff;
	display: inline-block;
	margin: 15px 0px 0px 0px;
}
a.button.red:hover {	
	background: #900000; /* Old browsers */
	background: -moz-linear-gradient(45deg, #900000 0%, #900000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #900000 0%,#900000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #900000 0%,#900000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
a.jubilaeum {
	background: #900000 !important;
}
.more {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: inherit;
	width: 100%;
	opacity: 0.75;
}
	.pakete section article .more {
		left: 0px;
		bottom: 0px;
	}
.pakete a.news .more {
	left: 20px;
	bottom: 20px;
}
a.vier-teiler .more {
	left: 20px;
	bottom: 20px;
}
a.button {
	padding: 10px 20px !important;
	color: #fff;
	display: inline-block;
	margin: 0px 10px 50px 0px;
	font-size: 20px;
}
	a.button:hover {
		background: #333; /* Old browsers */
		background: -moz-linear-gradient(45deg, #333 0%, #333 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #333 0%,#333 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #333 0%,#333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
a.button.red {
	color: #fff;
}

/* Newsletter Anmelder Formular */
input.buttonred { 
	padding: 10px 20px; 
	background: #900000;
    background: -moz-linear-gradient(-45deg, #900000 0%, #bc1d1e 100%);
    background: -webkit-linear-gradient(-45deg, #900000 0%,#bc1d1e 100%);
    background: linear-gradient(135deg, #900000 0%,#bc1d1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#bc1d1e',GradientType=1 );
	display: inline-block;
	font-size: 20px;
	border: none;
	color: #fff;
	cursor: pointer;
}
input.buttonred:hover { background: #900000; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	color: 	#666;
	background:	#fff;
	background-image: none;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
	max-width: 350px;
}


a#alteversion {
	position: absolute;
	top: 100px;
	right: 20px;
}
.page-id-1142 header a.button.red,
.page-template-paketseite header a.button.red {
	position: absolute;
	right: 80px;
	bottom: 55px;
	margin: 0;
}
div.header-buttons a.button {
	margin: 0px 10px 0px 0px;
	text-shadow: none;
}
.jobticket-contact article:hover a.mail {
	transform: scale(1.1);
}
footer a:hover {
	color: #fff;
}

/*--------------------------------- VERLAEUFE ---------------------------------*/
/* 666 -> ccc */
a.button,
.footer-line {
	background: #ccc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #666 0%, #ccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #666 0%,#ccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #666 0%,#ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#ccc',GradientType=1 );
}

/* 333 -> 111 RADIAL */
.dabc a:hover {
	background: #333; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #333 0%, #111 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #333 0%,#111 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #333 0%,#111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#111',GradientType=1 );
}

/* 111 */
.abc {
	background: #111; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #111 0%, #111 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #111 0%,#111 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #111 0%,#111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#111',GradientType=1 );
}

/* Textfarbe 900000 -> bc1d1e */
.jahreszahl,
h4.number {
color: #900000; /* Old browsers */
}
@supports (-webkit-background-clip: text) {
.jahreszahl,
h4.number {
 background-image:linear-gradient(45deg, #900000, #bc1d1e);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;	
}
}

/* ccc -> 666 RADIAL */
.jobticket-facts {
	background: #ccc; /* Old browsers */
	background: -moz-radial-gradient(-45deg, #ccc 0%, #666 100%) !important; /* FF3.6-15 */
	background: -webkit-radial-gradient(-45deg, #ccc 0%,#666 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ccc 0%,#666 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#666',GradientType=1 ) !important;
}

/* 111 -> 333 */
.jobticket-facts:before {
	background: #111; /* Old browsers */
	background: -moz-linear-gradient(to top, #333 0%, #111 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, #333 0%,#111 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #333 0%,#111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#111',GradientType=1 );
}

/* 111 -> 333 RADIAL */
div.news {
	background: #333; /* Old browsers */
	background: -moz-radial-gradient(-45deg, #333 0%, #111 100%) !important; /* FF3.6-15 */
	background: -webkit-radial-gradient(-45deg, #333 0%,#111 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #333 0%,#111 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#111',GradientType=1 ) !important;
}

/* 333 -> 111 */
.jobticket-facts:after {
	background: #111; /* Old browsers */
	background: -moz-linear-gradient(to top, #111 0%, #333 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, #111 0%,#333 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #111 0%,#333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#333',GradientType=1 );
}

/* 333 -> 111 */
/*.home #bg_header::after,
.page-template-index_tester #bg_header::after {
	background: rgba(0,0,0,0); 
	background: -moz-linear-gradient(to top, #111 0%, rgba(0,0,0,0) 100%); 
	background: -webkit-linear-gradient(to top, #111 0%, rgba(0,0,0,0) 100%); 
	background: linear-gradient(to top, #111 0%, rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='rgba(0,0,0,0)',GradientType=1 );
}*/

/* ccc */
.trenner {
	background: #ccc; /* Old browsers */
	background: -moz-linear-gradient(left, #ccc 0%, #ccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ccc 0%,#ccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ccc 0%,#ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ccc',GradientType=1 );
}
/* ccc -> 333 */
.abc {
	background: #333; /* Old browsers */
	background: -moz-linear-gradient(left, #ccc 0%, #333 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ccc 0%,#333 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ccc 0%,#333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#333',GradientType=1 );
}

/* 900000 -> bc1d1e */
.mail,
.auswahl a,
.button.red {
	background: #900000; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #900000 0%, #bc1d1e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #900000 0%,#bc1d1e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #900000 0%,#bc1d1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#bc1d1e',GradientType=1 ); 
}
/* 900000 */
.jobticket-contact article:hover .mail:hover {
	background: #900000; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #900000 0%, #900000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #900000 0%,#900000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #900000 0%,#900000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#900000',GradientType=1 ); 
}
/* Hellrot-weiß */
.abc {
	background: #e3bfbf !important; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e3bfbf 100%) !important; /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e3bfbf 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ffffff 0%,#e3bfbf 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3bfbf',GradientType=1 ) !important; 
}
/* dunkelrot */
.pakete section a.month {
	background: #900000 !important; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #900000 0%, #900000 100%) !important; /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #900000 0%,#900000 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #900000 0%,#900000 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#900000',GradientType=1 ) !important; 
}


/*--------------------------------- NAVIGATION ---------------------------------*/
input#responsive-nav, label.responsive-nav-label {
	display: none;
}
ul.topmenu > li > a,
.home .jobticket-number,
.home .jobticket-logo,
.page-template-index_tester .jobticket-number,
.page-template-index_tester .jobticket-logo,
.sticky .jobticket-number,
.sticky .jobticket-logo {
	text-shadow: 0px 0px 2px #1E3F40;
}
#navigation {
	width: 100%;
	max-width: 1920px;
	color: #fff;
	margin: 0px auto;
	position: fixed;
	top: 20px;
	left: 0px;
	right: 0px;
	z-index: 99999;
}
.home #navigation,
.page-template-index_tester #navigation {
	background: rgba(17,17,17,0.6);
	top: 0px;
}
	.free {
		transition: all 200ms ease-in;
	}
	.sticky {
		background: #111 !important;
		transition: all 200ms ease-in;
		background-size: 100%;
		top: 0px !important;
		height: 85px !important;
		padding: 0px !important;
	}
	.nav-contents {
		height: 85px;
		margin: auto 100px;
		display: flex;
		display: -webkit-flex;
	}
input#responsive-nav,
input#toggle,
label.responsive-nav-label {
	display: none;
}
	ul.topmenu {
		display: flex;
		display: -webkit-flex;
		list-style: none;
		position: relative;
		width: 100%;
	}
		ul.topmenu li {
			position: relative;
			color: inherit;
		}
		ul.topmenu li:hover {
			background: none;
		}
			ul.topmenu > li > a {
				padding: 30px 20px;
				height: 85px;
			}
			ul.topmenu > li > a:hover {
				color: #fff;
				}
			ul.topmenu > li::after {
				content: '';
				height: 2px;
				background: rgba(255,255,255,1);
				position: absolute;
				bottom: 20px;
				left: 10px;
				right: 10px;
				opacity: 0;
				transition: all 300ms ease-in;
			}
			ul.topmenu > li:hover::after {
				bottom: 10px;
				opacity: 1;
				background: rgba(255,255,255,0.75);
				transition: all 300ms ease-in;
			}
			ul.topmenu > li.current_page_item::after,
			ul.topmenu > li.current-page-parent::after,
			ul.topmenu > li.current_page_ancestor::after,
			ul.topmenu > li.current::after {
				opacity: 1;
			}
			ul.topmenu ul.sub-menu li.current_page_ancestor > a,
			ul.topmenu ul.sub-menu li.current-menu-item > a {
				background: #333;
				color: #fff;
			}

	ul.topmenu ul.sub-menu li a {
		background: #ccc;
		color: #111;
		padding: 10px 20px;
	}
	ul.topmenu li.current-page-parent ul.sub-menu li > a:hover, 
	ul.topmenu ul.sub-menu li:hover > a {
		background: #111;
		color: #fff;
	}
		ul.topmenu ul.sub-menu ul li a {
			background: #ccc;
			color: #111;
		}
		ul.topmenu ul.sub-menu ul li:hover a {
			background: #111;
			color: #fff;
		}
ul.topmenu ul {
	width: 100%;
}
	ul.sub-menu,
	ul.sub-menu ul {
		display: none;
		position: absolute;	
	}
	ul.sub-menu ul {
		left: 100%;
		top: 0px;
		position: absolute;
	}
	ul.topmenu li:hover > ul.sub-menu,
	ul.sub-menu li:hover > ul.sub-menu {
		display: block;
	}


/*--------------------------------- BILDER ---------------------------------*/
section.galery article img {
	transform: scale(1);
	transition: all 300ms ease-in;
}
section.galery article:hover img {
	transform: scale(1.1);
}
section.galery .ansprechpartner {
	margin-bottom: 0px;
}


/*--------------------------------- STRUKTUR ---------------------------------*/
body.admin-bar.logged-in {
	position: relative;
}
body.admin-bar.logged-in #navigation {
	top: 32px;
}
header {
	color: #111;
	display: flex;
	display: -webkit-flex;
	background-image: url(css/img/header2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
	.home header,
	.page-template-index_tester header {
		background-image: none;
		position: absolute;
		top: 0px;
		width: 100%;
		left: 0px;
		right: 0px;
	}
.home .title-area h1,
.page-template-index_tester .title-area h1 {
	color: #fff;
	font-weight: 900;
	line-height: 1;
}
.metaslider div.caption-wrap {
	position: absolute;
	bottom: 500px;
	left: 250px;
	background: #111;
	color: #fff;
	opacity: 1;
	width: auto;
	display: inline-block;
	font-size: 40px;
	font-family: Titillium Web, sans-serif;
}


	/* Headerbild für E-Recruit-Pakete */
	.page-id-9 header,
	.page-id-1142 header,
	.parent-pageid-7 header,
	.page-id-3477 header {
		background-image: url(css/img/header3.jpg);
	}
	/* Headerbild für Unsere Leistungen */
	.page-id-17 header,
	.parent-pageid-17 header {
		background-image: url(css/img/header4.jpg);
	} 
	/* Headerbild für Ueber uns */
	.page-id-27 header,
	.parent-pageid-27 header {
		background-image: url(css/img/header2.jpg);
	}
	/* Headerbild für Aktuelles */
	.page-id-54 header,
	.parent-pageid-54 header {
		background-image: url(css/img/header2.jpg);
	}
	.single header {
		background-image: url(css/img/header2.jpg);
	}
	.error404 header {
		background-image: url(css/img/header2.jpg);
	}
#bg_header {
	height: 500px;
	width: 100%;
	position: relative;
	background: rgba(17,17,17,0.6);
}
.home #bg_header,
.page-template-index_tester #bg_header {
	height: 640px;
	background: none;
}
.home #bg_header::after,
.page-template-index_tester #bg_header::after {
	content: '';
	position: absolute;
	height: 150px;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}
	.jobticket-logo {
		display: flex;
		display: -webkit-flex;
		margin: 21px 0px;
	}
		.jobticket-logo img {
			width: 50px;
		}

        .kranz
        {
            display: block;
          width: 80px;
          margin: 14px 20px;
            display: flex;
        display: -webkit-flex;
        }

        .kranz img
        {
        display:block;    
        width: 100%;
        }


	.jobticket-number {
		font-size: 16px;
		padding: 7px;
		text-align: center;
		margin: auto;
	}
		.jobticket-number .number {
			font-size: 20px;
			font-weight: 700;
		}
	.jobticket-menu {
		position: relative;
		width: auto !important;
		margin: 0px;
		}
		.jobticket-menu ul {
			list-style: none;
		}
.pagewrapper {
	margin: auto;
	width: 100%;
	max-width: 1920px;
}
	.main {
		width: 100%;
	}
.title-area {
	/*width: 90%;*/
	position: absolute;
	/*left: 100px;
	right: 100px;*/
	left: 0px;
	padding: 0 0 20px 100px;
	bottom: 50px;
	z-index: 99;
	color: #fff;
	text-shadow: 0px 0px 2px #111;
	display: inline-block;
}
	.home .title-area,
	.page-template-index_tester .title-area {
		bottom: 160px; /* ehemals: 250px */
		/*background: rgba(0,0,0,0.8); Erstmal weg */
	}
	.home .title-area h3,
	.page-template-index_tester .title-area h3 {
		margin: -10px 0px 20px 0;
		/*font-size: 32px;*/
		font-size: 22px; /* von mir angepasst */
	}

/* LOGO CAROUSEL */
/* SLIDERANIMATION */
#content-slider {
    width:100%;
    margin: 0px auto;   
}
#content-slider ul li
{
filter: grayscale(1) opacity(60%);      
}


/* SLIDER */
#slider {
    width:100%;
    margin:0 auto;
    overflow:visible;
    position:relative;
	background: rgba(255,255,255,0.75);
}
#mask {
    overflow:hidden;
    padding-bottom:90px;
	max-width: 1680px;
	width: 100%;
	margin: 0px auto;
}
#slider ul {
    margin:0;
    padding:0;
    position:relative;
}
#slider li {
    width:100%;
    padding-bottom:90px;
    position:absolute;
    top:-100%;
    list-style:none;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

#slider li.firstanimation {
    -moz-animation:cycle 10s linear infinite;	
    -webkit-animation:cycle 10s linear infinite;
    animation:cycle 10s linear infinite;
    background-image: url(css/img/jobboersen_layer1b.png);
}
#slider li.secondanimation {
    -moz-animation:cycletwo 10s linear infinite;
    -webkit-animation:cycletwo 10s linear infinite;	
    animation:cycletwo 10s linear infinite;
    background-image: url(css/img/jobboersen_layer2b.png);
}
#slider li.thirdanimation {
    -moz-animation:cyclethree 10s linear infinite;
    -webkit-animation:cyclethree 10s linear infinite;
    animation:cyclethree 10s linear infinite;
    background-image: url(css/img/jobboersen_layer3.png);
}


#slider:hover li, 
#slider:hover .progress-bar {
    -moz-animation-play-state:paused;
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
}

/* ANIMATION */
@-moz-keyframes cycle {
    0%  { opacity: 1;}
    4%  { opacity: 1;}
    29% { opacity: 1; z-index:0; } 
    33% { opacity: 0; z-index:0; }
    34% { opacity: 0;z-index:-1; }
    66% { opacity: 0;z-index:-1; }
    92% { opacity: 0;z-index:0; }
    96% { opacity: 0;}
    100%{ opacity: 1;}	
}	

@-moz-keyframes cycletwo {
    0%  {opacity: 0; }
    29% {opacity: 0; }
    33% {opacity: 1;}
    44% {opacity: 1; } 
    62% {opacity: 1; z-index:0; } 
    66% {opacity: 0; z-index:0; }
    96% {opacity: 0; z-index:-1; }  
    100%{opacity: 0; z-index:-1; }
}
@-moz-keyframes cyclethree {
    0%  {opacity: 0; }
    62% {opacity: 0; }
    66% {opacity: 1; }
    84% {opacity: 1; }
    96% {opacity: 1; z-index:0; }
    100%{opacity: 0; z-index:0; }
}

@-webkit-keyframes cycle {
    0%  { opacity: 1;}
    4%  { opacity: 1;}
    29% { opacity: 1; z-index:0; } 
    33% { opacity: 0; z-index:0; }
    34% { opacity: 0;z-index:-1; }
    66% { opacity: 0;z-index:-1; }
    92% { opacity: 0;z-index:0; }
    96% { opacity: 0;}
    100%{ opacity: 1;}	
}	

@-webkit-keyframes cycletwo {
    0%  {opacity: 0; }
    29% {opacity: 0; }
    33% {opacity: 1;}
    44% {opacity: 1; } 
    62% {opacity: 1; z-index:0; } 
    66% {opacity: 0; z-index:0; }
    96% {opacity: 0; z-index:-1; }  
    100%{opacity: 0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
    0%  {opacity: 0; }
    62% {opacity: 0; }
    66% {opacity: 1; }
    84% {opacity: 1; }
    96% {opacity: 1; z-index:0; }
    100%{opacity: 0; z-index:0; }
}

@keyframes cycle {
    0%  { opacity: 1;}
    4%  { opacity: 1;}
    29% { opacity: 1; z-index:0; } 
    33% { opacity: 0; z-index:0; }
    34% { opacity: 0;z-index:-1; }
    66% { opacity: 0;z-index:-1; }
    92% { opacity: 0;z-index:0; }
    96% { opacity: 0;}
    100%{ opacity: 1;}	
}	

@keyframes cycletwo {
    0%  {opacity: 0; }
    29% {opacity: 0; }
    33% {opacity: 1;}
    44% {opacity: 1; } 
    62% {opacity: 1; z-index:0; } 
    66% {opacity: 0; z-index:0; }
    96% {opacity: 0; z-index:-1; }  
    100%{opacity: 0; z-index:-1; }
}
@keyframes cyclethree {
    0%  {opacity: 0; }
    62% {opacity: 0; }
    66% {opacity: 1; }
    84% {opacity: 1; }
    96% {opacity: 1; z-index:0; }
    100%{opacity: 0; z-index:0; }
}

@media all and (min-width:800px)
{
    #slider li.firstanimation {
        background-image: url(css/img/jobboersen_layer1b.png);
    }
    #slider li.secondanimation {
        background-image: url(css/img/jobboersen_layer2b.png);
    }
    #slider li.thirdanimation {
        background-image: url(css/img/jobboersen_layer3.png);
    }
}

/*test*/



/* SLIDER ANIMATION ENDE */
.stellenboersenlogos_carousel {
	width: 100%;
	/*position: absolute;
	top: 450px;*/
	margin: -5px auto 50px auto;
    background-color:#FFFFFF;
    padding-bottom:20px;
}
.stellenboersenlogos_carousel .like_h2 {
	z-index: 2;
	max-width: 560px;
	text-align: center;
	/*text-shadow: 0 0 8px #111;*/
	padding: 20px 10px 7px 10px;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 2.2rem;
    color:#666666;
}

/* KACHELN */
.home .panel-layout > .panel-grid > .panel-grid-cell,
.page-template-index_tester .panel-layout > .panel-grid > .panel-grid-cell { 
	border: 1px solid #111; border-top: none; }
.home section.package,
.page-template-index_tester section.package { 
	background: #fff; }
.home section.package article,
.page-template-index_tester section.package article { 
	color: #111 !important; height: auto; margin: 0; }
.home section.package article.jobboerse-info,
.page-template-index_tester section.package article.jobboerse-info { 
	display: none; }
.home section.package article.jobboerse-logo,
.page-template-index_tester section.package article.jobboerse-logo { 
	width: 50%; padding: 5px; }
.home section.package article.jobboerse-laufzeit,
.page-template-index_tester section.package article.jobboerse-laufzeit { 
	width: 50%; }


.home .panel-layout > .panel-grid > .paket > .panel-grid-cell > .so-panel ,
.page-template-index_tester .panel-layout > .panel-grid > .paket > .panel-grid-cell > .so-panel { 
	display: none;
}

.home .panel-layout > .panel-grid > .paket > .panel-grid-cell > .so-panel:first-of-type,
.page-template-index_tester .panel-layout > .panel-grid > .panel-grid-cell > .so-panel:first-of-type { 
	display: block;
}

img.alignleft { float: left; margin-right: 20px; }


.content {
	max-width: 1280px;
	min-height: 500px;
	margin: 50px auto;
	width: 90%;
}
.zusatzservices {
	max-width: 1480px;
	margin: 50px auto;
	width: 90%;
}
.error404 .content {
	min-height: 0px;
}
.page-template-blog .content {
	min-height: 0px;
}
.home .content,
.page-template-index_tester .content {
	min-height: 0px !important;
}
	.content ul  {
		padding-left: 15px;
	}
		.content li  {
			padding: 0 0 5px 5px;
		}
		.content li:last-child   {
			padding: 0 0 0px 5px;
		}

/*----------- SECTIONS -----------*/
section.galery {
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	flex-wrap: wrap;
	}
	section.galery article {
		width: 23%;
		position: relative;
		overflow: hidden;
		margin: 1%;
		}
		section.galery article .info {
			padding: 10px 15px;
			background: rgba(144,0,0,1);
			color: #fff;	
			transition: all 300ms ease-in;
			position: absolute;
			left: 0px;
			min-height: 60px;
			bottom: -100px;
			width: 100%;
			top: 100%;
		}
section.galery article .info h3 { margin-top: 0px; }
		section.galery article:hover .info {
			bottom: 0px;
			top: 200px;
		}
.pakete section article {
	font-size: 0.8rem;
	height: 205px;
	width: 100%;
}
	.pakete section a {
		background: #666;
	}
	.pakete section a.month {
		background: #900000;
	}
	.pakete section a article {
		color: #fff;
	}
article.first,
article.second { 
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;
}
article.first {
	transform: rotateY(0deg);	
}
article.second {
	transform: rotateY(180deg);
}
.fuenf-teiler.pakete a:hover .flipper, 
.fuenf-teiler.pakete a.hover .flipper { 
	transform: rotateY(180deg);
} 
.pakete a.news,
.pakete a.news {
	transition: 300ms all ease-in !important;
}
.pakete a.news:hover,
.pakete a.news.hover {
	transform: rotateY(0deg) scale(1.05) !important;
}
.flipper {
	position: relative;
  	transition: 1500ms;
  	transform-style: preserve-3d;
}
.jobticket-facts {
	margin: 110px 0px;
	padding: 50px 0px;
	color: #333;
	position: relative;
}
.jobticket-facts h2 {
	color: #333;
}
.jobticket-facts:after,
.jobticket-facts:before {
	content: '';
	height: 450px;
	width: 100%;
	position: absolute;
	top: -450px;
	z-index: -1;
}
.jobticket-facts:after {
	top: 100%;
}
.anzeigen-weg {
	padding: 50px 0px !important;
	margin: 50px 0px;
}
div.news {
	margin: 50px 0px 0px 0px;
	padding: 50px 0px 70px 0px;
}
.fuenf-teiler section, 
.vier-teiler section {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-around;
	max-width: 1480px;
	width: 90%;
	margin: 0px auto;
}	
section.auswahl {
	color: #111;
}


/* VIERSPALTIGE SECTION */
div.vier-teiler {
	padding: 60px 0px;
}
.vier-teiler section > a,
.vier-teiler section > article {
	width: 23%;
	margin: 1%;
}
.vier-teiler section > a:hover,
.vier-teiler section > article:hover,
body.page-template-blog .fuenf-teiler.news a:hover {
	transform: scale(1.05);
}


/* FÜNFSPALTIGE SECTION */
div.fuenf-teiler.pakete {
	margin: 0px 100px;
}
div.fuenf-teiler section {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	max-width: 1480px;
	width: 100%;
	justify-content: space-around;
}
	section .icon  {
		text-align: center;
		width: 120px;
		height: 100px;
		margin: 0px auto 15px auto;
	}
.fuenf-teiler section > a,
.fuenf-teiler section > article {
	width: 18%;
}
	body.page-template-blog div.fuenf-teiler.news section {
		justify-content: flex-start;
	}
	div.fuenf-teiler.pakete section > a {
		transition: 1500ms;
		perspective: 2000px;
	}
	div.fuenf-teiler section > a {
		width: 20%;
		min-width: 290px;
		padding: 20px 20px 40px 20px;
		margin-bottom: 30px;
		position: relative;
	}	
	div.fuenf-teiler.news section > a {
		width: 18%;
		margin: 1%;
		min-width: 0px;
	}
	div.fuenf-teiler.pakete section > a {
		width: 18%;
		min-width: 270px;
	}

    div.fuenf-teiler.pakete section > a.month
    {
     width:36%;   
}


	div.fuenf-teiler.pakete section > a:hover {
		transform: rotateY(180deg);
	}
		div.fuenf-teiler.news section > a > article{
			min-height: 200px;
		}
	section.auswahl a {
		min-height: 0px !important;
		min-width: 300px;
		padding: 30px;
		color: #fff;
	}
		.auswahl img {	
			/*animation: scale 500ms infinite;*/
			transform: scale(1.1);
			animation-direction: alternate;
		}
		.auswahl a:hover img {	
			animation: none !important;
			transform: scale(1.1);
		}
	section.pakete a {
		background: rgba(51,51,51,1) !important;
		color: #fff;
	}
	section.pakete a:hover {
		background: #666 !important;
		color: #fff;
	}
.teaser-trenner section {
	max-width: 1280px;
}
.jobticket-facts article {
	width: 18%;
	min-width: 200px;
	text-align: center;
	margin: 1%;
	}
	.jobticket-facts article p {
		font-size: 20px;
	}
	.news a {
		background: #111;
		padding: 20px;
		border-bottom: 10px solid #333;
	}
		.news a article {
			min-height: 325px;
			padding-bottom: 40px;
		}
body.page-template-blog div.news {
	background: none !important;
}
	body.page-template-blog div.news a {
		background: #666;
	}
	body.page-template-blog div.news a.news {
		background: #900000;
		color:#fff;
	}
	body.page-template-blog div.news a.news:hover {
		background: #900000 !important;
	}
body.page-template-blog .fuenf-teiler.news {
	margin-top: 0px;
	padding-top: 0px !important;
}
body.page-template-blog .vier-teiler.news {
	padding: 0px !important;
	margin: 0px auto 0px auto;
}
section.page-template-blog {
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	flex-wrap: wrap;
	}
	section.page-template-blog a {
		width: 23%;
		margin: 1%;
		padding: 20px;
	}
.jobticket-contact article,
.news a {
	min-width: 300px;
	margin: 1%;
	position: relative;
}
.jobticket-contact article {
	text-align: center;
	transition: all 200ms ease-in;
	transform: none !important;
}
.jobticket-contact article img {
	transform: scale(1);
	transition: all 100ms ease-in;
}
.jobticket-contact article:hover img {
	transform: scale(1.1);
	transition: all 300ms ease-in;
}
.ansprechpartner {
	overflow: hidden;
	margin: auto;
	margin-bottom: 20px;
	max-width: 330px;
	max-height: 330px;
}
.jobticket-contact .ansprechpartner {
	border-radius: 50%;
	width: 250px;
	height: 250px;
}


/* ANZEIGENWEG GRAFIK */
.anzeigen-weg {
	position: relative;
}
.graphic {
	max-width: 810px;
	margin: auto;
	height: 810px;
	position: relative;
	background-size: 720px;
}
	.anzeigen-weg section {
		background: #ccc;
		width: 180px;
		height: 180px;
		border-radius: 50%;
		text-align: center;
		color: #111;
		position: absolute;	
		display: flex;
		display: -webkit-flex;
	}
	.anzeigen-weg section.one {
		left: 50%;
		margin-left: -90px;
		top: 0px;
	}
	.anzeigen-weg section.two {
		top: 55px;
		left: 63%;
	}
	.anzeigen-weg section.three {
		top: 215px;
		right: 0%;
	}
	.anzeigen-weg section.four {
		top: 415px;
		right: 0%;
	}
	.anzeigen-weg section.five {
		top: 580px;
		right: 15%;
	}
	.anzeigen-weg section.six {
		bottom: 0px;
		left: 50%;
		margin-left: -90px;
	}
	.anzeigen-weg section.seven {
		top: 580px;
		left: 15%;
	}
	.anzeigen-weg section.eight {
		top: 415px;
		left: 0%;
	}
	.anzeigen-weg section.nine {
		top: 215px;
		left: 0%;
	}
	.anzeigen-weg section.ten {
		top: 55px;
		right: 63%;
	}
	.explain h4 {
		font-size: 25px;
		font-weight: 300;
		padding-left: 100px;
		position: relative;
		margin-bottom: 20px;
		min-height: 65px;
	}
	.explain h4:before {
		position: absolute;
		left: 0px;
		top: -10px;
		content: '01';
		font-weight: 700;
		font-size: 65px;
	}
		.two .explain h4:before {
			content: '02';
		}
		.three .explain h4:before {
			content: '03';
		}
		.four .explain h4:before {
			content: '04';
		}
		.five .explain h4:before {
			content: '05';
		}
		.six .explain h4:before {
			content: '06';
		}
		.seven .explain h4:before {
			content: '07';
		}
		.eight .explain h4:before {
			content: '08';
		}
		.nine .explain h4:before {
			content: '09';
		}
		.ten .explain h4:before {
			content: '10';
		}
	.anzeigen-weg section .explain {
		opacity: 0;
		padding: 20px;
		background: #666;
		color: #fff;
		position: absolute;
		width: 650px;
		text-align: left;
		z-index: 9999;
		transition: opacity 200ms ease-in;
		left: -9999px;
	}
	.anzeigen-weg section:hover .explain {
		opacity: 1;
		transition: opacity 200ms ease-in;
		display: block;
		left: 0%;
	}
	.anzeigen-weg section.one:hover .explain,
	.anzeigen-weg section.two:hover .explain,
	.anzeigen-weg section.three:hover .explain {
		bottom: 70%;
	}
	.anzeigen-weg section.eight:hover .explain,
	.anzeigen-weg section.five:hover .explain,
	.anzeigen-weg section.six:hover .explain,
	.anzeigen-weg section.seven:hover .explain {
		left: 50%;
		bottom: 70%;
	}
.anzeigen-weg section article {
	margin: auto;
	padding: 20px;
	max-width: 180px;
}
.anzeigen-weg section:hover {
	background: #fff;	
}
canvas {
	display: none;
}


@keyframes scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.vier-teiler.teaser a:hover {
	transform: scale(1.05);
}
.teaser-trenner {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: rgba(255,255,255,0.8);
	padding: 50px;
	margin: 100px 0px;
}
.auswahl img {
	margin: 0px auto 20px auto;
	display: block;
	width: 110px;
}
.bild {
	width: 35%;
}
.text {
	width: 61%;
}
.bild.right {
	float: right;
}
.bild.left {
	float: left;
}
.text.left {
	float: left;
}
.text.right {
	float: right;
}
.centered {
	text-align: center;
}	

/* ----------- TABELLE ----------- */
div.preis {
	font-size: 40px !important;
	font-weight: 600;
}
.panel-layout div.smallerpackage, .panel-layout div.smallerpackage p {
	font-size: 11px !important;
}
.alle-pakete-titel h3 {
	color: #fff;
	background: transparent;
	font-size: 40px;
	font-weight: 400;
	margin: 100px 0 20px 0 !important;
}
.package-list {
	margin-bottom: 50px;
}
.panel-grid-cell {
	background: #fff;
	color: #111;
}
#pl-1142 .panel-grid-cell,
#pl-2386 .panel-grid-cell {
	background: inherit;
}
#pl-1142 .so-panel .panel-grid-cell,
#pl-2386 .so-panel .panel-grid-cell {
	background: #fff;
}
.panel-layout div,
.panel-layout div p {
	margin-bottom: 0px !important;
	font-size: 14px;
}
#pg-40-0, 
#pl-40 .so-panel {
	margin: 0px !important;
}
.panel-grid-cell .panel-layout {
	border-top: 0px;
	margin-bottom: 40px;
}
.single-package {
	width: 50%;
}
.single-package .panel-layout {
	border: 2px solid #333;
	border-top: 0px;
}
.package {
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	min-height: 40px;
	align-items: center;
}
.package article {
	padding: 4px 15px;
	width: 37.5%;
	margin: auto;
}
.package article.jobboerse-logo {
	width: 25%;
	text-align: center;
	padding: 10px 15px;
}
.package article.jobboerse-logo img {
	width: auto;
	max-width: 100%;
	max-height: 30px;
}
.oder {
	border-top: 1px solid #333;
	background: #fff;
}
.oder > div {
	width: 25% !important;
	text-align: center;
	padding: 4px 9px;
}
.oder > div:nth-child(2) {
	width: 75% !important;
	text-align: left;
	padding: 4px 15px;
}
.jobboerse-aufzaehlung {
	padding: 7px 15px;
	border-top: 1px solid #333;
}
.package article.jobboerse-massenauswahl {
	width: 75%;
}
.widget_text .abstandhalter, 
.so-panel .widget_text .abstandhalter,
.abstandhalter {
	margin: 0px -10px!important;
	background: #111;
	height: 40px;
}
.pakettitel,
.paketende {
	background: #333;
	color: #fff;
}
.preispreis { float: left; }
.impreisinkl { margin-top: 15px;  font-size: 11px; color: #fff; display: block; float: right; width: 410px; }
.pakettitel {
	border: 2px solid #333;
	border-bottom: 1px solid #333;
	text-align: left;
	padding: 0px;
	margin-bottom: 0px !important;
	display: flex;
	display: -webkit-flex;
}
	.pakettitel h3 {
		padding: 8px 20px;
		margin: auto 0px;
		height: auto;
	}
		.pakettitel .paketpreis h3 {
			text-align: right;
			margin: auto 0px auto auto;
		}
		.pakettitel .paketpreis {
			margin: 0px 0px 0px auto;
			display: flex;
			display: -webkit-flex;
		}
	.pakettitel > div {
		display: inline-block;
		margin: auto 0px;
	}
	.pakettitel > div div {
		display: flex;
		display: -webkit-flex;
		min-height: 80px;
	}
	.pakettitel img {
		background: #666;
		width: 80px;
		float: left;
		height: 100%;
	}
.paketende {
	text-align: left;
	padding: 8px 15px;
	font-size: 14px;
}
.paketende p {
	font-size: 11px;
}
div.trenner,
section.package {	
	border-top: 1px solid #333;
	margin: 0px !important;
}

.pakettabelle table
{
background-color:#ffffff;
color:#333333; 
width:100%;   
border-spacing: 0;     
}

.pakettabelle tr
{
border-spacing: 0; 
}

.pakettabelle td
{
padding:10px 10px;
border:none;    
border-bottom: 1px solid #999999;
border-spacing: 0;    
}

.pakettabelle_paket_extra td
{
border-bottom:none;
}

.pakettabelle_inner td
{
text-align:center;
border-bottom:none;    
}

.pakettabelle_paket td:first-child
{
width:80px;
}

.pakettabelle_plus
{
width:100%;    
}

.pakettabelle_plus td
{
background-color:#DDDDDD;
color:#333333;  
font-weight:bold; 
text-align: center;    
}

.pakettabelle_auswahl
{
background-color:#ffffff;
color:#333333;  
}

.pakettabelle_auswahl td:first-child
{
width:33%;
}

.pakettabelle td img
{
max-width:140px;
max-height:70px;
width: auto;
height: auto;    
margin:0 auto;    
display:block;    
}

.so-widget-sow-editor .widget-title
{
display:none;
}
	





#pg-40-0 p {
	margin: 0px;
}
.package small {
	font-size: 12px;
}
th {	
	border-bottom: 1px solid #333;
	text-align: left;
}
	div.trenner {
		text-align: center;
		color: #111;
		font-weight: 600;
		font-size: 17px;
		padding: 5px;
	}
.jobboerse-info ul {
	list-style-type: none;
	padding-left: 10px;
	margin: 0px;
}
.jobboerse-info ul li:last-of-type,
.jobboerse-info ul li {
	padding-left: 3px;
	position: relative;
	padding-bottom: 0px;
}
.jobboerse-info ul li:before {
	content: '•';
	position: absolute;
	left: -10px;
	top: 0px;
}
#contacts {
	margin: 0px !important;
	position: relative;
}
/*
.footer-line {
	height: 10px;
	width: 100%;
}*/
footer {
	text-align: right;
	background: #111;
}
div.footer-inner {
	padding: 50px 20px;
	display: flex;
	display: -webkit-flex;
	color: rgba(255,255,255,0.75);
	width: 90%;
	margin: auto;
	min-height: 250px;
}
footer ul {
	list-style-type: none;
	display: flex;
	display: -webkit-flex;
	margin: 0px 0px 0px auto;
	width: auto;
	font-size: 15px;
}
footer ul li {
	padding: 0px 30px;
}

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

	.home .title-area,
	.page-template-index_tester .title-area {
		top: 80px;
		bottom: 35%;
		padding: 20px 0px 0px 0px;
	}
	.title-area {
		width: 90%;
		margin: auto;
		left: 0px;
		right: 0px;
		padding: 0px;
		bottom: 100px;
	}
	.jobticket-logo {
		min-width: 0px;
	}
	.page-template-blog .vier-teiler section > a,
	.page-template-blog .vier-teiler section > article {
		width: 48%;
	}	
	.vier-teiler section > a,
	.vier-teiler section > article,
	.page-template-blog div.fuenf-teiler.news section > a,
	.page-template-blog .fuenf-teiler section > a,
	.page-template-blog .fuenf-teiler section > article {
		width: 31%;
	}
	.fuenf-teiler section > a,
	.fuenf-teiler section > article {
		width: 23%;
	}
	.news a article {
		min-height: 0px;
	}
	div.header-buttons a.button,
	a.button {
		margin-bottom: 10px;
	}	
	a.contact {
		width: 60px;
		height: 60px;
		padding: 15px;
	}
	.page-id-1142 header a.button.red, 
	.page-template-paketseite header a.button.red {
		bottom: 20px;
	}
	
/*--------------------------------- RESPONSIVE NAVIGATION ---------------------------------*/
	#navigation,
	.home #navigation,
	.page-template-index_tester #navigation {
		top: 0px !important;
		background: #111;
		height: 60px;
	}
	.nav-contents {
		height: 60px;
	}
	.sticky {
		height: 60px !important;
	}
	div.navigation {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 110;
		height: 60px;
		width: 120px;
	}
    
    .headerbild
    {
    margin-top:60px;
    }
    
    
	a.contact {
		top: 0px;
	}
	.navigation a:hover {
		background: none !important;
	}
	.jobticket-menu {
		order: 1;
	}
	.jobticket-logo {
		order: 2;
		margin: 10px 30px 0px 150px;
	}
    
    .kranz
    {
    display:none;
    }
    
	.jobticket-number {
		order: 3;
	}
	ul.topmenu > li::after,
	ul.topmenu > li:hover::after {
		height: 0px;
	}
	ul.topmenu {
		opacity: 0;
		flex-direction: column;
		top: 60px;
		left: -300px;
		width: 255px;
		background: rgba(17,17,17,1);
		font-size: 120%;
	}
	ul.topmenu li {
		color: #fff;
		margin-top: -1px;
	}
		ul.sub-menu ul li a {
			padding-left: 45px !important;
		}
	ul.topmenu ul {
		display: block;
		position: static;
	}
	ul.topmenu > li > a {
		background: #111;
	}
	ul.topmenu > li > a,
	ul.topmenu ul.sub-menu li a {
		height: auto;
		padding: 15px;
		text-shadow: none;
	}
	ul.topmenu ul.sub-menu ul li a {
		padding: 5px 10px 5px 20px;
	}
label.responsive-nav-label {
	display: block;
	cursor: pointer;
	margin: 0;
	padding: 20px 15px;
	height: 60px;
	text-align: center;
	z-index: 99;
	position: absolute;
	left: 0px;
	top: 0px;
}                                                       
		input#responsive-nav[type=checkbox]:checked ~ ul.topmenu {			
			opacity: 1;
			right: 0px;
			left: 0px;
			top: 60px;
			z-index: 99;
		}
		input#responsive-nav[type=checkbox]:checked ~ label.responsive-nav-label {
			background: rgba(17,17,17,1);
			color: #fff;
		}
	
	/* AKKORDION SUBMENU */
	ul.topmenu > li.menu-item-has-children {
		position: relative;
	}
	ul.topmenu > li.menu-item-has-children > a {
		margin-right: 30px;
	}
	ul.topmenu > li.menu-item-has-children:before {
		content: url(css/img/mobile_menu_dropdown.png);
		color: #fff;
		background: #333;
		position: absolute;
		padding: 19px 15px;
		top: 0px;
		right: 0px;
		width: 15px;
		height: 15.4px;
	}
	ul.topmenu > li.active.menu-item-has-children:before {
		content: url(css/img/mobile_menu_dropdown_active.png);
	}
	li ul {
		transition: 300ms all ease-in;
	}
	li.active > ul {
		max-height: 300px !important;
		transition: 300ms all ease-in;
	}
	li.active.menu-item-has-children .menu-item > ul {
		max-height: none;
	}
	li.active.menu-item-has-children .menu-item > ul li:before {
		content: url(css/img/ul_ul_li_before.png);
		position: absolute;
		top: 6px;
		left: 18px;
	}
	ul.topmenu li.current-page-parent ul.sub-menu li.current-menu-item:before {
		content: url(css/img/ul_ul_li_before_hover.png);
	}
	ul.topmenu {
		transition: 300ms all ease-in;
	}
	ul.topmenu ul {
	    max-height: 0;
    	overflow: hidden;
		background: #333;
	}
	
	#contacts.vier-teiler section article {
		margin-bottom: 50px !important;
	}
	#contacts.vier-teiler article:last-of-type {
		margin-bottom: 1% !important;
	}
}

@media only screen and (max-width:1180px) {
	
	#navigation {
		font-size: 15px;
	}
	article.first,
	article.second {
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
		transform: none !important;
	}
	.fuenf-teiler.pakete a:hover .flipper, 
	.fuenf-teiler.pakete a.hover .flipper,
	div.fuenf-teiler.pakete section > a:hover {
		transform: none !important;
	}
	article.second {
		display: none;
	}
	.package {
		float: none !important;
		width: 100%;
	}
	section.galery article {
		width: 31%;
	}
	section.galery article .info,
	section.galery article:hover .info {
		position: static;
		padding: 10px;
	}
	.fuenf-teiler,
	div.fuenf-teiler.pakete,
	.jobticket-facts.fuenf-teiler section,
	.nav-contents {
		width: 90%;
		margin: auto;
		left: 0px;
		right: 0px;
	}
	.jobticket-facts {
		width: 100%;
	}
	div.fuenf-teiler section {
		margin: 0px;
		justify-content: space-between !important;
	}
	.jobticket-number {
		margin: auto 50px auto auto;
		min-width: 350px;
	}
	h1,
	h2,
	h3,
	.info h3,
	.news.vier-teiler h3,
	h4,
	h5 {
		text-align: left;
	}
	.home h2,
	.page-template-index_tester h2 {
		margin: 0 auto 20px auto;
	}
	#contacts h2,
	.home h2 ,
	.page-template-index_tester h2 {
		padding: 0px 40px;
	}
	.home .content p,
	.page-template-index_tester .content p {
		columns: 1;
	}
	.stellenboersenlogos_carousel h2 {
		width: 100%;
		max-width: none;
		text-align: center;
		left: 0;
	}
	.jobticket-facts h2,
	.news.vier-teiler h2 {
		max-width: 100%;
	}
	.jobticket-facts.fuenf-teiler section {
		justify-content: space-around !important;
	}
	section h3,
	section h2,
	h4.number,
	.vier-teiler h2,
	.vier-teiler h3,
	.fuenf-teiler h2,
	.fuenf-teiler h3 {
		text-align: center;
	}	
	.ml-slider-3-9-1,
	.metaslider,
	.metaslider-flex,
	.metaslider-304,
	.ml-slider, 
	.nav-hidden {
		display: none;
	}	
	.home header,
	.page-template-index_tester header {
		position: static;
		background: #000;
	}
	.home #bg_header,
	.page-template-index_tester #bg_header {
		min-height: auto;
		height: auto;
	}
	#bg_header {
		height: auto;
		padding: 70px 0 5% 0;
		z-index: 0;
	}
	.home #bg_header::after,
	.page-template-index_tester #bg_header::after { 
		z-index: -1;
	}
	.home .title-area,
	.page-template-index_tester .title-area,
	.title-area {
		position: static;
		z-index: 10;
		padding: 0% 5%;
	}
	.stellenboersenlogos_carousel {
		position: static;
	}
	/* Anzeigenweg mobil */
	.anzeigen-weg {
		width: 90%;
		margin: 0px auto;
	}
	.graphic {
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0;
	}
	.anzeigen-weg h2 {
		position: static;
		width: 100%;
	}
	.anzeigen-weg section {
		position: static;
		border-radius: 0px;
		margin: 0 0 10px 0 !important;
		height: auto;
		width: 100%;
		background: #aaa;
		display: flex;
		display: -webkit-flex;
	}
	.anzeigen-weg section article {
		width: 180px;
		height: auto;
		position: relative;
		margin: 0;
		padding: 0;
		background: #ccc;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	.anzeigen-weg article h4,
	.anzeigen-weg article p {
		padding: 0px 20px 20px 20px;
		width: 180px;
	}
	.anzeigen-weg article h4 {
		padding: 20px 20px 0px 20px;
	}
	.anzeigen-weg section .explain,
	.anzeigen-weg section:hover .explain {
		position: static;
		height: auto;
		opacity: 1 !important;
		width: 100%;
	}
	a.scrolltop {
		bottom: 7%;
		right: 7%;
	}
}

@media only screen and (max-width:1080px) {
	
	.jobticket-logo p {
		display: none;
	}
	.jobticket-logo {
		min-width: 0px;
	}
	.vier-teiler section > a,
	.vier-teiler section > article {
		width: 48%;
	}
	.fuenf-teiler section > a,
	.fuenf-teiler section > article {
		width: 31% !important;
	}
	.home h1,
	.page-template-index_tester h1 {
		/*background: rgba(17,17,17,0.9);*/
		font-size: 2rem;
		line-height: 1.5;
		/*padding: 10px;*/
	}
	.home .title-area h3,
	.page-template-index_tester .title-area h3 {
		font-size: 1.6rem;
	}
	.home h1:after,
	.home h1:before,
	.home .title-area:before,
	.page-template-index_tester h1:after,
	.page-template-index_tester h1:before,
	.page-template-index_tester .title-area:before {
		background: none;
	}
	.stellenboersenlogos_carousel h2 {
		left: 0;
		margin-left: 0;
		width: 100%;
		text-align: center;
		padding: 0px 20px;
	}
}

@media only screen and (max-width:780px) {
	
	body {
		font-size: 1.3rem;
	}
	.jobticket-number {
		display: none;
	}
	.jobticket-logo {
		margin: 10px auto;
	}
	.page-id-1142 header a.button.red, 
	.page-template-paketseite header a.button.red {
		display: none;
	}
	h1 {
		font-size: 2.5rem;
	}
	h2 {
		font-size: 2.1rem;
	}
	section.galery article {
		width: 48%;
	}
	.content {
		margin: 3% auto;
	}
	footer ul {
		display: block;
		text-align: left;
		font-size: 80%;
	}
	footer ul li {
		padding: 10px 0px;
	}
	
	/* ANZEIGENWEG HANDY */
	.anzeigen-weg section article {
		display: none;
	}
	.explain h4 {
		background: #ccc;
		margin: -20px -20px 20px -20px;
		padding: 20px 20px 20px 120px;
		color: #111;
		min-height: 105px;
	}
	.explain h4::before {
		color: #900000;
		top: 10px;
		left: 20px;		
	}
	
	.page-template-blog div.fuenf-teiler.news section > a,
	.page-template-blog .fuenf-teiler section > a,
	.page-template-blog .fuenf-teiler section > article,
	.page-template-blog .vier-teiler section > a,
	.page-template-blog .vier-teiler section > article,
	.vier-teiler section > a, 
	.vier-teiler section > article {
		/*width: 100% !important;*/
	}
	.fuenf-teiler section > a, 
	.fuenf-teiler section > article {
		width: 48% !important;
	}
	div.footer-inner {
		display: block;
		text-align: center;
	}
	footer ul {
		text-align: center;
		margin-top: 10px;
	}
	section.galery {
		flex-direction: column;
	}
	section.galery article {
		width: 100%;
		max-width: 330px;
		margin: 1% auto;
	}
	.pakettitel img {
		display: none;
	}
	
	/* TABELLE */
	.oder {
		flex-direction: row !important;
	}
	.oder > div {
		padding: 4px 9px !important;
	}
	.oder > div:nth-child(2) {
		padding: 4px 15px !important;
	}
}
@media only screen and (max-width:610px) {
	
	div.fuenf-teiler.pakete section {
		justify-content: space-around !important;
	}
    
    .zusatzservices article img
    {
    max-width:130px;
    }
    .zusatzservices article p
    {
    font-size:14px;
    }
    
    .zusatzservices .gallery-item
    {
    min-width: 180px;
    font-size:14px;    
    }
    
    
}


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

	section.galery article {
		width: 100%;
	}
}


@media print {
	
	@page {
		margin: 2cm;
	}
	body {
		font: 12pt/1.3 "Work Sans", Arial, sans-serif;
		background: #fff;
	}
	.title-area p {
		font-size: 12pt;
	}
	.jobticket-menu,
	.page-template-paketseite .vier-teiler,
	.page .vier-teiler,
	a.scrolltop,
	.parallax-window,
	.parallax-mirror,
	footer,
	a.contact {
		display: none !important;
	}
	/*.header {
		background: none;
	}*/
	#bg_header {
		height: auto;
	}
	.title-area {
		position: static;
		padding: 10% 5% 5% 5%;
	}
	#navigation {		
		position: static;
		background: #111 !important;
		color: #fff;
	}
	.sticky, .free {
		 background: #111 !important;
	}
	.nav-contents {
		margin: 0px 5%;
	}
	.content {
		margin: 0 auto !important;
		min-height: 0 !important;
		padding-top: 20px;
	}
	.content div {
		margin: 0 !important;
	}
	.alle-pakete-titel {
		font-size: 27px;
		color: #111;
	}
	.panel-grid-cell .panel-layout {
		border: 1px solid #333;
	}
	.panel-layout div, .panel-layout div p {
		font-size: 8pt !important;
	}
	.panel-grid.panel-has-style > .panel-row-style,
	.panel-grid.panel-no-style {
		/*flex-direction: column !important;
		-webkit-flex-direction: column !important;
		-moz-flex-direction: column !important;
		float: none !important;*/
		page-break-inside: auto !important;
		-moz-page-break-inside: auto !important;
		-webkit-page-break-inside: auto !important;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	div.insert-page {
		page-break-inside: avoid !important;
		-moz-page-break-inside: avoid !important;
		-webkit-page-break-inside: avoid !important;
	}
	.panel-grid.panel-has-style > .panel-row-style .oder > div ,
	.panel-grid.panel-no-style .oder > div {
		width: 100% !important;
		padding: 5px 10px !important;
	}
	.widget_text .abstandhalter, 
	.so-panel .widget_text .abstandhalter {
		/*page-break-after: always !important;*/
		background: #fff !important;
	}/*
	.panel-layout > div > div {
		width: 100% !important;
	}*/
	h1 {
		padding: 0px;
		font-size: 37px;
	}
	.package-list {
		margin-bottom: 50px !important;
	}
	a.button.red {
		margin-top: 50px !important;
	}
	.page-template-paketseite header a.button.red {
		display: none;
	}
	.content:after {
		content: "\ Weitere Informationen sowie passgenaue Angebote erhalten Sie unter der Telefonnummer +4930755154-403 sowie  +4930755154-420 oder per E-Mail: info@jobticket.de";
		color: #777 !important;
		font-size: 1em;
		padding-top: 30px;
		text-align: center !important; 
	}
} 









 














@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

:root {
  --clr-1: #140202;
  --clr-2: #290505;
  --clr-3: #590b0b;
  --clr-4: #b21617;
  --clr-5: #f4bb41;
}

div.fuenf-teiler.pakete section > a
{
z-index:10;    
}

div.fuenf-teiler.pakete section > a.month {
  padding:0;
  border-radius: 0.5rem;
  position: relative;
  z-index:5;    
}

div.fuenf-teiler.pakete section > a.month::before,
div.fuenf-teiler.pakete section > a.month::after {
  content: "";
  position: absolute;
  inset: -0.2rem;
  z-index: -1;
  background: conic-gradient(
    from var(--gradient-angle),
    var(--clr-3),
    var(--clr-4),
    var(--clr-5),
    var(--clr-4),
    var(--clr-3)
  );
  border-radius: inherit;
  animation: rotation 10s linear infinite;
   transition-property: all; transition-duration: 1s; transition-timing-function: ease; 
}

div.fuenf-teiler.pakete section > a.month.second::before,
div.fuenf-teiler.pakete section > a.month.second::after {
animation-delay: -1s;	
}

div.fuenf-teiler.pakete section > a.month.third::before,
div.fuenf-teiler.pakete section > a.month.third::after {
animation-delay: -2s;	
}



div.fuenf-teiler.pakete section > a.month::after {
  filter: blur(3.5rem);
}

div.fuenf-teiler.pakete section > a.month:hover::after {
  filter: blur(5.5rem) brightness(1.2) saturate(1.2);
}


@keyframes rotation {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}




div.fuenf-teiler.pakete section > a.month .inside
{
display:block;    
background-color: #b21617;    
position:relative; 
width:100%;
height:100%;
padding:20px 20px 40px 20px;    
}

div.fuenf-teiler.pakete section > a.month .inside:after
{
    content:"";
    position:absolute;
    width:50%;
    top:0;
    left:0%;
    bottom:0;
    right:50%;
    z-index:0;
    opacity:0.25;
   background-image:url(css/img/offer.svg);
    background-size: 50% auto;
    background-repeat:no-repeat;
    background-position: top right;
    width:100%;
    display:block; 
   transition-property: all; transition-duration: 0.2s; transition-timing-function: ease;
}

div.fuenf-teiler.pakete section > a.month:hover .inside:after
{
transform:rotate(-2deg); 
}










/* NEWLY ADDED SWIPER */

	
/* Slider */	

.swiper-area
{
position:relative;	
padding:0px 0px;	
}
	
 .swiper-container {
      width: 100%;
	 overflow-x:hidden;
    }

    .swiper-slide {
      text-align: center;
      font-size: 11px;
      background: #f4f4f4;
	color:#333333;	
      /*display: flex;*/display:block;
      justify-content: center;
      align-items: center;
		min-height:200px;
		/*width:100%;max-width:290px; min-width:290px;*/
		/*flex-shrink: 100% !important;*/
		width: 290px;
		margin-top:30px; padding-bottom:10px;
		transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; 
		opacity: 0.5;
    }
	
.swiper-slide-active
{	
margin-top:0px;	
opacity:1	
}
	

	
	
.extra-button-prev
{	
position:absolute; top:50%; left:0; z-index:1000;
    width: 48px;
    height: 48px;
	text-indent:-9999px;
display:inline-block;
background-color:#900000;color:#ffffff;
cursor:pointer;	
user-select: none; /* Prevents text selection */
  -webkit-user-select: none; /* For WebKit browsers (Safari, Chrome) */
  -moz-user-select: none; /* For Firefox */
  -ms-user-select: none; /* For Internet Explorer/Edge */	
}
.extra-button-next	
{	
position:absolute; top:50%; right:0; z-index:1000;	
    width: 48px;
    height: 48px;
    background-color:#900000;color:#ffffff;
text-indent:-9999px;	
display:inline-block;
cursor:pointer;	
user-select: none; /* Prevents text selection */
  -webkit-user-select: none; /* For WebKit browsers (Safari, Chrome) */
  -moz-user-select: none; /* For Firefox */
  -ms-user-select: none; /* For Internet Explorer/Edge */	
}
.extra-button-next:hover,
.extra-button-prev:hover	
{	
background-color:#bc1d1e;	
}
	
.extra-button-prev.disabled,
.extra-button-next.disabled	
{	
background-color: #999999; color:#ffffff;	
cursor: auto;	
}
.extra-button-prev:before,
.extra-button-next:before	
{	
content:"";	
position:absolute; top:0;left:0; 
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
height:10px; width:10px;	
transform:rotate(45deg); 
transform-origin:5px 5px;	
transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; 
margin:19px;	
}
.extra-button-next:before
{	
transform:rotate(225deg); 	
}


	
	
	
	
.categories {text-align:left;}
	
.categories button {
    border:none;	
    padding: 8px 8px;
    cursor: pointer;
	margin:4px 2px;
    background-color: #333333;
	color:#ffffff;
}
.categories button:hover
{	
background-color: #666666;	
}
.categories button.color-pink {background-color: #900000;;}	
.categories button.color-pink:hover {background-color: #bc1d1e;}		

.categories button.color-blue {background-color: #0167D4;}	
.categories button.color-blue:hover {background-color: #2077D4;}	
	
.categories button.active {
    background-color: #111111;
}
	
	
/* Accordion */	
	
/* Style for the accordion button */
.accordion {
background-color: #f4f4f4;
color: #444;
cursor: pointer;
padding: 10px 0px;
margin:0px 10px;	
width: calc(100% - 20px);
text-align: left;
border: none;
outline: none;
transition: background-color 0.3s ease;
display: grid;
grid-template-columns: 20px auto auto;
align-content: space-between;	
 align-items: center;	
}

.accordion:before
{	
content:"";
border-left: 2px solid #900000;
border-bottom: 2px solid #900000;
height:10px; width:10px;	
transform:rotate(315deg); transform-origin:4px 7px;	
transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; 	
}
	
.accordion.active:before
{	
transform:rotate(135deg);	
}
	
.acc-image
{
text-align: left;	
}
	
.acc-image img
{	
display:block; max-width:90px; max-height:22px;
filter: grayscale(100%);	
object-fit:contain;	
transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; 	
}
	
.accordion.active .acc-image img
{
filter: grayscale(0%);		
}

.acc-duration
{	
text-align:right;	
}
	
.accordion:hover, .accordion.active {

}

/* Style for the hidden panel */
.panel {
padding: 0 10px;
text-align: left;	
font-size:11px;
line-height:14px;	
transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; 
transition-behavior: allow-discrete; /*allow transition from display none*/	
overflow-y:clip;
height:0;
interpolate-size:allow-keywords; /*allow transtion from height 0*/	
	
}
	
.accordion.active + .panel
{	
height:auto;	
margin:10px 0px;	
}
	
.panel + .accordion
{	
border-top:	1px solid #e9e9e9;
}
	
.panel ul
{	
list-style:square;
margin: 0px 0px 0px 0px;	
}
.panel ul li
{	
margin: 4px 0px;	
}
	
.pt-headline
{	
margin:0;	
padding:20px 10px;	
background-color:#e9e9e9;	
color:#333333;	
font-size:15px; 
line-height:24px;
font-weight:bold;	
text-align:center;	
transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out;	
}

.swiper-slide-active .pt-headline
{	
padding:40px 10px;	
}
	
	
.pt-subheadline
{
font-size:11px; line-height:normal;
text-transform: uppercase;
font-weight:300;
display:block;	
}
	
.pt-preis
{	
border-top:1px solid #ffffff;	
background-color:#e9e9e9;
padding:5px 10px;
font-size:50px;
font-weight:700;	
line-height:50px;	
text-align: center;
color:#900000;	
}
.pt-currency
{	
text-align: center;	
font-weight:500;
font-size:12px;
line-height:normal;
display:block;	
}
.pt-preis-sub
{	
text-align: center;	
font-weight:400;
font-size:12px;
line-height:normal;
display:block;	
color:#999999;	
}
	
.pill
{	
padding:4px 8px; display:inline-block; border-radius:8px;background-color:#e9e9e9;	
}
	
a.pt-cta
{	
font-size:14px; line-height:20px;	
padding:10px 20px; font-weight:	400;
background-color:#900000;color:#ffffff;
display:inline-block;	
margin:10px auto;text-decoration:none;	
}
a.pt-cta:hover
{	
background-color:#bc1d1e;	
}