/*
Theme Name: Blank Theme
Theme URI: 
Author: ecom Webservices
Author URI: 
Description: A blank Wordpress Theme
Tags: html5,css3,blank
*/
/* group @fonts */
@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('fonts/sourcesans/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesans/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesans/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesans/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesans/sourcesanspro-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro SemiBold';
    src: url('fonts/sourcesans/sourcesanspro-semibold-webfont.eot');
    src: url('fonts/sourcesans/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesans/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('fonts/sourcesans/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('fonts/sourcesans/sourcesanspro-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesans/sourcesanspro-light-webfont.eot');
    src: url('fonts/sourcesans/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('fonts/sourcesans/sourcesanspro-light-webfont.woff') format('woff'),
         url('fonts/sourcesans/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('fonts/sourcesans/sourcesanspro-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
	margin: 0;
	padding: 0;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*group basics*/
html {
    background-color: #082950;
    min-height: 100%;
 }
    
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 1.3125em;
	font-weight: 300;
}
.container {
	max-width: 1280px;
	margin: 0 auto;
	width: 90%;
}

.title-group {
	text-align: center;
	max-width: 600px;
	margin: 0 auto 40px;
}

h1, h2, h3, h4 {
	font-weight: 300;
}

h2.large,
h1 {
	font-size: 2.25em;
	line-height: 1.3125em;
	margin-bottom: 5px;
} 

.contact-title,
.subtitle,
h2 {
	font-size: 1.5em;
	line-height: 1.3125em;
}

.contact-title,
h3, h4 {
	margin-bottom: 20px;
}

a {
	color: #1451a1;
	text-decoration: none;
	-webkit-transition: color 0.25s ease;
	-o-transition: color 0.25s ease;
	transition: color 0.25s ease;
}

a:hover {
	color: #082950;
}

#main .content ol,
#main .content ul {
	margin-bottom: 20px;
}

#main .content ol {
	padding-left: 20px;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
}
/*end basics*/

/*group header*/
#header-wrapper {
	background-color: #ededee;
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 600;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

header {
	padding-top: 53px;
		-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.sticky header {
	padding-top: 12px;
	height: 62px;
}

.admin-bar #header-wrapper {
	top: 32px;
}





#contact-header {
	background-color: #164194;
	color: #fff;
	font-size: 0.7778em;
	padding: 5px 0;
	font-weight: 400;
	padding-left: 2px;
	position: absolute;
	width: 100%;
}

#contact-header .fa {
	font-size: 22px;
	margin-right: 8px;
}

#contact-header .fa-envelope {
	font-size: 18px;
}

#contact-header .fa-phone {
	position: relative;
	top: 3px;
}

#contact-header a {
	color: #fff;
}

.contact-group {
	display: table;
	width: 100%;
}

.contact-group > * {
	display: table-cell;
	vertical-align: middle;
}

.logo {
	float: left;
}


.button-group {
	float: right;
}

.button-group a {
	display: inline-block;
	border: 1px solid #fff;
	padding: 0 8px 3px;
	margin-left: 5px;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

#contact-header  .button-group a:hover {
	color: #164194;
	background-color: #fff;
}

#contact-header .button-group .fa {
	position: relative;
	top: 3px;
	right: -2px;
	margin-right: 0;
}
/*end header*/

/*group content*/
#main-wrapper {
    background-color: #fff;
    clear: both;
    /*margin-bottom: 371px;*/
    padding-top: 160px;
    padding-bottom: 60px;
    position: relative;
    z-index: 500;
}

.home #main-wrapper {
	padding-bottom: 0;
}

#tab-wrapper,
#map-wrapper,
#slider-wrapper {
	margin-bottom: 50px;
	position: relative;
}

#slider-wrapper {
	margin-bottom: 75px;
}

#slider-wrapper img {
	width: 100%;
	height: auto;
}

.home .go-to {
    bottom: -40px;
    display: block;
    height: 53px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 802;
}

.go-to > a {
    display: block;
    height: 54px;
    margin: 0 auto;
    text-indent: -7000em;
    width: 106px;
}

#slider-wrapper .owl-next,
#slider-wrapper .owl-prev {
    font-size: 110px;
    margin-top: -52px;
    top: 45%;
    color: #1451a1;	
    opacity: 0.5;

    -webkit-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

