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

/*******************
CSS RESET SETUP
********************/
/*
@font-face {
font-family: 'RegularFOCKEBold';
src: url('fonts/regular-focke-bold-webfont.eot');
src: url('fonts/regular-focke-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RegularFOCKELight';
src: url('fonts/regular-focke-light-webfont.eot');
src: url('fonts/regular-focke-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
*/
@font-face {
font-family: 'RegularFOCKEBold';
src: url('fonts/RegularFOCKE-Next-Bold.eot');
src: url('fonts/RegularFOCKE-Next-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RegularFOCKELight';
src: url('fonts/RegularFOCKE-Next-Light.eot');
src: url('fonts/RegularFOCKE-Next-Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
h4 {
	font-size:30px;
	line-height:28px;
}
.grau {
	color: #575f65;
}
/*body {
	line-height: 1;
}*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{ 
	outline: none;
	text-decoration: none;
	color: #84d1f1;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover,
a:active,
a:focus{
	text-decoration: none;
}

a:focus{
	color: #84d1f1;
}


a:hover{
	color: #000;
}


body {
	font-family: RegularFOCKELight, sans-serif;
	font-size: 24px;
	line-height:28px;
	color: #000;
	overflow-x: hidden;
	background: #fff;
}
#wrapper { 
		width: 100%;
		margin: auto;
		overflow: hidden;
	} 

.bodyContainer{
	max-width: 1600px;
	width: 100%;
	margin: auto;
}

.contentContainer{
	max-width: 1000px;
	width: 100%;
	margin: auto;
	position: relative;
}

.contentContainerMini{
	max-width: 100%;
	width: 740px;
	margin: auto;
	padding: 0;
}
.contentContainerImp {
	max-width: 1000px;
	width: 90%;
	margin: auto;
	position: relative;
	padding:0px 20px;
}

.containerMid1520{
	margin: auto;
	max-width: 1280px;
	width: 100%;
}

.newsletterContainer {
	border-top: 1px solid #575f65;
	padding: 20px 0px;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #575f65;
    max-width: 1000px;
    /*    height: 350px;*/
}

.newsletterContainer2 {
	display: none;
    z-index:999;
}
 
.newsletterConfirmation {
	display: none;
    z-index:999; 
	position: absolute; 
	top: 45%;
	width: 100%;
}

.AppConfirmation {
	display: none;
    z-index:999; 
	position: relative; 
	width: 100%;
	margin: auto;
	min-height: 350px;
}

.AppConfirmation-hide {
	     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
	min-height: 350px;
}

@media screen and (max-width: 767px) {
.AppConfirmation-hide {
	     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
	min-height: 680px;
}
}
.newsletterConfirmation, .AppConfirmation p{ 
	text-align: center;
}

.newsletterConfirmation p{ 
	text-align: center;
}

.column-viertel {
    float: left;
	position: relative;
    width: 50%;
    min-height: 304px;
    background-repeat: no-repeat;
	background: #eff0f1;
}

.contentContainer:after,
.containerMid1520:after,
.contentContainerMini:after{
	clear: both;
	content: '';
	display: block;
	overflow: hidden;
}
.section-two-size{
	max-width: 1360px;
	width: 100%;
	margin: auto;
}

.contentContainerWrapper{
	padding: 20px 0;
}



@media only screen and (min-width: 768px) { 
	
	
	#wrapper { 
		width: 100%;
		margin: auto;
		overflow: hidden;
		position: relative;
	} 
	
	div.titelnews a{
		color: #111111 !important;	
	}
	
	.jquery-background-video-wrapper { 
		background-position: 40% center !important; 
	}
	
}

@media only screen and (min-width: 1200px) {  
	.section-two-size {
		max-width: 1300px;
		width: 100%;
		margin: auto;
	}
}
 

@media only screen and (max-width: 768px) { 
	
	#wrapper{
		width: 100%;
		overflow-x: hidden;
		margin: auto;
	}
	.contentContainerMini{ 
/*		padding: 0 20px;*/
		width: 100%;
	}
	
	.contentContainer768Wrapper{
/*
		padding-left: 20px;
		padding-right: 20px;
*/
		text-align: center;
	}
	.containerMid1520{  
		display: block; 
		max-width: 100%;
	}
	
	.resetResponsiveDiv{
		padding: 0 20px;
		width: inherit;
	}
	 
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height:505px;
  padding: 0;
  margin: 0;
  z-index:0;

  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height:505px;
  left: 0;
  top: 0;

  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

#titelslide1 {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/packages-slider.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#titelslide2 {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/packages-slider.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}
#titelslide3 {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/tobacco_slider1.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#titelslide4 {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/tobacco_slider2.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#titelslide_service {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/service.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}
#titelslide_service2 {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/service2.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

.titelnews {
	position: absolute;
	background-color:rgba(132,209,241, 0.8);
	background-image:url("../images/info.svg");
    background-position: 15px 50%;
    background-repeat: no-repeat no-repeat;
    color:#FFF;
	border-radius:10px;
	right:-290px;
	top:250px;
  	width:260px;
	height:100px;
	padding: 0px 30px 0px 100px;
	  -webkit-transition: all .5s ease-in;
	  transition: all .5s ease-in;
	  z-index:101;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	float:left;
	overflow: hidden;
  }

  .titelnews:hover {
	color:#000;
	right:-20px;
	background-image:none;
    background-position: 5px 50%;
    background-repeat: no-repeat no-repeat;
	padding: 0px 30px 0px 20px;
	}





#gallery a {
    display: blocK;
    width: 40px;
    height: 42px;
    top: 50%;
    position: absolute;
    margin: -10px 5px -10px 5px;
    z-index: 25;
    color: #014571;
    background: #ffffff;
    background: rgba(255, 255, 255, .75);
    text-decoration: none;
    font-size: 32px
}

.slideLeftHandle {
    text-align: right;
    padding-right: 5px;
    right: 0
}

.slideRightHandle {
    text-align: left;
    padding-left: 5px;
    left: 0
}

#gallery {
    position: relative;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    height: 520px;
    background: #025387;
    overflow: hidden
}

#gallery .slide {
    width: 1444px;
    height: 520px;
    position: absolute;
    top: 0;
    left: -122px
}

#gallery .slide .slide-layer-01,
#gallery .slide .slide-layer-02,
#gallery .slide .slide-layer-03 {
    width: 1444px;
    height: 520px;
    position: absolute;
    top: 0;
    left: 0
}

#gallery .slide .slide-layer-03 {
    background: #fff;
    opacity: .75;
    color: #000;
    height: auto
}

#gallery .slide .slide-layer-03 p {
    width: 1150px;
    margin: 15px 147px;
    position: relative
}

#slide01 {
    z-index: 03
}

#slide02 {
    z-index: 02
}

#slide03 {
    z-index: 01
}

@media only screen and (max-width: 768px) { 
	
	body { 
		font-size: 21px; 
	}
	
	.addui-Accordion .addui-Accordion-header{
		border-top: 0 !important;
	}
	
	.addui-Accordion .addui-Accordion-header::after { 
		font-size: 21px !important; 
	}
	
	.hidden-mobile{
		display: none;
	}
	.rslides {

  height:350px;
  }

  .titelnews {
	background-image:none;
	right:-20px;
	top:200px; 	/* NEW ADDED */
  	width:215px;
	height:100px;
	padding: 0px 40px 0px 20px;
  }

  .titelnews:hover {
	color:#000;
	right:-20px;
	background-image:none;
    background-position: 5px 50%;
    background-repeat: no-repeat no-repeat;
	}



#titelslide1 {
  height:370px;
    width: 100%;
	  background-image:url("../images/banner/packages-slider-responsive.jpg");
    background-position: 50% 50%;
}

#titelslide2 {
  height:370px;
    width: 100%;
	  background-image:url("../images/banner/packages-slider-responsive.jpg");
    background-position: 50% 50%;
}
#titelslide3 {
  height:370px;
    width: 100%;
	  background-image:url("../images/banner/tobacco-slider-responsive-1.jpg");
    background-position: 50% 50%;
}

#titelslide4 {
  height:370px;
    width: 100%;
	  background-image:url("../images/banner/tobacco-slider-responsive-2.jpg");
    background-position: 50% 50%;
}
#titelslide_service {
  height:370px;
    width: 100%;
	  background-image:url("../images/banner/service-responsive.jpg");
    background-position: 50% 50%;
}
#titelslide_service2 {
  height:370px;
    width: 100%;
	  background-image:url("../images/banner/service2-responsive.jpg");
    background-position: 50% 50%;
}

}



/*****************
HEADER CSS
*********************/

#header nav {
/*			position: fixed;*/
	right: 2em;
	top: 2em;
	z-index: 10000;
}

	#header nav ul {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#header nav ul li {
			display: block;
			padding: 0;
		}

			#header nav ul li a {
 				display: block;
				color: #82d0f5;
			}

 

				#header nav ul li a[href="#menu"]:hover:before {
					opacity: 1;
				}

				#header nav ul li a[href="#menu"]:hover:after {
					opacity: 0;
				}

#headerHolder, #headerHolderFirm{ 
    padding-bottom: 25px;
	padding-top: 33px;
	padding-left:20px;
	padding-right:20px;
	max-width: 1520px;
	/*width: 100%;*/
	margin: auto;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

#leftDiv{
	float: left;
	width: 10%;
}

#centerDiv{
	width: 80%;
	text-align: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;	align-items: center;
	justify-content: center;
}

#rightDiv{
	float: right;
	width: 10%;
	text-align: right;
}

/*
@media screen and (max-width: 1440px) {
	#headerHolder { 
	    padding-bottom: 25px;
		padding-top: 33px;
		width: auto;
	}
	
}*/

@media screen and (max-width: 768px) {
	
	#headerHolder{
    padding-bottom: 14px;
	padding-top: 20px;
	}
	
#headerHolderFirm{
    padding-bottom: 14px;
	padding-top: 20px;
	}
	
		#header nav {
			right: 0.5em;
			top: 0.5em;
		}

			#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
				background-size: 1.5em 1.5em;
			}


}

 





/* Menu */

.nav a, .nav label {
  display: block;
  padding: .45rem;
	padding-left: 0;
  color: #84d1f1; 
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
	font-size: 24px;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: #000; 
}

.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label { 
	border-bottom:  solid 1px rgba(255, 255, 255, 0.15) !important;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { 
/*	background: #131313;*/
}

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 4rem; 
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { 
/*	background: #232323; */
}

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem; 
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover {
/*	background: #333333; */
}

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

ul.group-list li a{
	padding-left: .6em !important;
	/*font-size: 22pt;*/
	text-transform: capitalize !important;
}


	#wrapper {
		-moz-transition: opacity 0.45s ease;
		-webkit-transition: opacity 0.45s ease;
		-ms-transition: opacity 0.45s ease;
		transition: opacity 0.45s ease;
		opacity: 1;
	}

	#menu {
		-moz-transform: translateX(-18em);
		-webkit-transform: translateX(-18em);
		-ms-transform: translateX(-18em);
		transform: translateX(-18em);
		-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
		-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
		-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
		transition: transform 0.45s ease, visibility 0.45s;
		position: fixed;
		top: 0;
		left: 0;
		width: 12em;
		max-width: 80%;
		height: 100%;
		-webkit-overflow-scrolling: touch;
		background: #575f65;
		color: #ffffff;
		cursor: default;
		visibility: hidden;
		z-index: 10002;
	}

		#menu > .inner {
 			width: 90%;
			padding: 10px 0;
			margin: auto; 
    		overflow-y: auto; /* has to be scroll, not auto */
  			-webkit-overflow-scrolling: touch;
		}

			#menu > .inner > ul {
				list-style: none;
				margin: 1.6em 0 1em 0;
				padding: 0;
				text-transform: uppercase;
			}

				#menu > .inner > ul > li {
					padding: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.15);
				}

					#menu > .inner > ul > li a {
						display: block;
						padding: .2em 0 .2em 0;
/*						line-height: 1.5;*/
						border: 0; 
					}

					#menu > .inner > ul > li:first-child {
						border-top: 0;
/*						margin-top: -1em;*/
					}

		#menu > .close {
			-moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease;
			-webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
			-ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease;
			transition: opacity 0.45s ease, transform 0.45s ease;
			-moz-transform: scale(0.25) rotate(180deg);
			-webkit-transform: scale(0.25) rotate(180deg);
			-ms-transform: scale(0.25) rotate(180deg);
			transform: scale(0.25) rotate(180deg);
			-webkit-tap-highlight-color: transparent;
			display: block;
			position: absolute;
			top: 1em;
    		right: -3.8em;
			width: 6em;
			text-indent: 6em;
			height: 3em;
			border: 0;
			font-size: 1em;
			opacity: 0;
			overflow: hidden;
			padding: 0;
			white-space: nowrap;
		}

			#menu > .close:before, #menu > .close:after {
				-moz-transition: opacity 0.2s ease;
				-webkit-transition: opacity 0.2s ease;
				-ms-transition: opacity 0.2s ease;
				transition: opacity 0.2s ease;
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 2em 2em;
			}

			#menu > .close:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %2384d1f1%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
				opacity: 0;
			}

			#menu > .close:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
				opacity: 1;
			}

			#menu > .close:hover:before {
				opacity: 1;
			}

			#menu > .close:hover:after {
				opacity: 0;
			}

		@media screen and (max-width: 736px) {
			
			.nav a, .nav label { 
				font-size: 16pt;
			}
			
			ul.group-list li a { 
				font-size: 16pt; 
			}

			#menu {
				-moz-transform: translateX(-16.5em);
				-webkit-transform: translateX(-16.5em);
				-ms-transform: translateX(-16.5em);
				transform: translateX(-16.5em);
				width: 16.5em;
			}

				#menu > .inner {
					    padding: 1.0em .5em;
				}

				#menu > .close {
					top: 0.5em;
/*					left: 11em;*/
					width: 4.25em;
					text-indent: 4.25em;
					right: -3em;
				}

					#menu > .close:before, #menu > .close:after {
						background-size: 1.5em 1.5em;
					}
			
			

		}

	body.is-menu-visible #wrapper {
		-moz-pointer-events: none;
		-webkit-pointer-events: none;
		-ms-pointer-events: none;
		pointer-events: none;
		cursor: default;
		opacity: 0.25;
	}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

		body.is-menu-visible #menu > * {
			opacity: 1;
		}

		body.is-menu-visible #menu .close {
			-moz-transform: scale(0.5) rotate(0deg);
			-webkit-transform: scale(0.5) rotate(0deg);
			-ms-transform: scale(0.5) rotate(0deg);
			transform: scale(0.5) rotate(0deg);
			opacity: 1;
		}




.headerWrapperHolder{
	max-width: 1600px;
	width: 100%;
	margin: auto;
	padding: 33px 0;
}

.headerWrapperHolder:after{
	content: ' ';
	display: table;
	overflow: hidden;
	width: 100%;
}


.head-col{
	float:  left; 
}
.header-left{
	width: 5%;
}

.header-center{
	width: 90%;
	text-align: center;
}

.header-right{
	width: 5%;
	text-align: right;
}

.headerbar{
	height: 50px;
	overflow: hidden;
	background: url(../images/focke-bot.jpg) left top no-repeat;
	background-size: cover;
	/*margin-top: 1px;*/
	width: 100%;
}

.panel {
    position: fixed;
    left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
}


@media only screen and (max-width: 768px) {
	.header-left{
		width: 10%; 
	}

	.header-center{
		width: 80%; 
	}

	.header-right{
		width: 10%; 
	}
	
	.headerbar{
		height: 40px;
	}
	
	
	body.is-menu-visible #menu .close {
			-moz-transform: scale(1.0) rotate(0deg);
			-webkit-transform: scale(1.0) rotate(0deg);
			-ms-transform: scale(1.0) rotate(0deg);
			transform: scale(1.0) rotate(0deg);
			opacity: 1;
		}
	
}




/******************************
HEADER DROP CSS
***********************************/
 
.fa-custom{
	padding-top: 8px;
}







/* Style The Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: white;
    padding: 16px;
	padding-top: 0;
	padding-right: 0px;
	position: relative;
	top: -4px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	color: #84d1f1;
	font-family: 'RegularFOCKELight';
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
/*
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
*/
    z-index: 1;
	left: 11px;
}

/* Links inside the dropdown */
.dropdown-content a {
    padding: 10px 8px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    color: #82d0f5;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: transparent; color: #000; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: transparent;
	color: #000; 
}






@media only screen and (max-width: 768px) {
  .header-center img{
	  max-width: 100%;
	}
	
	.headerWrapperHolder{
		padding: 0 15px;
	}
	
	.fa-custom{
		padding-top: 0;
	}
	
	button.dropbtn {
		background-color: transparent;
		color: white;
		padding: 12px;
		padding-top: 0;
		padding-bottom: 10px;
		padding-right: 4px;
		position: relative;
		top: -4px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		color: #82d0f5;
	}
	
		.dropdown-content a {
		color: black;
		padding: 0px 8px;
		text-decoration: none;
		display: block;
		font-size: 10px;
		color: #82d0f5;
	}
}

/*************************
COMMON CSS
*************************/

img.img-align-left{
	float: left;
	margin: 0 20px 0 0;
}

.boldFontClass{
	font-family: 'RegularFOCKEBold';
    color: #575F65;
}
.blank-height{
	width: 100%;
	height: 40px;
}

.blank-height20{
	width: 100%;
	height: 20px !important;
}
h1,h2,h3{
	font-size: 56px; 
    line-height: 51px;
    font-family: 'RegularFOCKELight';
    font-weight: 300;
    color: #575F65;
}


.text-size-56{
	font-size: 56pt;
}

.text-size-70{
	font-size: 70px;
}
.sub-title-font{
	font-size:22px;
    line-height: 1;
    display: block;
}
 
.text-marginBottom{
	margin-bottom: 15px;
}

.text-upperClass{
	text-transform:  uppercase;
}

span.span-block{
	display: block;
	font-size: 1em;
	color: #fff;
	
}


.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}


