@charset "UTF-8";
/**
 * Fonts
 */
@font-face {
  font-family: "iconfont";
  src: url("css/fonts/iconfont.eot?t=1552360739084");
  src: url("css/fonts/iconfont.eot?t=1552360739084#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUcAAsAAAAACjgAAATNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDZAqGdIVcATYCJAMgCxIABCAFhG0HZRvDCCMRJnTSRPaPBRvcD/UJhrxqXITYxgXlAYXXgufJru/PrarpqYFXxKzECM4e2CuHML4iMFrA/fP783fqjASGuhIBRfHe9lCVtg+qIm32e9fyAFtZYUaYRXm25FEv/WSzNHmTOXq+TlepCgfC9eBY6idF0WPeV7pU9rJwNB4PaEBVqQPZQCbsW8Sz2A4mHeyjIUCQctRB0l17D8ZigJUEkNkzpk3AeryYBIpgHU7Elma0FODDqkz1E5Bv/L48pZFYUPg0cKz+U7tMpsMD/dDVq7xVjNarWFVdGLhtBxqoAxiQVZHRJWirWgdN8HMdQ18gjEVhHugHgQeRBxUfup4HHmqFh4VGiAth/CcvCig0BgfBhx/EgVrDHDu55ocHWnGjPrYAtRC0RagbQ20VqBuH2ipSEQQeForgg4fuIPwAWK0WB2KTTpBh2DZVhaCXu12jqpgyYbijqOmeSEhKLZXgVKk1OUhIxUauXp+1FlFBCRLUJW5sQejmQawIClG4X+ITwup8MT6NNIV8aIrWlQrqH/JYm1LQZ+hULefO8UVEwTqaKIpQTs3dX63863Vguw1tNnHhDoJlBp8q7DuEAr5gf0sHmnMBWrlmQurfU/wGfOP9EdF/7gKrZrTFcyH1qD4VoImmcPZGf3gvbvavPa2FkPqd3VrQOsP+NjgHHNaVeFoDLFLnGUpbBBeygAJ1TBXqnDbbfVzAf085HuvBp0hb4egIiO8fsNam59AMsZtimyyNjj358uTYtjG5YOvlX3Pr0WM3jtGqcHv5ckOTPyen6ipmnmoihsqULz8k9VNyajl1YJ2fUkNY/mcsnq6QfhV7pbljNWVreReqvCbSGudzULpxmRx99qzOQRVVqeZch6JyVN/cYQvVho1qIUKlhxYqqHmjR4Uq7a1WpN+++//dO0yqdosOp9t2GDW1Yu8qJTtkVO5V6fPts3cXNS9Tv9ifLcroAc3abN/x+HPTtvtrFYv+8kR9h1fPzv406VWLt5Oblfe37zpqbKp3tdOVDhStWLJD9t8Pd2z//Pj3Fx1bnObxLjJLZhS6G0tuNGmZbmFG2D2P21Xo2uZMFs5wC0P3BG428cCndGxjNO298l6ko7vpmqEvQ6IWVgLgXdF4hs4A5jd1D0AfVX+Bd09v1mU8qK816DlRw2cBqE0q96o8GWX+jLweF2vz/jdWZAD48+rJamiLoWc1i4LMumuw7Px4Ho0ZvwbwWfOO4fxr6JSA5zlepKp4d5YHJwxBnAJXXzLJX5X2opm7g2Ap6oDCT1nQWKogDbYO+AjRBBws7SFIbZ63D5FCWCImANTik4AQ5wsUUS6CJs430mB/wUcx/sEhLksIMlTu9hiimribe0GpaKi6kqt5MiKgN2bPF9jjUIrbYNA/IMEVKItTf+MZE6SKdcLJ5qqGjPBIT+R4GAYmL9yh1rhV9YckMVGPFNc8zm7ojABKFNBAVFwhHDXMhNGmV24CP/8CsBwZKJGECT/KHwAh4GZPZMSkGZDP1inThF2ZP3DCkqMohi9nEJgR4omGwYBVhvDRi3WAGiWmLVD2HEjYZCarNW7ePq7pGUAQ+CorSrQY8YkjfrESwEznEet64IDViOm4CSilbpfeTbtShM/R0d+aHcXZVmczAAAA") format("woff2"), url("css/fonts/iconfont.woff?t=1552360739084") format("woff"), url("css/fonts/iconfont.ttf?t=1552360739084") format("truetype"), url("css/fonts/iconfont.svg?t=1552360739084#iconfont") format("svg");
}
/*
Theme Name: Drehmatec Relaunch
Theme URI: https://www.drematec.de
Author: Steuer Marketing und Kommunikation GmbH
Author URI: https://agentur-steuer.de
Description: Customized theme including Woocommerce.
Requires at least: WordPress 4.9.6
Version: 2.7
Text Domain: drehmatec
Tags: one-column, custom-menu, custom-colors, custom-logo, editor-style, featured-images, footer-widgets
*/
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*=======preloader======*/
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1em;
  font-style: normal;
}

[class^=icon-] {
  font-family: "iconfont", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

[class*=" icon-"] {
  font-family: "iconfont", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; 
  -moz-osx-font-smoothing: grayscale;
}
.icon-home:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-pin:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}
html {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  font-size: 100%;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  background-color: #ffffff;
  color: #4c5255;
  padding:0;
  margin:0;
}
.hidedesktop{
	display:none;
}
.showmobile{
	display:none;
	margin:0;
}
.showmobile img{
	width:100%;
	height:auto;
}
input:focus {
  border-color: #339933;
}
a:focus { 
    outline: none; 
}
img {
  max-width: 100%;
}
.paddedimage{
	padding:30px 0;	
}
.menu-item-has-children {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}
.menu-mobile .menu-item-has-children a:after {
  content: "";
  display:inline-block;
  width:0.75em;
  height:0.75em;
  background:url(./images/right_gr.png) 50% 50% no-repeat;
  background-size:contain;
  margin-left: 15px;
  font-weight:bold;
  vertical-align: middle;
  -webkit-transition: all 0.5s cubic-bezier(.230,1,.320,1);
  -moz-transition: all 0.5s cubic-bezier(.230,1,.320,1);
  transition: all 0.5s cubic-bezier(.230,1,.320,1);      
}
.menu-mobile .menu-item-has-children.showsub a:after,.menu-mobile .menu-item-has-children.current_page_item a:after{
  transform: rotate(90deg);
}
.menu-mobile .menu-item-has-children.current_page_item.hidesub a:after{
  transform: rotate(0deg);
}
.menu-mobile .menu-item-has-children .sub-menu a:after,.menu-mobile .menu-item-has-children.current_page_item .sub-menu a:after {
  background:none;
}
.menu-phone {
	width:80%;
	margin:13px 0 20px 0;
}
.menu-phone a,.menu-phone a:hover,.menu-phone a:focus,.menu-phone a:active,.menu-phone a:visited{
	color:#4c5255!important;
	font-size: 1.5em;
	font-weight: 400;
	line-height:1.1em;
}
.menu-phone a span{
	font-size:1.33em;
}
.drehmatec-blog-comments {
  padding: 30px 0;
  margin-bottom: 20px;
}
.drehmatec-blog-comments .drehmatec-comments .comments-title {
  font-weight: normal;
}
.drehmatec-blog-comments .drehmatec-comments .comment_date {
  color: #000000;
  font-size: 1em;
}
.drehmatec-blog-comments .drehmatec-comments .fn {
  font-weight: bold;
  font-style: normal;
}
.drehmatec-blog-comments .drehmatec-comments .comment-body-inner p {
  margin-top: 10px;
}
.drehmatec-blog-comments .drehmatec-comments ol.comment-list li {
  list-style-type: none;
}
.drehmatec-blog-comments .drehmatec-comments .reply {
  margin: 0 0 20px 0;
}
.drehmatec-blog-comments .comment-body {
  position: relative;
  padding: 0 110px 0 100px;
  margin-bottom: 20px;
  min-height: 70px;
}
.drehmatec-blog-comments .comment_avatar {
  left: 0;
  position: absolute;
  top: 7px;
}
.drehmatec-blog-comments .comment_avatar img {
  display: block;
}
.drehmatec-blog-comments .comment_postinfo {
  margin-bottom: 8px;
}
.drehmatec-blog-comments span.fn {
  color: #000000;
  font-weight: 700;
  text-decoration: none;
  font-size: 1em;
  display: inline-block;
}
.drehmatec-blog-comments span.comment_date {
  color: #000000;
  font-size: 1em;
  font-weight: 300;
}
.drehmatec-blog-comments .comment-reply-link {
  position: absolute;
  top: 7px;
  right: 0;
  display: block;
  color: #4c5255;
  width: 100px;
  color: maroon;
}
.drehmatec-blog-comments .comment-reply-link:hover {
  text-decoration: none;
}
.drehmatec-blog-comments .comment .children {
  margin-left: 100px;
  padding-left: 0;
}
.drehmatec-blog-comments .comment #respond {
  margin: -30px 0 0;
}
.drehmatec-blog-comments #respond {
  padding-top: 17px;
}
.drehmatec-blog-comments #commentform {
  padding-bottom: 60px;
}
.drehmatec-blog-comments #commentform input[type=text] {
  width: 32.66666%;
  float: left;
  border: 1px solid #d2d2d2;
  min-width: 28%;
  font-size: 1em;
  color: #747474;
  padding: 8px 15px;
  margin-left: 0;
  margin-right: 1%;
}
.drehmatec-blog-comments #commentform p.comment-form-url input[type=text] {
  margin-right: 0;
}
.drehmatec-blog-comments #commentform textarea {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 12px;
  color: #4c5255;
  background-color: transparent;
  border: solid 1px #d2d2d2;
  font-size: 18px;
}
.drehmatec-blog-comments .form-submit {
  float: right;
  margin-top: 15px;
}
.drehmatec-blog-comments .form-submit input {
  display: block;
}
.drehmatec-blog-comments #reply-title small {
  display: block;
  font-size: 1em;
  font-weight: 400;
}

