/*
Theme Name: DC-Onepage v.1.0
Theme URI: http://www.diestelkamp-consulting.de
Author: Diestelkamp Consulting GmbH
Author URI: http://www.diestelkamp-consulting.de
Description: Agentur für kreatives Design und professionelle Optimierung von Webseiten und Onlineshops.
Version: 1.0
License: 
License URI: 
Tags: DC
Text Domain: DC
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*
Fonts
Body
Headlines H1, H2, H3, H4, H5
p,strong, list, blockquote
Floating

Header
Logo
Navigation

Intro
Intro Headlines
Intro Buttons

Content
Contentboxen
Content Buttons

CTA
CTA Headlines
CTA Buttons

Contact Form
Contact Form Buttons

Footer
Footer Adresse
Footer Navigation
Footer Links

Media
*/

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('./fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Brfullbox1owsers */
       url('./fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/montserrat-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('./fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v12-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('./fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/montserrat-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
       url('./fonts/montserrat-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v12-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* 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-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('./fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('./fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-italic.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-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-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('./fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-600italic.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 */
}

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

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

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('./fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* Body */
* {
	touch-action: manipulation;
}
/* Box Model */
*, *::before, *::after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
     border:0 none;
     vertical-align:baseline;
     overflow-x:hidden;
     margin:0 auto;
     padding:0;
     font-family: 'Open Sans', serif;
     line-height: 1.5;
	-webkit-text-size-adjust: none;
	color: #222222;
}

/* Headlines */
 h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
     font-weight:inherit;
     text-decoration:none;
}

h1, h2, h3, h4, h5, h6, strong {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: .001em;
}

 h1 {
     font-size:2.6em;
     line-height:1.35;
     margin-bottom:0.2em;
}
h2 {
	font-size: 2.4em;
	line-height: 1.2em;
	margin-bottom:0.2em;
}
 h3 {
     font-size:1.8em;
     line-height:1.6em;
     margin-bottom:0.2em;
}
 h4 {
     font-size:1.6em;
     line-height:1.6em;
     margin-bottom:0.2em;
}
 h5 {
     font-size:1.4em;
     line-height:1.6em;
     margin-bottom:0.2em;
}
 h6 {
     font-size:1.2em;
     line-height:1.6em;
     margin-bottom:0.2em;
}
/* Link */
 a,a:visited {
     color:#000000;;
     outline:0 none;
     text-decoration:none 
}
 a:hover,a:focus {
     color:#000;
     text-decoration:none 
}
 p a,p a:visited {
     line-height:inherit 
}
 ul {
     margin: 2.5em 0 2.5em 0;
}
ul li {
     line-height: 1.5;
}
 img {
     height: auto;
	 width: auto;
     max-width: 100%;
}
 a img.alignright {
     float: right;
     margin: 0.35em 0 1.35em 1.35em;
}
 a img.alignnone {
     margin: 0.35em 1.35em 1.35em 0;
}
 a img.alignleft {
     float: left;
     margin: 0.35em 1.35em 1.35em 0;
}
 a img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto 
}
/* 16 + 24/2 = 28 */
p {
     letter-spacing:0.001em;
     line-height: 28px;
}
hr {
     clear:both;
     border:solid #ddd;
     border-width:1px 0 0;
     margin:.65em 0;
     height:auto 
}
blockquote {
     color: #0a1923;
     font-style: normal;
     font-weight: 400;
     font-size: 1.2em;
     line-height: 1.5;
     font-family: 'Open Sans', sans-serif;
     letter-spacing: 0px;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
}
 blockquote {
     position: relative;
     margin: 0 0 1em;
}
 blockquote p {
     margin: 0;
}
 blockquote p + p {
     margin-top: .7em;
}
 blockquote cite {
     display: block;
     margin: .875em 0 0;
}
 blockquote cite:before {
     content: "— ";
}
 blockquote:before {
     content: "“";
     display: block;
     font: bold 80px/1em "Times New Roman", serif;
     margin-bottom: -35px;
}
/* Wordpress: Core */
 .alignnone {
     margin: 0.35em 1.35em 1.35em 0;
}
 .aligncenter, div.aligncenter {
     display: block;
     margin: 0.35em auto;
}
 .alignright {
     float:right;
     margin: 0.35em 0 1.35em 1.35em;
}
 .alignleft {
     float: left;
     margin: 0.35em 1.35em 1.35em 0;
}
 .post-content blockquote, .comment-content blockquote, .entry-content blockquote {
     margin: 1.25em 0 1.85em;
}

/* Floating */
 .centered {
     text-align:center;
}
 .clear {
     clear:both 
}
 .left0 {
     margin-left:0 
}
.abstand {
     margin:5em 0; 
}
.breadcrumb {
	margin: 0.5em auto;
	font-size: 0.85em;
}

/* Header */
header {
 	 display: block;
     position: relative;
	 background-color: rgba(53,54,55,0.5);;
     width:100%;
	 box-shadow: 0 0 20px rgba(0,0,0,.5);
}
header.fixed {
 	display: block;
    position:fixed;
    top: 0;
    left: 0;
    z-index: 1001;
}
.logo {
	margin: 1.5em auto 0.1em;
}
/* Navigation */
/* <nav id="navigation"> */
#mobile{ display: none; }
.navline-mobile { display: none; }

#navigation,
#navigation ul,
#navigation ul li,
#navigation ul li a,
#navigation #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#navigation{ float:right;}
#navigation:after,
#navigation > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#navigation #menu-button {
  display: none;
  background-color: #BD0926;
}
#navigation ul {
	float: right;
	text-align: center;
}
#navigation ul li {
	display: inline-block;
}
#navigation ul li a {
    padding: 2.0em 1em 2.0em;
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: #ffffff;
}
#navigation ul li:first-child a{
	margin: 0;
}
#navigation ul li a:hover {
	color: #000000;
	background-color: #ffffff;
}