button.formBtn, .formBtn {
    background: #84d1f1;
    color: #fff;
    font-family: 'RegularFOCKELight';
    font-size: 22px;  
    /* line-height: 60px;
   margin: 25px 25px;*/
    text-align: center;
	text-transform: uppercase;
    border: 0;
    transition: all 0.5s ease 0s;
	padding: 12px 10px;
}

button.formBtnPartner, .formBtnPartner {
    background: #84d1f1;
    color: #fff;
    font-family: 'RegularFOCKELight';
    font-size: 22px;  
    /* line-height: 60px;
   margin: 25px 25px;*/
    text-align: center;
	text-transform: uppercase;
    border: 0;
    transition: all 0.5s ease 0s;
	padding: 12px 10px;
}

button.formBtn-md, .formBtn-md{
	padding: 12px 20px;
}

button.formBtn:hover,
button.formBtn-md:hover{
  background: #565d61;
	cursor: pointer;
}

a.button-career{
    background: #84d1f1;
	text-transform: uppercase;
	display: block;
	padding: 8px 30px;
	color: #fff;
    transition: all 0.5s ease 0s;

}

a.button-career:hover{
  background: #565d61;
}

.overlayBlack{
	
	background: #000; opacity: .15; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 101;
}

.absolute-center{
	position:absolute;  
	top: 200px; 
	left: 50%; 
	z-index: 102;
	width: 200px;
	margin-left: -100px;
}

@media only screen and (max-width: 768px) {
   h1{
		font-size: 32px;
	   line-height: 32px;
	}
	
	h2{
		font-size: 24px; 
	}
	
	.blank-height{
		display: none;
	}

.blank-height20{
	display: none;
	}
	
	/*.page-subconten{
		padding: 0px 25px;
	}*/
	
	.text-marginBottom {
		margin-bottom: 15px;
		margin-top: 25px;
	}
}


/*************************
ALL SECTION CSS ONLY
**************************/

.commonSection{
	padding: 20px 40px 80px;
}

.commonSection:after{
	clear: both;
	content: '';
	display: table;
	overflow: hidden;
}
.section-bg3{
	background: #eff0f1;
	padding: 20px 0;
}

.sectionReset{
	padding: 40px 0;
}
.commonTopReset{
	padding-top: 0;
}

.commonBottomReset{
	padding-bottom: 0;
}

.section-bg3 h1{
	margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
   .commonSection{
		padding: 20px 0;
	}	
	
	.commonBottomReset {
    padding-bottom: 0;
}
}

/*************************
NAVIGATIIN WRAPPER CSS
**************************/
.navigation-wrapper{
	max-width: 1600px;
	width: 100%;
	margin: auto;
}

/********************
BANNER SECTION CSS
**********************/

.bannerText{
	
	max-width: 1000px;
	width: inherit;
	margin: auto; 
	position: relative;  
	color: #fff;  
	background-color: #022442 !important;
	margin: auto 20px;
}

#homepageSlider{
	background-position: center center;
	background-size: cover;
	height: 550px; 
}

.cigaratePageSlider{
	height: auto !important;
	min-height: 677px;
	background-position: center top !important;
    background-size: contain !important; 
    background-color: #022442 !important;
    background-repeat: no-repeat !important;
}

.page-cigarette #homepageSlider{
	background-position: center center !important;
	background-size: cover !important;
	height: 550px !important; 
}

#homepageSliderHolder{ 
	width: 1360px;
	height: 100%;
	position: relative;
	margin: auto;
}

.cigaratePageSlider #homepageSliderHolder{  
	position: initial; 
}

.banner-holder{ 
	max-width: 1520px;
	width: 100%;
	margin: auto; 
}

 
.container-text{
	 
	color: #fff;
}

.sliderTextMiddle{
	max-width: 1000px;
	width: 100%;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -500px;
}

span.slider-title-big{
	display: block;
/*    font-size: 3.6em;*/
	font-size: 56px;
	line-height: 51px;
    text-transform: uppercase;
    font-family: 'RegularFOCKEBold';
    top: 40px;
    position: absolute;
	color: #fff;
    left: 160px;
    padding-right:10px;
	z-index:999;
}
span.slider-title-big2{
	display: block;
/*    font-size: 3.6em;*/
	font-size: 56px;
	line-height: 51px;
    text-transform: uppercase;
    font-family: 'RegularFOCKEBold';
    top: 40px;
    position: absolute;
	color: #fff;
    left: 18px;
    padding-right:10px;
	z-index:999;
}

span.slider-title{
	display: block;
/*    font-size: 3.6em;*/
	font-size: 42px;
	line-height: 51px;
    text-transform: uppercase;
    font-family: 'RegularFOCKEBold';
    top: 40px;
    position: absolute;
	color: #fff;
    left: 20px;
    padding-right:10px;
	/*z-index:999;*/
/*	width: 100%;*/
}

span.slider-sub-title{
	top: 15px;
    position: absolute;
    left: 18px;
	display: block;
/*	font-size: 1.9em;*/
	font-size: 24px;
	line-height:28px;
	text-transform: uppercase;
	font-family: 'RegularFOCKELight';
	color: #bbe5f6;
	z-index:999;
}

.slider-title-big span a{
	font-family: 'RegularFOCKELight';
	color: #84d1f1;
	text-decoration:underline;
	display: none;
}
.slider-title-big2 span a{
	font-family: 'RegularFOCKELight';
	color: #84d1f1;
	text-decoration:underline;
	display: none;
}

.bxslider-wrap { visibility: hidden; }

.slider-sub-title{
	display: none;
}

 
.bannerText-desktop .col-group{ 
		color: #fff;
	}
 

.mobileVersion{
		display: none;
	}
	
	.nonMobile{
		display: block;
	}
	
	.notToggle{
		display: block;
	}
	
	.bannerText-desktop .toggleDiv{
		display: none;
	}
@media only screen and (max-width: 769px) {
/*	span.slider-title { 
		left: 30px; 
		top: 30px;
		line-height: 1;
	}*/
	
	.page-package-solution span.slider-title { 
		left: 18px; 
		/*top: initial;*/
		line-height: 1;
	} 

	#homepageSliderHolder {
		width: 100%;
		height: 100%; 
	}

	.bannerText{
/*
		top: -100px !important;
		background-color:  transparent !important;
*/
		margin-bottom: 70px;
		padding-bottom: 10px;
	}
	
	.bannerText-desktop{
		margin-bottom: 80px;
	}
	
	.bannerText-desktop .col-group{
		margin-left: 0;
		margin-right: 0;
		color: #fff;
	}
	
	.bannerText p{
		padding: 0 20px;
	}
	
	.cigaratePageSlider{
		min-height: initial !important;
	}
	span.slider-title-big {
	left: 35px;
	font-size: 30px;
	line-height: 34px;
	}
	span.slider-title-big2 {
	left: 20px;
	top:60px;
	font-size: 30px;
	line-height: 34px;	}
	 
/*	span.slider-sub-title {
	font-size: 24px;
	}
*/
	span.slider-title {
    left: 0px;
	top:30px;
    font-size: 30px;
    line-height: 30px;
	}
	span.slider-sub-title{
	left: 0px;
	font-size: 20px;
	line-height:20px;
	top:10px;
}
}

@media only screen and (max-width: 1024px) { 
	span.slider-title { 
		left: 20px; 
	} 

	#tiles {
    	padding: 20px 40px;
	}

	.cigaratePageSlider{
		position: relative;
	}	

	.banner-holder { 
		 width: inherit;  
		padding: 0 20px;
	}
	
	.section-tab-holder{
		 width: initial !important;  
		padding: 0 20px;
	}
	
	.bannerText{
		display: none;
	}
	
	.bannerText-desktop{
		display: block;
/*
		position: absolute;
		bottom: 100px;
*/
		max-width: 1000px;
/*
		left: 50%;
		margin-left: -500px;
*/
		margin: auto;
/*		width: 1000px;*/
/*		text-align: center;*/
/*		padding-top: 520px;*/
/*		margin-bottom: 80px;*/
	}
	
		.bannerText-desktop p{
			color: #fff;
	}
	
}
@media only screen and (max-width: 768px) {
	.bannerText-desktop {
		padding-top:  100px !important;
	}


	#homepageSliderHolder{ 
		width: 100%;
		height: 100%; 
	} 
	
	#homepageSlider{  
		height: 380px; 
	} 
	
	
	.banner-holder{
		min-height:auto;
		padding:  0 20px; 
		width: inherit;
	}
	.container-fluid{
	/*	padding: 10px 20px;	*/
		padding-bottom: 0;
		position: relative; 		/* NEW ADDED LINE */
	}
	
	.banner-holder .bx-wrapper, .banner-holder .bx-viewport, .banner-holder .bx-wrapper img {height: 380px !important;}
    
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		bottom: 15px !important;
	}
	
	span.slider-title-big {
	left: 35px;
	font-size: 30px;
	line-height: 34px;
	}
	span.slider-title-big2 {
	left: 18px;
	top:60px;
	font-size: 30px;
	line-height: 28px;	}
	 
/*	span.slider-sub-title {
	font-size: 24px;
	}
*/
	span.slider-title {
    left: 0px;
	top:55px;
    font-size: 30px;
    line-height: 30px;
	}
	span.slider-sub-title{
	left: 18px;
	font-size: 20px;
	line-height:20px;
	top:20px;
}
	
	.page-package-solution span.slider-title { 
		left: 18px; 
		line-height: 1;
		width: initial;
		top:65px;
	}
	
	.cigaratePageSlider{
		min-height: initial !important;
	}
	.sliderTextMiddle{
		max-width: initial; 
		left: 10%;
		margin-left: initial;
		width: 80%;
		/*top: 14%;*/
	}
	
	.bannerText-desktop .col-group{ 
		padding-left: 0;
		padding-right: 0;
	}
	
	
	.page-package-solution .section-bg3{
		background: transparent !important;
	}
	
	.bannerText-desktop .toggleDiv{
		padding: 0; 
	}
	
	.bannerText-desktop .toggleDiv p{ 
		color: #fff;
	}
	
	.notToggle{
		display: none;
	}
	
	.bannerText-desktop .toggleDiv{
		display: block;
	}
	
	
	.bannerText-desktop .toggleDiv .shadowClass {
    display: block;
    height: 110px;
    width: 100%;
    position: absolute;
    z-index: 5;
    bottom: 43px;
    background: -moz-linear-gradient(top, rgba(2,36,66,0) 0%, rgba(2,36,66,0.93) 75%);
    background: -webkit-linear-gradient(top, rgba(2,36,66,0) 0%,rgba(2,36,66,0.93) 75%);
    background: linear-gradient(to bottom, rgba(2,36,66,0) 0%,rgba(2,36,66.93) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cceff0f1',GradientType=0 );
}


	.section-tab-holder{
		margin-top: 0 !important;
	}
}

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

	.bx-controls{
		display: none;
	}	

	span.slider-title {
		display: block;
		font-size: 24px;
		text-transform: uppercase;
		font-family: 'RegularFOCKEBold';
		top: 65px;
		position: absolute;
		color: #fff;
		left: 0px;
		line-height:1;
	}
	span.slider-sub-title {
		left: 18px;
		font-size: 19px;
		line-height: 20px;
		top: 20px;
}
	 

	 .cigaratePageSlider{
		height: auto !important;
		background-position: center top !important;
	    background-size: cover !important; 
	    background-color: #022442 !important;
	    background-repeat: no-repeat !important;
		min-height: 350px !important;
}
	
	
	.bannerText{
		width:auto; 
		margin: auto;    
		padding-top: 0; 
		margin:  0 20px;
		margin-bottom:0 !important;
		color: #fff; 
		margin-bottom: 10px;  
		line-height: 1;
		background-color: #022442 !important;
	}	

	.bannerText p{
		margin: 0;
		padding: 0 20px 20px 20px;
	}
	
	.section-tab-holder{
		margin-top: 0 !important;
	}
}		


@media screen and (max-width: 767px) and (min-width: 521px) { 
	
	.cigaratePageSlider{
	height: auto !important;
	background-position: center top !important;
    background-size: contain !important; 
    background-color: #022442 !important;
    background-repeat: no-repeat !important;
	min-height: 350px !important;
}
	

	.bannerText{
	width:auto; 
	margin: auto;    
	padding-top: 0; 
	margin:  0 20px;
	margin-bottom:0 !important;
	color: #fff; 
	margin-bottom: 10px;  
	line-height: 1;
	background-color: #022442 !important;
}
	
	.bannerText p{
		margin: 0;
		padding: 0 20px 20px 20px;
	}
	
	.section-tab-holder{
		margin-top: 0 !important;
	}
}

.phone374{
	min-height: 420px !important;
}

.phone540{
	min-height: 600px !important;
}

.phone620{
	min-height: 677px !important;
}

.phone767{
	min-height: 300px !important;
}

.phone1023{
	min-height: 320px !important;
}

@media screen and (max-width: 1023px) and (min-width: 520px) { 
	
	.cigaratePageSlider{ 
		background-size: cover !important;  
	}
	
	.phone1023 {
		min-height: 380px !important;
	}
}


@media screen and (max-width: 899px) and (min-width: 768px) { 
	
	.pws_tabs_container ul.pws_tabs_controll {  
		 width: 100% !important;  
	}
	
	.pws_tabs_container {
		 width: inherit !important;  
		padding: 0 20px;
	}
	
	.section-facts, .section-layout { 
		width: inherit!important;
	}
	
	.pws_tabs_container ul.pws_tabs_controll li:last-child a {
    border-right: 0;
    padding-top: 18px;
    padding-bottom: 0;
    margin: 0;
    position: relative;
    top: -5px;
}
	
	.pws_tabs_list{
/*
		padding-left: 20px !important;
		padding-right: 20px !important;
*/
	}
	
}


@media screen and (max-width: 1024px) and (min-width: 768px) { 
	
	
	.pws_tabs_container ul.pws_tabs_controll {  
		 width: 95% !important;  
	}
	
	.pws_tabs_container {
		 width: inherit !important;  
		 padding: 0;
	} 
	
	.pws_tabs_list{
		margin: -5px 0 0 0;
	}
	
	body.page-cigarette .section-bg{ 
		padding: 15px;
	}
	
	.section-facts, .section-layout { 
		width: inherit!important;
	}
	
	.pws_tabs_container ul.pws_tabs_controll li:last-child a {
    border-right: 0;
    padding-top: 18px;
    padding-bottom: 0;
    margin: 0;
    position: relative;
    top: -5px;
		height: 56px;
}
	
	.cig-grid-block label { 
    font-size: 21px !important; 
}
	
	.pws_tabs_list{
/*
		padding-left: 20px !important;
		padding-right: 20px !important;
*/
	}
	
}

/***************************
MAP SECTION CSS
*******************************/
.containerMap{ 
	position: relative;
}

.containerMap img{
	max-width: 100%;
	display: block;
}
.containerMap a.dotMaps{
	background: #334f67;
    color: #fff;
    text-transform: uppercase;
/*    font-size: .86em;*/
    position: absolute;
    z-index: 5;
    padding: 0 5px;
    line-height: 1.1em;
	border: 1px solid #deedf5;
    transition:all linear 0.15s;
}
.containerMap a.dotMaps:hover{
	background:#565d61;
	color:#FFF;
	cursor: pointer;
}

a.germany span{
	background: #717579;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    left: -18px;
    top: 5px;
    /* z-index: 6; */
    display: block;
    position: absolute;
	border: 1px solid #deedf5;
	
}


a.germany span.mapText{
	    background: #334f67;
    color: #fff;
    text-transform: uppercase; 
    position: absolute;
    z-index: 5;
    padding: 0 5px;
    line-height: 1.1em;
    border: 1px solid #deedf5;
	width: auto;
	height: auto;
 	border-radius: 0;
    left: 0px;
    top: 0px;
    transition:all linear 0.15s;
	
}

a.germany span.mapText:hover {
	background:#565d61;
	color:#FFF;
	cursor: pointer;
}
a.usa{
	left: 11%;
    top: 28%;
}

a.brazil{
	left: 23%;
    top: 64%;
}

a.germany{
	left: 46%;
    top: 19%;
	background: #717579 !important;
}

a.turkey{
	left: 51%;
    top: 28%;
}

a.russia{
	left: 65%;
    top: 12%;
}

a.japan{
	left: 83%;
    top: 26%;
}

a.china{
	left: 73%;
    top: 36%;
}

a.singapore{
	left: 71%;
    top: 57%;
}

a.spain{
	left: 40%;
    top: 30%;
}

span.onlyDots{
	background: #334f67;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    left: -18px;
    top: 5px;
    /* z-index: 6; */
    display: none;
    position: absolute;
	border: 1px solid #deedf5;
	
}

.modalAddress{
	position: absolute;
	right: 145px;
	top: 0;
	background: #d5d5d5; 
	width: 400px;
	z-index: 10;
	/*font-size: 1.0em;*/
	padding: 0 10px 10px 10px;
	line-height: 0.98em;
	display: none;
}

.modalAddress img{
	max-width: 100%;
	width: 100%;
	margin: 5px 0;
	padding: 0;
}


 

@media only screen and (max-width: 768px) {  
	
	.modalAddress{
		display: none;
	}
	
	a.germany span.mapText{
		display: none;
	}
	
	span.onlyDots{ 
		width: 12px;
		height: 12px;
		left: 0px;
    	top: -5px; 

	}
	
	a.germany span { 
		width: 12px;
		height: 12px;
		left: 0;
		top: 0; 
	}
	
	
	a.usa{
		left: 11%;
		top: 28%;
	}

	a.brazil{
		left: 27%;
		top: 64%;
	}

	a.germany{
		left: 46%;
		top: 19%; 
	}

	a.turkey{
		left: 54%;
		top: 28%;
	}

	a.russia{
		left: 65%;
		top: 12%;
	}

	a.japan{
		left: 90%;
		top: 26%;
	}

	a.china{
		left: 82%;
		top: 36%;
	}

	a.singapore{
		left: 82%;
		top: 57%;
	}

	a.spain{
		left: 44%;
    	top: 31%;
	}
	
}
 