span.fn a {
  color: #000000;
  font-weight: 700;
  text-decoration: none;
  font-size: 1em;
  display: inline-block;
}

.form-submit:hover {
  text-decoration: none;
}
.form-submit input {
  font-size: 1.25em;
  font-weight: 600;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 20px;
  line-height: 1.7em;
  background: transparent;
  border: 2px solid #00c8f2;
  
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  color: #00c8f2;
  color: maroon;
  #border: 2px solid maroon;
}
.form-submit input:hover {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid transparent;
  padding: 6px 20px;
}

#commentform input[type=text] {
  padding: 12px;
  color: #4c5255;
  background-color: transparent;
  border: solid 1px #d2d2d2;
  font-size: 18px;
}
#commentform input {
  margin-bottom: 10px;
}

.comment-reply-link {
  font-size: 1.25em;
  font-weight: 600;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 20px;
  line-height: 1.7em;
  background: transparent;
  border: 2px solid #00c8f2;
  
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  color: #00c8f2;
  color: maroon;
  #border: 2px solid maroon;
}
.comment-reply-link:hover {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid transparent;
}
.comment-reply-link:hover:after {
  opacity: 1;
  margin-left: 0;
}
.comment-reply-link:after {
  font-size: 32px;
  line-height: 1em;
  opacity: 0;
  position: absolute;
  margin-left: -20px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: 7px;
  right: 5px;
}

.comments-title {
  font-size: 1.25em;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.comment-reply-title {
  font-size: 1.25em;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.comment-notes {
  margin: 15px 0;
}

.comment-form-comment {
  margin-bottom: 15px;
}

#respond {
  padding-top: 0;
  margin-top: 0;
}
#kontaktbutton{
	display:none;
	position:fixed;
	right:0;
	bottom:160px;
	z-index: 2;
	font-size:1.5em;
	line-height:1.5em;	
}
#kontaktbutton a{
	color:#4c5255;
}
#kontaktbutton .button{
	position:absolute;
	bottom:10px;
	right:10px;
	width:50px;
	height:50px;
	background:#f4c436 url(images/contactBtn.png) 50% 50% no-repeat;
	background-size:50px 50px;
	border-radius:25px;
    -webkit-filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3));
    cursor: pointer;
}
#kontaktbutton .button:hover{
	background-color: #faaf05;
}
#kontaktbutton .slide{
	overflow-x:hidden;
	height:calc(4.5em + 30px);
	width:0px;
	color:#4c5255;
	font-size:1.25em;
	line-height:1.5em;
	background-color: #f4c436;
	padding: 15px 0 15px 0;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow:1px 1px 2px 2px rgba(0, 0, 0, 0.2);    
}
#kontaktbutton.show .slide{
	width:380px;
	padding: 15px 0 15px 15px;
}
#kontaktbutton.show .button{
	background:#faaf05 url(images/right.png) 55% 50% no-repeat;
	background-size:30px 30px;	
}
#kontaktbutton strong:first-child{
	font-size:0.66em;
	line-height:1.5em;
}
.header {
  height: 100px;
  background-color: #FCFCFC;
}
.drehmatec-logo-img img {
    width: auto !important;
    height: 90px;
	-webkit-transition: all 0.5s cubic-bezier(.230,1,.320,1);
	-moz-transition: all 0.5s cubic-bezier(.230,1,.320,1);
	transition: all 0.5s cubic-bezier(.230,1,.320,1);    
}
header.fixed {
  position: fixed;
  top:0;
  z-index: 999;
  background-color: #ffffff;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s cubic-bezier(.230,1,.320,1);
  -moz-transition: all 0.5s cubic-bezier(.230,1,.320,1);
  transition: all 0.5s cubic-bezier(.230,1,.320,1);    
}
header.fixed .wrap {
  padding-top: 60px;
}
header {
  width: 100%;
}
header .header-wrap .drehmatec-logo {
  float: left;
  height: 100px;
  margin-top: 4px;
}
header .header-wrap #kontaktdaten {
  display: none;
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  text-align: right;
  top: 5px;
  font-size: 0.9em;
  color: #8c8c8c;  
}
header .header-wrap #kontaktdaten a {
  text-decoration: none;
  color: #8c8c8c;
}
header .header-wrap #kontaktdaten a:hover {
  color: #8c8c8c;
}
header .header-wrap .drehmatec-menu {
  float: right;
}
header .header-wrap .drehmatec-menu ul.menu {
  float: right;
}
header .header-wrap .drehmatec-menu ul.menu li {
  float: right;
  font-size: 1em;
  font-weight:600;
  -webkit-transition: padding 0.5s cubic-bezier(.230,1,.320,1);
  -moz-transition: padding 0.5s cubic-bezier(.230,1,.320,1);
  transition: padding 0.5s cubic-bezier(.230,1,.320,1);
  height: 100px;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;   
}
header .header-wrap .drehmatec-menu ul.menu li ul li {
  font-size: 1em;
  font-weight:400;
  width: 100%;
}
header .header-wrap .drehmatec-menu ul.menu li a {
  -webkit-transition: all 0.5s cubic-bezier(.230,1,.320,1);
  -moz-transition: all 0.5s cubic-bezier(.230,1,.320,1);
  transition: all 0.5s cubic-bezier(.230,1,.320,1);		
  cursor: pointer;
  text-decoration: none;
  line-height: 1.6em;
}
header .header-wrap .drehmatec-menu ul.menu li a:hover, header .header-wrap .drehmatec-menu ul.menu li.current_page_item a {
  color: maroon;
  background-color: #f2f2f1;  
  text-decoration: none;
}
header .header-wrap .drehmatec-menu ul.menu li ul.sub-menu-width li {
  padding-left: 5px;
  width: 25%;
}
header .header-wrap .drehmatec-menu ul.menu li ul.sub-menu li ul.sub-menu li {
  width: 100%;
}
header .header-wrap .drehmatec-menu ul.menu > span > li > a{
    display:block;
    padding: 25px 17px 15px 17px;
    margin-top: 35px;
}
header .header-wrap .drehmatec-menu ul.menu ul.sub-menu li {
  border-top: none;
}
header .header-wrap .drehmatec-menu ul.menu > li:hover > ul.sub-menu > li {
  padding-left: 0;
}
header .header-wrap .drehmatec-menu ul.menu > li:hover > ul.sub-menu > li > a {
  padding-left: 0;
}
header .header-wrap .menu-icon {
  float: right;
}
.menu-icon {
		display:none;
		width: 25px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		outline: none;
		position: fixed;
		right: 30px;
		top: 18px;
		z-index: 10000;
		cursor: pointer;
}
.menu-icon:after, .menu-icon:before, .menu-icon span {
		background: #4c5255;
		position: absolute;
		top: 14px;
		left: 0;
		right: 0;
		height: 2px;
		margin-top: -1px;
		transition: all .2s linear;
}
.menu-icon:before {
		content: '';
		top: 6px;
}
.menu-icon:after {
	content: '';
		top: 22px;
}
.menu-icon.show:after,.menu-icon.show:before {
	transform: rotate(45deg);
	top: 15px;
	background:#4c5255;
}
.menu-icon.show:after {
	transform: rotate(-45deg);
	background:#4c5255;
}
.menu-icon.show span{
	opacity:0;
	background:#ffffff;
}
section {
  width: 100%;
}
.header-wrap {
  margin: 0 auto;
}