#navigation > ul > li {
  float: left;
}
#navigation.align-center > ul {
  font-size: 0;

}
#navigation.align-center > ul > li {
  display: inline-block;
  float: none;
}
#navigation.align-center ul ul {
  text-align: left;
}
#navigation.align-right > ul > li {
  float: right;
}
#navigation > ul > li > a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}
#navigation > ul > li:hover > a {
  color: #ffffff;
}
#navigation > ul > li.menu-item-has-children > a {
  padding-right: 30px;
}
#navigation > ul > li.menu-item-has-children > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#navigation > ul > li.menu-item-has-children > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
#navigation > ul > li.menu-item-has-children:hover > a:before {

  height: 0;
}
#navigation ul ul {
  position: absolute;
  left: -9999px;
	margin-top: 0;
}

#navigation ul ul li {
text-align: left;
}

#navigation ul ul li:last-child a {
	padding:1em;
}

#navigation ul ul li:first-child a {
	padding:1em;
}

#navigation ul ul li:first-child:before {
	color: blue;
}
#navigation.align-right ul ul {
  text-align: right;
}
#navigation ul ul li {
	margin: 0;
	display: block;
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#navigation li:hover > ul {
  left: auto;
}
#navigation.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#navigation li:hover > ul > li {
  height: 35px;
}
#navigation ul ul ul {
  margin-left: 100%;
  top: 0;
}
#navigation.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#navigation ul ul li a {
  border-bottom: 1px solid rgba(0,0,0,0.13);
  padding: 11px 15px !important;
  width: 220px;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  background: #BD0926;
  z-index: 1000 !important;
}

#navigation ul ul li:hover a { color: #ffffff !important;}

#navigation ul ul ul li a {
	background-color: #BD0926;
}

#navigation ul ul li:hover ul li a { color: #ffffff !important;}
#navigation ul ul li ul li:hover a { color: #ffffff !important;}

#navigation ul ul li:last-child > a,
#navigation ul ul li.last-item > a {

}
#navigation ul ul li:hover > a,
#navigation ul ul li a:hover {
  color: #ffffff;
}
#navigation ul ul li.menu-item-has-children > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#navigation.align-right ul ul li.menu-item-has-children > a:after {
  right: auto;
  left: 11px;
}
#navigation ul ul li.menu-item-has-children > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#navigation.align-right ul ul li.menu-item-has-children > a:before {
  right: auto;
  left: 14px;
}
#navigation ul ul > li.menu-item-has-children:hover > a:before {
  top: 17px;
  height: 0;
}
/* Content Box */
.content{
	margin:0;
	padding: 4em 0;
}

#fixedsocial {
    top: 50%;
	margin-top: -80px;
    height: 160px;
    width: 50px;
    position: fixed;
    z-index: 1002;
    bottom: 0;
    left: 0;
}
#fixedsocial i {
	color: #ffffff;
	background-color: rgba(53,54,55,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	font-size: 2em;
	padding: 5px;
	margin:0;
}
#fixedsocial i:hover {
	background-color: rgba(53,54,55,1);
}
#fixedsocial i.fa-facebook-f {
	padding: 5px 11px;
}