/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f7f7f7;
}
 
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    border-bottom:1px solid #1a1a1a;
    background:#333;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    text-shadow:0px 1px 0px #1a1a1a;
    color:#fff;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    background:#4c4c4c;
    /* Type */
    text-decoration:none;
}
 
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/

.officeAddress {
	margin-bottom:15px !important;
}
.accordion-section-content {
    padding:15px;
    display:none;
}

h3.mapTitle{
	font-family: 'RegularFOCKEBold';
	font-size:24px;
	line-height:28px;
	color: #575f65;
	display: block;
	margin-top: 40px;
	/*border-bottom: 1px solid #000;*/
	padding-bottom: 4px; 
}

p.mapContacts{
	font-family: 'RegularFOCKELight';
	color: #575f65;
}

p.mapContacts span.span0{ 
	line-height: 28px;
	display: block;
}

p.mapContacts span.span1{
	font-family: 'RegularFOCKEBold';
	display: block;
	margin-bottom: 8px;
}

p.mapContacts span.span2{
	font-family: 'RegularFOCKELight';
	display: block;
	color: #000;
	margin-top:-10px;
	line-height:28px;
}

p.mapContacts a{
	font-family: 'RegularFOCKELight';
	display: block; 
}

.closeBtnMap{
/*	background:  url(../images/close_btn.png) center center no-repeat;*/
	width: 24px;
    height: 34px;
    overflow: hidden;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    font-size: 48px;
    color: #84d1f1;
	/* Rotate div */
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

 

.closeBtnMap:hover{
	cursor: pointer;
}


.accrodionHead1{
	font-family: 'RegularFOCKELight';
	line-height:28px;
	display: block;
	text-transform: uppercase;
	color: #575f65;
	/*margin-bottom: 2px;*/
}
.accrodionHead2{
	font-family: 'RegularFOCKEBold';
	line-height:22px;
	display: block;
	color: #575f65;
}

.inner_accordion.accrodionHead2 {
	font-family: 'RegularFOCKELight';
	font-weight:bold;
	font-size:22px;
	cursor: pointer;
	position: relative;
	padding: 7px 0;
	border-top: 1px dashed #84d1f1;
	text-transform: uppercase;
}

.inner_accordion.accrodionHead2::after {
	text-transform: none;
	content: 'add';
	color: #84d1f1;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0) rotate(0deg);
	position: absolute;
	top: 4px;
	right: 0px;
	transition: transform 0.4s;
	font-size: 23px;
}
.inner_accordion.accrodionHead2.open::after {
	content: 'remove';
	transform: translate(0, 0) rotate(180deg);
}

.inner_accordion_content.content-career {
	padding-top: 15px;
}

.accordionResonsiveDiv .accrodionHead1{
	font-family: 'RegularFOCKEBold';
	display: block;
	text-transform: uppercase; 
	color: #575f65;
	margin-bottom: 5px;
	border-bottom: 1px solid #575f65;
    padding-bottom: 5px;
}

.accordionResonsiveDiv .addui-Accordion .addui-Accordion-header{
	background: #eff0f1;
	padding: 10px 5px 5px 5px;
	padding-left: 5px;
	border-bottom: 0;
	margin-bottom: 0;
	/*margin-top: 8px;*/
}
 

.accordionResonsiveDiv .addui-Accordion .addui-Accordion-header::after { 
    top: 10px;
    right: 5px; 
}

	.accordionResonsiveDiv{
		display: none;
	}
 
.accordion-content{
	padding: 0px 5px 3px;
	background: #eff0f1;
}

.accordionResonsiveDiv .accordion-content img{
	max-width: 100%;
	width: 100%;
}



.accordioncareerDiv .accrodionHead1 {
    font-family: 'RegularFOCKEBold';
    display: block;
    text-transform: uppercase;
    font-size: 26px;
    color: #575f65;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.accordioncareerDiv .addui-Accordion .addui-Accordion-header {
    display: block;
    padding: 5px;
    padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
    cursor: pointer;
    position: relative;
    border-bottom: none;
	border-top: none;
	margin-bottom: 0;
	margin-top: 12px;
	background: #eff0f1;
}

.accordioncareerDiv .addui-Accordion .addui-Accordion-header::after { 
    top: 5px;
}
.headfirm {
	text-transform: uppercase;
	display:block;
	font-size:50px;
	color: #575f65;
	padding-top:8px;
}
.headfirm-gp {
	text-transform: uppercase;
	display:block;
	font-size:34px;
	line-height:30px;
	color: #575f65;
	padding-top:8px;
}
.headfirm-wrapper {
	width:auto;
	text-align: left;
}

.content-career{
	background: #eff0f1;
	padding:  15px;
	padding-top: 0;
}

img.img-responsive{
    margin: auto;
    padding: inherit;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

img.img-head-responsoive{
	margin: auto;
    max-width: 100%;
    height:auto;
}

img.img-spaceTopBottom{
	margin: 15px 0;
/*	margin-bottom: 15px;*/
}

@media only screen and (max-width: 768px) {  
	
	h4.mapContacts span.span0{ 
	line-height: 1.0em;
	display: block;
	font-size: 21px;
	line-height:26px;
}

h4.mapContacts span.span1{
	font-family: 'RegularFOCKEBold';
	display: block; 
	font-size: 21px;
	line-height:26px;
}

h4.mapContacts span.span2{
	font-family: 'RegularFOCKELight';
	display: block;
	color: #000;
	font-size: 21px;
	line-height:26px;
	margin-top:0px;
}

p.mapContacts a{
	font-family: 'RegularFOCKELight';
	display: block; 
	font-size: 21px;
	line-height:26px;
}
	
	.accordionResonsiveDiv .accrodionHead1 { 
    font-size: 21px;
    line-height: 26px; 
}

	
	.accordionResonsiveDiv{
		display: block;
		padding: 0 20px;
		padding-top: 10px;
	}
	
	.accordionResonsiveDiv h3.mapTitle{
		font-family: 'RegularFOCKEBold';
		color: #575f65;
		display: block;
		margin-top: 0;
		border-bottom: 1px solid #000;
		padding-bottom: 4px; 
		font-size: 1.4em;
	}
	
	.accordionResonsiveDiv p.mapContacts {
		font-family: 'RegularFOCKELight';
		color: #575f65;
		font-size: 21px;
		line-height:26px;
	}
	
	.containerMap{
/*		min-height: 320px;*/
	}
	
	.mapText{
		display: none;
	}
	
	span.onlyDots{ 
    /* z-index: 6; */
    display: block; 
	
	}
}

/****************************
PARALLEX
****************************************/

.parallax-window {
    min-height: 560px;
    background: transparent;
	position: relative;
}


/*************************
PARALLAX CSS
*************************/
.bcg {
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
}


#section-three-parallax 
.bcg {
	background-image:url('../images/parallex_img.png'); 
}



.hsContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.hsContent {
	max-width: 320px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -160px;
}
 

.parallaxDiv h3{
	font-size: 2.4em;
	color: #fff;
	text-align: center; 
	margin-bottom: 30px;
	line-height: .90em;
}

.parallaxDiv h3:last-child{
	margin-bottom: 0;
}


@media only screen and (max-width: 768px) { 
	
	.parallaxDiv h3{
		font-size: 21px; 
	}
	
	.hsContent { 
    top: 25%; 
}
}


/*
@media only screen and (max-width: 1023px) {
   .parallaxDiv h3{
		font-size: 2.6em; 
	}
}
*/



 

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}




/**************************
GRID CSS
*************************/

.cards_wrapper {
    overflow: hidden; 
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display:inline-block;
	width: 100%;
	padding: 20px 0;

}
.card-grid {
    width: 20%;
    margin: auto 20px;
    display:inline-block;
}
 

.rowReset{
	/*margin: 0 !important;*/
    padding: 0 !important;
}

.rowCenter,
.rowCenter1{
	text-align: center;
}

.rowItem{
	text-align: center;
}

.rowItem20{ 
	margin-top: 20px;
	
}

.rowItem:after{
	clear: both;
	content: ' ';
	display: table;
	overflow: hidden;
}

.itemBlock{
/*	float: left; */
	width: 220px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	display: inline-block;
}

.rowItem .itemBlock:last-child{
	margin-right: 0;
}

.rowItem .itemBlock:first-child{
	margin-left: 0;
}
 

.col-img img{
	max-width: 100%;
	width: 100%;
	display: block;
}
.column-half{
	float: left;
	width: 50%;
	min-height: 570px;
	background-repeat: no-repeat;
}
.column-viertel{
	float: left;
	width: 50%;
	min-height: 304px;
	background-repeat: no-repeat;
}

.column-first{
	background-size: cover;
	background-position: center top;
	position: relative;
}


@media screen and (max-width: 959px) and (min-width: 769px) {
 	.footer_left,
	.footer_right{
		float: none !important;
	}
}


/*@media only screen and (min-width: 1024px) { 
 

	.rowColReset .col-ld-4 {
		margin: 18px 0;
	}

}*/

@media only screen and (max-width: 768px) { 
	.headfirm {
	font-size:26px;
	padding-top:0px;
}
.headfirm-gp {
    font-size: 26px;
    line-height:24px;
    padding-top: 0px;
}

	.rowCenter .col-ld-6,
	.rowCenter .col-md-6{
		float: left !important;
		display: inherit !important;
	}
	 
	.rowCenter1 .col-ld-6,
	.rowCenter1 .col-md-6{
		float: none !important;
		display: inline-block !important;
	} 
	
	.rowItem20{ 
		margin-top: 8px;
		text-align:center;
	}
	
	.homeRowReset{
		margin-top: 20px !important;
	}
	.itemBlock{
	float: left;
    width: 48%;
    margin: 3% 2% 0 2%;
	}
	
	.card-grid {
		width: 100%;
		margin: auto; 
		margin-bottom: 10px;
	}
	
	.card-grid:last-child{
		margin-bottom: 0;
	}

 
	
	.col-space{
		margin-bottom: 20px !important;
		height: inherit;
		overflow: hidden;
	}
	
	.col-img{
		margin-bottom: 0px !important;
	}
	
	.col-group-home-second .col-img:nth-child(3) {
/*    	margin-top: 20px !important;
*/		float: none;
    	margin: auto;
		display: inline-block;
		margin-top: 30px;
	}
	
	.col-group-home .col-space{
	margin-bottom: 0;

	}
	
	.column-half{
		float: none;
		width: 100%; 
		min-height: 210px;
	}

	.column-viertel{
	float: left;
	width: 100%;
	min-height: 304px;
	}
	
	.column-first {
		background-size: cover;
		background-position: center center;
	}
	
	.section-two-size .col-space:nth-child(4) .tile {
		background-position: 50% 0% !important;
	}
	
}


@media only screen and (min-width: 1024px) { 
body.homepage .col-img:nth-child(3) {
    	margin-top: 25px !important;
		float: none;
    	margin: auto;
		display: inline-block;
	}
	
}

@media only screen and (min-width: 1200px) { 
	
	.col-group-home .col-space{ 
		float: none;
		display: inline-block;
	}
	body.homepage .col-img:nth-child(3) {
    	margin-top: 0 !important;
		float: none;
    	margin: auto;
		display: inline-block;
	}

}


 









/***************************
KONTAKT CSS AREA
********************************/

.kontactWrapper{
	padding: 10px;
	position: relative;
	z-index: 102;
}
.kontakt-h2{
    font-size: 56px;
    line-height: 51px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
}

.kontakt-h4{ 
    color: #fff; 
    letter-spacing: 0;
}

.kontakt-h4 span{
	display: block;  
	font-family: 'RegularFOCKEBold';
}

.kontakt-h4-packages span{
	color: #fff; 
    letter-spacing: 0;
	display: block;
	font-family: 'RegularFOCKEBold';
	line-height: 1.2;
	width: 100%;
}

.kontaktFormWrapper{
	background: #eff0f1;
	padding-right: 20px;
	font-family: 'RegularFOCKELight';
	padding-bottom: 20px;
}

 

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #84d1f1;
	font-family: 'RegularFOCKELight';
	font-size: 24px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #84d1f1;
	font-family: 'RegularFOCKELight';
	font-size: 24px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #84d1f1;
	font-family: 'RegularFOCKELight';
	font-size: 24px;
}
:-moz-placeholder { /* Firefox 18- */
    color: #84d1f1;
	font-family: 'RegularFOCKELight';
	font-size: 24px;
}


.kontaktFormWrapper input[type='text'],
.kontaktFormWrapper input[type='email'],
.kontaktFormWrapper input[type='tel'],
.kontaktFormWrapper textarea{
	background: #fff;
    border: 0;
    margin: 0;
    padding: 0;
    width: 96%; 
    padding-left: 4%;
	height: 43px;
	margin-bottom: 10px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:24px;
	}

.kontaktFormWrapper input[type='text']:focus,
.kontaktFormWrapper input[type='email']:focus,
.kontaktFormWrapper input[type='tel']:focus,
.kontaktFormWrapper textarea:focus{
	border: none;
	outline: none;
}






.kontaktFormWrapper textarea{
	min-height: 127px;
    margin-bottom: 0;
}

p.contant-p{
    font-family: 'RegularFOCKEBold';
    color: #84d1f1;
    padding-left: 20px;
    display: block;
    padding: 12px 0 12px 20px;
}
p.contant-p:hover{
    color: #000;
}

@media (max-width: 768px) {
	.kontaktFormWrapper{
		min-height: 128px;
		padding-left: 20px;
	}
	
	p.contant-p{
		padding-left: 0; 
	}
	
	.kontaktFormWrapper input[type='text'],
	.kontaktFormWrapper input[type='email'],
	.kontaktFormWrapper input[type='tel'],
	.kontaktFormWrapper textarea{ 
		padding-left: 2%; 
		width: 98%;
	}
	
	.kontakt-h4,
	.kontakt-h4 span{
		font-size: 20px;
	}
}




/* end only demo styles */

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 0;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
        content: '';
    background: #fff;
    border: 0px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 0px 2px;
    margin-right: 9px;
    text-align: center;
    padding-top: 0px;
    font-size: 16px;
    margin-top: -6px;
	line-height: 1.35em;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #9dd4ef;
    color: #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #bbb;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  /*outline: 1px solid #ddd;  focus style */
}


.checlbox_div{
/*	font-size: 1.65em;*/
	padding: 10px 0 14px 0;
	padding-left: 20px;
}



/*********************************
CONTACT MAP
**********************************/
.mapContainer{
  width: 100%;
  margin: 0 auto;  
	
}

#map_container{
  position: relative;
}
#map{
    height: 0;
    overflow: hidden;
    padding-bottom: 22.25%;
    padding-top: 30px;
    position: relative;
	min-height: 300px;
}




/*************************
READ MORE CSS
**************************************/

.toggleDiv{
	position: relative;
	margin-top: 25px;
}

.toggleDiv p{
 
	margin: 0;
	padding: 0;  
	color: #000;  
}
 

.in-active{
	display: none !important;
}

.more {
    display:none;
}
.read_more {
    cursor: pointer;
    color: #84d1f1;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 5px 0;
	border-top: 1px solid #84d1f1;
	margin-top: 5px;
}

a.read_more:hover{
	text-decoration: none;
}

.shadowClass{
	display: block;
	height: 110px;
	width: 100%;
	position: absolute;
	z-index: 5;
	bottom: 39px;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eff0f1+75&0+0,0.8+75 */

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(239,240,241,0.93) 75%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(239,240,241,0.93) 75%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(239,240,241,0.93) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cceff0f1',GradientType=0 ); /* IE6-9 */
 
}


.shadowClassWhite{
	display: block;
	height: 110px;
	width: 100%;
	position: absolute;
	z-index: 5;
	bottom: 39px;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eff0f1+75&0+0,0.8+75 */

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.93) 75%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 75%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cceff0f1',GradientType=0 ); /* IE6-9 */
 
}

.shadowClassWhite{
	display: block;
	height: 110px;
	width: 100%;
	position: absolute;
	z-index: 5;
	bottom: 39px;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eff0f1+75&0+0,0.8+75 */

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.93) 75%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 75%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.93) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cceff0f1',GradientType=0 ); /* IE6-9 */
 
}

@media only screen and (max-width: 768px) {
   .toggleDiv{
		padding: 0 20px;
	   overflow: hidden;
	}	
	
/*	.shadowClass, .shadowClassWhite { 
		bottom: 38px; 
	}*/
}




/*************************
ANIMATION HOVER FOR HOME TOP AREA
***************************************/

#tiles{
    position:relative; 
}

#tiles .tile{
    position: relative; 
    background-size: 100% 100%;
}


 
#tiles a{
    display: table;
    text-align:center;
    width:100%;
    height: 100%;
    text-transform: uppercase;
    color:white;
    background:rgba(87, 95, 101, 0.7);
    transition: all 0.5s linear;
	text-decoration: none;
}

#tiles a:hover{
    opacity: 0.0;
    transform: scale(1.1, 1.1);
}

#tiles a span{
    display: table-cell;
    vertical-align:middle;
	font-size: 30px;
    letter-spacing: 0.6px;
}

.one-by-one.aspect-ratio {
    padding-bottom: 100%
}

.map.aspect-ratio { 
    box-sizing: border-box;
    min-height:210px;
}

#tiles .content {
    position: absolute;
    top: 0;  bottom: 0;  left: 0;  right: 0}
}


/* #################################################################### */
/* Quadrtaische Kacheln */
/* #################################################################### */

#tiles_square {
	position: relative;

}

#tiles_square {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
}

#tiles_square .tile_square {
	position: relative;
	background-size: 100% 100%;
	/* height: 200px; */
	margin: 10px;
}


#tiles_square .content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#tiles_square a {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	color: white;
	background: rgba(87, 95, 101, 0.7);
	transition: all 0.5s linear;
	text-decoration: none;
}

#tiles_square a:hover{
    opacity: 0.0;
    transform: scale(1.1, 1.1);
}