#slider-wrapper .owl-next:hover,
#slider-wrapper .owl-prev:hover {
	opacity: 1;
}

#slider-wrapper .owl-prev {
	left: 10px;
	z-index: 9999999999999;
}

#slider-wrapper .owl-next {
	right: 10px;
	z-index: 9999999999999;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
}

.owl-dots {
    position: absolute;
    z-index: 999;
    bottom: 15px;
    width: 100%;
    text-align: center;
}

.owl-dot {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-color: #fff;
	margin: 0 3px;
	border-radius: 50%;
	opacity: 0.5;
    box-shadow: 0 0 2px;
	-webkit-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
}

.owl-dot.active,
.owl-dot:hover {
	opacity: 1;
}

.content .page,
#main {
	overflow: hidden;
}

.content {
	max-width: 860px;
	margin: 0 auto;
	/*width: 90%;*/
	padding-bottom: 50px;
}

.content > .hentry {
	overflow: hidden;
}

.ansprechpartner {
    margin-bottom: 20px;
}

.category-5 .content,
.page-id-19 .content,
.page-id-369 .content {
	position: relative;
}

.category-5 .content:before,
.page-id-19 .content:before,
.page-id-369 .content:before {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 100%;
    width: 25%;
    bottom: 0;
}


.page-id-369 .content:before {
    background-image: url("img/items/maennchen_kette.png");
}

.page-id-19 .content:before {
    background-image: url("img/items/maennchen_steuerstand.png");
    background-position: right bottom 10%;
}

.category-5 .content:before {
	background-image: url("img/items/maennchen_flext_bunt.jpg");
}

.content p {
	margin-bottom: 25px;
}

.content h2 {
	margin-bottom: 15px;
}

span.read-more {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.back-link,
.wpcf7-submit,
.read-more a,
a.read-more {
    border: 1px solid #164194;
    display: inline-block;
    padding: 5px 12px 8px;
    font-size: 1.1111em;
    color: #164194;
    float: right;
    background-color: transparent;
    -webkit-transition: background-color 0.25s ease, color 0.25s ease;
    -o-transition: background-color 0.25s ease, color 0.25s ease;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.read-more a:after {
	content: "\f105";
	font-family: "FontAwesome";
}

.back-link {
	float: left;
	margin-top: 30px;
}

.read-more a:after,
.back-link i,
.submit-wrapper i,
.read-more i {
    display: inline-block;
    font-size: 23px;
    margin-left: 4px;
    line-height: 18px;
    position: relative;
    top: 1px;
}

.back-link i {
	margin-left: 0;
	margin-right: 4px;
}

.back-link:hover,
.wpcf7-submit:hover,
a.read-more:hover,
span.read-more:hover a {
	background-color: #164194;
	color: #fff;
}

#breadcrumbs {
	font-size: 0.7778em;
	margin-bottom: 30px;
	font-weight: 400;
}

.home #slider-wrapper img {
	width: 100%;
}

.home #slider-wrapper .title-group {
    width: 100%;
    z-index: 999;
    max-width: 100%;
}

.content ul li {
	list-style: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 8px;
}

#main .content ul li:before {
	content: "\f10c";
	font-family: "FontAwesome";
	font-size: 11px;
	margin-right: 6px;
	opacity: 0.3;
	position: absolute;
	top: 1px;
	left: 0;
}

.tos-wrapper .tos-caption {
    background-color: #082950;
    opacity: 1 !important;
    padding-top: 10px;
    font-size: 20px;
    min-height: 40px;
    line-height: 25px;
    height: auto;
    padding-bottom: 10px;
}

.tos-caption>div {
	white-space: initial;
	text-overflow: initial;
}

.tos-close, .tos-next, .tos-prev {
	background-color: #082950;
}

.tos-desktop .tos-wrapper.tos-fixed {
    background-color: rgba(0, 0, 0, 0.95);
}


.tos-desktop .tos-wrapper:hover .tos-close, 
.tos-desktop .tos-wrapper:hover .tos-next, 
.tos-desktop .tos-wrapper:hover .tos-prev, 
.tos-touch .tos-wrapper.tos-hover .tos-close, 
.tos-touch .tos-wrapper.tos-hover .tos-next, 
.tos-touch .tos-wrapper.tos-hover .tos-prev {
    opacity: 0.8;
}

