@charset "utf-8";

/*
Theme Name: lack eins
Author:		Rico Floß, floss@51nullacht.de
Author URI: http://www.51nullacht.de/
Date:		2014-09
Client:		VOR
*/

/*
========= corporate
yellow			FFF100

========= indi
darker			1E1E1E	navi
dark			212121	headlines
normal			4B4B4B	text
light			ABABAB
lighter			E1E1E1	border
*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ========= font override and little bit defaults */
body {
	font: 300 100%/150% 'Open Sans', Arial, Verdana, sans-serif;
	color: #4B4B4B;
	text-align: center;
	overflow-x: hidden;
}

p {
	font-weight: 100;
}

a, a strong, stong a {
	color: #1E1E1E;
}
a {text-decoration: none;}
[data-href]:hover a,a:hover {text-decoration: underline;}
a .icon.icon-angle-right {
	font-size: 1.5em;
	vertical-align: -0.1em;
	text-decoration: none;
}

hr {
	border-top-color: #4B4B4B;
}

body {
	background: #fff url(images/bg-footer.png) center bottom no-repeat;
}

/* ========= grid and structur */

/* .column {background-color: #dfdfdf;} */

.container {
	/* width: 1180px; */
	/* width: 1010px; */
	width: 1170px;
	padding: 0 100px;
	
	/* text-align: left; */
}

.page-header {
	position: relative;
}
	.page-navigation {
		/* margin: 35px 0 0 30px;  */
		margin-top: 35px;
		/* text-align: left; */ /* not centered cause different navi width */
	}
.page-document {
	margin: 2em 0;
}
	.page-content {
		padding: 0 50px;
	}
		.content-header {
			height: 650px; margin-top: 4em;
		}
		.content-footer {
		}
	.page-sidebar {
	}
.page-footer {
	padding: 1em 0;
	margin-bottom: 1rem;
}

.page-footer .column,.header-line-container .column { /* margin-top: 0; margin-bottom: 0; */ } /* .columns without margin (p, ul) */