/* Fullwidth Flex-Boxen 6/6 columns */
.post {
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-flex-align: stretch;
	-moz-align-items: stretch;
	-webkit-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
	-ms-flex-pack: end;
	min-height: -webkit-calc(100vh - 22.25em);
	min-height: -moz-calc(100vh - 22.25em);
	min-height: calc(100vh - 22.25em);
	position: relative;
	margin: 0;
	padding: 0;
}
.post .content {
	position: relative;
	display: flex;
    align-items: center;
	-moz-transition: background 0.2s ease-in-out;
	-webkit-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
	-moz-order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	width: 50%;
	padding: 8em;
}
.post .content:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: -0.25em;
}
.post .image:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.post .content .inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.post .image {
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	-ms-flex-order: 2;
	-moz-order: 2;
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	width: 50%;
	margin: 0;
	background-color: #ffffff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.post .image .boxinfo {
	display: inline-block;
	vertical-align: middle;
}
.post .image img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	float: left;
	width: auto;
	display: none;		
}	
.post.alt .content {
	-ms-flex-order: 2;
	-moz-order: 2;
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
}
.post.alt .image {
	-ms-flex-order: 1;
	-moz-order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
}
.post.alt .image img {
	right: initial;
	left: 0;
}

/* Unternehmen */
.leistung .container,
.contentboxen .container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.leistung i,
.contentboxen i {
    font-size: 7em;
	color: #ffffff;
    background-color: #000000;
    padding: 24px;
    margin: 0 auto 20px;
}

.introleer, .introsingle, .slider { 
	position: relative; 
	margin: 0; 
}
/* Intro */
.intro {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    margin: 0;
    padding: 0;
	max-height: 100vh;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.intro .caption h1,
.slickbox h1 {
    color: #ffffff;
    font-size: 2.8em;
    letter-spacing: 0.05em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.1em;
}
.intro .caption h2,
.slickbox h2 {
    color: #ffffff;
    font-size: 2em;
    letter-spacing: 0.05em;
    font-weight: 400;
    line-height: 1.2;
	margin-bottom: 20px;
}
.flex,
.container.flex,
.caption-wrap .caption {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.caption,
.caption.flex-center,
.flex-center .caption,
.caption-wrap .caption,
.flex-center {
    position: relative;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
}
.flex-left, 
.caption.flex-left, 
.flex-left .caption {
    margin: 0 auto 0 0;
}
.flex-right, 
.caption.flex-right, 
.flex-right .caption {
    margin: 0 0 0 auto;
}
.text-center,
.caption.text-center,
.text-center .caption {
	text-align: center;
}
.text-left, 
.caption.text-left, 
.text-left .caption {
    text-align: left;
}
.text-right,
.text-right .caption, 
.caption.text-right  {
    text-align: right;
}

/* Suche - nicht benutzt */
#searchform { position:relative; margin: 1.8em auto 1em; }
#searchform input[type="text"] {
	border-radius: 0;
	border: 1px solid #000000;
}
#searchform input[type="text"]::-webkit-input-placeholder { color: #000000;opacity: 1; }
#searchform input[type="text"]::-moz-placeholder { color: #000000; opacity: 1; }
#searchform input[type="text"]:-ms-input-placeholder { color: #000000; opacity: 1; }
#searchform input[type="text"]:-moz-placeholder { color: #000000; opacity: 1; }

#searchform button { 
	position: absolute;
	top: 0;
	right: 5px;
	padding: 0;
	line-height: 1;
	font-size: 16px;
	background: transparent;
	color: #000000;
	border: none;
}
#searchform button:hover { color: #222222; }

