/*
Theme Name: Compect-Theme
Theme URI: http://compect.de
Author: Compect Team
Author URI: http://compect.de
Description: a compect GmbH Theme
Version: 1.0
Text Domain: compect-theme
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Forms
3.0 Links / Buttons
4.0 Layout
	4.1 Top-Navigation
	4.2 Header
	4.3 Footer
	4.4 404 / Search
	4.5 Content
5.0 Media
6.0 Media Queries
7.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #fff;
}

small {
	font-size: 0.8em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	font-size: 1.1em;
	font-style: italic;
	overflow: hidden;
}
blockquote cite {
	display: block;
	font-style: normal;
}
pre {
	font-size: 0.9375em;
	overflow: auto;
}
code,
kbd,
tt,
var {
	font-size: 0.9375em;
}
abbr,
acronym {
	cursor: help;
}
mark,
ins {
	text-decoration: none;
}
big {
	font-size: 1.25em;
}
blockquote {
	quotes: "" "";
}
q {
	quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
	content: "";
}
ul li {
	font-size: 1.35em;
}

:focus {
	outline: none;
}
span.tabKlasse {display:inline-block; width:50px;}
/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.0 Forms
--------------------------------------------------------------*/
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
	color: #333;
	font-family: serif;
}
::-moz-placeholder {
	opacity: 1;
}
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:active{
	background-color: #a5c600;
	color: #fff;
}

/*--------------------------------------------------------------
2.0 Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.0 Links / Buttons
--------------------------------------------------------------*/
a {
	color: #ffffff;
	text-decoration: none;
}
a:focus,
a:hover,
a:active {
	text-decoration: none;
	color: #ffffff;
}
/*--------------------------------------------------------------
3.0 Links / Buttons
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background: #fff;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
#page {
	position: relative;
	word-wrap: break-word;
}
/*--------------------------------------------------------------
4.1 Top-Navigation
--------------------------------------------------------------*/
.navigation-top {
	font-weight: 500;
}
.navigation-top ul{
	list-style: none;
}
#top-menu{
	float: right;
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: left;
}
#top-menu li {
	display: inline-block;
	position: relative;
	padding: 0 20px;
	font-size: 1.1em;
}
#top-menu li a {
	display: block;
	text-decoration: none;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	padding: 10px 0;
}
#top-menu li a:hover, #top-menu li ul.sub-menu li a:hover {
	border-bottom: 3px solid #fff;
}
#top-menu li.menu-item-has-children a:hover {
	border-bottom: 3px solid transparent;
}
#top-menu li ul {
	padding: 0;
	border: none;
	position: absolute;
	top: 100%;
	z-index: 99999;
	display: none;
	margin: 0;
}
#top-menu li:hover ul,
#top-menu li:focus ul {
	display: block;
}
#top-menu li ul li{
	padding: 10px 0;
	width: 100%;
}
#top-menu li ul li a {
	display: inline-block;
}

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: none;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
	float: right;
}
.menu-toggle svg {
	margin-right: 5px;
}
/*--------------------------------------------------------------
4.1 Top-Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.2 Header
--------------------------------------------------------------*/
.header {
	position: fixed;
	width: 100%;
	z-index: 99999;
}
.header .logo{
	position: absolute;
	padding: 40px;
	margin: 0;
	z-index: 99;
}
/*--------------------------------------------------------------
4.2 Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.3 Footer
--------------------------------------------------------------*/
.footer {
	border: none;
	position: relative;
}
/*--------------------------------------------------------------
4.3 Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.4 404 / Search
--------------------------------------------------------------*/
.search article .entry-summary {
	font-size: 1.25em;
}
.search article {
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
	padding: 5px 15px 10px 15px;
}
/*--------------------------------------------------------------
4.4 404 / Search
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.5 Content
--------------------------------------------------------------*/

.wpb_wrapper .flexslider{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}
#content .wpb_wrapper .flexslider ul {
	padding: 0 !important;
}
#content .wpb_wrapper .flexslider .flex-control-nav,
#content .wpb_wrapper .flexslider .flex-direction-nav{
	display: none;
}
/*--------------------------------------------------------------
4.5 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0 Forms
--------------------------------------------------------------*/
/*TODO mazec sprechen wegen russische weise*/
.request-form{
	float: left;
	width: 100%;
}
.white-checkbox input[type=checkbox]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-size: 1em;
	width:auto;
	float:left;
	margin-right: .75em;
	background:transparent;
}

.white-checkbox input[type='checkbox']:checked,
.white-checkbox input[type='checkbox']:not(:checked),
.white-checkbox input[type='radio']:checked,
.white-checkbox input[type='radio']:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin:0;
	padding:0;
}