.drehmatec-logo-img {
  float: left;
}

.drehmatec-logo-text {
  float: left;
  margin-left: 10px;
}
.drehmatec-logo-text .blog-name {
  font-size: 24px;
  line-height: 1.25em;
  color: #000000 !important;
  font-weight: bold;
}
.drehmatec-logo-text .blog-description {
  font-size: 1em;
  color: #000000 !important;
  font-weight: bold;
}
.drehmatec-logo-text a:hover {
  text-decoration: none;
}
.drehmatec-menu ul.menu li.menu-item-has-children ul.sub-menu {
  position: absolute;
  top: auto;
  right: auto;
  display: block;
  max-height: 0px;
  overflow:hidden;
  background-color: #f4c436;
  padding: 0;
  transition: all 0.2s ease-in-out;
  visibility: visible !important;
  opacity: 0 !important;
  width: 230px;
  z-index: 3;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 0;
}
.drehmatec-menu ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
  position: inherit;
  border-top: none;
  box-shadow: none;
  padding: 0px;
  margin: 0;
  float: left;
  width: 100%;
}
.drehmatec-menu ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li {
  width: 100%;
  border-left: none;
}
.drehmatec-menu ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  border-bottom: none;
  font-size: 1em;
}
.drehmatec-menu ul.sub-menu li > a {
    color: #4c5255 !important;
    font-weight:600;
    text-transform:none!important;
    letter-spacing:0.04em;
}
.drehmatec-menu ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
  position: inherit;
  border-top: none;
  box-shadow: none;
  padding: 0px;
  margin: 0;
}
.drehmatec-menu ul.menu li.menu-item-has-children ul.sub-menu-width {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 30px;
}
.drehmatec-menu ul.menu li.menu-item-has-children:hover ul.sub-menu {
  opacity: 1 !important;
  max-height: 100vh;
}
.drehmatec-menu ul.menu li.menu-item-has-children ul li.menu-item-has-children a:after {
  color: #000000 !important;
  font-weight: bold;
}
.drehmatec-menu ul.menu li.menu-item-has-children a:after {
  color: #000000 !important;
  font-weight: bold;
}
.drehmatec-menu ul.menu li ul.sub-menu-width li {
  float: left;
  width: 25%;
}
.drehmatec-menu ul.menu li ul.sub-menu-width li a {
  font-weight: bold;
  border-bottom: #CCC dashed 1px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.drehmatec-menu ul.menu li ul.sub-menu li {
  height: auto;
}
.drehmatec-menu ul.menu li ul.sub-menu li:first-child{
	background:url(./images/schatten.png) 0 0 repeat-x;
	background-size:100% 15px; 
}
.drehmatec-menu ul.menu li ul.sub-menu li:hover,.drehmatec-menu ul.menu li ul.sub-menu li a:hover {
    background-color: #faaf05;
}
.drehmatec-menu ul.menu li ul.sub-menu li ul li:hover {
  background-color: transparent;
}
.drehmatec-menu ul.menu li ul.sub-menu li a,.drehmatec-menu ul.menu li.current_page_item ul.sub-menu li a {
  width: 100%;
  display: block;
  padding-left: 15px;
  font-size: 1em;
  background: none;
}
.drehmatec-menu .menu-mobile-container {
  position: absolute;
  top: 0;
  height:calc(100vh - 64px);
  margin-top:64px;
  padding-top:32px;
  right: -100vw;
  display: block;
  color: #4c5255;
  background-color: #f4c436;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100%;
  z-index: 9999;
  overflow-y: scroll;
  -webkit-transition: right 0.5s cubic-bezier(.230,1,.230,1);
  -moz-transition: right 0.5s cubic-bezier(.230,1,.230,1);
  transition: right 0.5s cubic-bezier(.230,1,.230,1);	  
}
.drehmatec-menu .menu-mobile-container.show{
  right: 0;
}
.drehmatec-menu ul.menu-mobile{
	margin-left:10%!important;
	margin-right:10%;
	width:80%;
}
.drehmatec-menu ul.menu-mobile li > ul {
  margin: 0px;
  display:none;
}
.drehmatec-menu ul.menu-mobile li.current_page_item > ul{
	display:block;
}
.drehmatec-menu ul.menu-mobile li ul li a {
  padding-left: 15px;
}
.drehmatec-menu ul.menu-mobile li ul li ul li a {
  padding-left: 60px;
}
.drehmatec-menu ul.menu-mobile li a {
  text-decoration: none;
  padding: 13px 0;
  display: block;
  color: #4c5255!important;
  font-size:2em;
  font-weight:400;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #4c5255;
  text-transform: none!important;
}
.drehmatec-menu ul.menu-mobile .sub-menu li a{
	font-size:1.5em;
}
.drehmatec-menu ul.menu-mobile li.icon-search a{
	opacity:0;
	padding:0;
	margin-bottom:100px;
}
.drehmatec-menu ul.menu-mobile li.icon-search::before{
	display:inline-block;
	padding:13px 0 0 0;
	font-size:2em;
}
.drehmatec-menu ul.menu-mobile li a:hover,.drehmatec-menu ul.menu-mobile li.icon-search:hover{
  text-decoration: none;
  background-color: #faaf05;
}
.drehmatec-menu li > a {
  color: #4c5255 !important;
  text-transform: uppercase;
}

.drehmatec-search {
  font-size: 1.25em;
  line-height:0.5em!important;
  margin: 0 0 0 5px;
}
.drehmatec-search a.search-icon {
  color: #000000 !important;
  font-weight: bold;
}

a.drehmatec-search {
  text-decoration: none;
}