/* ========= forms */
form {
	text-align: left;
}
input,input.file,textarea,select {
	/* width: 100%; */
	
	border: 1px solid #212121;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
label {
	padding-bottom: 0.25em;
}

/* schadensformular */
.header-form-container .header-form input,
.header-form-container .header-form input.file,
.header-form-container .header-form textarea,
.header-form-container .header-form select {
	background: #FFF100;
}
.header-form-container .header-form input.file {
	width: 100%;
	margin-bottom: 0.25em;
}
.header-form-container .header-form input:focus,
.header-form-container .header-form textarea:focus,
.header-form-container .header-form button:focus,
.header-form-container .header-form a.button:focus,
.header-form-container .header-form select:focus {
	border-color: #fff;
}


.button, button {
	width: auto;
	float: right;
	
	background-color: #1e1e1e !important;
	color: #fff;
	text-transform: uppercase;
	border: none;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
.button.trans, button.trans {
	background-color: transparent !important;
	color: #1e1e1e;
}

/* wpcf7 */
.page-content form .wpcf7-form-control-wrap {
	display: block;
	margin: 0.5em 0;
}
.page-content form .wpcf7-form-control-wrap.captcha {
	width: auto;
	display: inline;
}
.page-content form .wpcf7-list-item {
	display: block;
	padding-top: 0.5em;
	padding-right: 0.5em;
}
.page-content form input.wpcf7-not-valid,
.page-content form textarea.wpcf7-not-valid {
	border-color: #ff0000;
}
.page-content form .wpcf7-not-valid-tip { color: #ff0000; display: none; } /* disable alert tip beside input */
.page-content form .wpcf7-response-output {
	clear: both; padding: 0.5em 0; width: 100%;
	border: none;
	/* display: none !important; disable info under form */
}
.page-content .screen-reader-response,
.page-content form .wpcf7-response-output.wpcf7-mail-sent-ng,
.page-content form .wpcf7-response-output.wpcf7-validation-errors { /* border: 1px solid #ff0000; */ display: block; color: #ff0000; }
.page-content form .wpcf7-response-output.wpcf7-mail-sent-ok { /* border: 1px solid #00ff00; */ display: block; color: #00ff00; }
.page-content .screen-reader-response ul { display: none; } /* disable anker */

/* ========= table */

/* ========= header */
/* logo (footer too) */
.page-footer a.logo,
.page-header a.logo {
	/* float: left; */ position: relative; display: block; width: 213px; max-width: 100%; height: 211px; overflow: hidden;
	margin: auto;
	
	text-indent: -9000px;
	white-space: nowrap;
}
.page-header a.logo.hide {
	display: none;
}
.page-footer a.logo span,
.page-header a.logo span {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	
	background: transparent url(images/logo_lack-eins.png) left top no-repeat;
	background-size: contain;
}

/* contact */
.page-header .contact {
	margin-top: 0.5em;
	margin-right: -100px; /* outside */
}
.page-header .contact a:hover {
	text-decoration: none;
}
.page-header .contact a:hover span {
	text-decoration: underline;
	/* padding-bottom: 0.5em; */
	/* border-bottom: 1px solid #000; */
}
.page-header .contact i {
	color: #ABABAB;
	font-size: 187.5%;
	vertical-align: middle;
}

/* search */
.page-header .searchform {
	margin: 0.25em 0 0 0;
	padding: 0.25em;
	width: 370px;
	
	border: 1px solid #E1E1E1;
}
.page-header .searchform .searchword {
	margin: 0;
	
	border: none;
}
.page-header .searchform button {
	padding: 0.25em 0.25em 0 0;
	
	border: none;
	color: #ABABAB;
	background: none;
	font-size: 162.5%;
}

/* page-header-bg-container (in footer.php) */
.page-header-bg-container {
	position: absolute; left: 50%; top: 140px; z-index: -1;
	/* width: 100%; */ width: 1708px; /* max-width: 1708px; */ /* width: 1708px; */ height: 785px; margin-left: -854px; /* centered */
	overflow: hidden;
}
.page-header-bg-container .image {
	position: absolute; top: 167px; right: 0; z-index: 9;
	/* width: 100%; height: 566px; height: 100%; */
	
	background: transparent no-repeat top right;
}
.page-header-bg-container .image.active {		z-index: 10; opacity: 1; }
.page-header-bg-container .image.last-active {	z-index: 9; }

.page-header-bg-container .mask {
	display: block;
	position: absolute; left: 0; top: 0; width: 1708px; /* width: 100%; */ height: 100%; z-index: 11;
	
	/* background: transparent url(images/bg-header.png) center top no-repeat; */
	background: transparent url(images/bg-header-leistungen.png) top right no-repeat;
	
	/* border: 1px solid red; */
	background-size: contain;
}
/* .home .page-header-bg-container .mask {
	background-image: url(images/bg-header-leistungen.png);
} */

/* ========= navigation */
.page-navigation .navigation li {
	vertical-align: middle;
	padding: 0 0.5em;
}
.page-navigation .navigation li a {
	padding: 0.5em 0;
	
	color: #1E1E1E;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
.page-navigation .navigation > li[class*='current'] > a,
.page-navigation .navigation > li:hover > a,
.page-navigation .navigation > li > a:hover {
	border-color: #1E1E1E;
}

.page-navigation .navigation li a.logo,
.page-navigation .navigation li[class*='current'] a.logo,
.page-navigation .navigation li a.logo:hover {
	border: none;
	top: 1.25em;
}

/* sub pages */
.page-navigation .navigation li.has-menu > a .icon { display: none; }
.page-navigation .navigation li.has-menu ul {
	top: 58%; left: auto;
	margin-left: -130px;
	width: auto;
	
	border-top: 15px solid transparent; /* for arrow: space but be active on mouseover */
}
.page-navigation .navigation li.has-menu ul:before {
	content: '.'; position: absolute; right: 20px; top: 0;
	display: block; width: 0; height: 0;
	margin-top: -10px;
	
	color: #000;
	border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000000 transparent;
}
.page-navigation .navigation li.has-menu ul li {
	padding: 0;
	
	background-color: #000;
}
.page-navigation .navigation li.has-menu ul li a {
	padding: 0.5em 0.75em;
	
	text-align: left;
	color: #fff;
}
 /* for arrow: radius border top and space */
.page-navigation .navigation li.has-menu ul li.first {
	border: 1px solid #000;
	-webkit-border-radius: 0.5em 0.5em 0 0; -moz-border-radius: 0.5em 0.5em 0 0; border-radius: 0.5em 0.5em 0 0;
}
.page-navigation .navigation li.has-menu ul li.last {
	border: 1px solid #000;
	-webkit-border-radius: 0 0 0.5em 0.5em; -moz-border-radius: 0 0 0.5em 0.5em; border-radius: 0 0 0.5em 0.5em;
}
.page-navigation .navigation li.has-menu ul li.first a { padding-top: 0.75em; }
.page-navigation .navigation li.has-menu ul li.last a { padding-bottom: 0.75em; }

.page-navigation .navigation li.has-menu li[class*='current'] a,
.page-navigation .navigation li.has-menu li:hover a,
.page-navigation .navigation li.has-menu li a:hover {
	text-decoration: underline;
}

/* geschäftskunden */
.page-navigation .navigation li.page-item-9 {
	/* padding: 0; */
}
.page-navigation .navigation li.page-item-9 a {
	/* padding: 0.5em 1em;
	background: transparent url(images/graphicset.png) 0 -496px no-repeat; */
}

/* ========= document / content */
.page-document {
}
.page-content article * {
	text-align: left;
}
.page-content article.right * {
	text-align: right;
}
.home .page-content article * {
	text-align: center;
}
.home .page-content article img {
	margin: 0 auto;
}
.list-content.style-image-column article.even * {
	text-align: right;
}

/* ========= content */
/* headlines */
h1, h1 a, .likeh1,
h2, h2 a, .likeh2,
h3, h3 a, .likeh3,
h4, h4 a, .likeh4,
h5, h5 a, .likeh5,
h6, h6 a, .likeh6 {
	clear: both;
	font-weight: 100;
	text-decoration: none;
	color: #212121;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1, .likeh1 {
	font-size: 450%;
}
h2, .likeh2 {
	font-size: 250%;
	text-transform: uppercase;
}
h3, .likeh3 {
	margin-top: 1em;
	font-weight: 400;
	font-size: 150%;
}
.list-content.style-contact-column h3,
.list-content.style-image-column h3 {
	margin-top: 0.25em;
	margin-bottom: 0;
}

h4, .likeh4 {
	font-weight: 100;
	font-size: 137.5%;
}
.header-form h4, .header-form .likeh4 {
	margin-bottom: 0;
}
.header-form h4 small, .header-form .likeh4 small {
	display: block;
	line-height: 1.3em;
}

h5, .likeh5 {
	font-size: 112.5%;
}

/* ========= page-footer */
.page-footer * {
	color: #fff;
	/* color: #000; */
}

.page-footer .top {
	position: absolute; right: 0;
	
	margin-top: -0.5em;
	/* border-color: #000; */
}

/* navigation */
.page-footer .navigation li a {
	padding: 0 0.5em;
	
	/* text-decoration: none; */
}
.page-footer .navigation li[class*='current'] > a,
.page-footer .navigation li a:hover {
	/* text-decoration: underline; */
}

/* ========= header-form-container */
.header-form-container {
	position: absolute; left: 0; top: -1.75em; width: 100%; z-index: 999999;
	padding: 1em 0;
	
	-moz-box-shadow:0 3px 5px 0 #ccc;-webkit-box-shadow:0 3px 5px 0 #ccc;box-shadow:0 3px 5px 0 #ccc;
	background-color: #FFF100;
	color: #212121;
}
.header-form-container .header-content {
	padding: 2em 0;
	text-align: left;
}
.header-form-container .header-content .header-form {
	margin-left: -100px; margin-right: -100px;
}

/* button */
.header-form-container .close {
	display: block; float: right; width: 55px; height: 73px;
	padding: 0.8em 0 0 0;
	
	text-align: center;
	background: transparent url(images/graphicset.png) -455px -556px no-repeat;
	color: #fff;
	font-size: 2em;
}
.header-form-container .open {
	position: absolute; left: 0; bottom: -85px;
	display: block; width: 325px; height: 75px;
	
	text-shadow:0 2px 1px #fff;
	line-height: 60px;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(images/graphicset.png) 0 -556px no-repeat;
}

/* button-icons */
.header-form-container .open .icon-exclamation-triangle {
	color: #FF9F00;
	font-size: 2em;
	vertical-align: middle;
}
.header-form-container .open .angle-container {
	display: block; float: right; margin-right: 0.7em;
	
	text-shadow: none;
	color: #fff;
	font-size: 2em;
}
.header-form-container .open.active .angle-container i:before {
	content: '\f139';
}

/* ========= content-header */
.content-header { position: relative; }

/* slider content */
.content-header * {
	text-align: right;
	color: #fff;
}
.content-header .hentry {
	height: 400px;
	padding-right: 330px;
	margin-left: -65px;
}
.content-header .hentry p {
	/* padding: 0 3em; */
}
.content-header a {
	/* text-decoration: none; */
}
.content-header a:after {
	font-family: "FontAwesome";font-size: inherit;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1;text-rendering: auto;
	padding-left: 0.5em;
	font-size: 1.5em;
	vertical-align: -0.1em;
	text-decoration: none;
	
	content: "\f105";
}

/* slider navigation */
.content-header .startslider-navigation {
	list-style: none;
}
.content-header .startslider-navigation li {
	display: block; float: left;
	width: 33%;
}
.content-header .startslider-navigation li a {
	display: block; width: 170px; height: 170px; margin: 0 auto;
	
	line-height: 170px;
	text-decoration: none;
	text-align: center;
	font-size: 112.5%;
	text-transform: uppercase;
	color: #fff;
	background: transparent url(images/graphicset.png) 0 -298px no-repeat;
}
.content-header .startslider-navigation li a:after {
	display: none;
}
.content-header .startslider-navigation li a:hover,
.content-header .startslider-navigation li.current a {
	background-position: 0 -101px;
}

/* ========= standard-slider */
.bx-wrapper .bx-controls-direction a {
	height: 106px; width: 33px; top: 0.5em; margin-top: 0;
	
	background: transparent url(images/graphicset.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a:after { display: none; }
.bx-wrapper .bx-controls-direction a.bx-prev {left: -150px; background-position: -419px 0;}
.bx-wrapper .bx-controls-direction a.bx-next {right: -150px; background-position: -479px 0;}

.bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px solid #ABABAB;
	background: transparent;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ABABAB;
}

/* ========= list-content */
.list-content {
	margin: 4em 0;
}

/* contacts */
.list-content.style-contact-column { /* outside (50 + grid-margin) */
	margin-left: -78px; margin-right: -78px;
}
	/* it's the layout, not the grid... */
/* .list-content.style-contact-column .col_3 { width: 170px; }
.list-content.style-contact-column .col_3c { width: 55%; } */

/* gallery */
.list-content.style-gallery { /* outside */
	margin-left: -50px; margin-right: -50px;
}
.list-content.style-gallery li a {
	position: relative;
	line-height: 90%;
}

/* image-column */
.list-content.style-image-column article.odd {
	clear: left;
}

/* imageblock */
.list-content.style-imageblock {
	margin-left: -200px; margin-right: -200px;
}
.list-content.style-imageblock .hentry {
	position: relative;
	height: 295px;
	width: 33.2%;
	margin: 0 1px 1px 0;
	
	background: transparent center no-repeat;
}

/* tabs */
.list-content.style-tabs .tabs {
	border: none;
}
.list-content.style-tabs .tabs a {
	margin: 0 0.5em;

	border: 1px solid #000;
	background-color: #fff;
	text-decoration: none;
	-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;
}
.list-content.style-tabs .tabs a:hover,
.list-content.style-tabs .tabs .current a {
	top: 0;
	
	color: #fff;
	background-color: #212121;
}
.list-content.style-tabs .tab-content {
	padding: 3em 0 0 0;
	
	border: none;
}

/* ========= tooltip */
.Zebra_Tooltip {
	font-size: 87.5%;
	margin-top: -2em;
}
.Zebra_Tooltip,
.Zebra_Tooltip_Message {
	/* width: 500px !important; */
	width: auto !important;
	max-width: 500px !important;
}

/* ========= fancybox */
.fancybox-overlay { z-index: 999999; }
.fancybox-close, .fancybox-nav span {color: #4B4B4B;}

/* ========= globals */
/* sldieUp */
.slideUp {
	display: none;
	position: absolute; left: 0; bottom: 0; width: 100%;
	padding: 0.5em 0.5em 0 0.5em;
	
	line-height: 120%;
	background: transparent url(images/trans.png) center repeat;
}
.slideUp * {
	color: #fff;
}
.bx-clone a:hover .slideUp {
	display: block;
}

/* lackeins-roundicon */
.lackeins-roundicon,
.lackeins-roundicon-bigger {
	display: inline-block; width: 35px; height: 35px;
	margin-right: 0.5em;
	
	line-height: 35px;
	text-align: center !important;
	border: 1px solid #1E1E1E;
	-webkit-border-radius: 1.1em; -moz-border-radius: 1.1em; border-radius: 1.1em;
}
.home li .lackeins-roundicon { margin-left: 0.5em; }
.lackeins-roundicon-bigger {
	width: 54px; height: 54px;
	margin: 0;
	
	font-size: 200%;
	line-height: 50px;
	border-color: #fff;
}

.lackeins-roundicon {
	border: 1px solid #1E1E1E;
	-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;
}

/* lackeins-icon */
.lackeins-icon {
	display: block; width: 70px; height: 70px;
	margin: 0 auto 1.5em auto;
	
	background: transparent url(images/graphicset.png) no-repeat;
}
.lackeins-icon.spraygun { background-position: 0 -657px; }
.lackeins-icon.wrench { background-position: -111px -657px; }
.lackeins-icon.check { background-position: -221px -657px; }
.lackeins-icon.person { background-position: -332px -657px; }
.lackeins-icon.car { background-position: -442px -657px; }

.column.withIcon {
	position: relative;
	padding-left: 100px;
}
.column.withIcon .lackeins-icon {
	margin: 0;
	position: absolute; left: 0; top: 1em;
}

	/* outside */
.column.withIcon.col_2 {
	width: 50%;
}
.column.withIcon.colLeft {
	clear: both;
	margin-left: -50px;
}
.column.withIcon.colRight {
	float: right;
	margin-right: -50px;
}
.style-contact-column.colRight {
	margin-right: -50px;
}



/* scrollDown */
#scrollDown {
	position: absolute; bottom: 16rem; left: 50%; margin-left: -1.5rem;
	font-size: 5rem;
	color: #fff;
}
#scrollDown:after { display: none; }
.beginContent #scrollDown { display: none; }




a[href^="tel"]:link, a[href^="tel"]:link span,
a[href^="tel"]:visited, a[href^="tel"]:visited span,
a[href^="tel"]:hover, a[href^="tel"]:hover span {
	cursor: default;
	text-decoration: none !important;
	/* color: #000; */
}

#cookieChoiceInfo { z-index: 999999 !important; }
#cookieChoiceInfo > div a { border: 1px solid; padding: 0 0.25em; background-color: #fff; }