#tiles_square a span {
	display: table-cell;
	vertical-align: middle;
	font-size: 30px;
	letter-spacing: 0.6px;
}

#tiles_square .col-space {
	float: none;
	display: inline-block;
}



.caption-text-box{
	color: #fff;
    text-align: center;
}

.caption-text-box span.title{
	font-size: 70px;
	/*line-height:70px;*/
	display: block;
	font-family: 'RegularFOCKELight'; 
	position: inherit;
	text-transform: uppercase;
	padding-top: 40px; 
	
}

.caption-text-box span{ 
	position: relative;
	color: #fff;
	display: block;
	font-size: 20pt;
    text-align: center;
/*	top: 160px;*/
	top: 30px;
	padding: 0 5px;
	padding-top: 0;
/*	font-family: 'RegularFOCKEBold';*/
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
/*
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	    word-break: break-all;
*/
	text-transform: uppercase;
}

.package-caption-text-box{
	color: #fff;
    text-align: center;
}

.package-caption-text-box span.title{
	display: block;
	font-family: 'RegularFOCKELight'; 
	position: inherit;
	text-transform: uppercase;
	padding-top: 20px; 
	font-size: 24px; 
	line-height:28px;
}

.package-caption-text-box span{ 
	position: relative;
	color: #fff;
	display: block;
    font-size: 20px;
	line-height: 1;
    text-align: center;
	top: 160px;
	padding: 10px;
	padding-top: 0;
/*	font-family: 'RegularFOCKEBold';*/
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.career-text-box{
	color: #fff;
    text-align: center;
}

.career-text-box span.title{
	font-size: 1.5em; 
	display: block;
	font-family: 'RegularFOCKELight'; 
	position: inherit;
	text-transform: uppercase;
	padding-top: 45%; 
}

.career-text-box span{
	position: relative;
	color: #fff;
	display: block;
    font-size: 1.0em; 
    text-align: center;
/*	top: 160px;*/
	padding: 10px;
	padding-top: 0;
/*	font-family: 'RegularFOCKEBold';*/
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


figure {
  display: block;
  position: relative;
/*  float: left;*/
  overflow: hidden;
/*  margin: 0 20px 20px 0;*/
}
figcaption {
  position: absolute;
 
  color: white;
/*  padding: 10px 20px;*/
  width: 100%;
  opacity: 1;
  height: 100px;
  -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


figcaption.fig-pages {
  position: absolute;
 
  /*background: rgba(154,154,154,0.80);*/
	background: rgba(87,95,101,0.7);
  color: white;
/*  padding: 10px 20px;*/
  width: 100%;
  opacity: 1;
  height: 120px;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



figure:hover figcaption.fig-pages {
  opacity: 1;
}

figcaption.fig-career {
  position: absolute;
  color: white;
/*  padding: 10px 20px;*/
  width: 100%;
  opacity: 1;
  height: 100%;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



figure:hover figcaption.fig-career {
  opacity: 1;
} 

figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot1{
	background: -moz-linear-gradient(267deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(35%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(267deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(267deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(267deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(183deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
}
.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: 0%;}
.cap-bot:hover figcaption { bottom: 0%; height: 85%; padding-top: 15%; }
.cap-bot:hover figcaption.fig-pages { bottom: 0%; height: 85%; padding-top: 15%; }
.cap-bot:hover figcaption.fig-career { bottom: 0%; height: 100%; padding: inherit; }


.cap-bot:hover .caption-text-box span{
	top: 10px;
}




@media only screen and (max-width: 768px) {
   #tiles { 
    	padding: 20px 12px 0px 12px;
	}
	
	.cap-bot:hover .caption-text-box span{
	top: -20px;
		line-height: 1;
}
	
	.cap-bot:hover figcaption { bottom: 10%; height: 85%; padding-top: 15%; }
	
	#tiles .tile{
    position: relative;
    background-size: 100%;
	
	height: 150px;
    background-position: center top;
}

	
	.caption-text-box span.title { 
		display: block;
		padding-top: 60px;
	}

	
	.career-text-box span.title {
		font-size: 3.7em; 
		display: block;
	}
	
	.career-text-box span.title {
		font-size: 100%; 
		display: block;
	}
	
	.career-text-box span { 
		font-size: 1.6em; 
	}
	
	figcaption { 
		height: 50px; 
	}
	
	figcaption { 
	  height: 85%;  
	}


	
	.caption-text-box span{  
/*		word-break: break-all;*/
		font-family: 'RegularFOCKEBold';
		padding-top: 15%;
		top: -30px;
/*
		-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
*/
		text-transform: uppercase;
		line-height: 1;
	}
	
	.career-text-box span{
		font-size: 26pt;
		font-family: 'RegularFOCKEBold';
		padding-top: 15%;
	}
	
	.col-group-home{
		padding: 0;
	}
	
	.col-group-home-second{
		padding-left: 0;
		padding-right: 0;
	}
	
	
	.cap-bot:hover figcaption {  }
}

@media only screen and (max-width: 568px) {
	
	.caption-text-box span.title { 
		padding-top: 0px;
		font-size: 40px;
	}
	
	.caption-text-box span{ 
		font-size: 78%;
/*		word-break: break-all;*/
		font-family: 'RegularFOCKEBold';
		padding-top: 15%;
		top: -25px;
/*
		-webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
  hyphens: auto;
*/
		text-transform: uppercase;
		line-height: 1;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px) { 
/*	.cap-bot figcaption {
		left: 0;
		bottom: 45%;
	}*/
	
/*	.cap-bot:hover figcaption { bottom: 0%; height: 75%; padding-top: 25%; }
	
	.caption-text-box span { 
    	top: 0px; 
	}
	
	#tiles a span { 
		font-size: 20pt; 
		line-height: 16pt;
		letter-spacing: inherit;
	}
	
	#tiles {
		position: relative;
		padding: 30px;
	}*/
	
}

/******************************
VIDEO CSS
******************************/
/*video.career1 { 
   width:100%; 
   height:340px;  
   background:transparent url('../images/video.png') no-repeat 0 0; 
   -webkit-background-size:cover; 
   -moz-background-size:cover; 
   -o-background-size:cover; 
   background-size:cover; 
}*/

/*video.videoFrame{
	max-width: 1000px;
	width: 100%;
}*/

/*.yt-hd-thumbnail-outer-container{
	margin-bottom: 25px;
}*/

video {
	margin-top:0px;
	margin-bottom:40px;
	width:100%;
	height:auto;
	/*background-image: url("img/FOCKE-Karriere-Film-bg.jpg") ;*/
	background-size: cover;
}
.vid {
	display:block;
	}

.vid_mobil {
	display:none;
}

/********************************
MESSE ADDRESS CSS
****************************************/

ul.view-list-block{
	margin: 0;
	padding: 0; 
}

ul.view-list-block li{
	padding: 13px 13px;
	margin-bottom: 17px;
	background: #fff;
}

ul.view-list-block li:last-child{
	margin-bottom: 0;
}

span.messeList{
	display: block;
	font-size: 20px;
	line-height: 24px;
	padding-left: 25px;
}

span.address-title{
	font-size: 20px;
	text-transform: uppercase;
	background:  url(../images/image_icon_name.jpg) left 50% no-repeat;
}

span.address-location{ 
	background:  url(../images/image_icon_location.png) left 50% no-repeat;
}

span.address-calender{
	font-family: 'RegularFOCKEBold';
	background: url(../images/image_icon_calender.jpg) left 50% no-repeat;
}



/**********************
CAREER PAGE VCARD CSS
**************************/

.vCard{
	margin: auto;
	width: 100%;
	max-width: 680px; 
	color: #575f65;
}

.vCardHolder{
	padding: 25px;
	border: 2px solid #d4d6d7;
}

.vCardHolder:after,
.vCard:after{
	content: '';
    display: block;
    clear: both;
}

.vCardLeft{
	float: left;
	width: 216px;
}

.vCardRight{
	float: right;
	width: 352px;
}

.vCard h4{
	text-transform: uppercase;
    font-size: 30px; 
    line-height: 28px;
}

.vCard p strong{
	font-family: 'RegularFOCKEBold';
}

@media only screen and (max-width: 768px) {
	.vCard{
	margin: auto;
	width: 90%;
}
	.vCardHolder{
		padding: 10px;
		border: 2px solid #d4d6d7;
	}
	.vCardLeft{
		width: 38%;
	}

	.vCardRight{
		width: 57%; margin-right:10px;
	}
.vCard h4{
	text-transform: uppercase;
    font-size: 24px; 
}
}

/**********************
FOOTER CSS 
**************************/
.font-bold{
	font-family: 'RegularFOCKEBold';
}
.text-black{
	color: #000;
}
.footer-top{
	background: #eff0f1;
	margin: 20px 0 0 0;
	padding: 40px 0;
	font-size: 18px; 
}

.footer_left{
	float: right; 
}

.footer_right{
	float: left; 
}

.footer-middle{
	background: #575f65;
	padding: 40px 0;
}

.footer-middle h5{
	text-transform: uppercase;
}
.footer-middle h5 a,
.footer-middle a{
	font-size: 16px;
    line-height: 26px;
    display: block;
}


ul.social-icon{
	margin: 0;
	padding: 0;
}

ul.social-icon li{
	margin: 0;
	padding: 0;
	display: inline-block;
}


.socialBtns{
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -99999px;
    background-size: cover !important;
	-moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.facebookBtn { 
    background: url(../images/social_icon/facebook.png) -9px bottom; 
}

.xingBtn { 
    background: url(../images/social_icon/xing.png) -9px bottom; 
}

.linkedInBtn { 
    background: url(../images/social_icon/linkedin.png) -9px bottom; 
}

.youtubeBtn { 
    background: url(../images/social_icon/youtube.png)  bottom; 
}

.facebookBtn:hover,
.xingBtn:hover,
.linkedInBtn:hover{
	background-position: -9px 0;
}

.youtubeBtn:hover{
	background-position: 0 0;
}

.footer-bottom{
	min-height: 80px; 
	font-size: 18px;
	line-height: 80px;
	background: url(../images/bg-pfm2.jpg) 0 750px;
	background-size: cover;
	color: #84d1f1;
}
 
.weitere-accordion.addui-Accordion .addui-Accordion-header {
    display: block;
    padding: 10px 20px 10px 20px;
    /* padding-left: 0; */
    cursor: pointer;
    position: relative;
    border-top: 0;
    margin-bottom: 0;
	margin-top: 8px;
	background: #eff0f1 !important;
	font-size: 26px;
}

.weitere-accordion.addui-Accordion .addui-Accordion-header:first-child{
	margin-top: 0;
}

.weitere-accordion.addui-Accordion .accrodionHead1 {
    font-family: 'RegularFOCKEBold';
    display: block;
    text-transform: uppercase;
    color: #575f65;
    margin-bottom: 0px;
    border-bottom: 1px solid #575f65;;
    padding-bottom: 5px;
    letter-spacing: 0.7px;
}


.weitere-accordion.addui-Accordion .addui-Accordion-header::after { 
    top: 10px;
    right: 10px; 
}

.weitere-accordion .addui-Accordion-content{
	background: #eff0f1;
	padding: 20px;
	padding-top: 0;
}

.weitere-accordion .addui-Accordion-content>div{  
    font-size:21px;
}

.weitere-accordion.addui-Accordion img {
	max-width: 100%;
	height: auto;
}

.weitere-accordion.addui-Accordion ol, .weitere-accordion.addui-Accordion  ul {
	padding: 20px 0;
}

.weitere-accordion.addui-Accordion  ul {
	list-style-type: disc;
	margin-left: 1em;
}

.weitere-accordion.addui-Accordion  ul li::before {/*content: "•";*/ color: #84d1f1; padding-right: 5px;}

@media only screen and (max-width: 767px) {
	.footer-middle .col-mb-12{
		margin-bottom: 20px;
	}
	
	.mixed-content-block h5 a{
		margin-bottom: 20px;
	}
	
}

@media only screen and (max-width: 768px) {
	
	footer .col-group{
 		padding: 20px 0;
	}
	
	
	
	.footer-top { 
     	padding: 0;  
	}
	.footer_left{
		float: none; 
		margin-bottom: 25px;
	}

	.footer_right{
		float: none; 
	}
	
	.footer-middle { 
		padding: 0;
	}
	
	ul.social-icon { 
		width: 50%;
	}
	
	.footer-bottom{
		min-height: inherit;
/*		font-size: 16pt;*/
		line-height: 1;
		
	}
	
	.footer-bottom a{
		font-size: 16px;
	}
	
	.footer-bottom>div>div{
		padding: 20px 0;
	}
	
	.col-hide{
		display: none;
	}
	.weitere-accordion.addui-Accordion .addui-Accordion-header {
    padding: 10px 10px 10px 10px;
}
.weitere-accordion .addui-Accordion-content {
    padding: 10px;
}
}
 
@media screen and (max-width: 1023px) and (min-width: 768px) { 
	.section-two-size .col-mb-12{
		width: 25% !important;
	}
	
	
	
	a.germany span{ 
    left: 10px; 
	
}


a.germany span.mapText{ 
    left: 25px; 
	
}
	
	
	footer .col-mb-12{
		width: inherit !important;
	} 
	
	
	.footer-top .contentContainer{
		width: 75%;
	}
	
	.contentContainerMini { 
		width: 480px; 
	}
	
	.section-two-size .col-space{
		margin-bottom: inherit !important;
	}
	
	.col-group-home-second .col-img:nth-child(3) {
		/*margin-top: 20px !important;*/
		float: none;
		margin: auto;
		display: inline-block;
		margin-top: 30px;
	}
 
	
	#tiles a span {
		display: table-cell;
		vertical-align: middle;
		/* font-size: 1.55em; */
		font-size: 18px;
		/* letter-spacing: 0.6px; */
		line-height: 20px;
	}
	
	#tiles {
    	padding: 20px 40px;
	}
	
	.banner-holder { 
		 width: inherit;  
		padding: 0 20px;
	}
	span.slider-title{
    left: 18px;
}
	span.slider-sub-title{
    left: 18px;
}
	span.slider-title-big2 {
    left: 18px;
	}
}


/******************
RESPONSIVE CSS FOR PACKAGES
*******************************/
body.page-packages .col-img{
	margin-bottom: 40px !important;
}

body.page-packages .caption-text-box span{
	text-transform: none;
}

body.page-packages .caption-text-box span.title {
    text-transform: uppercase !important;
}



@media screen and (max-width: 1199px) and (min-width: 768px) { 
	.col-group-home-second .col-img:nth-child(3) {
		/*margin-top: 20px !important;*/
		float: none;
		margin: auto;
		display: inline-block;
		margin-top: 30px;
	}

}
@media screen and (max-width: 1199px) and (min-width: 768px) { 
	.col-group-home-second .col-img:nth-child(3) {
		/*margin-top: 20px !important;*/
		float: none;
		margin: auto;
		display: inline-block;
		margin-top: 30px;
	}

}
@media screen and (max-width: 1023px) and (min-width: 768px) { 
	body.page-packages .col-img{
/*		margin-bottom: 20px !important;*/
	}
	

	
	body.page-packages .cap-bot:hover figcaption.fig-pages { 
		bottom: 10%; height: 85%; padding-top: 15%;
	}
	
	body.page-packages .rowItem20{
		padding: 20px !important;
	}
	

	
	body.page-packages .caption-text-box span.title { 
    	padding-top: 20px;
	}
}


@media screen and (max-width: 767px) {  
/*	body.page-packages figcaption.fig-pages { 
		height: 100%;
	}*/
	
	body.page-packages .rowItem20 {
		 padding: 20px 0 !important; 
	}
	
	body.page-packages .cap-bot:hover figcaption.fig-pages { bottom: 10%; height: 85%; padding-top: 15%; }
	
	body.page-packages .section-three .col-group {
		padding: 40px 0;
	}
	
	body.page-packages .caption-text-box span{
		display: none;
	}
	
	body.page-packages .caption-text-box span.title { 
		padding-left: 5px;
		padding-right: 5px;
		/*padding-top: 5px;*/
		font-size: 21px;
		line-height: 21px; 
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		height: 100%;
	    align-items: center;
	    justify-content: center;
    	margin: auto;
	}
 
}
 















/**********************
neuer Code 2017-03-10
**************************/





.section-bg{
	background: url(../images/section_bg.jpg) center top no-repeat; 
/*	min-height: 1360px;*/	/* ADDED NEW CSS */
	padding-top: 30px;
	padding-bottom: 40px;
}

.section-spacer{
	padding-bottom: 40px;
}
.slick-slider-base{
	position: relative;
}

.slick-slide {
      margin: 0px 20px;
    }

.slick-slider-base{
	margin: 20px 0 40px 0;
}



    .slick-slide img {
/*      width: 100%;*/
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

.inner-slick-box{
	background: #eff0f1;
	padding: 10px; 
	height: 730px !important;
	overflow: hidden;
}

.inner-slick-box h5{
	font-size: 24px;
    text-transform: uppercase;
    font-family: 'RegularFOCKEBold';
    display: table-cell;
    vertical-align: bottom;
	height: 54px;	/* NEW CSS ADDED */
    line-height: 1;
	color: #565d61;
}

.slick-next{
	width: 68px;
	height: 100px;
	
	background: url(../images/previous.png) right top no-repeat;
	text-indent: -99999px;
	    border: 0;
    box-sizing: initial;
	position: absolute;
	z-index: 9999999;
    right: 0;
    top: 40%;
}

.slick-prev{
	width: 68px;
	height: 100px;
	
	background: url(../images/next.png) left top no-repeat;
	text-indent: -99999px;
	border: 0;
    box-sizing: initial;
	position: absolute;
	z-index: 9999999;
    left: 0;
    top: 40%;
}

.slick-next:focus,
.slick-prev:focus,
.inner-slick-box:focus{
	outline: none;
}

.slick-next:hover,
.slick-prev:hover{
	cursor: pointer;
}


ul.list-with-dots{
	font-size: 24px;
	margin: 5px 0;
	padding: 0;
	
}

ul.list-with-dots li{ 
	display:  block;
	line-height: 24px;
}

ul.list-with-dots li:before{
	content: '\2022 \2002';
}
/****************
TABBED CSS AREA
*********************/
.section-tab-holder p{
	font-size: 21px;
	line-height: 28px;
	margin-top: 20px;
}
.section-tab-holder{
	max-width: 1520px;
	margin: auto;
	position: relative;
	z-index: 1020; 
	
}

.section-tab-container{
	background-color: #022442 !important;
}

.section-tab-container{
/*
	width: 1000px;
	margin: auto;
*/
}


.cig-grid-block,
.col-group-alternative{
	background-color: #eff0f1;
}

.col-group-alternative:after{
	clear: both;
	content: '';
	display: table;
}
.cig-grid-content{ 
		position: relative;
	}

.equal-height,
.last-grid-box{
	height: 260px !important;
}

.col-group-holder>.col-mb-12:nth-child(1),
.col-group-holder>.col-mb-12:nth-child(2){
	margin-bottom: 20px;
}

.cig-grid-block label{
		font-family: 'RegularFOCKEBold';
		display: block;
		font-size: 20px;
		margin-top: 10px;
	}
	
.cig-grid-block label span{
	background: #fff;
	float: none;
	font-family: 'RegularFOCKELight';
	padding: 3px 5px;
}


.accordion-content-middle label{
	font-family: 'RegularFOCKEBold';
	display: block;
	font-size: 20px;
	margin-top: 10px;
	color: #565d61;
}


.accordion-content-middle label span {
    background: #fff;
    float: none;
    font-family: 'RegularFOCKELight';
    padding: 3px 5px;
}

.accordion-content-middle .conten-box-holder {
    padding: 0;
}
 
.conten-box-holder{
	padding: 10px 20px;
}

.last-grid-box .conten-box-holder{
	padding: 0 10px;
}

.cig-grid-block h4{
	font-size: 46px;
	line-height: 1;
	color: #565d61;
}

.cig-grid-block small{
	font-family: 'RegularFOCKEBold';
	font-size: 20px;
	display: block;
	line-height: 24px;
	color: #565d61;
}

.accordion-content-middle h4 {
    font-size: 46px;
    line-height: 1;
    color: #565d61;
}
.accordion-content-middle .kleiner {
    font-size: 0.6em;
}

.tobacco-head {
    border-bottom: 1px solid #565d61;
   	font-size: 26px !important;
	line-height: 28px;
    font-family: 'RegularFOCKEBold';
}
.accordion-content-middle .col-group {
    border-bottom: 1px solid #acbac2;;
}

.accordion-content-middle small {
    font-family: 'RegularFOCKEBold';
	font-size: 21px;
	display: block;
	line-height: 24px;
	color: #565d61;
}

.section-facts,
.section-layout{
	margin: auto;
	width: 1000px;
}

.resetMargin{
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important; 
}

.resetMargin1{
	display: block !important; 
}

.resetMargin1 span{
	display: block !important;
	font-family: 'RegularFOCKELight';
	
}

.basicSpace{
	margin: 0 0 30px 0;
}

.inverseColor{
	color: #fff !important;
}

 
.weitere-accordion.addui-Accordion .addui-Accordion-header {
    display: block;
    padding: 10px 10px 10px 20px;
    /* padding-left: 0; */
    cursor: pointer;
    position: relative;
    border-top: 0;
    margin-bottom: 0;
	margin-top: 8px;
	background: #eff0f1 !important;
	font-size: 26px;
}

.weitere-accordion.addui-Accordion .addui-Accordion-header:first-child{
	margin-top: 0;
}

.weitere-accordion.addui-Accordion .accrodionHead1 {
    font-family: 'RegularFOCKEBold';
    display: block;
    text-transform: uppercase;
    color: #575f65;
    margin-bottom: 0px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}


.weitere-accordion.addui-Accordion .addui-Accordion-header::after { 
    top: 10px;
    right: 10px; 
}

.weitere-accordion .addui-Accordion-content{
	background: #eff0f1;
	padding: 20px;
	padding-top: 0;
}

.weitere-accordion .addui-Accordion-content>div{  
}

table.calenderView{
	width: 100%;
	margin: auto;
	border-collapse: separate;
    border-spacing: 10px;
}

table.calenderView td{
	background: #a2a6a9;
	color: #181716;
	text-align: center;
	vertical-align: middle;
}

.resetTextPosition{
	white-space: pre-line;
	vertical-align: text-top;
	display: table;
}

.accordion-content-middle{
	width: 480px;
	margin: auto;
}

/***************
PIE CHART CSS
*********************/

.chart1 {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 65%;
  left: 50%;
  margin: -75px 0 0 -75px;
}
.pieTip {
  position: absolute;
  float: left;
  min-width: 30px;
  max-width: 100%;
  padding: 5px 18px 6px;
  border-radius: 2px;
  background: rgba(255,255,255,.97);
  color: #444;
  font-size: 19px;
  text-shadow: 0 1px 0 #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .06em;
  box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5);
  -webkit-transform: all .3s;
     -moz-transform: all .3s;
      -ms-transform: all .3s;
       -o-transform: all .3s;
          transform: all .3s;
  pointer-events: none;
}


.pieTip:after {
      position: absolute;
      left: 50%;
      bottom: -6px;
      content: "";
      height: 0;
      margin: 0 0 0 -6px;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      border-top: 6px solid rgba(255,255,255,.95);
      line-height: 0;
}
.chart path { cursor: pointer; }

@media screen and (min-width: 768px) {  
	
	.accordion-content-middle .col-group {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
	.bannerText-desktop .col-group{
		padding-top: 20px;
		padding-bottom: 40px;
	}
/*	.col-ld-6 {
		padding-left: 25px;
		padding-right: 25px; 
	}*/
	
	.col-group-holder>.col-mb-12:nth-child(1), .col-group-holder>.col-mb-12:nth-child(2) {
    	margin-bottom: 30px;
	}
	
	.img-respond-space{
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) { 
	
/*
	.pws_tabs_container{
		width: 100% !important;
	}
*/
	
		.page-cigarette #homepageSlider{
		position: relative;
	}
	
	.section-bg{
		padding-top: 0;
		margin-top:60px;
		min-height: 1px;
	}
	
	.section-bg .contentContainer{
		padding: 20px;
		width: inherit;
	}
	
	.pws_tabs_container ul.pws_tabs_controll{
		width: 100% !important;
	}
	
	.equal-height,
	.last-grid-box{
		height: inherit !important;
	}
	
	.col-grid-alternate{
		height: 260px !important;
	}
	
	.section-facts,
	.section-layout{
		width: 100%;
	}
	
/*
	.col-group{
		padding-bottom: 0;
	}
*/
	
	.conten-box-holder{
		padding: 0 !important;
	}
	
/*
	.col-ld-6 {
		padding-left: inherit;
		padding-right: inherit; 
	}
*/
	
/*
	.col-group-holder>.col-mb-12:nth-child(1),
.col-group-holder>.col-mb-12:nth-child(2){
	margin-bottom: 0;
}
*/
	
	.accordion-content-middle .col-group{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.accordion-content-middle .col-group .col-mb-6:first-child,
	.accordion-content-middle .col-group .col-mb-5:first-child{
		padding-left: 0;
	}
	
	.col-group-holder>div{
		margin-bottom: 20px;
	}
	
	.col-group-holder>div:last-child{
		margin-bottom: 0;
	}
	.cig-grid-block h4,
	.accordion-content-middle h4{
		font-size: 40px;
		color: #565d61;
	}
	
	.cig-grid-block small,
	.accordion-content-middle small{
		font-family: 'RegularFOCKEBold';
		font-size: 20px;
		display: block;
		line-height: 30px;
		margin-bottom: 45px;
		color: #565d61;
	}
	
	.accordion-content-middle small{ 
		margin-bottom: 0; 
	}
	
	.cig-grid-block .col-group .cig-grid-content{
/*		padding: 10px;*/
		min-height: 260px;
	}
	
	.col-grid-alternate{
	height: 260px; 
		background-repeat: no-repeat;
		background-position: left; 
	}
	
	.cig-grid-content{
		padding: 10px;
		position: relative;
	}
	
	.section-facts .col-mb-12,
	.section-facts .col-group{
		padding-left: 0;
		padding-right: 0;
		
	}
	.section-tab-holder{
		padding: 0 20px;
	}
	.section-tab-container{
		width: auto;
	}
	
	.cig-grid-block .col-group .col-mb-6:nth-child(2){
		padding-right: 0;
	}
	
	.pws_tabs_list { 
    padding: 20px 0 0 0 !important;
    padding: 1.25em 0 0 0 !important; 
}
	
	.pws_tabs_container ul.pws_tabs_controll li a {
    border-right: 1px solid #597185;
		min-height: 24px;
}
	
	.pws_tabs_container ul.pws_tabs_controll li a{
		font-size: 12px !important;
		padding: 16px 0 10px 0 !important;
		line-height: 1;
		
	}
	
	.pws_tabs_container ul.pws_tabs_controll li:nth-child(3) a { 
    	padding: 16px 0 10px 0 !important; 
	}
	
	.cig-grid-block label,
	.accordion-content-middle label{
		font-family: 'RegularFOCKEBold';
		display: block;
		font-size: 18px;
		margin-top: 10px;
	}
	
	.accordion-content-middle label{
		margin-top: 5px;
	}
	
	.cig-grid-block label span,
	.accordion-content-middle label span{
		background: #fff;
		float: none;
		font-family: 'RegularFOCKELight';
		padding: 3px 5px;
		display: block;
	}
	
	.accordion-content-middle{
		width: 100%;
		margin: auto;
	}
	
	.chart1 {
	  position: absolute;
	  width: 100px;
	  height: 100px;
	  top: 70%;
	  left: 50%;
	  margin: -60px 0 0 -60px;
	}
	
	
	img.img-respond-space{
		margin-top: 10px;
	}
	
	.bannerText-desktop{
		padding: 0 5px;
		color: #fff;
	}
	
	.last-grid-box:first-child .conten-box-holder{
		padding: inherit !important;
	}
	
	.last-grid-box:last-child .conten-box-holder{
		padding-right: 20px !important;
	}
}

/*@media screen and (max-width: 390px) { 
	
	
	.sliderTextMiddle{ 
		top: 18% !important;
	}
}*/

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

	
	.cig-grid-block .col-group .cig-grid-content{
		min-height: 175px;
		padding-bottom: 0;
	}
	
	.col-grid-alternate {
		height: 175px !important;
	} 
	
	.cig-grid-content { 
    	background-size: 90% !important;
	}
	
	.cig-grid-block h4, .accordion-content-middle h4 {
   		font-size: 36px; 
	}
	
	.cig-grid-block small, .accordion-content-middle small { 
		font-size: 21px; 
		margin-bottom: 0;
		line-height: 1;
	}
	
	.last-grid-box label, .last-grid-box label { 
		font-size: 14px;
		margin-top: 10px;
	}
	.tobacco-head {
    font-size: 21px !important;
    line-height: 28px;
	}
    .accordion-content-middle h4 {
    	font-size: 21px;
	}
	
	.weitere-accordion .addui-Accordion-content { 
    	padding: 20px 6px; 
	}
	
	.weitere-accordion.addui-Accordion .addui-Accordion-header { 
		padding: 10px 10px 10px 10px; 
		font-size: 16px;
	}
	
	.weitere-accordion.addui-Accordion .col-mb-7,
	.weitere-accordion.addui-Accordion .col-mb-5{ 
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.cig-grid-block label, .accordion-content-middle label { 
		font-size: 18px; 
	}
 
	
	
	.cig-grid-content {
		position: relative;
	}
	
	.col-group-holder>.cig-grid-block:first-child {
		background-color: transparent;
	}
	
	.chart{
		width: 140px;
		height: 140px;
		margin: -70px 0 0 -70px;
		top: 70%;
	}
	
	
	.weitere-accordion.addui-Accordion .addui-Accordion-header::after {
		top: 5px; 
	}
	
	.weitere-accordion.addui-Accordion .addui-Accordion-header {
    	padding: 5px 10px 5px 10px; 
	}
	
	.weitere-accordion.addui-Accordion .accrodionHead1 { 
		margin-bottom: 0px; 
		padding-bottom: 0px;
		font-size:21px;
	}
	
	img.img-respond-space{
		margin-top: 30px;
	}
}

@media screen and (max-width: 385px){
	h1 {
		font-size: 36px; 
	}
	
	.basicSpace {
		margin: 0 0 20px 0;
	}
	
	.slick-slide {
      margin: 0px 8px;
    }
	
/*.section-tab-holder p {
    font-size: 18px; 
}*/
	
	ul.list-with-dots {
    font-size: 21px; 
    line-height:28px;
}
	
	.inner-slick-box h5 {
    font-size: 21px; 
}
	
	.cig-grid-content {
		background-size: 75% !important;
	}
	
	.last-grid-box .cig-grid-content:last-child{
		min-height: 145px !important;
	}
	
	.col-group-holder>.cig-grid-block:first-child{
		background-position: 100% 100% !important;
		background-size: 65% !important;
	}
	
	.cig-grid-block label, .accordion-content-middle label { 
		font-size: 21px; 
	}
	.chart{
		width: 120px;
		height: 120px;
		margin: -60px 0 0 -60px;
		top: 70%;
	}
	
	
	img.img-respond-space {
    	margin-top: 20px;
	}
	
	.slick-slide img {
      width: 100%;
    }
}



.only-contact-block{
	background-color: #eff0f1;
}

.contact-half-block{
	width: 46%;
	float: left;
	padding: 1% 2% 2% 2%;
}

.only-contact-block:after{
	clear: both;
	content: '';
	display: table;
}

.only-contact-block .kontaktFormWrapper{
	padding: 0;
	font-size: 24px;
}
.only-contact-block p.contant-p {
    font-family: 'RegularFOCKEBold';
    color: #84d1f1; 
    display: block;
    padding: 10px 0 0 20px;
	margin-top: 0;
}

.only-contact-block .checlbox_div {
    padding: 10px 0 14px 0;
     padding-left: 0; 
	color: #565d61;
}

.only-contact-block .kontaktFormWrapper>p{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #565d61;
}

.only-contact-block  .kontaktFormWrapper textarea {
    min-height: 190px;
    margin-bottom: 0;
}

.only-contact-block .kontaktFormWrapper>p:last-child{
	margin-bottom: 0;
}


/* remove standard-styles */
select.styled-select {
	font-family: 'RegularFOCKELight';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 24px;
  width: 100%;
  color: #84d1f1;
} 

/* styling */
select.styled-select {
  width:100%;
  border: 0;
  padding:.25em 1em .4em .65em;
/*  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);*/
  background-color:white;
  background-image:url(../images/down_arrow_select.jpg);
  background-position: 98% center;
  background-repeat: no-repeat;
}

option {
/*  background:#222;*/
/*  border-top:1px solid #444;*/
  padding:.3em 1em .3em 1em;
	 
}

select.styled-select:hover {
/*  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);*/
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}

.contact-section h1{
	margin: 40px 0 20px 0;
}

@media screen and (max-width: 767px) {
	.contact-half-block{
		float: none;
		width: 96%;
		padding: 2%;
	}
	
	.slick-next{
/*		display: none !important;*/
		    width: 25px;
		height: 37px;
		background: url(../images/previous_s.png) right top no-repeat; 
	}

	.slick-prev{
/*		display: none !important;*/
		width: 25px;
		height: 37px;
		background: url(../images/next_s.png) left top no-repeat; 
	}
	
	.yt-hd-thumbnail-outer-container{
		margin-bottom: 0;
	}	
	
	.page-package-solution .sectionReset {
		padding: 20px 0;
	}
	
	.mobileVersion{
		display: block;
	}
	
	.nonMobile{
		display: none;
	}

}



/******************
PACKAGES SOLUTION
**********************
***************************/

.packagePageSlider{
	min-height: 824px;
}
.section-container-gray{
	background: #eff0f1;
	padding: 40px 0;
}

.dual-box-block h2{
	margin: auto;
	padding: 0;
	font-size: 36px;
	color: #fff;
	padding-top: 210px;
	text-align: center;
	text-transform: uppercase;
}

.dual-box-content ul{
	margin: 0;
	padding: 10px 0;
	list-style: none;
	font-size: 24px;
}

.dual-box-content li{
	background:  url(../images/dots.jpg) left 7px no-repeat;
	padding-left: 25px;
}

.best-practice p{
	margin: 0;
	padding: 0;
}

.section-slider .bx-wrapper{
	margin-top: 30px;	

}

/*
.section-slider .bx-controls{
	position: absolute;
    width: 800px;
    top: 0;
    left: 50%;
    margin-left: -400px;
}
*/

.bx-controls-direction a{
	-moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
} 


.section-slider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 0;
	margin-top: -20px;
}

.section-slider .bx-wrapper .bx-pager,
.section-slider .bx-wrapper .bx-controls-auto {
    /* position: absolute; */
    /* right: 20px; */
    /* width: 50%; */
    /* top: 29px; */
    /* z-index: 99999; */
    /* bottom: 45px; */
	position: inherit;
	width: 100%;
	right: inherit;
	bottom: 0px; 	/* NEW ADDED */
}

.smaller-slider{
	margin: auto;
	max-width: 540px;
	width: 100%;
}

.section-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.section-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.smaller-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.smaller-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #abb3b6;
}

.section1280{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background: url(../images/machine_bg.jpg) center top no-repeat;
}

.machine-information{
	position: relative;
}

.machine-information .dots{
	width: 50px;
	height: 40px;
	border-radius: 50px;
	background: #84d1f1;
	border: 5px solid #fff;
	position: absolute;
	z-index: 9;
	padding-top: 10px;
	text-align: center;
	font-size: 38px;
	color: #565d61;
	font-family: 'RegularFOCKEBold'; 
	opacity: .9;
}

/* Dots fuer 459-10/-16 | 459-10-highlight.png */
.machine-information .dots1{ 
	left: 8%;
    top: 26%; 
}


.machine-information .dots2{ 
	left: 39%;
    top: 40%;
}

.machine-information .dots3{ 
	left: 59%;
    top: 20%;
}


.machine-information .dots a{
	color: #565d61;
}

.machine-information .dots a:hover{
	color: #000;
	cursor: pointer;
}

.machine-information .modalAddress {
    position: absolute;
    right: 0;
    top: 0;
    background: #d5d5d5;
    width: 400px;
    z-index: 10;
    /* font-size: 1.0em; */
    padding: 0 10px 10px 10px;
    line-height: 0.98em;
    display: none;
}

.machine-information .modalAddress p{
	margin-top: 0;
	border-top: 1px solid #000;
	margin-bottom: 10px;
}

.machine-information .modalAddress h3.mapTitle { 
    font-size: 24px;   
	line-height: 1;
	text-transform: uppercase;
}
 

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

.dual-box-content li{
	font-size:21px;
}	
	.page-package-solution .sectionDualBox .col-group,
	.page-package-solution .bx-wrapper .col-group{
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-package-solution .sectionDualBox .col-group .col-mb-12,
	.page-package-solution .bx-wrapper .col-group .col-mb-12{
		padding-left: 0;
		padding-right: 0;
	}
	
 	.section-slider .bx-controls {
		display: block !important; 
		width: 100%;
		margin: auto;
		left: 0;
		top: 20px;
	}
	
	.page-package-solution .bx-wrapper p{
		padding: 5px 10px;
	}
	
	.section-slider .bx-wrapper .bx-pager {  
    		margin-top: 0;
	}
	
	.machine-information .dots{
		width: 30px;
		height: 30px;
		border-radius: 50px;
		background: #84d1f1;
		border: 5px solid #fff;
		position: absolute;
		z-index: 9;
		padding-top: 0px;
		text-align: center;
		font-size: 20px;
		color: #565d61;
		font-family: 'RegularFOCKEBold'; 
		opacity: .9;
	}
	
	.machine-information .modalAddress {
		position: absolute;
		right: 0;
		top: 0;
		background: #d5d5d5;
		width: 100%;
		z-index: 10;
		/* font-size: 1.0em; */
		padding: 0 10px 10px 10px;
		line-height: 0.98em;
		display: none;
	}
	
	.accordionResonsiveDiv.machine-information{
		padding: 0;
	}
	
	.accordionResonsiveDiv.machine-information p{
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.accordionResonsiveDiv.machine-information img{
		width: 96%;
		display: block;
		margin-bottom: 8px;
	}
	
	.accordionResonsiveDiv.machine-information .accrodionHead1 {
    font-size: 21px !important;
}
	
	
}




/****************
XRAY CSS
******************
***********************/

.xrayContainer{
	position: relative;
/*	width: 1160px;*/
} 

.section-layout:after{
	clear: both;
	content: '';
	display: table;
	
}
 



h3.resize-font{
	font-size: 26px;
}

.twoColumnBox{
	margin-bottom: 40px;
}

.threeColBox .col-group{
	margin-left: 0;
	margin-right: 0;
}

.twoColumnBox .col_half_div{
	float: left;
	width: 50%;
	background: #eff0f2;
}

.twoColumnBox .col_half_div_gray{
	background: #d5d6da;
}

.twoColumnBox:after{
	clear: both;
	display: table;
	overflow: hidden;
	content: '';
}

.column_box_conten{
	padding: 20px;
}

.column_box_conten h3{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 26px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	font-family: 'RegularFOCKEBold';
}

.column_box_conten ul li{
	background: url(../images/small_dots.png) left 12px no-repeat;
	padding-left: 20px;
	font-size: 21px;
	line-height: 28px;
}

.column_box_conten p{
	font-size: 21px;
}



.slick-slider-base.packer{
	margin: 0;
}

.slick-slider-base.packer .inner-slick-box {
    background: #eff0f1;
    padding: 10px;
     height: inherit !important; 
    overflow: hidden;
}


/************
THIS IS FOR FIX DRAGGABLE CONFLICT
**************************************/
.slick-slider .slick-track, .slick-slider .slick-list{
	left: 0 !important;
}



.pieContainer {
          height: 100px;
     }
     .pieBackground {
          background-color: grey;
          position: absolute;
          width: 100px;
          height: 100px;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
          -moz-box-shadow: -1px 1px 3px #000;
          -webkit-box-shadow: -1px 1px 3px #000;
          -o-box-shadow: -1px 1px 3px #000;
          box-shadow: -1px 1px 3px #000;
     }
     .pie {
          position: absolute;
          width: 100px;
          height: 100px;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
          clip: rect(0px, 50px, 100px, 0px);
     }
     .hold {
          position: absolute;
          width: 100px;
          height: 100px;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          -o-border-radius: 50px;
          border-radius: 50px;
          clip: rect(0px, 100px, 100px, 50px);
     }

     #pieSlice1 .pie {
          background-color: #1b458b;
          -webkit-transform:rotate(10deg);
          -moz-transform:rotate(10deg);
          -o-transform:rotate(10deg);
          transform:rotate(10deg);
     }
     #pieSlice2 {
          -webkit-transform:rotate(150deg);	
          -moz-transform:rotate(150deg);
          -o-transform:rotate(150deg);
          transform:rotate(150deg);
     }
     #pieSlice2 .pie {
          background-color: #ccbb87;
          -webkit-transform:rotate(40deg);
          -moz-transform:rotate(40deg);
          -o-transform:rotate(40deg);
          transform:rotate(40deg);
     }
     #pieSlice3 {
          -webkit-transform:rotate(190deg);
          -moz-transform:rotate(190deg);
          -o-transform:rotate(190deg);
          transform:rotate(190deg);
     }
     #pieSlice3 .pie {
          background-color: #cc0000;
          -webkit-transform:rotate(70deg);
          -moz-transform:rotate(70deg);
          -o-transform:rotate(70deg);
          transform:rotate(70deg);
     }
     #pieSlice4 {
          -webkit-transform:rotate(260deg);
          -moz-transform:rotate(260deg);
          -o-transform:rotate(260deg);
          transform:rotate(260deg);
     }
     #pieSlice4 .pie {
          background-color: #cc00ff;
          -webkit-transform:rotate(100deg);
          -moz-transform:rotate(100deg);
          -o-transform:rotate(100deg);
          transform:rotate(100deg);
     }


.newsletterContainer {
	border-top: 1px solid #575f65;
	padding: 20px 0px;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #575f65;
    max-width: 1000px;
    /*    height: 350px;*/
}

.newsletterContainer2 {
	display: none;
    z-index:999;
}

.newsletterConfirmation {
	display: none;
    z-index:999; 
	position: absolute; 
	top: 45%;
	width: 100%;
}

.newsletterConfirmation p{ 
	text-align: center;
}

.column-viertel {
    float: left;
	position: relative;
    width: 50%;
    min-height: 304px;
    background-repeat: no-repeat;
	background: #eff0f1;
}


@media only screen and (max-width: 767px){ 
	
	.page-cigarette .pws_tabs_list {
		overflow: visible !important;
	}
	.twoColumnBox .col_half_div{
		float: none;
		width: 100%; 
	}
	
	.column-viertel {
		float: none;
		width: 100%;
		min-height: 304px;
	}
	
	.packer .slick-next {
		width: 25px;
		height: 37px;
		background: url(../images/previous_s.png) right top no-repeat; 
		display: block !important;
	}
	
	.packer .slick-prev{
		width: 25px;
		height: 37px;
		background: url(../images/next_s.png) left top no-repeat; 
		display: block !important;
	}
}



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

.page-cigarette span.slider-title { 
		left: 18px; 
		top: 40px;
		line-height: 1;
		width: initial;
	}
	
	.page-cigarette #homepageSlider {
    position: initial;
}
	
	.cigaratePageSlider{
		min-height: initial !important;
	}
	.page-cigarette .sliderTextMiddle{
		max-width: initial; 
		left: 20px;
		margin-left: initial;
		width: 80%;
		top: 0px; 	/* CHANGED */
	}

}

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

	.sliderTextMiddle{
		max-width: initial; 
		left: 18px;
		margin-left: initial;
		width: 87%;
		top: 0px; 	/* CHANGED */
	}

}