#drehmatec-top-search {
  position:fixed;
  height: 100vh;
  width: 100vw;
  top:0;
  left:0;
  padding-top:120px;
  display: none;
  text-align:center;
  background-color:#ffffff;
  z-index:888;
  -webkit-transition: padding-top 0.3s ease-in-out 0s;
  -moz-transition: padding-top 0.3s ease-in-out 0s;
  -ms-transition: padding-top 0.3s ease-in-out 0s;
  -o-transition: padding-top 0.3s ease-in-out 0s;
  transition: padding-top 0.3s ease-in-out 0s;  
}
#drehmatec-top-search span.drehmatec-close-search-field {
  display: block;
  position: absolute;
  top:120px;
  right:10%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #4c5255;
  -webkit-transition: top 0.3s ease-in-out 0s;
  -moz-transition: top 0.3s ease-in-out 0s;
  -ms-transition: top 0.3s ease-in-out 0s;
  -o-transition: top 0.3s ease-in-out 0s;
  transition: top 0.3s ease-in-out 0s;    
}
#drehmatec-top-search span.drehmatec-close-search-field:after {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "iconfont", sans-serif;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "";
  speak: none;
  padding-top: 5px;
  font-size: 24px;
  line-height: 1;  
  font-weight: bold;
}
#drehmatec-top-search .drehmatec-search-form input {
  width: 90%;
  max-width: 500px;
  border: none;
  background: transparent;
  height: inherit;
  font-size: 2em;
  font-weight:300;
  line-height: 1.5em;
  background: white;
  border-bottom: 1px solid gainsboro;
}
body.with-search #drehmatec-top-search{
	display:block;
}
.warp {
  width: 100%;
  min-height: 800px;
  padding-top: 0 !important;
}

.main-content {
  padding: 30px 0;
}
.main-content img {
  max-width: 100%;
}

.drehmatec-article-list {
  padding: 40px 0px 30px 0px;
  text-align: center;
}
.drehmatec-article-list ul.items li {
  position: relative;
  padding: 0px;
  width: 350px;
  height: 306px;
  margin: 0px 15px 30px 15px;
  cursor: pointer;
  overflow: hidden;
}
.drehmatec-article-list ul.items li .shade {
  position: absolute;
  width: 100%;
  height: 186px;
  margin-top: -186px;
  background: Black;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 10;
}
.drehmatec-article-list ul.items li .shade u {
  display: block;
  margin: 0 auto;
  margin-top: 76px;
  width: 44px;
  height: 44px;
  text-decoration: none;
}
.drehmatec-article-list ul.items li .drehmatec-article-info {
  position: absolute;
  height: 110px;
  width: 310px;
  margin: 10px 20px;
  color: #222222;
  font-size: 12px;
  line-height: 26px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 10;
  overflow: hidden;
}
.drehmatec-article-list ul.items li .drehmatec-article-info strong {
  color: #222;
  font-size: 1em;
  font-weight: normal;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.drehmatec-article-list ul.items li .drehmatec-article-info p {
  text-align: left;
  height: 4.5em;
  overflow: hidden;
}
.drehmatec-article-list ul.items li .drehmatec-article-info h4 {
  height: 1em;
  overflow: hidden;
  text-align: left;
}
.drehmatec-article-list ul.items li .drehmatec-article-info h4 a:hover {
  text-decoration: none;
}
.drehmatec-article-list ul.items li .bg {
  width: 100%;
  height: 130px;
  background-color: #fff;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.drehmatec-article-list ul.items li .bg u {
  display: block;
  position: absolute;
  width: 100%;
  height: 130px;
  margin-top: 150px;
  background-color: maroon;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: maroon;
}
.drehmatec-article-list ul.items li:hover .shade {
  margin-top: 0px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.drehmatec-article-list ul.items li:hover .bg {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.drehmatec-article-list ul.items li:hover .bg u {
  margin-top: 0px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.drehmatec-article-list ul.items li:hover .drehmatec-article-info {
  color: #4c5255;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.drehmatec-article-list ul.items li:hover .drehmatec-article-info strong {
  color: #4c5255;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.drehmatec-article-list .img-responsive1 {
  display: block;
  width: 360px;
  height: 186px;
}
.drehmatec-article-list .navigation {
  width: 100%;
  text-align: center;
}
.drehmatec-article-list .nav-links {
  display: inline-block;
  height: 35px;
}
.drehmatec-article-list .nav-links .total {
  padding-right: 8px;
}
.drehmatec-article-list .nav-links span {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin-right: -1px;
  font-size: 1em;
  line-height: 34px;
  text-align: center;
  background: #f6f6f6;
}
.drehmatec-article-list .nav-links a {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin-right: -1px;
  border: #dfdfdf 1px solid;
  color: #555;
  font-size: 1em;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  background: #f6f6f6;
}
.drehmatec-article-list .nav-links a:hover {
  background: #eee;
}
.drehmatec-article-list .nav-links span.current {
  position: relative;
  border: #A03313 1px solid;
  color: #4c5255;
  background-color: maroon;
  border: #A03313 1px solid;
  background-color: maroon;
}
.drehmatec-article-list .nav-links span.disabled {
  border: #dfdfdf 1px solid;
  color: #aaa;
  cursor: not-allowed;
}
.drehmatec-article-list .nav-links .prev {
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.drehmatec-article-list .nav-links .next {
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}

.list-inline {
  list-style: none;
}

.single-content {
  width: calc(100% - 23% - 30px);
  float: left;
  padding-right: 40px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #E1E1E1;
  overflow: hidden;
  word-wrap: break-word;
}
.single-content .author-share {
  margin-bottom: 20px;
}
.single-content .author-share:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.single-content .author-share .author {
  float: left;
  min-width: 200px;
}
.single-content .author-share .author img {
  height: 32px;
  width: 32px;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
}
.single-content .author-share .author p {
  font-size: 1em;
  line-height: 1.4em;
  color: #333;
}
.single-content .author-share .author time {
  font-size: 12px;
  color: #4c5255;
}
.single-content .author-share .share {
  float: right;
}
.single-content .author-share .share a {
  float: right;
  margin-left: 10px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  border: 1px solid;
  font-size: 1em;
  line-height: 30px;
  text-align: center;
}
.single-content .author-share .share a:hover {
  text-decoration: none;
}
.single-content .author-share .share a > i {
  line-height: 30px;
}
.single-content .author-share .share .share-twitter {
  color: #30b0ff;
  border-color: #30b0ff;
}
.single-content .author-share .share .share-google-plus {
  color: #ff6868;
  border-color: #ff6868;
}
.single-content .author-share .share .share-facebook {
  color: #00ba3a;
  border-color: #00ba3a;
}
.single-content .author-share .share .qr-code {
  height: 130px;
  width: 130px;
  padding: 5px;
  background: #fff;
  position: absolute;
  top: 42px;
  left: 0;
  margin-left: -54px;
  border: 1px solid #e2eaec;
  z-index: 1;
  border-radius: 3px;
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.92, 0.32, 1.27);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.92, 0.32, 1.27);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.92, 0.32, 1.27);
  transition: all 0.6s cubic-bezier(0.2, 0.92, 0.32, 1.27);
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
.single-content .author-share .share .qr-code:before {
  content: "";
  background: #fff;
  height: 10px;
  width: 10px;
  border: 1px solid #e2eaec;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.single-content .author-share .share .qr-code:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
  border-radius: 3px;
}
.single-content .author-share .share .qr-code img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 10;
}
.single-content .author-share .share .qr-code.show {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.search-highlight{
	color:#faaf05;
}
.post-paged {
  padding-top: 10px;
  border-top: 1px solid #E1E1E1;
}

.drehmatec-article-content .sidebar {
  width: 23%;
  float: right;
  overflow: hidden;
  word-wrap: break-word;
}

.drehmatec-sidebar input {
  background-color: transparent;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #D2D2D2;
  color: #747474;
  font-size: 1em;
  padding: 8px 15px;
  height: 33px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.sidebar-section h2 {
  font-size: 1.5em;
}
.sidebar-section ul {
  margin-left: 0;
  padding-left: 0;
}
.sidebar-section ul li {
  list-style-type: none;
  padding: 5px 0;
}

.footer {
  font-size:0.9em;
  width: 100%;
  padding: 20px 0 10px 0;
  color: #DBDBDB;
  display: block;
  background-color: #3C3C3C;
}
.home .footer{
  min-height:calc(100vh - 54vw);	
}
.footer a{
	color:#DBDBDB;
}
.copyright {
  width: 100%;
  text-align: center;
}
.footer .menu li{
	margin-left: 0;
}
.footer .menu{
	margin:1em 0;
}
#footer .footer-bottom.container .footerleft, #footer .footer-bottom.container-fluid#produktseite .footerleft {
  text-align: left;
}
#footer .footer-bottom.container .footerright .menu-footer-container ul li, #footer .footer-bottom.container-fluid#produktseite .footerright .menu-footer-container ul li {
  list-style-type: none;
  margin-right: 1em;
}
#footer .footer-bottom.container .footerright .menu-footer-container ul li a, #footer .footer-bottom.container-fluid#produktseite .footerright .menu-footer-container ul li a {
  text-transform: uppercase;
}
#footer .title {
  font-size: 1.5em;
  line-height: 2.5em;
  font-weight: 200;
  margin-bottom: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DBDBDB;
}