/* Slick Headerslider */
.slickheader {
	position: relative;
	display: block;
	overflow: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	visibility: hidden;
	opacity: 0;
	height: 500px;
}
.slickheader.slick-initialized {
    visibility: visible; /* durch slick js*/
    opacity: 1;    
}
.slickheader.slick-slider {
 position:relative;
 display:block;
 margin:0; 
 padding:0;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-touch-callout:none;
 -khtml-user-select:none;
 -ms-touch-action:pan-y;
 touch-action:pan-y;
 -webkit-tap-highlight-color:transparent
}
.slickheader .slick-slide {
	display:none;
	float:left;
	height:100%;
	padding:0;
	min-height:1px
}
.slickheader.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slickheader .slickbox {
	width:100%;
	height: 520px; /* Default Hoehe */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	will-change: transform;
	box-sizing: border-box;
}
.slickheader .slickbox.sliderbg1 {
	background-position: center 0;
}
.slickheader .item .img-fill { background:#222;}
.slickheader .item .img-fill img {
 -webkit-filter:blur(0);
 filter:blur(0);
}
.slickheader .item .info > div {
 display:inline-block;
 vertical-align:middle;
 background:rgba(0,0,0,0.2);
}
.slickheader .item.slick-active .info > div {
	background-color: rgba(0,0,0,0.5);
}
.slickheader .slick-list { 
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	-webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slickheader .slick-list:focus { outline:none }
.slickheader .slick-list.dragging { cursor:hand }
.slickheader .PrevArrow,
.slickheader .NextArrow {
 position:absolute;
 top:50%;
 width:45px;
 height:80px;
 border:0 none;
 margin-top:-40px;
 text-align:center;
 z-index:5;
 cursor:pointer;
 -webkit-transition:all 0.5s;
 transition:all 0.5s;
 background:rgba(0,0,0,.30);
 color:rgba(255,255,255,.30);
}
.slickheader .slick-next,
.slickheader .slick-prev {
	top: 50%; 
	z-index: 1;
}
.slickheader .slick-next { right: 25px; }
.slickheader .slick-prev { left: 25px;}
.slickheader .PrevArrow { left:0px; }
.slickheader .NextArrow { right:0px; }
.slickheader .PrevArrow::before,
.slickheader .NextArrow::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: 40px;
height: 40px;
}
.slickheader .PrevArrow::before { content: "\f104"; }
.slickheader .NextArrow::before { content: "\f105"; }

.slickheader .NextArrow .Thumbnail,
.slickheader .PrevArrow .Thumbnail {
 display:block;
 position:absolute;
 width:120px;
 height:80px;
 background-size:cover;
 top:0px;
 z-index:10;
 -webkit-transition:all 0.5s;
 transition:all 0.5s;
}
.slickheader .NextArrow .Thumbnail { right:-120px; }
.slickheader .PrevArrow .Thumbnail { left:-120px; }
.slickheader .NextArrow:hover .Thumbnail { right:45px; }
.slickheader .PrevArrow:hover .Thumbnail { left:45px; }

.slickheader .slick-dots {
 position:absolute;
 height:50px;
 bottom:0px;
 right:9px;
 left:10px;
 margin:auto;
 list-style-type:none;
 text-align:left;
 max-width:1160px;
 width:100%;
 padding-right:1em;
 z-index:2;
}
.slickheader .slick-dots li {
 display:inline-block;
 width:12px;
 height:12px;
 background:#cdcdcd;
 -webkit-transition:all 0.5s;
 transition:all 0.5s;
 -webkit-border-radius:50%;
 border-radius:50%;
 border:2px solid #FFF;
 margin:0 2.5px;
 cursor:pointer;
 position:relative;
}
.slickheader .slick-dots li.slick-active {
 background:#28272F;
}
.slickheader .slick-dots li a {
 position:absolute;
 bottom:100%;
 left:50%;
 width:120px;
 height:75px;
 display:block;
 visibility:hidden;
 border:4px solid rgba(0,0,0,.50);
 margin-left:-60px;
 margin-bottom:15px;
}
.slickheader .slick-dots li a:after {
 content:'';
 position:absolute;
 left:50%;
 margin-left:-8px;
 top:100%;
 width:0;
 height:0;
 border:8px solid Transparent;
 border-top-color:rgba(0,0,0,.50);
 margin-top:4px;
}
.slickheader .slick-dots li:hover a {
 visibility:visible;
 -webkit-transition-delay:0s;
 transition-delay:0s;
 -webkit-animation:fadeIn 0.5s both;
 animation:fadeIn 0.5s both;
}
.slickheader .slick-dots li a img {
 width:100%;
 height:100%;
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
	.slickheader .slickbox { height:440px ; }
}
@media only screen and (max-width: 1024px) {
 .slickheader .slick-arrow { display: none !important; }
 .slick-dots { width: auto; }
 .slickheader .slickbox {
	width:100%;
	height:300px;
	background-size: cover;
	background-position: center;
	will-change: transform;
 }
 .intro.introleer {
    padding:0;
	height: 300px !important;
 }
}
@media only screen and (max-width:460px) {
 .slickheader .slick-dots {
  display:none !important;
 }
}
/* End slickheader slider */

.box { 
	margin: 0; 
	padding: 0; 
}
.box-module {
    position: relative;
    overflow: hidden;
    margin: 0;
	padding: 8em 0;
}

.button, .button:visited, 
button, input[type="submit"] {
	margin-top: 0;
	height: auto;
	line-height: 1.5;
	padding: 5px 20px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .1rem;
	text-transform: uppercase;
	border-radius: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;

}
.paralax .button {
	margin-top: 1em;
	line-height: 3;
	padding: 0 32px;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.button i { margin-right: 5px;}

/* Buttons color: Default, Kontakt*/
.button, .button:visited, 
#kontakt button, #kontakt input[type="submit"] {
	color: #000000;
	background-color: transparent;
	border: 2px solid #000000;
}
.button:hover, .button:active, 
#kontakt button:hover,
#kontakt input[type="submit"]:hover {
	color:#ffffff;
	background-color: #000000;
	border: 2px solid #000000;
}
#kontakt .wpcf7 .ajax-loader {
	display: none;
}