hr {
	margin-top: 35px;
	margin-bottom: 30px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #aaa;
}
/*end content*/

/*group news*/
#news-list  {
	overflow: hidden;
}

#news-list .row .inner {
	padding: 60px 0;
	overflow: hidden;
}

#news-list .row:nth-child(even) .inner {
	background-color: #f1f1f1;
}
/*end news*/

/*group related content*/
#related-content {
	background-color: #f1f1f1;
	padding: 50px 0;
	margin-bottom: -60px;
}

#related-content .subtitle {
	margin-bottom: 30px;
}

.img-wrapper {
	position: relative;
	margin-bottom: 15px;
}

.teaser {
	margin-bottom: 20px;
}
/*end related content*/

/*group glossary */
.term-group {
    background-color: #f1f1f1;
    margin-bottom: 15px;
    padding: 30px;
    overflow: hidden;
}

.term-group ul {
    padding-left: 62px;
}

.term-group li {
    list-style: outside none none;
    margin-bottom: 8px;
}

.content ul li:before,
.term-group ul li:before {
	content: "\f10c";
	font-family: "FontAwesome";
	font-size: 11px;
	margin-right: 6px;
	opacity: 0.3;
	position: relative;
	top: -2px;
}

.letter {
    color: #000;
    float: left;
    font-size: 68px;
    line-height: 68px;
    opacity: 0.3;
    margin-top: -8px;
    margin-bottom: 10px;
}
/*end glossary*/

/*group frontteaser*/
#front-teaser {
	margin-bottom: 120px;
}

#front-teaser .text,
#front-teaser h2 {
	margin-bottom: 25px;
}
/*end frontteaser*/

/*group tabslider*/
.tab-nav.container {
	position: relative;
}

.home .tab-nav.container:before {
	background: rgba(0, 0, 0, 0) url("img/items/leistungen_maennchen.png") no-repeat scroll right top;
	-webkit-background-size: contain;
	background-size: contain;
	bottom: 100%;
	content: "";
	display: block;
	height: 210px;
	margin-bottom: -18px;
	position: absolute;
	right: 3%;
	width: 125px;
	z-index: 800;
}

.home #tab-wrapper {
	margin-bottom: 50px;
}

.tab-nav-wrapper {
	/*background-color: #eae9ea; */
	position: relative;
}

.tab-nav img {
	position: absolute;
	width: 100%;
	height: auto;
	opacity: 0.3;
	pointer-events: none;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.tab-link {
	display: table;
	width: 100%;
	height: 95px;
	position: relative;
	z-index: 300;
}

.tab-nav a {
	padding: 0 8px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #000;
	font-weight: 400;
	background-color: rgba(234,233,234,0.5);

	-webkit-transition: background-color 0.25s ease, color 0.25s ease;
	-o-transition: background-color 0.25s ease, color 0.25s ease;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.tab-nav .selected a {
	background-color: rgba(17,71,136,0.8);
	color: #fff;
}

.owl-prev,
.owl-next {
	font-size: 60px;
	opacity: 0.3;
	position: absolute;
	top: 17px;
	color: #164194;

	-webkit-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
}

.owl-prev:hover,
.owl-next:hover {
	opacity: 1;
} 

.owl-prev {
    left: -39px;
}

.owl-next {
    right: -39px;
}

.owl-nav .disabled {
	opacity: 0;
}

#tab-wrapper .owl-stage-outer .owl-item {
	background-color: #f1f1f1;
	overflow: hidden;
}

.tab-content .text .inner {
	padding: 60px 50px 60px 0;
}

.tab-content p,
.tab-content h2,
.tab-content h3 {
	margin-bottom: 20px;
}

.tab-content .read-more {
	margin-top: 30px;
}
/*end tabslider*/

/*group form*/
/*
.home #contact-form {
    background-color: #f1f1f1;
    padding-top: 45px;
    padding-bottom: 45px;
}
*/
#contact-form .inner {
	max-width: 785px;
	margin: 0 auto;
}

form {
	position: relative;
}

form .anrede,
form select,
form textarea,
form input {
	font-size: 0.8889em;
	font-weight: 300;
	padding: 10px 15px;
	border: 2px solid #a8a9ab;
	width: 100%;
	color: #555;
	font-family: "Source Sans Pro",sans-serif;

	-webkit-transition: border-color 0.25s ease;
	-o-transition: border-color 0.25s ease;
	transition: border-color 0.25s ease;
}