@media screen and (max-width: 1023px) and (min-width: 769px) {
.page-cigarette .sliderTextMiddle,
	.page-package-solution .sliderTextMiddle{ 
    width: initial;
    position: relative; 
	left: 18px;
    margin-left: initial;
}
	
	.section-tab-container {
		background-color: transparent!important;
	}
	
}

@media only screen and (min-width: 1024px){  
	
	.cid-grid-block-first{
		padding-right: 20px;
	}
	
/*	.cig-grid-content-first .conten-box-holder{
		padding-right: 0;
	}*/
	
/*	.cig-grid-content-first small {
		font-size: 28px;
	}*/
}

/*
#cycler,#cycler1, #cycler2,#cycler3{position:relative;}
#cycler img,#cycler1 img, #cycler2 img, #cycler3 img{position:absolute;z-index:1; width:100%;}
#cycler img.active,#cycler1 img.active, #cycler2 img.active, #cycler3 img.active{z-index:3}
*/

 
#centerDiv {
    width: 80%;
    text-align: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headfirm {
	text-transform: uppercase;
	display:block;
	font-size:50px;
	color: #575f65;
	padding-top:8px;
}
.headfirm-gp {
	text-transform: uppercase;
	display:block;
	font-size:34px;
	line-height:30px;
	color: #575f65;
	padding-top:8px;
	margin-bottom:-10px;
}
.headfirm-wrapper {
	width:auto;
	text-align: left;
}
.tobacco-pikto {
	width:250px;
	height:auto;
	font-size:24px;
}
.tobacco-pikto img {
	display:block;
	margin-left:20px;
}
.contact-section h1{
	margin: 40px 0 20px 0;
}
a.button-download{
    background-image: url(../images/icon_download-w.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 96% 50%;
    background-color: #84d1f1;
	text-transform: uppercase;
	padding: 10px 40px 10px 20px;
	color: #fff;
    transition: all 0.5s ease 0s;
    width:auto;
    text-align: center;
    line-height:60px;
}

a.button-download:hover{
  background-color: #565d61;
}

@media only screen and (max-width: 768px) { 
	.headfirm {
	font-size:26px;
	padding-top:0px;
}
.headfirm-gp {
    font-size: 26px;
    line-height:24px;
    padding-top: 0px;
}
.tobacco-pikto img {
	width:25%;
}
/*#cycler, #cycler1, #cycler2, #cycler3{display:none;}*/

}
@media screen and (max-width: 768px) {
#headerHolderFirm {
    padding-bottom: 14px;
    padding-top: 20px;
}
}