/* Buttons color: Intro, Slider, CTA, darkbg*/
#darkbg .button, #darkbg .button:visited,
.caption .button, .caption .button:visited,
.paralax .button, .paralax .button:visited,
.darkbg .button, .darkbg .button:visited {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #ffffff;
}
#darkbg .button:hover, #darkbg .button:active,
.caption .button:hover, .caption .button:active,
.paralax .button:hover, .paralax .button:active,
.darkbg .button:hover, .darkbg .button:active {
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #ffffff;
}

/* ICONS */
header #social {
	position: relative;
	float: right;
	margin: 1em 0 1.5em auto;	
}
header #social a span,
header #social i {
	color: #ffffff;
	background-color: #000000;
	float: left;
}
header #social a span {
	font-size: 20px;
	line-height: 1;
	padding: 10px 10px;
	font-weight: 600;
}
header #social i {
	height: 40px;
	font-size: 32px;
	line-height: 1;
	padding: 4px 10px;
	margin-right: 5px;
}
.fa-facebook-f {
	float:left;
    transition: ease 500ms;
    opacity: 1;
    margin-bottom: 2px;
    background-color: #000000;
    color: #333;
    padding: 0.2em 0.35em 0;
    font-size: 1.2em;
    border-radius: 2px;
}
.fa-linkedin-in {
	float:left;
    transition: ease 500ms;
    opacity: 1;
    margin-bottom: 2px;
    margin-left: 0.5em;
    background-color: #000000;
    color: #333;
    padding: 0.1em;
    font-size: 1.2em;
    border-radius: 2px;
}
.fa-facebook-f:hover, .fa-linkedin-in:hover { opacity: 0.8; } 
/* END ICONS */