form input[type="checkbox"] {
	width: auto;
}

form textarea:focus,
form select:focus,
form input:focus {
	border-color: #164194;
} 

form textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 200px;
}

form .wpcf7-checkbox input {
	width: auto;
}

span.wpcf7-list-item {
	margin: 0;
}

form .anrede {
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	height: 45px;
	background-color: #fff;
}


form select {
/*	border: medium none;*/
	/*box-sizing: unset;*/
	padding: 3px 31px 10px 4px;
	width: 100%;
	font-size: 1em;
	font-weight: 300;
/*	color: #555; */
}


form select option {
	padding: 5px;
}

form .row > div {
	margin-bottom: 35px;
    height: 40px;
}

form .email {
	clear: left;
}

.submit-wrapper {
	overflow: hidden;
	margin-top: 35px;
	position: relative;
}

.submit-button {
	float: right;
	display: inline-block;
	width: auto;
}

.wpcf7-submit:hover,
.submit-button:hover {
	cursor: pointer;
}

.submit-button:hover i {
	color: #fff;
}

.wpcf7-submit {
	padding-left: 0;
}

.submit-wrapper i {
    color: #164194;
    position: absolute;
    right: 9px;
    top: 10px;
}

div.wpcf7-validation-errors {
	background-color: red;
	color: #fff;
	border: none;
}

.mandatory {
	font-size: 0.8em;
	float: left;
}

form .wpcf7-response-output {
    margin: 0 00 1em;
    padding: 9px 15px;
}

.wpcf7-mail-sent-ok {
	background-color: #398f14;
	color: #fff;
}

form .checkbox {
	position: relative;
	padding-left: 25px;
	margin-top: 10px;
}

form .checkbox .acceptance-data {
	position: absolute;
	left: 0;
}

.checkbox .wpcf7-not-valid-tip {
	padding-top: 20px;
}
/*end form*/

/*group referenzen*/
#maschinen,
#referenzen {
	opacity: 0;
	position: relative;
	/*left: -10px;*/
	-webkit-animation: fadeIn 0.8s ease-out forwards 0.5s;
	-o-animation: fadeIn 0.8s ease-out forwards 0.5;
	animation: fadeIn 0.8s ease-out forwards 0.5s;
}

@keyframes fadeIn {
    0% {
    	opacity: 0;
    	/*left: -10px;*/
    }
    100% {
    	opacity: 1;
    	/*left: 0;*/
    }
}

#maschinen a,
#referenzen a {
	display: block;
	overflow: hidden;
}

.grid-design img {
	width: 100%;
	height: auto;
}

.grid-design .row > div {
	height: 262px;
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
}

#related-content .title,
.reference-title {
	position: absolute;
	z-index: 200;
	height: 100%;
	width: 100%;
	padding-right: 20px;
	bottom: 0;

	-webkit-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
}

#related-content .title {
	padding-right: 0;
	bottom: 6px;
}

#referenzen .reference-title {
	opacity: 0;
}

#related-content .title,
#maschinen .reference-title {
	height: 50px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


#related-content .img-wrapper:hover .title,
#maschinen .row > div:hover .reference-title {
	height: 100%;
}

#related-content .img-wrapper .title .inner span,
#maschinen .row > div .reference-title h2 {
	padding: 14px 20px;
	-webkit-transition: transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	transform-origin: left bottom;
}

#related-content .img-wrapper:hover .title .inner span,
#maschinen .row > div:hover .reference-title h2 {
	-webkit-ransform: scale(1.2);
	-ms-ransform: scale(1.2);
	-moz-ransform: scale(1.2);
	-o-ransform: scale(1.2);
	transform: scale(1.2);
}

#referenzen .reference-title:hover,
.reference-title:hover {
	opacity: 1;
}

#related-content .title .inner,
.reference-title .inner {
	background-color: rgba(20, 81, 161, 0.8);
	margin-right: 30px;
	height: 100%;
	color: #fff;
	position: relative;
}

#related-content .title .inner {
	margin-right: 0;
}

#related-content .title .inner span,
.reference-title .inner h2,
.reference-title .inner span {
	position: absolute;
	bottom: 0;
	font-size: 1.12em;
	margin-bottom: 0;
	padding: 13px 20px;
}