.footer-top {
  padding-top: 30px;
}

.s-color {
  color: maroon;
}

.s-bg-color {
  color: maroon;
}

.s-hover-color {
  color: maroon;
}

a {
  text-decoration: none;
  color: #515151;
}
a:focus, a:hover {
  text-decoration: none;
  color:#faaf05;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.breadcrumbs {
  overflow: hidden;
  word-wrap: break-word;
}
.breadcrumbs .trail-browse {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: 0;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  display: none;
}
.breadcrumbs .trail-items {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: 0;
  list-style: none;
}
.breadcrumbs .trail-items li {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: 0;
}

.trail-items li::after {
  font-family: "iconfont", sans-serif;
  content: "";
  padding: 0 0.3em;
  font-size: 1em;
}
.trail-items li:last-of-type::after {
  display: none;
}

.trail-begin:before {
  font-family: "iconfont", sans-serif;
  content: "";
  padding-right: 0.3em;
  font-size: 1em;
}

#gotoTop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 0;
  cursor: pointer;
  margin-right: 70px;
  padding: 0px 10px 6px 10px;
  text-align: center;
  background-color: #f4c436;
  color: #4c5255;
  border-radius: 100%;
  z-index:10;
  -webkit-filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3));
  transition: background-color .2s;
}
#gotoTop .fa-angle-up {
  font-size: 45px;
}

#gotoTop:hover{
  color: #4c5255;
  text-decoration: none;
  background-color: #faaf05!important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  z-index: 999999;
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

.input-text {
  padding: 0.618047em;
  background-color: #F7F7F7;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #d8d8d8;
}

input[type=email] {
  padding: 0.618047em;
  background-color: #F7F7F7;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #d8d8d8;
}

input[type=password] {
  padding: 0.618047em;
  background-color: #F7F7F7;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #d8d8d8;
}

input[type=search] {
  padding: 0.618047em;
  background-color: #F7F7F7;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #d8d8d8;
}

input[type=text] {
  padding: 0.618047em;
  background-color: #F7F7F7;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #d8d8d8;
}

input[type=url] {
  padding: 0.618047em;
  background-color: #F7F7F7;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #d8d8d8;
}

textarea {
  padding: 0.618047em;
  background-color: #F7F7F7;
  color: #43454b;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid #d8d8d8;
}

#homeicon {
  background-color: transparent;
  width: 25px;
  height: 25px;
}

.container-fluid#fullsizecf {
  padding: 0;
  margin: 0;
  height: 100%;
}

.drehmatecslider {
   margin-top: 50px;
}
.drehmatecslider .drehmatecsliderteaser {
  position: fixed !important;
  bottom: 100px !important;
  right: 30px !important;
  width: 100% !important;
  max-width: 700px !important;
}
.drehmatecslider .drehmatecsliderteaser * {
  color: #4c5255 !important;
}
.drehmatecslider div#n2-ss-2 {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.drehmatecslider div#n2-ss-2 .n2-ss-slider-1 {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.container-fluid#fullsizecf section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: auto;
  height: 100vh;
  margin: 1em;
}
.container-fluid#fullsizecf section .page-content {
  position: absolute;
  top: 25%;
  left: 25%;
  right: 25%;
  padding: 2em;
  background-color: #ffffff;
  opacity: 0.6;
}

#fullsizeheaderimage {
  background-color:#f2f2f1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
  width: 100%;
  height: 75vw;
  margin: 0 0 2em 0;
  transform:translateY(64px);
}
#fullsizeheaderimage.hidedesktop{
	display:block;
}
#fullsizeheaderimage.hidemobile{
	display:none;
}
#drehmatecdefault,#produktseite {
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
  padding: 1em;
}

#drehmatecdefault .row {
  margin: 0;
}

#produkte .warp {
  margin-top: 10%;
  padding: 2em;
}
#produkte .warp ul {
  margin-left: 0;
}
#produkte .warp ul > li {
  list-style-type: none;
  font-size: 1.5em;
}
#produkte .warp .wc-block-product-categories > ul > li > a {
  color: maroon;
}
#produkte .warp .wc-block-product-categories ul li span {
  display: none;
}

.mt1 {
  margin: 3em auto 1em auto;
  text-align: center;
}

.btn-primary {
  color: #4c5255;
  background-color: maroon;
  border-color: maroon;
  border-radius: 0;
}
.btn-primary:hover {
  color: #4c5255;
  background-color: maroon;
  border-color: maroon;
  border-radius: 0;
}

h2 {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom:1em;
  text-align: center;
}
h3 {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom:1em;	
}
h4 {
  width: 90%;
  margin: 0 auto;
  font-size: 1.25em;
  line-height: 1.5em;
}
.mbm{
	margin-bottom:0;
}
.wrap ul,.wrap p,.wp-block-media-text p{
  width: 90%;
  margin-left:auto;
  margin-right:auto;	
  font-size: 1.25em;
  line-height: 1.5em;
}
.wrap ul,.wrap .ml33{
	margin-left:33%;
}
.wrap ul li{
	margin-top:1em;
}
.has-text-align-center a{
    text-decoration:underline;
}
.page-id-1313 .has-text-align-center a{
    color:#faaf05;
}
.page-id-1313 .has-text-align-center a:hover {
    color:#515151;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: none;
}

hr.wp-block-separator.drehmaticspacer {
  margin: 30px auto;
}

hr.wp-block-separator.drehmaticspacersmall {
  margin: 10px auto;
}

.drehmatecteaserbg {
  padding: 2em !important;
  background-color: rgba(242, 190, 29, 0.9) !important;
  width: 96%;
  margin: 30% auto 0 auto;
}
.drehmatecteaserbg h1 {
  color: #4c5255 !important;
  font-size: 2.5em !important;
  text-align: left !important;
  line-height: 1em !important;
}
.drehmatecteaserbg h3 {
  margin: 1em auto !important;
  color: #4c5255 !important;
  font-size: 1.5em !important;
  text-align: left !important;
  line-height: 1em !important;
}
.drehmatecteaserbg p {
  margin: 2em auto !important;
  text-align: left !important;
  font-size: 1em !important;
}

/* Headerbox from custom fields */
.headerbox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:80vh;
	color:#4c5255;
	background-color: rgba(0,0,0,0.35);
}
.headerbox h2{
	font-size:36px;
	white-space:nowrap;
	font-weight:300;
	line-height:1.2;
	text-align: left;
	margin:0 0 0 15px;
}
.headerbox .logo-outline{
	width:540px;
	height:560px;
	padding:215px 50px 75px 50px;
	margin:0;
	margin-top:calc(27vw - 280px);
	margin-left:calc(100vw - 640px);
	background: url(./images/logo-outline.png) 50% 0% no-repeat;
	background-size: 540px 560px;
}
.drehmatecteaserbgsub {
  padding: 2em !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: #000000;
  width: 70%;
  max-width: 700px;
  margin-top: 30%;
  margin-left: 10%;
  height: 30%;
}
.drehmatecteaserbgsub h1 {
  color: #4c5255 !important;
  font-size: 2.5em !important;
  text-align: left !important;
  line-height: 1em !important;
}
.drehmatecteaserbgsub h3 {
  margin: 1em auto !important;
  color: #4c5255 !important;
  font-size: 1.5em !important;
  text-align: left !important;
  line-height: 1em !important;
}
.drehmatecteaserbgsub p {
  margin: 2em auto !important;
  color: #4c5255 !important;
  text-align: left !important;
  font-size: 1em !important;
}