/* Startseite 6-6 box */
.container.vollbreite {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.vollbreite .six {

    width: 50%;
    margin-left: 0;

}
.bildbox {
	display: block;
    max-width: 100%;
    
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.bildbox .boxinfo {
	display: inline-block;
	width: 100%;
	margin:30% auto 0;
}
.boxinfo h3 {
	font-size: 2.4em;
	color: #ffffff;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

/* Tabs mit Produkte / Portfolio / Referenzen */
.produkte ul.tabs { margin: 0 auto 0.5em; padding: 0;}
.produkte .tabs li { list-style:none; display:inline; }
.produkte .tabs a { 
	padding:8px 20px;
	margin: 2em 1.5em;
	font-size: 1em; 
	display:inline-block; 
	opacity: 1;
	text-decoration:none; 
	color: #222222;
	border-radius: 0;
}
.produkte .tabs a:hover,
.produkte .tabs .active { opacity: 1; color:#fff; background-color: #000000; }
.produkte a.button:active, .produkte a.button:focus { color: #000000; background-color: transparent; border: 2px solid #000000; }
.produkte .vollbreite { width: 100%; padding: 0; }
.produkte h2 { font-size: 2.2em; font-weight: 700; margin-bottom: 0.1em; }
.produkte span { display: inline-block; margin-bottom: 2em; }
.produkte .one-third { margin-bottom: 2.5em; }
.produkte .container:last-child .one-third { margin-bottom: 0; }
.produkte .one-third img { width: 96%; margin: 0 auto 0.5em; }
.produkte .one-third h3 { font-size: 1.3em; text-transform: uppercase; font-weight: 700; margin-bottom: 0; line-height: 1.2; }
.produkte .one-third h3::after { content:none; }
.produkte .one-third p { font-size: 0.9em; }
.produkte a.button { padding: 0 40px; margin: 1em auto; }
.bggrau { background-color: #d2d2d2;  }

.wp-video {
	text-align: center;
	margin: 0 auto;
}

/* Ende TABS  */

/* Parallax Box */
.paralax {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 6em 0;
    z-index: 1;
    
}

.paralax h2 {
	color: #ffffff;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.gelb {
	color: #000000;
}



h3 {
	margin-bottom: 2.5em;
}
 h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 100px;
    height: 5px;
    margin: 20px 0 20px;
}
h3::after {
	background-color: #000000;
}
.image h3 {
	margin-bottom: 0;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}
.image h3::after {
	content:none;
}

#darkbg h3::after,
.darkbg h3::after {
	background-color: #ffffff;
}
.text-left h3::after{
	left: 0;
	margin-left: 0px;
}
.text-right h3::after{
	right: 0;
	margin-right: 0px;
}
.text-center h3::after,
.centered h3::after {
	 left: 50%;
	 margin-left: -50px;
}
.leistung .product-content {
	text-align: center;
}
.leistung .product-content h3 {
	margin-bottom: 0.3em;
}
.leistung .product-content h3::after{
	content: none;
}

/* Extra CSS Klassen */
#darkbg, .darkbg {
	background-color: #000000;
	color: #ffffff;
}
#darkbg a, .darkbg a {
	color: #ffffff;
}

/* Portfolio A - TABS */
.portfolio-a .flexcss { align-items: baseline; }
.portfolio-a ul.tabs { margin: 0 auto 0.5em; padding: 0;}
.portfolio-a .tabs li { list-style:none; display:inline; }
.portfolio-a .tabs a {
	display:inline-block;
	opacity: 1;
	margin: 1em 1em 2em;
}
.portfolio-a .tabs a:hover,
.portfolio-a .tabs a.active { opacity: 1; }
.portfolio-a ul li::before {content: none !important; }

.portfolio-a .vollbreite { width: 100%; padding: 0; }
.portfolio-a span { font-size: 1em; }
.portfolio-a .one-third { margin-bottom: 2.5em; }
.portfolio-a #tab1 .container:last-child .one-third,
.portfolio-a #tab2 .container:last-child .one-third,
.portfolio-a #tab3 .container:last-child .one-third { margin-bottom: 0; }
.portfolio-a .one-third > div { overflow: hidden; margin-bottom: 1em; }
.portfolio-a .one-third h3 { font-size: 1.6em; margin-bottom: 0.3em; }
.portfolio-a .one-third h3::after { content:none; }
.portfolio-a .one-third p { font-size: 0.9em; }
.portfolio-a .button { padding: 3px 2em; margin: 1em auto; }
.portfolio-a .one-third img { 
	width: 100%; 
	margin: 0 auto;
	float: left;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.portfolio-a .one-third img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* End Portfolio 1 - TABS */


/* Kontaktformular Startseite */
.box-module.kontaktformular {
	padding: 4em 0;
}
.kontaktformhead h2 { 
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 0.4em;
}
.kontaktformhead span {
	display: inline-block;
	font-weight: 400;
	margin-bottom: 1.5em;
	margin-bottom: 3em;
}
#kontakt input,
#kontakt input {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
    width: 100%;
    height: 48px;
    padding: 6px 10px;
    background-color: #E8E8E8;
    border: 1px solid #666666;
    border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
    color: #666;
    margin-bottom: 1.2em;
}
#kontakt textarea,
#kontakt textarea  {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 15px;
    font-weight: 400;
    border-radius: 0px;
    line-height: 2;
    min-height: 200px;
    color: #666;
    background-color: #E8E8E8;
    border: 1px solid #666666;
}
#kontakt input[type="checkbox"] {
	width: auto;
	height: auto;
}
#kontakt input[type="submit"] {
	font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
	margin-top: 1em;
	width: auto;
	height: auto;
	padding: 0 35px;
	text-align: center;
	font-weight: 600;
	line-height: 3;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 0;
	cursor: pointer;
	font-size: 16px;
	transition: all 0.5s ease 0s;
  	-moz-transition: all 0.5s ease 0s;
  	-webkit-transition: all 0.5s ease 0s;	
}
#kontakt .wpcf7-acceptance span,
#kontakt .wpcf7-acceptance span {
	font-weight: normal;
	font-size: 0.9em;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output,
#kontakt .wpcf7-validation-errors,
#kontakt .wpcf7-validation-errors {
    display: inline-block !important;
}

#kontakt span.wpcf7-not-valid-tip,
#kontakt span.wpcf7-not-valid-tip {
	font-size: 0.9em;
	padding: 0.2em;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #000; }