.reference-title .inner span,
#related-content .title .inner span {
	padding: 20px;
}

#swipebox-overlay {
	background-color: rgba(0,0,0,0.95);
}

#swipebox-bottom-bar, #swipebox-top-bar {
	background: rgb(8, 41, 80);
}
/*end referenzen*/

/*group maschinen*/
#maschinen-liste {
	overflow: hidden;
}

#maschinen-liste .item {
	background-color: #f1f1f1;
	overflow: hidden;
}
#maschinen-liste .item:nth-child(odd) .post-image {
	float: right;
}

.post-image {
	line-height: 0;
}

.post-image img {
	width: 100%;
	height: auto;
}

#maschinen-liste .col-6 {
	padding-left: 0;
	padding-right: 0;
}

#maschinen-liste p,
#maschinen-liste h2 {
	margin-bottom: 20px;
}

.stats {
	overflow: hidden;
}

.stats  dt {
	clear: left;
	font-weight: 500;
}
/*end maschinen*/

/*group footer*/
#footer-wrapper {
	background: url(img/backgrounds/footer_bg.jpg) no-repeat fixed center bottom;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 0.8889em;
/*	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;*/
}

#footer-contact {
	padding: 35px 0 45px;
	color: #fff;
	position: relative;
}

.home #footer-contact:before {
    background: url("img/items/maenchen_telefoniert_bunt.png") no-repeat left top;
    bottom: 100%;
    content: "";
    display: block;
    height: 320px;
    margin-bottom: -24px;
    position: absolute;
    width: 179px;
    z-index: 800;
}

footer a {
	color: #fff;
}

.copyright {
	/*background-color: #164194;*/
	background-color: #082950;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}

footer ul {
	list-style: none;
}

.menu-footer-navigation-container,
.social-navigation {
	text-align: center;
	margin-bottom: 30px;
}

.menu-footer-navigation-container ul,
.social-navigation ul {
	display: inline-block;
}

.menu-footer-navigation-container li,
.social-navigation li {
	float: left;
	margin: 0 10px;
}

.social-navigation a {
	display: block;
	background-color: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 10px;
	font-size: 29px;
	border-radius: 50%;
	color: #164194;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.social-navigation a:hover {
	color: #082950;
}

.social-navigation .phone {
	font-size: 38px;
	padding-top: 7px;
}

.menu-footer-navigation-container li {
	border-right: 1px solid #fff;
	line-height: 1em;
	padding-right: 10px;
	margin-left: 0;
	margin-bottom: 10px;
}

.menu-footer-navigation-container li:last-child {
	border-right: none;
}

footer a:hover,
.menu-footer-navigation-container a:hover {
	color: #cfcfcf;
}

.contact-block .table {
	margin: 0 auto;
}

.contact-block .table > div {
	padding: 0 20px;
}

.scrolltop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    font-size: 40px;
    display: block;
}
/*end footer*/

/*group cookie*/
.cookie {
    height: 0;
    left: 0;
    overflow: hidden;
	/*-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	*/
	color: #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 100%;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	position:  fixed;
	bottom: -1px;
	z-index: 3000;
	margin-left:auto;
	margin-right: auto;
 	background-color: #082950;
	line-height: 18px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.43);
	-moz-box-shadow:    0px 4px 5px 0px rgba(50, 50, 50, 0.43);
	box-shadow:         0px 4px 5px 0px rgba(50, 50, 50, 0.43);
}
.cookie.showcookie {
    height: auto;
    padding: 10px 0 10px 0;
}
.cookie a {
	color: #fff;
	text-decoration: none;
}
.cookie_outer.show {
	display: block;
	width: 100%;
	background: #e4ebf3;
}
.zustimmen {
	background: #fff;
	padding-left: 17px;
	padding-right: 17px;
	color: #1451a1 !important;
	padding-top: 3px;
	padding-bottom: 3px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	margin-left: 8px;
	font-size: 14px;
	margin-right: 15px;
}
.cookie_inner {
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media only screen and (max-width: 785px) {
	.zustimmen { 
		display: block;
		margin-left: 0;
		max-width: 100px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.cookie_inner {
		padding-left: 10px;
		padding-right: 10px;
	}
}
/*end cookie*/


@media screen and (min-width: 1280px) {
	#main-navigation {
	    float: right;
	    margin-right: -25px;
	    padding-top: 25px;
	}

	.sticky #main-navigation {
		padding-top: 15px;
	}

	#main-navigation > ul > li > a {
		position: relative;
	}

	#main-navigation > ul > .current-menu-item > a,
	#main-navigation > ul > .current-menu-ancestor > a,
	#main-navigation > ul > .current-menu-parent > a {
		font-weight: 600;
	}

	#main-navigation  .sub-menu li {
		float: none;
	}

	#main-navigation .sub-menu.level-0 a {
		background-color: rgba(237, 237, 238, 0.95);
		display: block;
		color: #164194;
		padding: 13px 25px;
		display: block;
		min-width: 200px;
		border-bottom: 1px solid #cfcfcf;
		font-size: 0.9em;
	}

	#main-navigation .sub-menu.level-1 {
		left: 100%;
		top: 0;
	}

