/*
Theme Name: Focke 2017
Author: Umsetzung Weiss & Partner
Author URI: https://www.weiss partner.com
Version: 1.0
*/

body.is-menu-visible #menu {
	overflow: hidden;
}

input.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;
}

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

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

.contentContainerImp p { margin: 1em 0px; }

strong { font-family: 'RegularFOCKEBold';}

.tobacco-pikto { width: auto; }

ul.list-with-dots li::before { float: left; width: 15px; }
.list-with-dots span {
  display: block;
  text-align: left;
  
  
}

.list-with-dots span::after { clear:left;}

table.calenderView td.noBG { background: none;}

.onlyVideo { margin-top: 60px;}
.onlyVideo.grau { background: #eff0f1;}
.onlyVideo video {margin:0;}

.hover-image {
    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;
}
.hover-image {
	cursor: auto;
}

.weitere-accordion ul {
  list-style-type: disc;
  margin-left: 25px;
}

.slick-slide {
  
}

.confirmation { display: none; padding: 60px 20px}

.dc_confirm {
	display: none;
  padding: 20px 0;
}

#cookie-bar { font-size: 18px; }

#cookie-bar .cb-enable {
    background-color: #ffffff;
}
#cookie-bar .cb-enable:hover { color: #000000;}

.weitere-accordion img { max-width:100%; height:auto;}
.contact-section h1 { margin-left: 20px;}

@media screen and (max-width: 385px){
	h1 {
		font-size: 28px; 
	}
}

@media screen and (max-width: 480px) {
	.accordioncareerDiv .accrodionHead1 {
		font-size: 16px;
	}
	
}

@media only screen and (max-width: 768px) { 
	.hidden-nomobile{
		display: block;
	}
	
	.hidden-mobile{
		display: none;
	}
	
	.tobacco-pikto span { font-size: 18px; }
	
	.titelnews { top: 325px; }
	
	#jobs { padding: 20px; box-sizing: border-box; }
	
	.bannerText-desktop .notToggle { display: block; }
}
@media only screen and (min-width: 768px) { 
	
	.hidden-nomobile{
		display: none;
	}
	
	.hidden-mobile{
		display: block;
	}
}

@media screen and (max-width: 767px) {
.page-cigarette .sectionReset { padding: 20px 0; }
.page-cigarette .sectionDualBox .col-group, .page-cigarette .bx-wrapper .col-group {padding-left:0; padding-right:0; }
.page-cigarette .sectionDualBox .col-group .col-mb-12, .page-cigarette .bx-wrapper .col-group .col-mb-12 { padding-left:0; padding-right:0; }
.ba-slider .handle { /* Thin line seperator */	  
	  left:50%;  
	}
	


}
@media only screen and (max-width: 768px) {
	.resetResponsiveDiv {
		box-sizing: border-box;
	}
	.accordionResonsiveDiv .addui-Accordion .addui-Accordion-header::after { 
		top: 10px;
		right: 10px !important; 
	}
}

.officeAddress { margin-bottom: 15px !important; }

.machine-highlights-dl  { background: #eff0f1; padding: 5px;  }
.machine-highlights-dl dt {color: #84d1f1; font-size: 21px; line-height: 26px; font-family: 'RegularFOCKEBold';
display: block;
text-transform: uppercase;
color: #575f65;
margin-bottom: 5px;
border-bottom: 1px solid #575f65;
padding-bottom: 5px;
position: relative; }
.machine-highlights-dl dd { display: none; padding-bottom: 10px; }

.machine-highlights-dl dt.inactive::after {
    content: '+';
    color: #84d1f1;
    font-family: 'RegularFOCKEBold'
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
	line-height:21px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0) rotate(0deg);
    position: absolute;
    top: 0px;
    right: 5px;
    transition: transform 0.4s;
}
.machine-highlights-dl dt.active::after {
    content: '-';
    color: #84d1f1;
    font-family: 'RegularFOCKEBold'
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
	line-height:21px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0) rotate(0deg);
    position: absolute;
    top: 0px;
    right: 5px;
    transition: transform 0.4s;
}

@media screen and (max-width: 767px){
	.career-slider-mobile {
		display:block;
	}

}
.checkError { border: 1px solid #f00 !important}
textarea {   resize: none; }

@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;
	}
}

.white-popup {
	  position: relative;
	background-color: #eff0f1;
	  padding: 20px;
	  width: auto;
	  max-width: 500px;
	  margin: 20px auto;
	}
	.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;
	}

	#wpca-box.wpca-shadow {
	-webkit-box-shadow: 0px 0px 0px 0 #444c !important;
	-moz-box-shadow: 0px 0px 0px 0 rgba(68,68,68,0.75) !important;
	box-shadow: 0px 0px 0px 0 #444c !important; 
}
	
	.machine-information .dots {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #84d1f1;
	border: 5px solid #fff;
	position: absolute;
	z-index: 9;
	padding-top: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	color: #565d61;
	font-family: 'RegularFOCKEBold';
	opacity: .9;
}

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

.titelnews {
	
	
	right: -180px;
	
}

.best-practice{ height: 500px; }
.best-practice li {
	width: 100% !important;
	min-height: 500px !important;
	
}
.bx-viewport { height: auto !important; }


/************
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;
}