input::-moz-placeholder,
textarea::-moz-placeholder { color: #000; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #000; }
input:-moz-placeholder,
textarea:-moz-placeholder { color: #000; }

#kontakt input:focus, #kontakt textarea:focus,
#kontakt input:focus, #kontakt textarea:focus {
	background-color: #fff;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

#kontakt label, #kontakt legend { margin: 0.5em auto; }
/* Kontaktformular Startseite */

/* Kontaktformular Kontakt */
.adresse h3 { 
	font-size: 1.8em; 
	font-weight: 700; 
	margin-bottom: 2em; }

.breite960 {
	max-width: 960px; 
	margin: 0 auto;
}

/* Footer */
footer {
	border-top:1px solid #222222;
	background-color: #222222;
    clear: both;
    margin: 0 auto;
    padding: 2em 0em;
    color:#fff;
	line-height: 1.4;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: .06em;
}

#footer-social { margin: 1.5em auto 1em; }
#footer-social .fa-linkedin-in { margin-left: 1.5em; }
   
.menu-footer-container { margin: 0; padding: 0; }

#footermenu {
	margin-top: 1.6em;
    font-size: 0.9em;
    line-height: 1.2;
    text-shadow: none;
    float:right;
    margin-right: 2.2em;
    
}

#footermenu ul { margin: 0 auto; padding: 0; list-style: none; }

#footermenu ul li { margin: 0; padding: 0 0.2em 0 0; display: inline; }

#footermenu li a {
	color: #ffffff;
    background-image: none;
    display: inline;
    margin: 0;
    padding: 0;
    text-decoration: none;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
     }
#footermenu ul li a:hover { color: #ffffff; }
#footermenu li a:after { content: " | "; }
#footermenu li:last-child a:after { content: ""; }






/* Media */
@media only screen and (max-width: 1024px) {
  .intro, .introleer, 
  .introsingle, .slider { margin: 0 !important; }
}
@media screen and (max-width: 980px) {
.post {
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: auto;
	min-height: 0;
}

.post .image {
	-ms-flex-order: 1;
	-moz-order: 1;
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	width: 100%;
	overflow: auto;
	background: none !important;
}

.post .image img {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}

.post .content {
	-ms-flex-order: 2;
	-moz-order: 2;
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	width: 100%;
}

.post.alt .image img { left: initial; }

.post .image .boxinfo {
	position: absolute;
	z-index: 10;
	left: 0;
    top: 0;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%;
}

}
#back-to-top {
    position: fixed;
    display: inherit;
    bottom: 40px;
    right: 30px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    background: #000;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
	outline: none;
    opacity: 0;
}
#back-to-top i {
    display: inherit;
    color: #fff;
    font-size: 1.5em;
    padding: 8px 0 0 0;
    margin: 0;
}
#back-to-top.show {
    opacity: 0.35;
}