.white-checkbox input[type='checkbox'] + label,
.white-checkbox input[type='radio'] + label {
	cursor: pointer;
}

.white-checkbox input[type='checkbox']:checked + label::before,
.white-checkbox input[type='checkbox']:not(:checked) + label::before,
.white-checkbox input[type='radio']:checked + label::before,
.white-checkbox input[type='radio']:not(:checked) + label::before {
	content:' ';
	display:inline-block;
	width: 22px;
	height:22px;
	position: relative;
	top:4px;
	border: 1px solid #bbb;
	background: white;
	margin-right: 1em;
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.white-checkbox input[type=radio]:checked + label::before,
.white-checkbox input[type=radio]:not(:checked) + label::before {
	border-radius: 30px;
}

.white-checkbox input[type='checkbox']:hover  + label::before,
.white-checkbox input[type='radio']:hover  + label::before {
	background:#ddd;
	box-shadow: inset 0 0 0 2px white;
}

.white-checkbox input[type='checkbox']:checked  + label::before,
.white-checkbox input[type='radio']:checked  + label::before {
	background:black;
	box-shadow: inset 0 0 0 2px white;
}
/*--------------------------------------------------------------
5.0 Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.0 Media
--------------------------------------------------------------*/
img,
video {
	height: auto;
	max-width: 100%;
}
embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
5.0 Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.0 Print
--------------------------------------------------------------*/
@media print {
	form,
	button,
	input,
	select,
	textarea,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}
	body {
		font-size: 12pt;
	}
	h1 {
		font-size: 24pt;
	}
	h2 {
		font-size: 22pt;
	}
	h3 {
		font-size: 17pt;
	}
	h4 {
		font-size: 12pt;
	}
	h5 {
		font-size: 11pt;
	}
	h6 {
		font-size: 12pt;
	}
	body,
	.site {
		background: none !important;
	}
	body,
	a,
	.site-title a{
		color: #222 !important;
	}
	h2,
	h5,
	blockquote,
	.site-description {
		color: #777 !important;
	}
}
/*--------------------------------------------------------------
7.0 Print
--------------------------------------------------------------*/

.btn-block a{
	display:block !important;
}
.headline-text-shadow, .headline-text-shadow h1{
	text-shadow: 0 0 20px #18000b;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label{
	color: #ffffff !important;
}
div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:active{
	background-color: #a5c600;
    color: #ffffff;
	border: none;
}
.content {
	    margin: 0 -15px 0 -15px !important;
}

form.wpcf7-form label{width:100%;font-size: 1.20em !important;
font-weight: 500 !important;
color:
#646363 !important;}
input.wpcf7-text{
background-color:#fff;
box-sizing: border-box;
border-radius: 2px;
color:#333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
border: 1px solid #ccc;
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
}
textarea.wpcf7-textarea{background-color:#fff;
box-sizing: border-box;
border-radius: 2px;
color:#333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
border: 1px solid #ccc;
width:100%;}
input.wpcf7-submit{
	background-color: #a5c600;
    color: #ffffff;
	border: none;
	padding:15px 30px;
}
form.wpcf7-form .captcha-image{border:none;}
span.cf7ic_instructions{color:#fff;font-size:0;}
span.cf7ic_instructions span{font-size:16px !important;color:red;}

#contactIcons{position:fixed;right:0;top:calc(50% - 65px);z-index:2;}
#contactIcons a{display:block;width:50px;height:50px;padding:10px;margin-bottom:15px;}
#contactIcons a.telIcon{background-color:#a5c600;}
#contactIcons a.mailIcon{background-color:#646363;}
#contactIcons img{width:30px;height:30px;}

#post-3279 h2{min-height:120px;}
@media screen and ( max-width: 1699px ) {
	#header > div.col-md-offset-1.col-md-1{margin-left:15px;}
	#header > div.navigation-top{width:calc(91.66666% - 30px);margin-right: 15px;margin-left: calc(8.33333% + 30px);}
	#top-menu li{padding:0 15px;}
}
@media screen and ( max-width: 1500px ) {
	#post-3279 h2{font-size:1.7em;min-height:82px;}
}
@media screen and ( max-width: 1299px ) {
	#top-menu li{font-size: 0.9em;}
}
@media screen and ( max-width: 1199px ) {
	.menu-toggle {display: inherit;}
	#top-menu {display: none;width:100%}
	#top-menu li {display: block;}
}
@media screen and ( min-width: 768px ) {
	#post-3279 .vc_col-sm-3{width:50%}
}
@media screen and ( max-width: 767px ) {
	#post-3279 h2{min-height:auto;}
	div.pp_overlay, div.pp_pic_holder{display:none !important; }
}