.drehmatecarticle {
  opacity: 1;
}

.wp-block-cover {
  height: 200px;
  min-height: auto;
  align-items: flex-start;
  margin: 0 auto;
}
.wp-block-cover .wp-block-cover__inner-container h1 {
  font-size: 8em;
}
.wp-block-cover .wp-block-cover__inner-container .yellowbox1 {
  font-size: 1.5em;
}
.wp-block-cover .wp-block-cover__inner-container .yellowbox2 {
  font-size: 2em;
}
.wp-block-cover .wp-block-cover__inner-container .yellowbox3 {
  font-size: 2.5em;
}

.wp-block-button__link {
  background-color: #f4c436;
  color: #4c5255!important;
  height: 50px;
  font-size: 1em;
  line-height:1em;
  font-weight:600;
  letter-spacing:0.06em;
  text-transform:uppercase;
  padding: 1em;
}
.wp-block-button__link:hover{
    background-color: #faaf05!important;
}
.wp-block-button__link::after{
	content:'';
	display:inline-block;
    width:0.75em;
    height:1em;
    margin:-0.1em 0 0 0.25em;
    background:url(./images/right_gr.png) 50% 50% no-repeat;
    background-size:contain;
	vertical-align:middle;
}
.wp-block-media-text {
  margin: 1em auto;
}

.wp-block-column {
  margin-bottom: 0 !important;
  word-break:normal;
  overflow-wrap:normal;  
}
.wp-block-column:not(:first-child) {
  margin-left: 0;
}
.wp-block-column:last-child {
  margin-top: 10px;
  margin-left: 0;
}
.wp-block-video video {
  width: 100%;
  display: block;
  margin-bottom:-10px;
}
.video-layer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:56.25vw;
	color:#ffffff;
	background-color: rgba(0,0,0,0.35);
}

.video-layer h2{
	font-size:2.25em;
	font-weight:300;
	line-height:1.2;
	text-align: left;
	margin:0 0 0 30px;
}
.video-layer .logo-outline{
	width:540px;
	height:560px;
	max-height:calc(56.25vw - 27vw  + 280px);
	padding:190px 50px 100px 50px;
	margin:0;
	margin-top:calc(27vw - 280px);
	margin-left:calc(100vw - 640px);
	background: url(./images/logo-outline.png) 50% 0% no-repeat;
	background-size: 540px 560px;
}
.video-layer .logo-outline p{
	font-size:16px;
	margin-top:0.5em;
	padding-right:50px;
}
.home .wp-block-gallery{
	position:relative;
	height:124vw;
}
.home .wp-block-gallery .blocks-gallery-item{
	position:absolute;
	display:block;
	top:0;
	left:0;
	margin:0!important;
	opacity: 0;
  	-webkit-transition: opacity ease 1s;
  	-moz-transition: opacity ease 1s;
  	-o-transition: opacity ease 1s;
  	transition: opacity ease 1s; 
}
.home .wp-block-gallery .blocks-gallery-item img{
	width:100%!important;
}
.home .wp-block-gallery .blocks-gallery-item:first-child,.home .wp-block-gallery .blocks-gallery-item.show{
	position:absolute;
	top:0;
	left:0;
	opacity: 1;
}
.fusszeile{
	content:'ABSCHMIERTECHNIK  ZERSPANUNGSTECHNIK';
    position:absolute;
    top:calc(56.25vw - 3em);
    padding:0.5em 0;
    letter-spacing:0.3em;
    font-weight:600;
    color:#ffffff;
    width:100%;
    text-align: center;
    border-top:1px solid #ffffff;
}
#produktseite .wrap {
  width: 100%;
}

.boxwrapper, .produktwrapper {
  position: relative;
  border-bottom:1px solid #ffffff;
  cursor:pointer;
  margin-bottom:8px;
}
.boxwrapper .boxoutside, .produktwrapper .boxoutside, .produktwrapper .produktbox1 {
  background-color: #f4c436;
  background: linear-gradient(0deg, rgba(250,175,5,1) 0%, rgba(244,196,54,1) 100%);
  position: relative;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 280px;
  padding: 1em;
}
.produktwrapper .boxoutside, .produktwrapper .produktbox1{
	padding: 3em;
	height: 280px;
}
.boxwrapper .boxoutside img, .produktwrapper .boxoutside img {
  width: 200px;
  margin-top: 1em;
  float: right;
}
.boxwrapper .boxoutside h2, .produktwrapper .boxoutside h2, .produktwrapper .produktbox1 h2 {
  font-size: 2.5em;
  font-weight:400;
  line-height:1;
  padding:0;
  margin:0;
  text-align:left;
  color: #4c5255;
  -webkit-transition: color 0.3s ease-in-out 0s;
  -moz-transition: color 0.3s ease-in-out 0s;
  -ms-transition: color 0.3s ease-in-out 0s;
  -o-transition: color 0.3s ease-in-out 0s;
  transition: color 0.3s ease-in-out 0s;
}
.boxwrapper .boxinside, .produktwrapper .boxinside{
  position: absolute;
  z-index: 2;
  opacity:0;
  width: 100%;
  height: 230px;
  bottom: 0;
  left: 0;
  padding: 1em;
}
.boxwrapper .boxinside p, .produktwrapper .boxinside p{
	color:#4c5255;
	position:absolute;
	width:calc(100% - 2em);
	bottom:1em;
	right:1em;
	font-size: 2em;
	line-height:1;
	text-align: right;
}
.boxwrapper .boxinside h2, .produktwrapper .boxinside h2 {
  margin-top: 100px;
  font-size: 2em;
  color: #4c5255;
}
.boxwrapper:hover .boxinside{
  opacity: 1;
}
.boxwrapper:hover .boxoutside img{
  opacity: 0;
}
.boxwrapper:hover .boxoutside, .produktwrapper:hover .produktbox1 {
  background-color: #faaf05;
  background: linear-gradient(0deg, rgba(250,175,5,1) 0%, rgba(250,175,5,1) 100%);
}
.produktwrapper.active .produktbox1 {
    background-color: #f4c436;
    background: linear-gradient(0deg, rgba(244,196,54,1) 0%, rgba(244,196,54,1) 100%);
}
.boxwrapper:hover .boxoutside h2,.produktwrapper:hover .produktbox1 h2,.produktwrapper.active .produktbox1 h2{
	/*color:#fcd782;*/
}
.produktwrapper .produktbox1 {
  height: 400px;
  margin: 0 auto;
  -webkit-transition: height ease 0.4s;
  -moz-transition: height ease 0.4s;
  -o-transition: height ease 0.4s;
  transition: height ease 0.4s;    
}
.produktwrapper .produktbox2 {
  max-height:0px;
  padding:0 3em;
  overflow:hidden;
  background-color: #f4c436;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s; 	
}
.produktwrapper .produktbox2 ul,.produktwrapper .produktbox2 p{
  color:#4c5255;
  font-size:24px;
  line-height:1.2em;
  margin:0 1.5em 1.5em 1.5em; 	
  width:calc(100% - 1.5em);
}
.produktwrapper .produktbox2 p{
	margin-left:0;
}
.produktwrapper .produktbox2 a{
    text-decoration:underline;
    color: #4c5255
}
.produktwrapper .produktbox2 a:hover{
    color: #ffffff
}
.produktwrapper .produktbox2 ul li{
	margin-top:0.5em;
}
.produktwrapper .produktbox2 ul li ul{
  font-size:20px;	
}
.produktwrapper .produktbox2 img{
	width:calc(100% + 6em);
	max-width:calc(100% + 6em);
	height:auto;
	margin:0 0 1em -3em;
}
.produktwrapper.active .produktbox1{
	height:110px;
}
.produktwrapper.active .produktbox2{
	max-height:2000px;
	padding:3em;
}
.produktwrapper .produktbox1 img {
  position:absolute;
  top:0;
  right:0;
  height:100%;
  width:auto;
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;  
}
.produktwrapper.active .produktbox1 img {
  top:2em;
  right:2em;	
}
.twocols50 {
  width: 50%;
  margin: 0 auto;
}
b, strong,.twocols50 b, .twocols50 strong {
  font-weight: 600!important;
}
.twocols50 p {
  font-size: 1.25em;
  color: rgba(0, 0, 0, 0.6);
}