/*	#main-navigation .sub-menu.level-1:before {
		content: "";
		width: 100%;
		height: 1px;
		background-color: #164194;
		position: absolute;
		top: -1px;
	}*/

	#main-navigation .sub-menu.level-0 > li {
		position: relative;
	}

	#main-navigation .sub-menu.level-0 > li:last-child {
		border-bottom: none;
	}

	#main-navigation .sub-menu.level-1 a {
		background-color: rgba(22, 65, 148, 0.8);
		display: block;
		color: #fff;
		padding: 13px 25px ;
		display: block;
		min-width: 200px;
		border-bottom: 1px solid #fff;
	}

	#main-navigation .sub-menu a {
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	#main-navigation .sub-menu li:hover > a {
		background-color: #164194;
		color: #fff;
	}

	.level-0 .menu-item-has-children a {
		display: block;
	}

	.sub-menu {
		width: 100%;
		min-width: 155px;
		position: absolute;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
		-o-transition: opacity 0.4s ease, visibility 0.4s ease;
		transition: opacity 0.4s ease, visibility 0.4s ease;
	}

	.level-0 .menu-item-has-children > a:after {
	    content: "\f105";
	    font-family: "FontAwesome";
	    text-align: right;
	    float: right;
	    font-size: 30px;
	    position: relative;
	    left: 3px;
	}

	#main-navigation li:hover > .sub-menu {
		visibility: visible;
		opacity: 1;
		-webkit-transition-delay: 0s, 0s;
		-ms-transition-delay: 0s, 0s;
		-moz-transition-delay: 0s, 0s;
		-o-transition-delay: 0s, 0s;
		transition-delay: 0s, 0s;
	}

	#openmenu {
		display: none;
	}

	.logo,
	.logo img,
	#main-navigation,
	#main-navigation a {
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}


	#main-navigation li {
		float: left;
		list-style: none;
		position: relative;
	}

	#main-navigation a {
		display: block;
		padding: 0 20px 40px;
		font-weight: 400;
	}

	.sticky #main-navigation a {
	    padding: 0 25px 39px;
	}

	.sticky .logo {
		max-width: 200px;
	}

	.home #main-wrapper {
		padding-top: 141px;
	}

	.home #slider-wrapper .title-group {
	    bottom: 10%;
	}

	.home #slider-wrapper:before {
	    bottom: 5px;
	}


	.scrolltop {
		display: none;
	}

	#mm-main-navigation {
		display: none;
	}

	.tab-nav a:hover {
		background-color: rgba(17,71,136,0.8);
		color: #fff;
	}
}