/******************
UTM
**********************
***************************/
.utm-column-half{
	float: left;
	width: 48%;
	height: auto;
	background-repeat: no-repeat;
	padding:10px;
}
.utm-slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height:505px;
  padding: 0 10px;
  margin: 0 auto;
  }
.utm-box-head  {
  color:#575f65;;
  text-transform:uppercase;
  border-bottom:1px solid #575f65;
  font-size:30px;
  }
.utm-box-text  {
	color:#000;

  }

.utm-box-div{
	text-align: center;
}

.utm-box-div .col-space{
	float: none;
	display: inline-block;
}

.machineSliderDiv{
	background-color: #eff0f1;
	padding-top: 10px;
}

.machineSliderDiv .bx-wrapper .bx-caption{
	color: initial; 
    background: transparent;
	text-align: center;
    width: 100%;
}

.machineSliderDiv .bx-wrapper .bx-caption span{ 
    text-transform: uppercase;  
    font-size: 30px;
    line-height: 28px;
    color: #575f65;
	font-family: 'RegularFOCKELight';
	padding-top: 0;
}

.utm-page .page-container {
	margin-top:20px;
}
.utm-page .contentContainer h1  {
	margin-top:60px;
}

.dual-box-content li{
	background:  url(../images/small_dots.png) left 12px no-repeat;
	padding-left: 20px;
}


select.styled-select {
    font-family: 'RegularFOCKELight';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 24px;
    width: 100%;
    color: #84d1f1;
}

/* styling */
select.styled-select {
  width:100%;
  border: 0;
  padding:.25em 1em .4em .65em;
/*  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);*/
  background-color:white;
  background-image:url(../images/down_arrow_select.jpg);
  background-position: 98% center;
  background-repeat: no-repeat;
}

option {
/*  background:#222;*/
/*  border-top:1px solid #444;*/
  padding:.3em 1em .3em 1em;
	 
}

select.styled-select:hover {
/*  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);*/
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}

.utm-page .page-container:after {
	padding: 0 !important;
	display: table;
	content: '';
	clear: both;
}

.utm-page .page-subconten p{
	margin: 20px 0;
	margin-bottom: 0;
}

.utm-page .column_box_conten{
	padding: 20px;
}



.newsletterContainer {
	border-top: 1px solid #575f65;
	padding: 20px 0px;
	margin-top:60px;
	border-bottom: 1px solid #575f65;
/*    height: 350px;*/
	height: auto;
}

.newsletterContainer2 {
	display: none;
    z-index:999;
}

.newsletterConfirmation {
	display: none;
    z-index:999; 
	position: absolute; 
	top: 45%;
	width: 100%;
}

.newsletterConfirmation p{ 
	text-align: center;
}

.column-viertel {
    float: left;
	position: relative;
    width: 50%;
    min-height: 304px;
    background-repeat: no-repeat;
	background: #eff0f1;
}

.newsletterContainer3{
	display: none;
}

@media only screen and (max-width: 768px) { 
	
	.utm-page #tiles { 
    	padding:  20px !important;
	} 
	
	.utm-page .column_box_conten{
		padding: initial;
	}
	
	.utm-page .contact-section h1 {
		margin: 20px 0 20px 0;
	}
	
	.machineInnerDiv{
		max-width: 1000px;
		width: 100%;
		margin: auto;
	}
}
	
	
@media screen and (max-width: 767px) {
	
	.machineSliderDiv{
		margin-bottom: 20px;
	}
	
	.utm-box-div .col-space {
		float: none;
		 display: block; 
	} 
	
	.utm-box-div .col-group .col-space:last-child{
		margin-bottom: 0 !important;
	}
	.utm-column-half{
		float: none;
		width: initial;
		
	}
	
	.utm-page .page-subconten {
		padding: 20px 20px 0 20px !important;
	}	
	
	.utm-page .page-subconten p{
		margin: 20px 0;
		margin: 0;
	}

	
	.utm-page .section-layout {
		margin: auto;
		width: initial;
	}
	
	.utm-page .page-container {
		padding: 20px !important;
	}
	
	.contact-half-block {
		width: auto;
		float: none;
		padding: 1% 20px 20px 20px;
	}
	
	.utm-page .contact-section h1{
		padding-left: 20px;
	}
	
	.column-viertel {
		float: none;
		width: 100%;
		min-height: 304px;
	}
	
	.utm-page .commonSection {
		padding: 20px;
	}

}

.machineInnerDiv{
	max-width: 1000px;
	margin: auto;
}

@media screen and (max-width: 800px) and (min-width: 320px) {
	.machineSliderDiv .bx-wrapper .bx-caption span{  
		font-size: 21px;
		line-height: 28px; 
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.utm-page .commonSection{  
		 padding: 0;
	}
	
	.utm-page .section-facts, .section-layout {
		margin: auto;
		width: auto;
	}
	
	.utm-column-half {
		float: left;
		width: 50%;
		height: auto;
		background-repeat: no-repeat;
		 padding: initial; 
	}
}





/**********************
neuer Code 2017-03-15
**************************/

#titelslide_career {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/career.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}
#titelslide_career2 {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/career2.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}
#titelslide_career3 {
    height: 505px;
    width: 100%;
	  background-image:url("../images/banner/career3.jpg");
	background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}
.more ul li{
	background: url(../images/small_dots.png) left 12px no-repeat;
	font-size: 21px;
	line-height: 28px;
}

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

	#titelslide_career {
	height:370px;
	width: 100%;
	background-image:url("../images/banner/career-responsive.jpg");
	background-position: 50% 50%;
	}
	#titelslide_career2 {
	height:370px;
	width: 100%;
	background-image:url("../images/banner/career2-responsive.jpg");
	background-position: 50% 50%;
	}
	#titelslide_career3 {
	height:370px;
	width: 100%;
	background-image:url("../images/banner/career3-responsive.jpg");
	background-position: 50% 50%;
	}
}

	@media screen and (max-width: 480px) {
.accordioncareerDiv .accrodionHead1 {
    font-family: 'RegularFOCKEBold';
    display: block;
    text-transform: uppercase;
    font-size: 21px;
    color: #575f65;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
}



#hover-image, #hover-image2 {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px auto;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
	cursor: url(../images/cursor-play.png), pointer;
}

.vCardHolder {
	margin-bottom:15px; /* ergänzt um diese Angabe */
}


.accordioncareerDiv .addui-Accordion .addui-Accordion-header {
	border-top: none; /* ergänzt um diese Angabe */
}
a.button-download{
    font-size:21px; /* ergänzt um diese Angabe */
}
.dual-box-block{
	height: auto;
	display:block;
}
.dual-box-block-mobil{
	height: auto;
	display:none;
}
figure:hover figcaption.fig-pages {
  opacity: 1;
}

figcaption.fig-career {
  background: rgba(154,154,154,0.80);  /* ergänzt um diese Angabe */

}
@media only screen and (max-width: 768px){  
.dual-box-block{
	height: auto;
	display:none;
}
.dual-box-block-mobil{
	height: auto;
	display:block;
}
#hover-image, #hover-image2 {
	cursor: auto;
}
}

.section-layout{
	margin-top:60px;
}

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

.section-layout{
	margin-top:0px;
}
}

/*******************
22-03-2017
*************************
***************************/
.section-facts .text-upperClass {
	margin-bottom:20px;
}

.cig-grid-block{
	background: #eff0f1;
}