.mb20, .mb40 {
  margin-bottom: 20px;
  font-size: 1.25em;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.8);
}

.mb40 {
  margin-bottom: 40px;
}


.container#produktseite .drehmatecyellow, #produktseite.container-fluid .drehmatecyellow {
	text-align: center;
    color: #4c5255;
	line-height: 1.2em;
}
.container#produktseite .drehmatech3, #produktseite.container-fluid .drehmatech3 {
	text-align: center;
	font-size: 2.5em;
	margin: 0 auto 1em auto;
	color: rgba(0, 0, 0, 0.6);
}
.container#produktseite hr, #produktseite.container-fluid hr {
    background-color: #4c5255;
	height: 1px;
	width: 100%;
	margin: 5em auto;
}
.container#produktseite hr.width50, #produktseite.container-fluid hr.width50 {
	width: 50%;
	max-width: 800px;
}
.container#drehmatecdefault .drehmatecyellow {
	text-align: center;
    color: #4c5255;
}
.container#drehmatecdefault .drehmatech3 {
	text-align: center;
	font-size: 2.5em;
	margin: 0 auto 1em auto;
	color: rgba(0, 0, 0, 0.6);
}
.container#drehmatecdefault hr {
    background-color: #f4c436;
	height: 1px;
	width: 100%;
	margin: 5em auto;
}
.drehmatecspacer {
	height: 5em;
}
.drehmatecspacer2{
  height: 2em;
}
@media all and (min-width:601px) and (min-aspect-ratio: 16/9) and (max-aspect-ratio: 190/102) {
    .fusszeile{
        top:calc(100vh - 3em);
    }
}
@media all and (min-width: 750px) {
  .header-wrap {
    width: 750px;
  }
  h2,h3,h4 {
    width: 80%;
    margin-left:auto;
    margin-right:auto;    
    text-align: center;
  }
  .wrap ul,.wrap p,.wp-block-media-text p{
    width: 75%;
  }  
  .wp-block-button__link {
    padding: 1em 4em;
  }	
  .wp-block-column {
    margin-left: 0;
    flex-basis:calc(50% - 5px)!important;
  }
  .wp-block-column:not(:first-child) {
    margin-left: 10px;
  }
  .wp-block-column:last-child {
    margin-top: 0;
	margin-left: 10px;
	}  
}
@media all and (min-width: 992px) {
	.header-wrap {
		width: 970px;
	}	
	header .header-wrap #kontaktdaten {
	    display: block;
	}	
	.video-layer h2{
		width:100%;
		font-size:3vw;
		font-weight:300;
		line-height:1;
		text-align: left;
		margin:0 0 0 3vw;
	}
	.video-layer .logo-outline{
		width:42vw;
		height:44vw;
		max-height:49.25vw;
		padding:14vw 0 4vw 4vw;
		margin:0;
		margin-top:7vw;
		margin-left:54vw;
		background: url(./images/logo-outline.png) 50% 0% no-repeat;
		background-size: 42vw 44vw;
	}
	.video-layer .logo-outline p{
		font-size:1.33vw;
		line-height:1.4em;
		margin-top:0.6vw;
		padding-right:8vw;
	}
	#footer .footerleft, #footer .footerright {
		float: left;
		width: 50%;
	}
	#footer .footer-bottom.container .footerright .menu-footer-container ul, #footer .footer-bottom.container-fluid#produktseite .footerright .menu-footer-container ul {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		margin-top: 7em;
	}
	#fullsizeheaderimage {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center 0;
		width: 100%;
		height: 37vw;
		max-height:710px;
		margin: 0 0 2em 0;
		padding: 0;
	}	
	#fullsizeheaderimage.hidedesktop{
		display:none;
	}
	#fullsizeheaderimage.hidemobile{
		display:block;
	}	
}
@media all and (min-width: 1025px) {
	header .header-wrap .drehmatec-menu ul.menu li#searchicon a {
		display: block;
		padding: 28px 17px 15px 17px;
		margin-top: 37px;
	}
	header.changeh {
		height: 50px;
	}
	header.fixed.changeh #kontaktdaten {
		display: none;
	}
	header.fixed.changeh .drehmatec-logo {
		margin-top: 4px;
	}
	header.fixed.changeh .header-wrap .drehmatec-menu ul.menu li#searchicon a {
		padding-top: 16px;
		padding-bottom: 14px;
        margin-top: 0;
	}
	header.changeh .header-wrap .drehmatec-menu ul.menu li {
		height: 50px;
	}
	header.changeh .header-wrap .drehmatec-menu ul.menu li a{
		padding-top: 13px;
		padding-bottom: 12px;
		margin: 0;
	}
	header .header-wrap .drehmatec-menu ul.sub-menu li a {
		padding-top: 0.8em!important;
		padding-bottom: 0.8em!important;
		margin: 0;
	}
	header.changeh .header-wrap .drehmatec-menu ul.menu > span > li {
		border: none;
	}
	header.changeh + #drehmatec-top-search {
		padding-top: 50px !important;
	}
	header.changeh + #drehmatec-top-search span.drehmatec-close-search-field {
		top: 70px;
	}
	header.changeh .drehmatec-logo-img img {
		width: auto !important;
		height: 42px;
	}
	header.changeh .blog-description {
		display: none;
	}
	header.changeh .blog-name {
		font-size: 24px;
		line-height: 1em;
	}
	header.changeh .drehmatec-logo-text {
		margin-top: 3px;
	}
	header.changeh #drehmatec-menu ul.menu-mobile {
		margin-top: -14px;
	}
	#footer .footer-bottom.container, #footer .footer-bottom.container-fluid#produktseite {
		width: 1030px;
	}
	.drehmatecteaserbg {
		width: 70%;
		max-width: 700px;
	}
}
@media all and (min-width: 1600px) {
	.drehmatecslider .drehmatecsliderteaser {
		bottom: 150px !important;
		right: 10% !important;
	}
	.drehmatecslider div#n2-ss-2 .n2-ss-layers-container {
		margin: 0 !important;
	}
}
@media all and (min-width: 1900px) {	
	html, body {
		font-size: 110%;
	}
    .drehmatec-menu ul.menu li.menu-item-has-children ul.sub-menu{
        width:250px;
    }
	#drehmatecdefault, #produktseite {
		max-width: 1170px;
	}
	.boxwrapper .boxoutside, .produktwrapper .boxoutside, .produktwrapper .produktbox1 {
		height: 350px;
	}
	.boxwrapper .boxoutside img, .produktwrapper .boxoutside img {
		margin-top: 1em;
		width: 250px;
	}
	.boxwrapper .boxinside, .produktwrapper .boxinside {
		height: 350px;
	}
	.boxwrapper .boxinside h2, .produktwrapper .boxinside h2 {
		margin-top: 200px;
	}
	.produktwrapper .produktbox1 {
		height: 450px;
	}
	.wp-block-button__link {
		height: auto;
	}
	.header {
		height: 106px;
		background-color: #FCFCFC;
	}
	header .header-wrap .drehmatec-logo, header.fixed.changeh .drehmatec-logo {
		margin-top: 6px;
	}
	header.changeh, header.changeh .header-wrap .drehmatec-menu ul.menu li {
		height: 56px;
	}
	header.changeh .header-wrap .drehmatec-menu ul.menu li a{
		padding-bottom:13px;
	}
}
@media all and (max-width: 1024px) {	
	#searchicon,header .header-wrap #kontaktdaten {
	    display: none;
	}
	#kontaktbutton{
		display:block;
		bottom:110px;
	}    
	header .header-wrap .drehmatec-logo {
	  margin: 4px 0 0 20px;
	  height:60px;
	}
	header .header-wrap .drehmatec-menu ul.menu span {
	    display: none;
	}	
	header .header-wrap .drehmatec-menu ul.menu li {
		height: 64px;
		padding-top: 18px;
		margin-right: 5px;
	}
	.header-wrap {
		width: auto;
	}
	.drehmatec-logo-img img {
		width: auto !important;
		height: 44px !important;
		margin-top:6px;
	}
	.header {
		height: 64px;
	}
	#drehmatec-top-search {
	  padding-top: 64px !important;
	}
	#drehmatec-top-search span.drehmatec-close-search-field {
		top:84px;
	}	
	header.changeh #drehmatec-top-search {
		margin-top: -2px;
	}
	header.fixed .warp {
		padding-top: 0px;
	}	
	.menu-icon {
		display: block;
	}
	
	header .header-wrap .drehmatec-menu ul.menu span {
		display: none
	}
	
	.drehmatec-logo-img img {
		width: 40px;
		height: auto
	}
	
	header .header-wrap .drehmatec-menu ul.menu li {
		height: 64px;
	}
	.header {
		height: 64px;
	}
	header .header-wrap .drehmatec-menu ul.menu li {
		padding-top: 18px;
		margin-right: 5px;
	}
	.ct_video a.btn {
		margin: 10px 15px 0 15px;
	}
	.ct_testimonials_list {
		padding-bottom: 80px;
	}
	.ct_testimonials_text h1 {
		padding-top: 100px;
	}
	
	.single-content {
		float: none;
		padding-right: 0px;
		border: none;
	}
	#gotoTop{
    	bottom:50px;
    	margin-right:10px;
    }
}
@media all and (max-width: 991px) {	
	.showmobile, .hidedesktop {
		display: block;
	}
	.hidemobile {
		display: none;
	}
	.video-layer {
		height: 133.33vw;
	}
	.video-layer .logo-outline {
		width: 100%;
		height: auto;
		margin: 0;
		margin-top: calc(66.67vw + 64px);
		padding: 0 15px 15px 15px;
		background-image: none;
		transform: translateY(-50%);
	}
	.video-layer h2 {
		font-size: 33px;
		margin: 0;
	}
	.video-layer .logo-outline p {
		padding: 0;
	}
	.home .copy{
		color:#ffffff;
		background-color:#4A4848;
		padding:30px calc(50% - 345px);
		font-weight:300;
	}
	.fusszeile {
		font-size: 0.9em;
		top: calc(125vw - 3em);
	}
	.drehmatec-blog-comments #commentform input[type=text] {
		width: 100%;
	}	
	.single-content {
		width: 100%;
	}
	.sidebar {
		display: none;
	}
}
@media all and (max-width:767px){
	.home .copy{
		padding:30px calc(50% - 255px);
	}	
}
@media all and (max-width:575px){
	h2,.container#drehmatecdefault .drehmatech3,.boxwrapper .boxoutside h2, .produktwrapper .boxoutside h2, .produktwrapper .produktbox1 h2{
		font-size:2em;
		line-height:1.2em;
	}
	h3{
		font-size:1.667em;
		line-height:1.2em;
	}	
	h2,h3{
		margin-top:1.5em;
		margin-bottom:1.2em;
	}	
	.mb20, .mb40{
		font-size:1em;
	}
	.home .copy{
		padding:30px 58px 30px 30px;
	}	
	.boxwrapper .boxinside p, .produktwrapper .boxinside p{
		font-size:1.4em;
	}
	.wrap p, .wp-block-media-text p{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.wrap ul{
		margin-left:2em;
		margin-right:0;
	  	width:calc(100% - 2em);		
	}
	.wp-block-column:last-child{
		margin-top:0!important;
	}
	.wp-block-media-text{
		-ms-grid-columns: 100% 1fr;
		grid-template-columns: 100% 1fr;
	}
	.wp-block-media-text .wp-block-media-text__content{
		padding:3em 0 1em 0;
		word-break:normal;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content{
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 2;
		grid-row: 2;
	}
	.wp-block-button__link{
		width:75%;
		margin:1.5em 0 1em 0;
	}
	.produktwrapper .produktbox1{
		height:auto;
		padding:1em 1em 0 1em;
	}
	.boxwrapper .boxoutside h2,.produktwrapper .produktbox1 h2{
		text-align: center;
	}
	.boxwrapper .boxoutside img{
		width: 80%;
		margin: 0 10%;
		float: none;
	}
	.produktwrapper .produktbox1 img{
		width:100%;
		height:auto;
		position:relative;
	}
	.produktwrapper.active .produktbox1{
		height:auto;
	}
	.produktwrapper.active .produktbox1 img{
		position:relative;
		top:0;
		left:0;
		width:34%;
		height:auto;
		margin-left:33%;
	}
	.produktwrapper.active .produktbox2{
		padding:1em;
	}
	.produktwrapper .produktbox2 ul,.produktwrapper .produktbox2 p{
		font-size:1.25em;
	}
	.boxwrapper .boxoutside {
		min-height:80vw;
	}	
	.wp-block-spacer:first-child{
		height:4em!important;
	}
	.wrap ul,.wrap .ml33{
		margin-left:auto;
		margin-right:auto;
	}
	.wrap p{
		width:100%;
		margin:0;
	}
	.container#drehmatecdefault hr{
		margin:2em auto 1em auto;
	}
	.drehmatecspacer,.drehmatecspacer2{
		height:1em;
	}
	.home .footer{
		min-height:calc(100vh - 133.33vw);
	}
    #footer .footerleft, #footer .footerright {
        float: left;
        width: 100%;
    }
    #footer .footer-bottom.container .footerright .menu-footer-container ul, #footer .footer-bottom.container-fluid#produktseite .footerright .menu-footer-container ul{
		-webkit-justify-content: flex-start;
		-ms-flex-pack:start;
		justify-content: flex-start;
    	margin-top:1em;
    }
	#gotoTop{
    	bottom:50px;
    }
	#kontaktbutton{
		bottom:110px;
	}
	.wp-block-button__link:hover,#gotoTop.hover,.drehmatec-menu ul.menu-mobile li a:hover,.drehmatec-menu ul.menu-mobile li.icon-search:hover,.drehmatec-menu ul.menu li ul.sub-menu li:hover,.drehmatec-menu ul.menu li ul.sub-menu li a:hover,.drehmatec-menu ul.menu li ul.sub-menu li:hover,.drehmatec-menu ul.menu li ul.sub-menu li a:hover,#kontaktbutton .button:hover {
		background-color: #f4c436!important;
	}
	.produktwrapper:hover .produktbox1{
		background-color: #f4c436;
 		background: linear-gradient(0deg, rgba(250,175,5,1) 0%, rgba(244,196,54,1) 100%);
	}
	.produktwrapper.active:hover .produktbox1 {
	    background-color: #f4c436;
	    background: linear-gradient(0deg, rgba(244,196,54,1) 0%, rgba(244,196,54,1) 100%);
	}
}
@media all and (max-width:375px){
	html,body {
  		font-size: 90%;
    }
	.video-layer h2{
		font-size:25px;
		margin:0;
	}
	.wp-block-button__link{
		font-size:1.2em;
		line-height:1em;
		height:3em;
	}
	#kontaktbutton.show .slide{
		width:320px;
	}	
}
@media all and (max-width:350px){	
	.fusszeile{
		font-size:1em;
		letter-spacing:0.15em;
	}	
}