/*
Theme Name: autek
Theme URI: http://wordpress.org/themes/autek
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept). → CAUTION: If you're child theming or have clients that are child theming on top of autek (not the recommended use), please do not blindly upgrade to newer versions. → DESCRIPTION: autek is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving autek, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css) → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/autek/3.3&new_path=/autek/4.0) just how much we've revamped things. Last, but not least, autek has now been opened up on GitHub (github.com/tidythemes/autek) if anyone would like to make suggested code additions/improvements. Thank you for using autek.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: autek
autek WordPress Theme © 2011-2014 TidyThemes
autek is distributed under the terms of the GNU GPL
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
/*
############ FONTS ############
100: thin
300: light
400: normal
700: bold
900: ultra-bold
############ COLORS ############
base: #002c4d;
hightlight: #dd8214;
brigthgrey: #f5f5f5;
textgrey: #3a3a3a;
line on brightgrey: #dddddd
*/
body, html {background:#ffffff;font-family: 'Lato', sans-serif;font-weight:400;font-size:14px;color:#3a3a3a;-webkit-font-smoothing:antialiased}
a:-webkit-any-link {text-decoration:none;}
/* ############# GENERAL ############# */
#wrapper {position:relative; width:100%;}
.fullwidth {position:relative; width:100%;}
.container {width:100%!important;max-width:1400px!important}
.img-full-responsive {display: block;width: 100%;height: auto;}
.bg-base {background:#002c4d;}
.bg-white {background:#fff;}
.bg-brightgrey {background:#f5f5f5;}
.text-white {color:#fff;}
.text-base {color:#002c4d;}
.text-highlight {color:#dd8214;}
/* BOOTSTRAP ERGÄNZUNG */
.without-border .col-xs-1, .without-border .col-sm-1, .without-border .col-md-1, .without-border .col-lg-1, .without-border .col-xs-2, .without-border .col-sm-2, .without-border .col-md-2, .without-border .col-lg-2, .without-border .col-xs-3, .without-border .col-sm-3, .without-border .col-md-3, .without-border .col-lg-3, .without-border .col-xs-4, .without-border .col-sm-4, .without-border .col-md-4, .without-border .col-lg-4, .without-border .col-xs-5, .without-border .col-sm-5, .without-border .col-md-5, .without-border .col-lg-5, .without-border .col-xs-6, .without-border .col-sm-6, .without-border .col-md-6, .without-border .col-lg-6, .without-border .col-xs-7, .without-border .col-sm-7, .without-border .col-md-7, .without-border .col-lg-7, .without-border .col-xs-8, .without-border .col-sm-8, .without-border .col-md-8, .without-border .col-lg-8, .without-border .col-xs-9, .without-border .col-sm-9, .without-border .col-md-9, .without-border .col-lg-9, .without-border .col-xs-10, .without-border .col-sm-10, .without-border .col-md-10, .without-border .col-lg-10, .without-border .col-xs-11, .without-border .col-sm-11, .without-border .col-md-11, .without-border .col-lg-11, .without-border .col-xs-12, .without-border .col-sm-12, .without-border .col-md-12, .without-border .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 0px;
}
.pad-top-100 {padding-top:100px;}
.pad-bot-100 {padding-bottom:100px;}
.pad-top-75 {padding-top:75px;}
.pad-bot-75 {padding-bottom:75px;}
.pad-top-50 {padding-top:50px;}
.pad-bot-50 {padding-bottom:50px;}
.pad-top-25 {padding-top:25px;}
.pad-bot-25 {padding-bottom:25px;}
.pad-top-15 {padding-top:15px;}
.pad-bot-15 {padding-bottom:15px;}
.pad-top-10 {padding-top:10px;}
.pad-bot-10 {padding-bottom:10px;}
.marg-top-75 {margin-top:75px;}
.marg-bot-75 {margin-bottom:75px;}
.marg-top-50 {margin-top:50px;}
.marg-bot-50 {margin-bottom:50px;}
.marg-top-25 {margin-top:25px;}
.marg-bot-25 {margin-bottom:25px;}
.marg-top-10 {margin-top:10px;}
.marg-bot-10 {margin-bottom:10px;}
.marg-right-10{margin-right: 10px}
.marg-bot-gutter {margin-bottom:30px;}
.text-highlight {color:#dd8214}
.text-white {color:#ffffff}
.clear-25 {height:25px;}
p {line-height:2em;}
h1, .h1 {font-size:1.5em;color:#002c4d; text-transform:uppercase;font-weight:400;}
h1 a, .h1 a {color:#002c4d;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
h1 a:hover, .h1 a:hover {color:#dd8214;text-decoration:none;}
h2, .h2 {font-size:1.35em; color:#002c4d; text-transform:uppercase;font-weight:400;}
h3, .h3 {font-size:1.15em; text-transform:uppercase;font-weight:400;}
h4, .h4 {font-size:1em; text-transform:uppercase;font-weight:400;}
strong {font-weight:700;}
em {font-style: italic}
.hyphens {-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.small {font-size:0.8em;}
a {color:#dd8214}
a:hover {color:#dd8214; text-decoration:underline;}
.copytext h3 {margin-bottom:10px;}
.copytext ul li {line-height:1.4em;padding:5px 0 5px 12px;}
.copytext ul li:before {content:'\f105';font-family:'FontAwesome';display:inline-block;width:12px;margin-left:-12px;color:#dd8214;}
.copytext hr {border-top:2px solid #eee;}
.big {font-size:1.15em}
.divider {border-top:2px solid #dddddd;}
.divider-small {position:relative;margin-top:20px;border-top:2px solid transparent; width:50px;}
.divider-middle {position:relative;margin-top:20px;border-top:2px solid transparent; width:150px;}
.divider-center {margin:0 auto; }
.divider-highlight {border-color:#dd8214;}
.divider-grey {border-color:#d9d9d9;}
.divider-brightgrey {border-color:#f5f5f5;}
.text-center {text-align:center;}
.text-2col {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;-webkit-column-gap: 100px;}
.btn {background-color:transparent; text-transform:uppercase;letter-spacing:1px;padding:15px 33px 15px 20px;border-radius:0;cursor:pointer;transition: all 0.15s ease;border-radius:2px;}
.btn .fa {position:absolute;color:transparent;font-size:1.4em;line-height:1em;padding-left:5px;transition: all 0.15s ease;}
.btn:hover .fa {padding-left:8px;}
.btn-small {padding:7px 18px 7px 10px;font-size:12px;}
/*
.btn-panel {background-color:#fff;width:100%;text-align:left;color:#dd8214;letter-spacing:1px;/* padding:20px 25px; */}
.btn-panel:focus, .btn-panel.focus {color: #dd8214;background-color: #fff;outline:none;border-radius:0;}
.btn-panel:active, .btn-panel.active {color:#dd8214;background-image: none;outline: 0;-webkit-box-shadow:none;box-shadow:none;}
.btn-panel:hover {color:#002c4d;background-color: none;}
.btn-base {background-color:#002c4d;color:#fff;}
.btn-base .fa {color:#dd8214;/* font-size:1.4em; line-height:0.6em;padding-left:5px; */}
.btn-base:hover {color:#fff;background-color:#003c66;}
.btn-highlight {background-color:#dd8214;color:#fff;}
.btn-highlight .fa {color:#fff;/* font-size:1.4em; line-height:0.6em;padding-left:5px; */}
.btn-highlight:hover {color:#fff;background:#ec9428;}
.btn-white {background-color:#fff;color:#002c4d;}
.btn-white .fa {color:#dd8214;/* font-size:1.4em; line-height:1em;padding-left:5px;transition: all 0.1s ease; */}
.btn-white:hover {color:#dd8214;}
.btn-panel {background-color:#fff;color:#002c4d;padding:10px 0;width:100%;text-align:left;}
.btn-panel .fa {color:#dd8214;/* font-size:1.4em; line-height:1em;padding-left:5px;transition: all 0.1s ease; */}
.btn-panel:hover {color:#dd8214;}
.btn-base-outline {background-color:transparent;border:2px solid #ddd;padding:15px 20px;color:#3a3a3a}
.btn-base-outline .fa {position:relative;color:#dd8214;padding:0;padding-right:8px;}
.btn-base-outline:hover {border:2px solid #aaa;}
.btn-base-outline:hover .fa {padding-left:0;}
.btn-job{color: #3a3a3a;background-color: #f5f5f5;box-shadow: 1px 1px 6px #00000001;text-align: left; width: 100%;font-size: 1rem;padding: 1rem; position: relative;white-space: normal;}
.btn-job i:before{color: #dd8214;}
.btn-job:hover{background-color: #f9f9f9;}
.btn-job i.fa{right: 24px;padding: 0;margin-left: auto; top: auto; bottom: 50%; transform: translateY(50%)}
.btn-job:hover i.fa{right: 21px;}
.job-info-row{display: flex; align-items: end; flex-wrap: wrap;}
.job-row-anchor {scroll-padding-top: 100px;scroll-margin-top: 100px;}
@media (min-width: 768px) {
.btn-job{
padding: 1.25rem;
}
}
@media (min-width: 1200px) {
.btn-job{
font-size: 1.125rem;
padding: 1.5rem;
}
}
/* ############# MAIN-NAV ############# */
#header {background:#fff;/* padding:25px 0 */}
/* .dropdown:hover .dropdown-menu {display: block;} */
.navbar-autek {margin-bottom:0px; transition: all 0.15s ease; -webkit-transition: all 0.15s ease; -webkit-box-shadow: 0px -19px 3px 20px rgba(0,0,0,0.13);-moz-box-shadow: 0px -19px 3px 20px rgba(0,0,0,0.13);box-shadow: 0px -19px 3px 20px rgba(0,0,0,0.13);}
.navbar-autek .navbar-brand {height:inherit;padding-top:25px;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek .navbar-brand img {width:208px; height:52px;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek .navbar-nav {padding-top:0px;margin:0;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek .navbar-nav li {border-top:1px solid #f5f5f5}
.navbar-autek .navbar-nav li a {text-transform:uppercase;font-size:13px;padding:14px 0;margin-left:15px;font-weight:700;letter-spacing:1px;color:#3a3a3a;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek .navbar-nav li a:hover, .navbar-autek .navbar-nav li.open a {background:#ffffff;color:#6d6d6d}
.navbar-autek .navbar-nav li.current_page_item a, .navbar-autek .navbar-nav li.current_page_parent a {color:#dd8214}
/* .navbar-autek .navbar-nav .dropdown-menu {-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.175); box-shadow: 0 3px 12px rgba(0,0,0,.175); border:none; border-radius:2px;padding:0;} */
.navbar-autek .navbar-nav .dropdown-menu li {padding:0 15px;border:0px;}
.navbar-autek .navbar-nav .dropdown-menu li a {color:#3a3a3a;margin:inherit;font-size:15px;border-top:0px solid #f5f5f5; font-weight:400;text-transform:inherit;letter-spacing: normal;padding:10px 0px;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek .navbar-nav .dropdown-menu li a:hover {color:#dd8214}
.navbar-autek .navbar-nav .dropdown-menu li:first-child a {border-top:0;}
.navbar-autek.scrolling {-webkit-box-shadow: 0px -19px 3px 20px rgba(0,0,0,0.13);-moz-box-shadow: 0px -19px 3px 20px rgba(0,0,0,0.13);box-shadow: 0px -19px 3px 20px rgba(0,0,0,0.13);}
.navbar-autek.scrolling .navbar-brand {padding-top:12px; padding-bottom:5px;}
.navbar-autek.scrolling .navbar-brand img {width:150px; height:37px;}
.navbar-autek.scrolling .navbar-nav {padding-top:0;}
.navbar-offset {margin-top:96px;}
span.caret {display:none;}
@media (min-width: 768px) {
.navbar-autek { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.navbar-autek .navbar-nav {padding-top:31px;transition: all 0.15s ease; -webkit-transition: all 0.15s ease;}
.navbar-autek .navbar-nav li {border-top:0px}
.navbar-autek .navbar-nav li a {text-transform:uppercase;font-size:15px;padding:6px 0;margin-left:25px;font-weight:700;letter-spacing:1px;color:#3a3a3a;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek .navbar-nav li a:hover, .navbar-autek .navbar-nav li.open a {background:#ffffff;color:#6d6d6d}
.navbar-autek .navbar-nav li.current_page_item a, .navbar-autek .navbar-nav li.current_page_parent a {color:#dd8214}
.navbar-autek .navbar-nav .dropdown-menu {-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.175); box-shadow: 0 3px 12px rgba(0,0,0,.175); border:none; border-radius:2px;padding:0;}
.navbar-autek .navbar-nav .dropdown-menu li {padding:0 20px;}
.navbar-autek .navbar-nav .dropdown-menu li a {color:#3a3a3a;margin:inherit;font-size:15px;border-top:1px solid #f5f5f5; font-weight:400;text-transform:inherit;letter-spacing: normal;padding:12px 0px;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek .navbar-nav .dropdown-menu li a:hover {color:#dd8214}
.navbar-autek .navbar-nav .dropdown-menu li:first-child a {border-top:0;}
.navbar-autek.scrolling .navbar-nav {padding-top:13px;}
}
/* ANIMATED BURGER */
.navbar-autek .navbar-toggle {margin-top:36px;padding:0;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.navbar-autek.scrolling .navbar-toggle {margin-top:17px;}
#nav-icon {width: 30px;height: 20px;position: relative; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon span {display: block; position: absolute; height: 2px; width: 100%; background: #3a3a3a; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon span:nth-child(2) {top: 9px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon span:nth-child(3) {top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;}
#nav-icon.open span:nth-child(2) {width: 0%; opacity: 0;}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 20px; left: 4px;}
#hero {height:500px; background:#002c4d;}
/* ############# INTRO ############# */
.image-intro {background:url('img/bg-header-blur.jpg') no-repeat center center; background-size:cover;}
h1.intro {font-size:2.65em;color:#fff;hyphens: auto;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;}
p.intro {font-size:1.15em; margin-top:10px;color:#fff;}
h1.intro.positive {color:#002c4d}
p.intro.positive {color:#3a3a3a}
/* ############# STARTSEITE ############# */
.calltoaction {position: absolute;right: 0px;bottom: 0px;}
.produkt_slider a h3, .service_slider a h3 {background-color:#fff;padding:18px;color:#3a3a3a;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.produkt_slider a h3 .fa, .service_slider a h3 .fa {color:#dd8214; padding-left:5px;font-size:1.2em;}
.produkt_slider a:hover, .service_slider a:hover {text-decoration:none;}
.produkt_slider a:hover h3, .service_slider a:hover h3 {color:#dd8214;}
.produkt_slider a:focus, .service_slider a:focus {outline:none;}
.produkt_slider .col-md-3 .thumbnail, .service_slider .col-md-3 .thumbnail {margin:0px;padding:0px;border:none;}
.produkt_slider .col-md-3 .thumbnail img, .service_slider .col-md-3 .thumbnail img {margin:0px;padding:0px;border: none;width:100%}
.supplier_img {text-align: center;height:100px}
.supplier_img img {vertical-align: middle;max-height: 100px; max-width: 80%;}
.helper {display: inline-block;height: 100%; vertical-align: middle;}
.alert.alert-warning {color: #dd8214; background-color: #fdf3e7; border-color: #f2d9ba;border-radius:0;}
.alert.alert-warning h1 {padding:10px 0; color:#dd8214}
.alert a {display:block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-decoration:none;margin-top:7px;/* padding-bottom:5px;border-bottom:1px solid #dd8214 */}
.alert a .fa {position:absolute;font-size:1.4em;line-height:1.6em;padding-left:5px;transition: all 0.15s ease;}
.alert a:hover .fa {padding-left:8px;}
/* Video */
.video-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.wp-video {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
}
.pt-24{
padding-top: 24px;
}
.pt-48{
padding-top: 48px;
}
.pb-2{
padding-bottom: 32px !important;
}
.display-md{
display: none;
visibility: hidden;
pointer-events: none;
padding-top: unset;
}
@media (min-width: 992px) {
.display-md{display: block;
visibility: visible;
pointer-events: all;
padding-top: 24px;
}
}
.display-md-none{
display: block;
visibility: visible;
pointer-events: all;
}
@media (min-width: 992px) {
.display-md-none{display: none; visibility: hidden; pointer-events: none;}
}
@media (min-width: 992px) {
.pt-md-0{padding-top: 0 !important;}
}
/* ############# PANEL ############# */
.grid {transition: height 0.25s ease;}
.grid-sizer, .grid-item { width: 100%; }
.panel {background-color: #fff;border:0px;border-radius:0; margin-bottom:30px;}
.panel-body {padding:25px;}
/* .panel-body h1 {margin:15px 0 0 0;} */
.panel-body .entry-date {font-size:0.8em;text-transform:uppercase;color:#aaa;margin-bottom:10px;}
.panel-heading {position:relative;padding:0;border-bottom:0px;}
.panel-footer {position:relative;padding:10px 25px 10px 25px;/* bottom:40px;height:60px; */background-color:transparent;border-top: 1px solid #f5f5f5;}
a.panel-card-link{
display: block;
}
a.panel-card-link h1{
transition: all 0.15s ease;
}
a.panel-card-link .panel-card-link-image-holder{
overflow: hidden;
width: 100%;
height: 100%
}
a.panel-card-link .panel-card-link-image-holder .img-full-responsive{
transform: scale(1);
transition: .5s ease all;
}
a.panel-card-link:hover .panel-card-link-image-holder .img-full-responsive{
transform: scale(1.025);
}
a.panel-card-link:hover{
h1{
color: #dd8214;
}
}
.page-template-template-leistungen-panel .panel-body {padding-bottom:10px;}
.page-template-template-leistungen-panel .panel-body h1 {margin:10px 0 20px 0;}
.page-template-template-leistungen-panel .panel-body h3 {margin-bottom:10px;}
.page-template-template-leistungen-panel .panel-body ul li {line-height:1.4em;padding:5px 0 5px 12px;}
.page-template-template-leistungen-panel .panel-body ul li:before {content:'\f105';font-family:'FontAwesome';display:inline-block;width:12px;margin-left:-12px;color:#dd8214;}
.page-template-template-leistungen-panel .panel-footer .logo {height:auto;text-align: center;}
.page-template-template-leistungen-panel .panel-footer .logo:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
.page-template-template-leistungen-panel .panel-footer .logo img {display: inline-block;vertical-align: middle; max-height: 30px;}
/* ############# REFERENZEN ############# */
.single .ref-meta {text-transform:uppercase;color:#aaa;}
.single h3 {margin-top:9px;}
.single #nav-below a {color:#3a3a3a;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.single #nav-below a:hover {color:#dd8214;text-decoration:none;}
.single #nav-below a .fa {color:#dd8214;padding-left:0px;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.single #nav-below a:hover .fa {padding-left:3px;}
.single .gallery {margin-left:-2px;margin-right:-2px;}
.single .gallery .col-sm-3 {padding:2px;}
.single .hero-img {max-width:1440px;margin:0 auto;}
.embed-container {position:relative; padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height: auto;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#imagelightbox {position:fixed; z-index:9999; -ms-touch-action:none; touch-action:none;}
#imagelightbox-overlay {background-color:#000;background-color: rgba( 0, 0, 0, .8 ); position:fixed; z-index:9998; top:0; right:0; bottom:0; left:0;animation: fade-in .25s linear;}
#imagelightbox-close{width:2.5em;height:2.5em;text-align:left;position:fixed;background-color:transparent;border:0;z-index:10002;top:20px;right:20px;-webkit-transition:color .3s ease;transition:color .3s ease}
#imagelightbox-close:hover,#imagelightbox-close:focus{background-color:transparent}
#imagelightbox-close:before,#imagelightbox-close:after{width:2px;background-color:#fff;content:'';position:absolute;top:20%;bottom:20%;left:50%;margin-left:-1px}
#imagelightbox-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#imagelightbox-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.imagelightbox-arrow{width:60px;height:120px;background-color:transparent;border:0;vertical-align:middle;display:none;position:fixed;z-index:10001;top:50%;margin-top:-60px}
.imagelightbox-arrow:hover,.imagelightbox-arrow:focus{background-color:transparent}
.imagelightbox-arrow:active{background-color:transparent}
.imagelightbox-arrow-left{left:0}
.imagelightbox-arrow-right{right:0}
.imagelightbox-arrow-left:before{content:"\f104";font-family:FontAwesome;color:#fff;font-size:42px;line-height:1em}
.imagelightbox-arrow-right:before{content:"\f105";font-family:FontAwesome;color:#fff;font-size:42px;line-height:1em}
#imagelightbox-loading,#imagelightbox-overlay,#imagelightbox-close,#imagelightbox-caption,#imagelightbox-nav,.imagelightbox-arrow{-webkit-animation:fade-in .25s linear;animation:fade-in .25s linear}
@-webkit-keyframes fade-in {
from{opacity:0}
to{opacity:1}
}
@keyframes fade-in {
from{opacity:0}
to{opacity:1}
}
/* ############# Leistungen Fullwidth ############# */
.leistungen-item h3 {margin-bottom:15px;}
.leistungen-item ul li {line-height:1.4em;padding:5px 0 5px 12px;}
.leistungen-item ul li:before {content:'\f105';font-family:'FontAwesome';display:inline-block;width:12px;margin-left:-12px;color:#dd8214;}
.leistungen-item-logo {position:absolute;width:75px;height:40px;right:15px;top:0;}
.leistungen-item .divider {margin:10px 0}
.leistungen-item .item-img {margin:25px 0;}
/* ############# SINGLE PRODUCT ############# */
.product-additional h1 {margin-bottom:20px;}
.page-template-template-product-single .slick-dots {margin-top: 10px;}
.page-template-template-product-single .slick-slider {margin-bottom: 0;}
.circle {float:left;width:45px; height:45px; border-radius:50%;margin-right:15px; text-align:center;}
.circle .fa {font-size:20px; color:#fff;margin:12px 0 0 3px}
.download .download {}
.download .download-item {padding:20px 10px; /* cursor:pointer; */border-bottom:1px solid #dddddd;}
/* .download .download-item:hover {background-color:#eee;} */
.download .download-item .download-item-text {padding-top:2px;}
.download .download-item .download-item-text p {text-transform:uppercase;line-height:1em;}
.download .download-item .download-item-text .filename {display: inline-block;margin-top:10px;color:#dd8214;white-space: nowrap;text-overflow:ellipsis}
.download a p {color:#3a3a3a;text-decoration:none;}
/* ############# TABS ############# */
.nav-tabs {border-bottom-width: 2px;}
.nav-tabs>li {margin-bottom:-2px;}
.nav-tabs>li>a, .nav-tabs>li.tab-label {border:0px;border-bottom:2px solid transparent;text-transform:uppercase;font-size:13px;font-weight:400;letter-spacing:1px;color:#8d8d8d;line-height:1em;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: 0px solid #ddd;border-bottom: 2px solid #dd8214;background-color:transparent;}
.nav-tabs>li.active>a {color:#3a3a3a;background-color:transparent;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.nav-tabs>li>a:hover {background-color:transparent;color:#3a3a3a}
.nav-tabs>li.tab-label {padding:10px 15px;font-weight:600;color:#3a3a3a;}
/* ############# TABLEPRESS ############# */
#tablepress-5 {font-size:13px;}
.dataTables_wrapper {margin-bottom:0!important;}
.dataTables_wrapper .dataTables_filter {margin-bottom:20px;}
.dataTables_wrapper .dataTables_filter input[type="search"] {margin:0;margin-left:10px;padding:8px 5px;color:#3a3a3a;font-size:1em;appearance: none;box-shadow: none;border-radius: 0;border:1px solid #d0d0d0;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.dataTables_wrapper .dataTables_filter input[type="search"]:focus {border-color: #aaa; outline:none;}
.dataTables_wrapper .dataTables_filter label {/* color:#fff; */}
.dataTables_wrapper caption {display:none!important}
.dataTables_wrapper .dataTables_info {font-size:80%; margin-top:25px;}
.dataTables_wrapper .dataTables_paginate {margin: 25px 0 0;}
.dataTables_wrapper .dataTables_paginate a {text-decoration:none;text-transform:uppercase;letter-spacing:1px; font-size:14px; margin: 0 10px;}
.dataTables_wrapper .dataTables_paginate a:hover { color:#dd8214!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:after, .dataTables_wrapper .paging_simple .paginate_button.previous:before {font-family: 'FontAwesome'; font-size: 16px; content: '\f105'; text-shadow: none; width: 12px; color:#dd8214; line-height: 0.8em;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {content: '\f104';width:12px;left:-12px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:before {color:#999;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover {color:#999!important;}
.dataTables_wrapper table thead th {text-transform:uppercase; padding:24px 8px; background-color:#eee;color:#3a3a3a;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
.dataTables_wrapper table thead .sorting:hover {background-color:#ddd;}
.page-template-template-product-single .btn.btn-primary {background-color:#dd8214;color:#fff;text-transform:uppercase;border-width:0;font-size:12px;letter-spacing:1px;padding:10px 15px;border-radius:0;cursor:pointer;}
.page-template-template-product-single .btn.btn-primary:hover {color:#dd8214;}
/* ############# FOOTER ############# */
#footer {color:#fff; font-size:85%;text-align:center}
#footer .divider {border-top-width: 1px; border-color:rgba(255, 255, 255, .15);}
#footer h3 {color:#dd8214; margin-bottom:10px;margin-top: 20px;}
#footer .widget_nav_menu ul li {padding-bottom:10px;}
#footer a {color:#fff;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
#footer a:hover {color:#c4c4c4;text-decoration:none}
#footer .menu-footer-menu-container ul {text-align:center;margin-top:20px;}
#footer .menu-footer-menu-container ul li {display:inline;padding-left:20px;}
#footer .menu-footer-menu-container ul li a {color:#fff;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
#footer .menu-footer-menu-container ul li a:hover {color:#c4c4c4;text-decoration:none}
/* ############# Royalslider ############# */
#full-width-slider{width:100%;}
.vertical {border-spacing: 0;border-collapse: separate;display: table;height:100%;width: 100%;}
.center {display: table-cell;vertical-align: middle;}
.royalSlider img.rsImg {position: absolute;}
.royalSlider .blockTitle {position:relative;margin-bottom:15px;}
.royalSlider .blockSubtitle {position:relative;margin-bottom:10px;}
.royalSlider .blockBtn {position:relative;}
.royalSlider .blockTitle h1 {font-size:30px;font-weight:600;color:#ea8811;padding:0px 20px;line-height:1.5em;hyphens:auto; }
.royalSlider .blockSubtitle p {font-size:1.15em;color:#fff;width:auto;padding:0px 20px;}
.royalSlider .blockBtn .btn-highlight {font-weight:600;}
.padded-multi-line {display:inline; background:#002c4d; box-shadow: 20px 0 0 #002c4d, -20px 0 0 #002c4d; padding:10px 0;}
@media screen and (min-width:960px) and (min-height:660px){
.heroSlider .rsOverflow, .royalSlider.heroSlider{height:400px !important;}
}
@media screen and (min-width:960px) and (min-height:1000px){
.heroSlider .rsOverflow, .royalSlider.heroSlider{height:600px !important;}
}
@media screen and (min-width:0px) and (max-width:800px){
.heroSlider .rsOverflow, .royalSlider.heroSlider{height:400px !important;}
}
/* ############# Searchform ############# */
#searchform {position:relative;}
#searchform input#s {width:100%; height:60px;background:transparent; border:0;border-bottom:2px solid #d0d0d0;border-radius:0;font-size:1.2em;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
#searchform input#s:hover {border-bottom:2px solid #aaa;outline: 0;}
#searchform input#s:focus {border-bottom:2px solid #ea8811;outline: 0;}
#searchform input#searchsubmit {font-family: FontAwesome;font-size:1.6em!important;color:#d0d0d0;position:absolute;right:0;top:0;width:60px; height:60px;border:0; border-radius:0;background:transparent;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
#searchform input#searchsubmit:hover {color:#002c4d;}
.results {background-color:#d0d0d0; padding:6px 12px; border-radius:40px; font-size:80%;}
/* ############# FORMULARE ############# */
input[type="submit"] {background-color:#dd8214;font-size:14px!important;outline:none; border:0;color:#fff; text-transform:uppercase;letter-spacing:1px;padding:15px 20px 15px 20px;border-radius:0;cursor:pointer;transition: all 0.15s ease;border-radius:2px;}
input[type="submit"]:hover {background-color:#ec9428;}
input[type="text"] {margin:0;width:100%!important;background-color:transparent;font-size:1em;appearance: none;box-shadow: none;border-radius: 0;border:0;border-bottom:2px solid #d0d0d0;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
input[type="text"]:hover {border-bottom:2px solid #aaa;}
input[type="text"]:focus {outline: none;border-bottom:2px solid #ea8811;}
textarea {margin:0;width:100%!important;padding:10px!important;background-color:transparent;font-size:1em;appearance: none;box-shadow: none;border-radius: 0;border:0;border:2px solid #d0d0d0;transition: all 0.15s ease; -webkit-transition: all 0.15s ease}
textarea:hover {border:2px solid #aaa;}
textarea:focus {outline: none;border:2px solid #ea8811;}
.gform_wrapper {margin:0!important;max-width:100%!important;}
.gform_body {width:100%!important}
.gfield {clear:none!important;padding-right:0!important;}
.ginput_container {margin-top:25px!important;}
.gform_wrapper li.hidden_label input {margin-top:0!important;}
.gf_left_half, .gf_right_half {width:48%!important; margin-bottom:0!important;}
.gf_left_half {margin-right:4%!important}
.gform_wrapper .gform_heading {width: auto!important;padding:0 15px; margin-bottom: 0; text-align: right; position: absolute; bottom: 0;right:0;font-size:80%;color:#aaa;}
.gform_wrapper span.gform_description {width:auto!important;}
.gfield_label {margin-left:0px!important}
.gfield_required {color:#dd8214!important}
/*ERROR HANDLING*/
.validation_error {width:100%!important;background:#f6d5d5;border:0!important;padding:20px!important;border-radius:2px;color:#d02e2e!important;}
.gfield_error {background:transparent!important;border:0!important;width:100%!important;}
.gfield_error .validation_message {margin-left:0!important;margin-top:0!important;font-weight:normal!important;color:#d02e2e!important;}
.gfield_error ::-webkit-input-placeholder {color:#d02e2e;}
.gfield_error :-moz-placeholder {color:#d02e2e;}
.gfield_error ::-moz-placeholder {color:#d02e2e;}
.gfield_error :-ms-input-placeholder {color:#d02e2e;}
.gfield_error .ginput_container {margin-right:0!important;margin-left:0px!important;width:100%!important;max-width:100%!important;}
.gfield_error textarea {border-top:0!important;border-left:0!important;border-right:0!important;}
.gfield_error input[type="text"], .gfield_error textarea {border:0!important;border-bottom:2px solid #d02e2e!important;}
.gfield_error .gfield_label {color:#d02e2e!important;}
.modal .gfield_error input[type="text"], .modal .gfield_error textarea {border:0!important;border-bottom:2px solid #d02e2e!important;}
/*Stellenangebote*/
#field_3_1 .ginput_container, #field_3_5 .ginput_container, #field_3_6 .ginput_container {margin-top:0px!important;}
#field_3_1 {margin-top:25px!important;}
/*Produkt-Anfrage*/
.modal input[type="text"], .modal textarea {border:1px solid #d0d0d0; padding:8px 5px!important;}
.modal input[type="text"]:focus, .modal textarea:focus {outline: none;border-color:#aaa;}
.modal .ginput_container {margin-top:0!important;}
.modal .gfield {margin-top:20px!important;}
.modal .gforms_confirmation_message {padding:50px 0; text-align:center;}
.modal #field_1_10 {margin-top:0!important;}
.modal .gfield_error input[type="text"], .gfield_error textarea {border:1px solid #d02e2e!important;}
/* ############# MEDIA QUERIES ############# */
@media (min-width: 512px) { /*CUSTOM FOR ISOTOPE*/
}
@media (min-width: 768px) {
#footer {text-align:left}
#footer h3 {margin-top: 0px;}
#footer .menu-footer-menu-container ul {text-align:right;margin-top:0px;}
.grid-sizer, .grid-item { width: 50%; }
.panel-logo {width:100px;height:50px;}
.royalSlider .blockTitle h1 {font-size:50px;}
.royalSlider .blockTitle {margin-bottom:10px;}
}
@media (min-width: 992px) {
.grid-sizer, .grid-item { width: 33.3333333%; }
body{font-size:15px;}
}
@media (min-width: 1200px) {
body{font-size:16px;}
}