.conten-box-holder:after,
.cig-grid-block:after{
	content: '';
	overflow: hidden;
	clear: both;
	display: table;
}

.conten-box-holder {
    padding: 0;
}

.equal-height, .last-grid-box {
    height: 260px !important;
}

.cig-grid-block h4 { 
    margin-top: 10px;
}

.conten-piechart small{
	margin-top: 10px;
}

.label-list label span{
	display: inline-block;
	float: left;
	color:#565d61;
}

.label-list label:after{
	clear: both;
	overflow: hidden;
	display: table;
	content: '';
}

.label-list label span:first-child{
	background: transparent;
	font-family: 'RegularFOCKEBold';
	font-size: 21px !important;
	width: 60px;
}


@media screen and (max-width: 480px){ 
.cig-grid-content {
     background-size:cover !important;
}
}

@media screen and (max-width: 767px){
.cig-grid-block small, .accordion-content-middle small { 
    margin-bottom: 0 ; 
}
	
}
.chart {
  position: absolute;
  width: 180px;
  height: 180px;
  top: 65%; /* diese Zeile geändert */
  left: 50%;
  margin: -90px 0 0 -90px;
}
@media screen and (max-width: 385px){
	.chart {
		width: 140px;
		height: 140px;
		margin: -70px 0 0 -70px;
		top: 50%;
	}
}


/**********************
Datenübergabe an W+P am 2017-03-22
**************************/


/**********************
neuer Code ab 2017-03-24
**************************/

.section1280 .headsub {
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}

@media screen and (max-width: 768px) {  
	.bannerText-desktop .col-group{ 
	padding-top: 0px;
	padding-bottom: 10px;
	}
}

.utm-tile1 {
	background-size: 100%; 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	background-color:#565e61;
	background: url(../images/UTM/basic.gif);
}
.utm-tile2 {
	background-size: 100%; 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	background: url(../images/UTM/part.gif);
}
@media screen and (max-width: 767px){
	.utm-tile1 {
	background-size: 35% !important; 
	background-position: 50% 50% !important; 
	background-repeat: no-repeat;
	background-color:#565e61;
	}
	.utm-tile2 {
	background-size: 35% !important; 
	background-position: 50% 50% !important; 
	background-repeat: no-repeat;
	background-color:#565e61;
	}

	#tiles_square .utm-tile1 {
	background-size: 100% !important; 
	background-position: 50% 50% !important; 
	background-repeat: no-repeat;
	background-color:#565e61;
	}
	#tiles_square .utm-tile2 {
	background-size: 100% !important; 
	background-position: 50% 50% !important; 
	background-repeat: no-repeat;
	background-color:#565e61;
	}
}


/****************
26/03/2017
*********************/
ul.list-img-select{
	position: relative;
	/*min-height: 550px;*/
}

ul.list-img-select-text{ 
	width: 100%; 
	overflow: hidden;
}

.list-img-select li{
	position: absolute;
	width: 100%;
}

ul.list-img-select-text li{
	position: absolute;
	width: 100%;
}


ul.list-img-select-title{
	position: relative;
	min-height: initial;
}

.list-img-select-title li{
	position: absolute; 
}


.list-img-select li:after,
ul.list-img-select:after{
	clear: both;
	content: '';
	display: table;
	overflow: hidden;
}

img.hide-img{
	display: none;
}

img.show-img{
	display: block;
}



.single-element-hide{
	display: none; 
}

.single-element-view{
	display: block; 
}


.b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}

.fade-out {
  opacity: 0;
  transition: all 1s;
}

.fade-in-delay {
  opacity: 1;
  transition: all 1s 0.5s;
}

.hide1 {
  display: none;
}


/*
.mobileVersion{
		display: none!important;
	}
	
	.nonMobile{
		display: block!important;
	}
*/




@media screen and (max-width: 480px) and (min-width: 320px) {
	
	.mobileVersion{
		display: block !important;
	}
	
	.nonMobile{
		display: none !important;
	}
	
	ul.list-img-select{
		position: relative;
		min-height: 380px;
	}
	
	ul.list-img-select-title{
	position: relative;
	min-height: initial;
}

}


@media screen and (max-width: 650px) and (min-width: 481px) { 
	
	.mobileVersion{
		display: block !important;
	}
	
	.nonMobile{
		display: none !important;
	}
	
	ul.list-img-select{
		position: relative;
		min-height: 650px;
	}
	
	ul.list-img-select-title{
	position: relative;
	min-height: initial;
}

}

@media screen and (max-width: 767px) and (min-width: 651px) { 
	
	.mobileVersion{
			display: block !important;
		}

		.nonMobile{
			display: none !important;
		}

		ul.list-img-select{
			position: relative;
			/*min-height: 750px;*/
		}

		ul.list-img-select-title{
		position: relative;
		min-height: initial;
	}

}


.resetTextPosition{
	white-space: pre-line;
	vertical-align: text-top;
	display: inline-table;	/* THIS IS NEW */
}

@-moz-document url-prefix() { 
  .resetTextPosition{
		white-space: pre-line;
		vertical-align: text-top;
		display: inline-grid;
	}
}





/*
*************************
SP-SLIDESHOW
************************/


.sp-slideshow {
    position: relative;
    display:block;
/*	margin: 10px auto;*/
	width: 100%;
	max-width: 1520px;
/*	height: 550px;*/
/*
	border: 10px solid #fff;
	border: 10px solid rgba(255,255,255,0.9);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
*/
}

@media screen and (max-width: 767px){
	.sp-slideshow {
		display:none;
	}
}


.sp-content {
/*    background: #7d7f72 url(../images/grid.png) repeat scroll 0 0;*/
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sp-parallax-bg {
    background: url(../images/service_slider/slide1.jpg) repeat-x scroll 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sp-slideshow input {
    position: absolute;
	bottom: 15px;
	left: 50%;
	width: 9px;
	height: 9px;
	z-index: 1001;
	cursor: pointer;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.sp-slideshow input + label {
    position: absolute;
    bottom: 15px;
	left: 50%;
    width: 6px;
	height: 6px;
	display: block;
	z-index: 1000;
	border: 3px solid #fff;
	border: 3px solid rgba(255,255,255,0.9);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    -o-transition: background-color linear 0.1s;
    -ms-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
}
.sp-slideshow input:checked + label {
	background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.sp-selector-1, .button-label-1 {
    margin-left: -36px;
}

.sp-selector-2, .button-label-2 {
    margin-left: -18px;
}

/*
.sp-selector-4, .button-label-4 {
    margin-left: 18px;
}

.sp-selector-5, .button-label-5 {
    margin-left: 36px;
}
*/

.sp-arrow {
    position: absolute;
	top: 50%;
	width: 28px;
	height: 38px;
	margin-top: -19px;
	display: none;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1000;
	background: transparent url(../images/arrows.png) no-repeat;
	-webkit-transition: opacity linear 0.3s;
    -moz-transition: opacity linear 0.3s;
    -o-transition: opacity linear 0.3s;
    -ms-transition: opacity linear 0.3s;
    transition: opacity linear 0.3s;
}
.sp-arrow:hover{
	opacity: 1;
}
.sp-arrow:active{
	margin-top: -18px;
}
.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a5 {
    right: 15px;
	display: block;
	background-position: top right;
}
.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {
    left: 15px;
	display: block;
	background-position: top left;
}

.sp-slideshow input:checked ~ .sp-content {
/*
    -webkit-transition: background-position linear 0.6s, background-color linear 0.8s;
    -moz-transition: background-position linear 0.6s, background-color linear 0.8s;
    -o-transition: background-position linear 0.6s, background-color linear 0.8s;
    -ms-transition: background-position linear 0.6s, background-color linear 0.8s;
    transition: background-position linear 1.3s, background-color linear 1.2s;
*/
	transition: background-position linear 2.8s, background-color linear 2.8s;
}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {
    -webkit-transition: background-position linear 0.7s;
    -moz-transition: background-position linear 0.7s;
    -o-transition: background-position linear 0.7s;
    -ms-transition: background-position linear 0.7s;
    transition: background-position linear 2.7s;
}

input.sp-selector-1:checked ~ .sp-content {
    background-position: 0 0;
	background-color: #727b7f;
}

input.sp-selector-2:checked ~ .sp-content {
    background-position: -1520px 0;
	background-color: #7f7276;
}

/*
input.sp-selector-3:checked ~ .sp-content {
    background-position: -200px 0;
	background-color: #737f72;
}

input.sp-selector-4:checked ~ .sp-content {
    background-position: -300px 0;
	background-color: #79727f;
}

input.sp-selector-5:checked ~ .sp-content {
    background-position: -400px 0;
	background-color: #7d7f72;
}
*/

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
    background-position: 0 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    background-position: -1520px 0;
}

/*
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
    background-position: -400px 0;
}

input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
    background-position: -600px 0;
}

input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {
    background-position: -800px 0;
}
*/

.sp-slider {
    position: relative;
	left: 0;
    width: 500%;
	height: 100%;
	list-style: none;
    margin: 0;
	padding: 0;
/*
    -webkit-transition: left ease-in 1.0s;
    -moz-transition: left ease-in 0.8s;
    -o-transition: left ease-in 0.8s;
    -ms-transition: left ease-in 0.8s;
*/
    transition: left linear 2.8s; 
}

.sp-slider > li {
	color: #fff;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
/*
	height: 100%;
	padding: 0 60px;
*/
    float: left;
	text-align: center;
/*
	opacity: 0.4;
    -webkit-transition: opacity ease-in 0.4s 0.8s;
    -moz-transition: opacity ease-in 0.4s 0.8s;
    -o-transition: opacity ease-in 0.4s 0.8s;
    -ms-transition: opacity ease-in 0.4s 0.8s;
*/
/*    transition: opacity ease-in 0.4s 0.8s; */
}
.sp-slider > li img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
/*	padding: 40px 0 50px 0;*/
	max-height: 100%;
	max-width: 100%;
}
input.sp-selector-1:checked ~ .sp-content .sp-slider {
    left: 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-slider {
    left: -100%;
}

/*
input.sp-selector-3:checked ~ .sp-content .sp-slider {
    left: -200%;
}

input.sp-selector-4:checked ~ .sp-content .sp-slider {
    left: -300%;
}

input.sp-selector-5:checked ~ .sp-content .sp-slider {
    left: -400%;
}
*/

input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){
	opacity: 1;
}
@media screen and (max-width: 840px){
/*	.sp-slideshow { height: 400px; }*/
	input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    background-position: -840px 0;
	}
}
@media screen and (max-width: 680px){
	input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    background-position: -680px 0;
	}
}
@media screen and (max-width: 560px){
	input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    background-position: -560px 0;
	}
}
@media screen and (max-width: 320px){
	input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    	background-position: -320px 0;
	}
}




.career-slider-mobile {
	display:none;
}

@media screen and (max-width: 767px) and (min-width: 721px) { 
	.career-slider-mobile {
		display:block;
	}
		body.page-packages figcaption.fig-pages {
    height: 100% !important; /* geändert */
}
	.cap-bot figcaption {
    left: 0;
    top: 25%;
	bottom: inherit;
}
	.cap-bot:hover figcaption {
    left: 0;
    top: 25% !important; 
}
	
.package-caption-text-box { 
    text-align: center;
	top: 50%;
	position: relative;
	height: 100%;
}
	
	 .toggleDiv p { 
		 
	}
	 
	
	
}


@media screen and (max-width: 720px) and (min-width: 320px) {  
	body.page-packages figcaption.fig-pages { 
		height: 100% !important;  
	}
	
	body.page-packages .package-caption-text-box {
		/*padding-top: 25%;*/
	}
	
}




  /* Code Career-Contaktboxes*/

.overlay, .overlay2, .overlay3 {
	display:none;
	position: fixed;
	text-align: left;
	left:50%;
	margin-left:-340px;

     width: 90%;
      top: 50%;

      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index:9999;
      	-webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);

    background: linear-gradient(93deg, #EEE, #FFF, #AAA);
    background-size: 500% 500%;
}
#overlayclose, #overlayclose2, #overlayclose3 {
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	color:#84d1f1;
}

#overlayclose:hover {
	color:#000;
}

.overlay .vCardHolder, .overlay2 .vCardHolder, .overlay3 .vCardHolder  {
	border: 1px solid #575f65;
	margin:0px;
	background-color:#FFF;
}
@media only screen and (max-width: 768px) {
	.overlay, .overlay2 {
	left:50%;
	margin-left:-155px;
	width:310px;
	}
}

  /* Ende Code Career-Contaktboxes*/







/* Code Desktop-Video */

#bgvid{
	margin: 0 !important;
}

.vid_overlay{
	position: absolute;
	z-index: 999999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .5;
}

.text_video{
	display: none;
	position: absolute;
	width: 100px;   
	  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
	z-index: 2;
}






/**
 * This part should be set separately for each video
 * if there are multiple videos in your site.
 * I.e. '.demo-video-wrapper' is the name of this particular video
 */
.demo-video-wrapper {
	background-image: url(../vids/Focke_Intro_Demo_1.png);
}

/* Video overlay and content */
.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
}
.video-hero--content {
	position: relative;
	text-align: center;
	color: #FFF; 
	text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.video-hero--content h2 {
	font-size: 34px;
	margin: 0 0 10px;
}
.video-hero--content p {
	font-size: 20px;
	margin: 0;
}




/* CSS from jQuery Background Video plugin */
/**
 * Set default positioning as a fallback for if the plugin fails
 */
.jquery-background-video-wrapper {
	height: 550px;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    	background-size: cover;
}
.jquery-background-video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-o-object-fit: contain;
	   object-fit: contain;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	    	transform: translate(-50%,-50%);
}
/**
 * Fade in videos
 * Note the .js class - so non js users still
 * see the video
 */
.js .jquery-background-video {
	opacity: 0;
	-webkit-transition: opacity 300ms linear;
			transition: opacity 300ms linear;
}
.js .jquery-background-video.is-visible {
	opacity: 1;
}

/**
 * Pause/play button
 */ 
.jquery-background-video-pauseplay {
	position: absolute;
	background: transparent;
	border: none;
	box-shadow: none;
	width: 20px;
	height: 20px;
	top: 15px;
	right: 15px;
	padding: 0;
	cursor: pointer;
	outline: none !important;
}
.jquery-background-video-pauseplay span {
	display: none;
}
.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease;
			transition: all .3s ease;
}
.jquery-background-video-pauseplay.play:before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #FFF;
}
.jquery-background-video-pauseplay.pause:before,
.jquery-background-video-pauseplay.pause:after {
	border-top: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
	border-left: 5px solid #FFF;
}
.jquery-background-video-pauseplay.pause:after {
	left: 10px;
}

.slider-banner-tobacco .slick-slide{
	margin: 0;
}





#service-stoerer {
	 
	/*background-image:url("../images/service-hotline.svg");
	background-color: rgb(0,46,82);*/
	width:100%;
	height:auto;
	/*-webkit-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.2);*/
	z-index:9999;

    /*border-top: 1px solid #84d1f1;*/

}


#service-stoerer .hotlineConfirmation p {
    text-align: center;
    color: black;
    padding: 20px 10px;
}

body.noScroll{
	height: 100%;
	overflow: hidden;
}

a.open-popup-link{
	height: 60px;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background-color: rgb(0,46,82);
    width: 100%;
    text-align: center;
    display: inline-block;
}

#service-stoerer .contact-half-block { 
	width: auto;
	float: inherit;
	padding: inherit;
}


#service-stoerer .formBtn-servicehl {
	display:block;
	text-align: center;
	margin:0 auto;
	height:60px;
}

.servicehlContainer {
	 
    z-index:999;
    max-width: 1000px;
	width: 100%;
	margin: auto;
	padding:0px 0 40px 0;
	position: relative;
}

.service-app-form {
	display: block;
    max-width: 1000px;
	width: 100%;
	margin: auto;
	padding:0px 0 0px 0;
	position: relative;
}


#service-stoerer .contact-half-block {
		padding: 20px 10px 15px 10px;
	}
.hotlineConfirmation {
	display: none;
    z-index:999; 
}

.hotlineConfirmation p{ 
	text-align: center;
	color:#FFF;
}
.servicehlContainer .only-contact-block .kontaktFormWrapper textarea {
	min-height: 86px;
    margin-bottom: 3px;
}

#service-stoerer .input2 {
	float:left;
	width:82%;

}

.machinenr {
	float:left;
	/*width:82% !important;*/

}
.servicehl-machine {
	padding-left:2%;
	width:36px; 
	height:auto;
	float:left;
	}
	

.serviceapp-mehr {
    padding-right: 0px;
    margin-top: 0px;
	margin-bottom:25px;
    width: 40px;
    height: auto;
	cursor:pointer;
	background-color:#80CEF4;
	transition: all 0.5s ease 0s;
}

.serviceapp-mehr:hover{
	background-color:#565d61;
}

.servicehl-machine2 {
	padding-left: 5px;
	padding-right:5px;
    margin-top: 25px;
    width: 36px;
    height: auto;
    float: right;
	cursor:pointer;
}


#service-stoerer select.styled-select {
	margin-bottom:10px;
	padding-left:2%;
 }

#service-stoerer input {
	width:45.4%;
} 

#service-stoerer .formBtnSubmit {
	height:43px;
}

.overlay-sc {
display:none;
position: fixed;
left:50%;
margin-left:-143px;
width: 286px;
bottom: 10px;

  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:9999;
  	-webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
background: #FFF;
z-index:99999;
}


#service-stoerer .text-right {
    /* text-align: right; */
    float: right;
}


@media screen and (max-width: 768px) { 
	#service-stoerer input {
		width:98%;
	} 
	.servicehlContainer {
		padding:0;
}
	#overlayclose, #overlayclose2 {
		font-size:40px;
}
	#service-stoerer .contact-half-block:first-child {
		padding: 20px 20px 0px 20px;
	}
	.servicehlContainer .only-contact-block .kontaktFormWrapper textarea {
	min-height: 43px;
    margin-bottom: 3px;
}
}