.wpcf7 {
  margin: 0;
  padding: 0;
  background-repeat: repeat;
  background-position: center center;
  background-size: contain;
  font-weight: 500;
  font-size: 16px;
}
.wpcf7 input {
  width: 100%;
  height: 48px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 1em;
  font-weight: 400;
  line-height: 2;
  color: #666;
}
.wpcf7 textarea {
  font-family:inherit;
  width: 100%;
  font-size: 1em;
  font-weight: 400;
  border-radius: 0px;
  line-height: 2;
  min-height: 250px;
  color: #666;	
}
.wpcf7 input[type="submit"], 
.wpcf7 input[type="submit"]:focus {
  margin-top: 1em;
  width: auto;
  height: auto;
  line-height: 2em;
  padding: 0 1em;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #000000;
  border: 2px solid #000000;
  border-radius: 0;
  cursor: pointer;
  font-size: 1em;
  box-shadow: none;
  box-sizing: border-box;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.5s ease 0s;
  appearance: none;
  
}
.wpcf7 input[type="submit"]:hover {
  background-color: #000000;
  color: #fff;
}
.wpcf7 input[type="checkbox"] {
  width: auto; /* statt 100% */
  height: auto; /* statt 38px */
}
.wpcf7 .wpcf7-acceptance span {
  font-weight: normal;
  font-size: 0.9em;
}
.wpcf7 .wpcf7-validation-errors {
  display: inline-block !important;
}
.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 0.9em;
  padding: 0.2em;
}	
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder  {color: #333; opacity: 0.8; transition: opacity 0.3s ease; }
.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {color: #333; opacity: 0.8; transition: opacity 0.3s ease; }
.wpcf7 input:-moz-placeholder,
.wpcf7 textarea:-moz-placeholder {color: #333; opacity: 0.8; transition: opacity 0.3s ease; }
.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {color: #333; opacity: 0.8; transition: opacity 0.3s ease; }
.wpcf7 input:focus::-webkit-input-placeholder,
.wpcf7 textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease; }
.wpcf7 input:focus::-moz-placeholder,
.wpcf7 textarea:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease; }
.wpcf7 input:focus:-moz-placeholder,
.wpcf7 textarea:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.wpcf7 input:focus:-ms-input-placeholder,
.wpcf7 textarea:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease; }
.wpcf7 label, .wpcf7 legend {
  margin: 0.5em auto;
}

/* Media */
@media only screen and (min-width : 1224px) and (max-width : 1824px) {
 .intro .caption h1, .slider .caption h1, .slickbox h1 { font-size: 2.6em; }
 .intro .caption h2, .slider .caption h2, .slickbox h2 { font-size: 1.35em; }
}
@media only screen and (min-width : 1025px) and (max-width : 1224px) {
 .intro .caption h1, .slider .caption h1, .slickbox h1 { font-size: 2.2em; }
 .intro .caption h2, .slider .caption h2, .slickbox h2 { font-size: 1.35em; }
 #navigation ul li a { padding: 1.4em 0.5em; font-size: 14px !important;  }
}
@media only screen and (max-width: 1024px) {
  header .headerzeile { display:none; }
  .header-links-2 .header-social, .header-links-2 .kontaktdaten { display:none; }
  .metaslider { margin-top: 0 !important; }
  .intro .caption h1, .slider .caption h1, .slickbox h1 { font-size: 1.8em; }
  .intro .caption h2, .slider .caption h2, .slickbox h2 { font-size: 1.3em; }
  .button, .button:visited, button, input[type="submit"] { font-size: 16px; }
  .post .content { padding: 4em; }
  .box-module { padding: 6em 0; }
  .produkte .one-third h3 { font-size: 1.1em !important; }
  h2, .boxinfo h3 { font-size: 2.2em; }
  h3 { font-size: 1.6em; }
  .portfolio-a .tabs a { margin: 0.5em 0.5em 1em; }
 
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   header .seven { display: none !important; }
   header .three { width: 65% !important; /* Mehr Platz fuer Logo */ }
   header .two  { width: 30% !important; }
  .intro .caption h1, .slider .caption h1, .slickbox h1 { font-size: 1.3em; }
  .intro .caption h2, .slider .caption h2, .slickbox h2 { font-size: 1.1em; margin-bottom: 1em; }
  .intro .button, .slider .button, .slickbox .button { font-size: 1em; }
}
@media only screen and (max-width: 479px) {
 header .seven { display: none !important; }
 header .three { width: 65% !important; /* Mehr Platz fuer Logo */  }
 header .two  { width: 30% !important; }
 .metaslider .flexslider .flex-control-nav { display: none; }
 .metaslider .flexslider img { min-height: 160px; }
 .intro .caption h1, .slider .caption h1, .slickbox h1 { font-size: 1.3em; }
 .intro .caption h2, .slider .caption h2, .slickbox h2 { font-size: 1.1em; margin-bottom: 1em; }
 .intro .button, .slider .button, .slickbox .button { font-size: 0.8em; }
 footer { font-size: 0.8em !important;  }
}

@media screen and (max-width: 736px) {
.post .content { padding: 2em 1.5em 3em 1.5em; }
.post .button { width: 100%; }
}
/* Mobile Navigation */
@media all and (max-width: 1024px), 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.logo {
    margin: 1em auto 0.5em;
}
.navline{ display: none !important;}
#navigation{ display: none !important;}
.navline-mobile { display:block!important; position: relative; height: 46px;} /* Plathalter wegen absolute position*/
#mobile{ 
display: block !important;
width:100%; 
position: absolute !important;
left:0; 
top:0; 
z-index:1000!important; 
background-color:#000000;
}
#mobile .nav-button {
top:10px;
position:absolute;
right:20px;
font-size:2em;
cursor:pointer;
color:#ffffff;
}
/* Onepage Menu */
#mobile .mobile ul { overflow:hidden }
#mobile ul li {
list-style:none;
display:block;
padding:.8em 0
}
#mobile ul li a {
color:#ffffff;
}
#mobile #button_o{display:none}
#mobile_ul{overflow:hidden;height:0;margin:0}
}
/* sceleton columns 100% */
@media only screen and (max-width: 550px) {
	.logo { max-width: 50%; }
	#mobile .nav-button { top:5px;}
}