@media screen and (max-width: 1279px) {
	#openmenu {
	    font-size: 32px;
	    position: absolute;
	    right: 5%;
	    top: 58px;
	    color: #1451a1;
	}

	.sticky #openmenu {
		top: 17px;
	}

	.logo {
	    max-width: 140px;
	}

	header {
	    padding-top: 44px;
	    height: 98px;
	}

	.mm-menu {
		background-color: #ededee;
	}

	.mm-right:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 13px;
		height: 100%;
		opacity: 0.5;

		background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );

	}

	.mm-listview>li>a {
	    font-size: 1.3em;
	}

	.mm-listview>li:not(.mm-divider):after {
		left: 0;
	}

	.mm-panel.mm-hasnavbar .mm-navbar {
	    background-color: #164194;
	}

	.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
	    color: #fff;
	}

	.mm-navbar {
		height: 41px;
	}

	.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
		border-color: #fff;
	}

	.grid-design .row > div {
		height: 200px;
	}

	.grid-design img {
	    width: auto;
	    height: auto;
	    max-width: 445px;
	    min-width: 100%;
	    min-height: 100%;
	}

	#related-content .title, 
	.reference-title {
		padding-right: 0;
	}

	#related-content .title .inner, 
	.reference-title .inner {
		margin-right: 0;
	}

	#contact-header .address {
	    display: none;
	}

	.home #main-wrapper {
	    padding-top: 98px;
	}

	.home #slider-wrapper .title-group {
	    bottom: 4%;
	}

	#main-navigation {
		display: none;
	}

	#main-wrapper {
	    padding-top: 115px;
	}

	.tab-content .text .inner {
	    padding: 30px 50px 30px 0;
	    overflow: hidden;
	}

	.tab-content .read-more {
    	margin-top: 15px;
	}
}

@media screen and (max-width: 1035px) {
	#maschinen-liste h2 {
		font-size: 1.3em;
		line-height: 1.2em;
	}
}

@media screen and (min-width: 800px) {
	/*group grid*/
	.row {
		margin-left: -25px;
		margin-right: -25px;
		overflow: hidden;
	}

	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
		float: left;
		padding-left: 25px;
		padding-right: 25px;
	}

	.col-1 {
	  width: 8.33333333%;
	}

	.col-2 {
	  width: 16.66666667%;
	}

	.col-3 {
	  width: 25%;
	}

	.col-4 {
	  width: 33.33333333%;
	}

	.col-5 {
	  width: 41.66666667%;
	}

	.col-6 {
	  width: 50%;
	}

	.col-7 {
	  width: 58.33333333%;
	}

	.col-8 {
	  width: 66.66666667%;
	}

	.col-9 {
	  width: 75%;
	}

	.col-10 {
	  width: 83.33333333%;
	}

	.col-11 {
	  width: 91.66666667%;
	}

	.col-12 {
	  width: 100%;
	}
	/*end grid*/

	.home #tab-wrapper {
		margin-bottom: 120px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 600px) {
	.category-5 .content:before, 
	.page-id-19 .content:before, 
	.page-id-369 .content:before {
		left: auto;
		right: 0;
	}

	.category-5 .content > div,
	.page-id-19 .content > div,
	.page-id-369 .content > div {
		padding-right: 200px;
	}
}

@media screen and (max-width: 1300px) {
	.home #footer-contact:before {
	    height: 220px;
	    -webkit-background-size: contain;
	    background-size: contain;
	    left: -45px;
	}

	.home #contact-form .inner {
	    max-width: 65%;
	    margin: 0 auto;
	}
}


@media screen and (max-width: 800px) {
	.grid-design .col-6 {
		width: 100%;
		height: auto;
	}

	.grid-design .col-3 {
		width: 50%;
		height: auto;
	}

	#related-content .title, .reference-title {
		width: -webkit-calc(100% - 50px);
		width: -ms-calc(100% - 50px);
		width: -moz-calc(100% - 50px);
		width: -o-calc(100% - 50px);
		width: calc(100% - 50px);
	}

	#maschinen .row a {
		overflow: hidden;
		display: block;
		line-height: 0;
	}

	#contact-header {
	    font-size: 0.7em;
	}

	#main-wrapper {
	    padding-top: 125px;
	}


	#maschinen-liste .col-6 {
		width: 100%;
		float: none !important;
	}

	#slider-wrapper {
	    margin-bottom: 40px;
	}

	.form .row > div {
		width: 100%;
	}

	.tab-content .text .inner {
	    padding: 20px 25px 20px;
	}

	.owl-next {
	    right: -25px;
	}

	.owl-prev {
	    left: -25px;
	}

	#front-teaser {
	    margin-bottom: 40px;
	}

	#front-teaser .col-4 {
		float: none;
		margin-bottom: 10px;
		overflow: hidden;
	}
}