@media screen and (max-width: 768px) { 
	
.jquery-background-video-wrapper {
	height:430px;
}
	
	.text_video{
  top: 50%;
  transform: translate(-50%, -40%); 

}

	.demo-video-wrapper {
		background-image: url(../vids/Focke_Intro_Demo_1-responsiv.jpg);
		background-position: top center;
	}
	
	#videoPlay{
		display: none;
	}
	
	
	.list-img-select-text .toggleDiv { 
		margin-top: 0;
	}
	
	.list-img-select-text .bannerText-desktop .col-group{
		padding-top: 0;
	}
	
	.slider-banner-tobacco .slick-slide{
		display: none !important;
	}
	
}

/*
*************************
HYGIENE HIGHLIGHTS
************************/

/* Start dots fuer HFP Slim | hfp-slim-highlight.png */
.machine-information .slim-dots1{ 
	left: 22%;
    top: 26%; 
}

.machine-information .slim-dots2{ 
	left: 67%;
    top: 32%;
}

.machine-information .slim-dots3{ 
	left: 46%;
    top: 18%;
}
/* Ende dots fuer HFP Slim */


/* Start dots fuer HFP Twin | hfp-twin-highlight.png */
.machine-information .twin-dots1{ 
	left: 30%;
    top: 40%; 
}

.machine-information .twin-dots2{ 
	left: 65%;
    top: 36%;
}

.machine-information .twin-dots3{ 
	left: 46%;
    top: 55%;
}
/* Ende dots fuer HFP Twin */


/* Start dots fuer HFP Base | hfp-base-highlight.png */
.machine-information .base-dots1{ 
	left: 30%;
    top: 40%; 
}

.machine-information .base-dots2{ 
	left: 77%;
    top: 28%;
}

.machine-information .base-dots3{ 
	left: 54%;
    top: 65%;
}
/* Ende dots fuer HFP Base */


/* Start dots fuer 459-25 |459-25-highlight.png */
.machine-information .m459-25-dots1{ 
	left: 20%;
    top: 45%; 
}

.machine-information .m459-25-dots2{ 
	left: 50%;
    top: 45%;
}

.machine-information .m459-25-dots3{ 
	left: 80%;
    top: 45%;
}
/* Ende dots fuer 459-25 */



/* Start dots fuer 494 |494-highlight.png */
.machine-information .m494-dots1{ 
	left: 17%;
    top: 26%; 
}

.machine-information .m494-dots2{ 
	left: 62.5%;
    top: 40%;
}

.machine-information .m494-dots3{ 
	left: 75%;
    top: 20%;
}
/* Ende dots fuer 494 */


/* Start dots fuer 445 |445-highlight.png */
.machine-information .m445-dots1{ 
	left: 50%;
    top: 55%; 
}

.machine-information .m445-dots2{ 
	left: 68%;
    top: 40%;
}

.machine-information .m445-dots3{ 
	left: 14%;
    top: 56%;
}


/* Start dots fuer StackerBagger Diaper | stackerbagger-highlight.png | 08.09.2021 */

.machine-information .stackerbagger-dots1{

            left: 37%;

    top: 46%;

}

 

.machine-information .stackerbagger-dots2{

            left: 54%;

    top: 43%;

}

 

.machine-information .stackerbagger-dots3{

            left: 88%;

    top: 42%;

}

/* Ende dots fuer StackerBagger Diaper */

/* Ende dots fuer 445 */


/* Start dots fuer HMP | HMP-highlight.png */
/*
.machine-information .HMP-dots1{ 
	left: 9%;
    top: 19%; 
}
.machine-information .HMP-dots2{ 
	left: 45%;
    top: 50%;
}
.machine-information .HMP-dots3{ 
	left: 80%;
    top: 50%;
}
*/
/* Ende dots fuer HMP */



/* Start dots fuer HMP | HMP-highlight02-2021.png */


.machine-information .HMP-dots1{ 
    left: 18%;
    top: 46%;
}

.machine-information .HMP-dots2{ 
    left: 41%;
    top: 50%;
}

.machine-information .HMP-dots3{ 
    left: 76%;
    top: 50%;
}


/* Ende dots fuer HMP */

/* Start dots fuer HMP | HMP-highlight02-2021.png */





/* Ende dots fuer HMP */
/* keine dots fuer 095 |095-highlight.png */

/* keine dots fuer 542 |542-highlight.png */



/********* START 28-06-2017 **********/
.slick-disabled{
		opacity: .2;
	cursor: pointer;
	}
@media only screen and (device-width: 768px) { 
	.section-tab-container {
		background-color: #022442 !important;
		margin: 0 20px;
	}
	
	
	
	.footer-middle { 
		padding-left: 20px;
	}
}

@media screen and (max-width: 768px) and (min-width: 720px) { 
		figcaption {
			height: 100% !important;
		}
	
	span.slider-sub-title {
			/* left: 140px; */
		} 
		span.slider-sub-title {
			left: 18px;
			font-size: 20px;
			line-height: 20px; 
			top: 20px;
		}
	
	span.slider-title-big2 {
		left: 18px;
		top: 50px;
	}
	.contact-section h1 {
		margin: 40px 0 20px 10px;
	}
	
	#tab-1 .bannerText-desktop p{
		padding: 0 0 0 15px;
	}
	
	.tobacco-pikto img {
		width: auto;
	}
	
	.xrayContainer .section-layout {
		margin-top: 30px;
	}
	
	
	.caption-text-box span { 
		display: none;
	}
	
	body.page-packages .caption-text-box span.title {
		padding-top: 20px;
		top: 73px;
		position: relative;
	}
	
	
	.titelnews { 
    	right: -20px; 
	}	
	
	
	
	}

 

 


@media screen and (max-width: 1280px) and (min-width: 768px) { 
	.footer-middle { 
		padding-left: 20px;
	}
	.titelnews { 
    	right: -20px; 
	}	

 } 	


	
#coverScroll{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.75); z-index:1000; width:100%; height:100%; display:none; }
.coverScrollShow{ display: block !important; } 
 #service-stoerer .formBtn-servicehl { 
    padding: 10px 0;
}
/********* END 28-06-2017 **********/ 


/********* START 11-07-2017 **********/

ul.nav__list {
    list-style: none;
    margin: 1.6em 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

ul.nav__list > li:first-child {
    border-top: 0;
    /* margin-top: -1em; */
}

ul.nav__list > li {
    padding: 0;
    border-top: solid 1px rgba(255, 255, 255, 0.15);
}


ul.group-list > li:last-child a{ 
    border-bottom: 0 !important;
}
 

#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 49px;
    background: url(../images/back-to-top.png);
    color: #000;
    cursor: pointer; 
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
      

}
#back-to-top:hover {
     background: url(../images/back-to-top.png) 0 -52px;
}
#back-to-top.show {
    opacity: 1;
} 

#service-stoerer {
	z-index: 1001;	
}

label#serv_firstname-error{
	position: absolute;
	left: 26%;
	top: 12px;
    font-size: 12px;
    color: red;
}

label#serv_email-error{
	position: absolute;
	left: 26%;
	top: 66px;
    font-size: 12px;
    color: red;
}

label#serv_surname-error{
	position: absolute;
	left: 3%;
	top: 66px;
    font-size: 12px;
    color: red;
}

#dcTobacco label.error{
	font-size: 16px;
	color: red;
}




.checkError, .checkError1{  
	background: #f78181 !important;
}



.checkError::-webkit-input-placeholder,
.checkError1::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #000 !important; 
}
.checkError::-moz-placeholder,
.checkError1::-moz-placeholder{ /* Firefox 19+ */
  color: #000 !important;
}
.checkError:-ms-input-placeholder,
.checkError1:-ms-input-placeholder{ /* IE 10+ */
  color: #000 !important;
}
.checkError:-moz-placeholder,
.checkError1:-moz-placeholder{ /* Firefox 18- */
    color: #000 !important;
}


@media screen and (max-width: 667px) and (min-width: 320px) { 
	label#serv_firstname-error{
		position: absolute;
		left: 52%;
		top: 12px;
		font-size: 12px;
		color: red;
	}
	
	
	label#serv_email-error{
		position: absolute;
		left: 52%;
		top: 66px;
		font-size: 12px;
		color: red;
	}

	label#serv_surname-error{
		position: absolute;
		left: 7%;
		top: 66px;
		font-size: 12px;
		color: red;
	}
	
	

 } 	

	div.titelnews a { 
		color: #000 !important; 
	}

@media only screen and (max-width: 768px) {
#wrapper { 
    position: relative;
}
	}
/********* END 11-07-2017 **********/ 


/********* START 12-07-2017 **********/
@media screen and (max-width: 720px) and (min-width: 280px){ 
	
	body.page-packages .package-caption-text-box {
		/*padding-top: 35%;*/
		height:100%;
	}
	
	body.page-packages .cap-bot:hover figcaption.fig-pages {
		bottom: 0%; 
	}
	
}

/********* END 12-07-2017 **********/ 


/********* START 19-07-2017 **********/
@media screen and (max-width: 1024px) and (min-width: 768px){ 
	 
		.cap-bot figcaption { 
			bottom: 48%;
		}
	
	}

/********* END 19-07-2017 **********/ 
textarea {


	
}



::selection {
 background:#0CF;
 color:#FFF;
}
::-moz-selection {
 background:#0CF;
 color:#FFF;
}

/* ab hier captcha-code */

#captcha {
	float:left; 
	height:40px; 
	width:100px;
	flex-grow:2;
}
@media (max-width: 768px) {
	#captcha {
		float:left; 
		height:40px; 
		width:98%;
		margin-top:10px;
	}
}






/*  captcha-code ende */


::selection {
 background:#0CF;
 color:#FFF;
}
::-moz-selection {
 background:#0CF;
 color:#FFF;
}

@media screen and (max-width: 768px) {  	.repeatedDiv{ 		overflow: hidden; 	}}
.repeatedDiv input.machiner-custom-sized:first-child{
		margin-bottom:0px !important;
		border-bottom: 1px dashed #abb3b7 !important;
		margin-left: 4% !important;
		padding-left:0 !important;
	}

.repeatedDiv {
		float:left;
		width: 84% !important;
	}

@media screen and (max-width: 767px){
	.career-slider-mobile {
		display:block;
	}
		body.page-packages figcaption.fig-pages {
    height: 100% !important; /* geändert */
}
	.cap-bot figcaption {
    left: 0;
    top: 0%;
	bottom: inherit;
}
.package-caption-text-box { 
    text-align: center;
	top: 50%;
	position: relative;
}
	.repeatedDiv input.machiner-custom-sized:first-child{
		margin-bottom:0px !important;
		border-bottom: 1px dashed #abb3b7 !important;
		margin-left:2.5% !important;
		padding-left:0 !important;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 768px){ 
	.repeatedDiv input.machiner-custom-sized:first-child{ 
		margin-left: 2% !important; 
	}
}
@media screen and (min-width: 320px) and (max-width: 320px){
	.repeatedDiv {
		width: 80% !important;
	}
}


	.repeaterDivHolder{
		min-height: 88px;
	}
	
	.repeaterMainHolder{
		margin-top: 10px;
		background: #fff;
	}
	
	.repeaterMainHolder:first-child{
		margin-top: 0;
	}
	
	.custom-form-text p{
		text-align: center;
	}
	
	.repeaterDivHolder:after,
	.addmoreDivHolder:after,
	repeaterMainHolder:after,
	.repeaterMainHolder:after{
		clear: both;
		display: block;
		content: '';
	}
	
	.servicehl-machine0 {
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 25px;
		width: 36px;
		height: auto;
		float: right;
		cursor: pointer;
	}
	
	.overlaycloseBtn {
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
		color: #84d1f1;
	}
	
	.overlay-sc2-wrapper {
		display:none;
		position: fixed;
		top:50%;
		left:50%;
		width: 286px;
		height:260px;
		margin-left:-143px;
		margin-top:-130px;

		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		  z-index:9999;
			-webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
		-moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
		box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.4);
		background: #FFF;
		z-index:99999;
	}


/* hier neu am 23.03.2020 für neue Startseiten-Kacheln */

.start-tile-1 {
	flex-grow: 1;
	flex-basis: 200px;
}
.start-tile-2 {
	flex-grow: 2;
	flex-basis: 370px;
}
.start-tile-promo {
	flex-grow: 3;
	flex-basis: 540px;
}

#tiles .tile {
    height: 200px;
	margin:10px;
}
#tiles {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
#tiles a span {
	padding:10px;
}

	.promo-p-mobile {
	display:none;
	font-size:18px !important;
	line-height:20px !important;
	}
	.promo-p {
	display:block;
	font-size:18px !important;
	line-height:20px !important;
	}



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

	#tiles .tile {
	margin: 10px 20px;
	}

	.start-tile-1 {
		flex-grow: 1;
		flex-basis: 33%;
		float:left;
		 order: 3;
	}
	.start-tile-2 {
		flex-grow: 2;
		flex-basis: 50%;
		float:left;
		 order: 1;
	}
	.start-tile-promo {
		flex-grow: 3;
		flex-basis: 100%;
		float:left;
		 order: 2;
	}
		.promo-textbox { 
	width:68% !important; 
	}

	#tiles .tile {
		margin:10px;
	}
	#tiles {
		display: flex;
	}
	.col-space {
	    margin-bottom: 0px !important;
	}

	#tiles {
    	padding: 20px 12px !important; /* um Important ergänzt */
	}
	
	#tiles a span {
    font-size: 30px !important;
    line-height: 28px !important;
	}
}


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

	#tiles a span {
   	padding:0px;
	}
	#tiles .tile {
	margin:7px 7px;
	}

	.start-tile-1 {
	flex-grow: 1;
	float:left;
	order: 3;
	}
	.start-tile-2 {
	flex-grow: 2;
	float:left;
	order: 1;
	}
	.start-tile-promo {
	flex-grow: 3;
	float:left;
	order: 2;
	}
	.promo-p {
	font-size:16px !important;
	line-height:18px !important;	
	}
	#tiles a span .promo-p span {
	font-size:16px !important;
	line-height:18px !important;	
	}
	.promo-p-mobile  {
	font-size:16px !important;
	line-height:18px !important;	
	}
	.promo-textbox { 
	width:68% !important; 
	}
}


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

	#tiles .tile {
    height: 100px !important;
	}

	.promo-textbox { 
	width:69% !important; 
	}
	#tiles a span {
   	padding:0px;
   	font-size: 18px !important;
    line-height: 16px !important;
	}

	.promo-p {
	display:none;
	}

	.promo-p-mobile {
	font-size:14px !important;
	line-height:14px !important;
	display:block;
	}
}



/* Ende  für neue Startseiten-Kacheln */

/* Ende  für neue Startseiten-Kacheln */.titelnews2 {
	position: absolute;
	background-color:rgba(132,209,241, 0.0);
	/*background-image:url("../images/info.svg");*/
    background-position: 15px 50%;
    background-repeat: no-repeat no-repeat;
    color:#FFF;
	border-radius:0px;
	/* border-radius:10px;	*/
	 /*right:-180px;*/
	right:-158px;
	top:250px;
  	/*width:260px;*/
  	/*width:300px;*/ /*für start your focke */
  	width:240px;
	/*height:100px;*/
	/*height:115px;*/ /*für start your focke */
	height:100px;
	padding: 0px 0px 0px 0px;
	  -webkit-transition: all .5s ease-in;
	  transition: all .5s ease-in;
	  z-index:101;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	float:left;
/*	overflow: hidden;*/
  }


.titelnews2:hover {
	color:#000;
	right:0px;
	background-image:none;
    background-position: 5px 50%;
    background-repeat: no-repeat no-repeat;
	/*padding: 0px 30px 0px 20px;*/
	/*padding: 0px 30px 0px 6px;*/
	}

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

 .titelnews2 {
	right:-178px;
	top:210px;
  }
 .titelnews2 img {
    width: 75%;
    height: auto;	 
}
	
.titelnews2:hover {
	right:-82px;
	padding: 0px 0px 0px 0px;
	}
}



.titelnews2 {
	position: absolute;
	background-color:rgba(132,209,241, 0.0);
	/*background-image:url("../images/info.svg");*/
    background-position: 15px 50%;
    background-repeat: no-repeat no-repeat;
    color:#FFF;
	border-radius:0px;
	/* border-radius:10px;	*/
	 /*right:-180px;*/
	right:-158px;
	top:250px;
  	/*width:260px;*/
  	/*width:300px;*/ /*für start your focke */
  	width:240px;
	/*height:100px;*/
	/*height:115px;*/ /*für start your focke */
	height:100px;
	padding: 0px 0px 0px 0px;
	  -webkit-transition: all .5s ease-in;
	  transition: all .5s ease-in;
	  z-index:101;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	float:left;
/*	overflow: hidden;*/
  }


.titelnews2:hover {
	color:#000;
	right:5px;
	background-image:none;
    background-position: 5px 50%;
    background-repeat: no-repeat no-repeat;
	/*padding: 0px 30px 0px 20px;*/
	padding: 0px 30px 0px 6px;
	}

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

 .titelnews2 {
	right:-178px;
	top:210px;
  }
 .titelnews2 img {
    width: 75%;
    height: auto;	 
}
	
.titelnews2:hover {
	right:-65px;
	padding: 0px 0px 0px 0px;
	}
}






.left-contact-customer-bg {
	background: url(../images/contact-us-customerservice.png) left top no-repeat;
	background-position: center center;
	background-size: cover;
}


/************
Footer CSS Social media
 */

ul.social-media-wrapper {
	display: flex;
	align-items: stretch; /* Default */
	justify-content: flex-start;
	width: 100%;
	/*background: #cacaca;*/
	margin: 20px 0 0 0;
	padding: 0;
}
ul.social-media-wrapper li {
	display: block;
	flex: 0 1 auto; /* Default */
	list-style-type: none;
	/*background: #fafafa;*/
	margin: 0 10px;
}

ul.social-media-wrapper li:first-child {
	margin-left: 0px;
}

ul.social-media-wrapper li img{
	width: 22px;
	height: 22px;
}