@media screen and (max-width: 730px) {
	#contact-header .address,
	#contact-header .phone,
	#contact-header .email {
		display: none !important;
	}

	/*header {
	    padding-top: 7px;
	    height: 60px;
	}

	#openmenu {
	    top: 16px;
	}*/

	#main-wrapper {
		padding-top: 80px;
	}

	.home #main-wrapper {
	    padding-top: 97px;
	}

	.home .title-group {
		padding-left: 20px;
		padding-right: 20px;
	}

	.home .tab-nav.container:before {
	    height: 167px;
	    width: 97px;
	}

	.home #slider-wrapper .title-group {
	    bottom: -17px;
	}

	.sticky header {
	    padding-top: 9px;
	}
}

@media screen and (min-width: 730px) {
	.home #slider-wrapper:before {
	    background: rgba(0, 0, 0, 0) url("img/backgrounds/background_arrow.svg") no-repeat scroll center bottom -1px;
	    bottom: 0px;
	    content: "";
	    height: 100%;
	    position: absolute;
	    width: 102%;
	    left: -1%;
	    z-index: 800;
	    pointer-events: none;
	    -webkit-background-size: 100% auto;
	    -ms-background-size: 100% auto;
	    background-size: 100% auto;
	}

/*	.home.ie #slider-wrapper:before {
		top: 45.65%;
	}*/

	#tab-wrapper .owl-stage-outer {
		background-color: #f1f1f1;
	}
}

@media screen and (max-width: 800px) and (min-width: 665px) {
	/*group grid*/
	.row {
		margin-left: -25px;
		margin-right: -25px;
		overflow: hidden;
	}

	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
		float: left;
		padding-left: 25px;
		padding-right: 25px;
	}

	.col-md-1 {
	  width: 8.33333333%;
	}

	.col-md-2 {
	  width: 16.66666667%;
	}

	.col-md-3 {
	  width: 25%;
	}

	.col-md-4 {
	  width: 33.33333333%;
	}

	.col-md-5 {
	  width: 41.66666667%;
	}

	.col-md-6 {
	  width: 50%;
	}

	.col-md-7 {
	  width: 58.33333333%;
	}

	.col-md-8 {
	  width: 66.66666667%;
	}

	.col-md-9 {
	  width: 75%;
	}

	.col-md-10 {
	  width: 83.33333333%;
	}

	.col-md-11 {
	  width: 91.66666667%;
	}

	.col-md-12 {
	  width: 100%;
	}

	/*end grid*/
}


@media screen and (min-width: 665px) {
	body {
		font-size: 18px;
	}

	.stats  dt, .stats dd {
		float: left;
		margin-bottom: 10px;
	}

	.stats {
		padding-top: 20px;
	}

	#maschinen-liste .item .inner {
		padding: 40px;
	}

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

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

	.table {
		display: table;
	}

	.table > div {
		display: table-cell;
		vertical-align: top;
	}

	.home #slider-wrapper .title-group {
	    color: #fff;
	    position: absolute;
	}

	.siegel {
		position: absolute;
	}
}

@media screen and (max-width: 665px) {
	.stats  dt, .stats dd {
		width: 100%;
	}

	.stats dd {
		margin-bottom: 10px;
	}

	#maschinen-liste .item .inner {
		padding: 20px 25px;
	}

	.table > div {
		margin-bottom: 10px;
	}

	#referenzen .col-md-6 {
		float: left;
	}
}

@media screen and (max-width: 600px) {
	.grid-design .row > div {
		height: auto;
	}

	.grid-design img {
		width: 100%;
		height: auto;
		min-height: auto;
		min-width: 100%;
	}

	.row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.grid-design .row > div {
		margin-bottom: 20px;
	}

	#related-content .title, .reference-title {
		width: -webkit-calc(100% - 20px);
		width: -ms-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px); 
	}

	#maschinen-liste .item .inner {
	    padding: 20px 25px;
	}

	.tab-nav-wrapper{
		display: none;
	}

	.category-5 .content:before, 
	.page-id-19 .content:before, 
	.page-id-369 .content:before {
		display: none;
	}
}

@media screen and (max-width: 522px) {
	.home #footer-contact:before {
		display: none;
	}

	.title-group {
	    margin: 0 auto 20px;
	}

	.content {
	    padding-bottom: 15px;
	}

	#swipebox-title {	
		line-height: 22px;
		padding: 5px;
	}

	#swipebox-top-bar {
		height: auto;
	}

	#referenzen .reference-title:hover, .reference-title:hover {
		display: none;
	}

	.home #contact-form .inner {
		max-width: 100%;
	}
}