/*
	Theme Name: Bühler - Holz und Handwerk
	Description: Template für Bühler - Holz und Handwerk
	Version: 1.0
	Author: Andreas Wundersee (@awundersee)
	Author URI: http://onoffdesign.de
*/

@font-face {
font-family: 'Bariol-Regular';
font-style: normal;
font-weight: normal;
src: url('http://www.holzundhandwerk.de/fonts/Bariol.woff') format('woff');
}

.video_wrapper .wp-video, .video_wrapper .mejs-container {
	width:100% !important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	padding:0px;
    margin:0px;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height:140%;
	font-size:11pt;
	font-smooth:always;
	font-weight:400;  
    color:#333;
    position:relative;
}

body,html,.size-browser,#owl-top_slider .item {
    min-height:600px;
}

html, body {
	font-family: 'Arial', sans-serif;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

.third {
    clear:both;
}

/* width */

.width-100 {
    width:100%;
	height:auto;
}

.width-15 {
    width:15px;
}

/* links */
a {
	color:#000;
	text-decoration:none !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease; 
    padding-bottom:1px;
    border-bottom:1px solid transparent;
}

a.underline {
	border-color:#000;
}

a.text-white:hover, a.white:hover {
	color:grey;
}

a.text-white.underline, a.white.underline {
	border-color:#fff;
}

a.text-white.underline:hover {
	border-color:grey;
}

a.underline:hover {
	border-color:transparent;
}

a.button, a.button:hover {
    padding-bottom:0px;
    border:none;
}

a.grey {
    color:grey;
}

a.grey:hover {
    color:#000;
    border-color:transparent;    
}

a.hover-grey {
    color:#000;
    border-color:transparent;   
}

a.hover-grey:hover {
    color:grey; 
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
    color:#000;
    border-color:#000;
}
input:focus {
	outline:0;
}

a.no-underline:hover {
	border-color:transparent;
}

/* transitions */
.transition-2 {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.transition-5 {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.transition-10 {
	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	transition: all 1.0s ease;
}

/* display */

.display-block {
    display:block;
}

.display-inlineBlock {
    display:inline-block;
}

/* index */
.index-10 {
    z-index:10;
}

.index-5 {
    z-index:5;
}

.index-0 {
    z-index:0;
}

/* pointer */
.cursor-pointer {
    cursor:pointer;
}

/* position */
.position-absolute {
    position:absolute;
}

.position-relative, .relative {
    position:relative;
}

/* text */
ul, li {
    list-style: none;
    padding:0px;
    margin:0px;
}

h1,h2,h3,h4,h5 {
    margin:0px;
    padding:0px;
}

.page-id-12 h3 {
	margin-top:20px;
	margin-bottom:20px;
}

.page-id-12 h2 {
	margin-top:40px;
}

h2 {
    font-weight:700;
    font-size:12pt;
}

h3 {
    font-weight:700;
    font-size:15pt;
}

/* font-color */
.text-white {
    color:#fff;
}

/* padding */
.padding-20 {
    padding:20px;
}

.padding-40 {
    padding:40px;
}

.padding-10 {
    padding:10px;
}

.padding-tp-20 {
    padding-top:20px;
}

.padding-bm-20 {
    padding-bottom:20px;
}

.padding-bm-25 {
    padding-bottom:25px;
}

.padding-tp-70 {
    padding-top:70px;
}

.padding-bm-70 {
    padding-bottom:70px;
}

.padding-tp-50 {
    padding-top:50px;
}

.padding-lt-10 {
    padding-left:10px;
}

/* margin */
.margin-rt-30 {
    margin-right:30px;
}

.margin-bm-75 {
    margin-bottom:75px;
}

.margin-bm-50 {
    margin-bottom:50px;
}

.margin-bm-40 {
    margin-bottom:40px;
}

.margin-bm-30 {
    margin-bottom:30px;
}

.margin-bm-35 {
    margin-bottom:35px;
}

.margin-bm-20 {
    margin-bottom:20px;
}

.margin-tp-15 {
    margin-top:15px;
}

.margin-tp-10 {
    margin-top:10px;
}

.margin-tp-20 {
    margin-top:20px;
}

.margin-tp-30 {
    margin-top:30px;
}

.margin-bm-10 {
    margin-bottom:10px;
}

.margin-bm-5 {
    margin-bottom:5px;
}

.margin-bm-25 {
    margin-bottom:25px;
}

.margin-20 {
    margin:20px;
}

.margin-0{
    margin:0px;
}

.row.margin-0 {
    overflow:hidden;
}

/* background */
.background-white {
    background-color:#fff;
}

.background-black {
    background-color:#000;
}

/* vertical align */

.vertical-center {
    position: absolute;
    top: 50%;
    left:50%;    
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);   
}

/* float */

.float-left {
    float:left;
}

.float-right {
    float:right;
}

/*------------------------------------*\
BÜHLER HOLZ UND HANDWERK
\*------------------------------------*/

/* header */

.header {
    padding:36px;
    width:100%;
    position:absolute;
    z-index:1000; 
    top:0px;
    left:0px;
    right:0px;    
}

.fixed-header .header {
    position:fixed;
    padding-top:20px;
    padding-bottom:20px;
}

.fixed-header .menu-wrapper, .fixed-header .logo img {
    height:30px;
}

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

body {
    padding-top:116px;
}

.logo {
    width:25%;
}

.menu-wrapper {
    width:75%;
}

#topMenu .caret, #topMenu .caret-wrapper {
    display:none;
}

.touch #topMenu li.menu-item-has-children .caret-wrapper {
    display:inline-block;
    padding: 3px;
    margin-left: -10px;
    margin-right: 6px;
    margin-top: -10px;
}

.touch #topMenu li.menu-item-has-children li .caret-wrapper {
    display:none;
}

.touch #topMenu li.menu-item-has-children .caret {
    display:block;
}

.menu-wrapper .vertical-center {
    left:0%;
    width:100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);     
}

.menu li {
    display:inline-block;
    margin:auto 20px;
}

.menu .sub-menu li {
    display:block;
    margin:5px auto;
}

.menu li.single-menu {
    position:relative;
}

.single-menu .sub-menu {
    position:absolute;
    display:none;
    background-color:#fff;
    padding:20px;
    left:-20px;
    width:200px;
    text-align:left;
    padding-top:5px;
    font-family: 'Arial', sans-serif;
}

.header .menu li.single-menu .sub-menu li a {
    font-size:10pt;
    color:grey;
}

.header .menu li.single-menu .sub-menu li a:hover {
    border-color:transparent;
    color:#000;
}

.header .menu li.single-menu .sub-menu li.current-menu-item a {
    color:#000;
}

.header .menu li.single-menu .sub-menu li.current-menu-item a:hover {
    border-color:#000;
}

.menu li.single-menu:hover .sub-menu {
    display:block;
}

.menu .mega-menu .sub-menu li {
    display:inline-block;
    width:130px;
    text-align:right;
    margin-left:10px;
    margin-right:0px;
    vertical-align:top;
}

.menu .mega-menu .sub-menu li a {
    color:grey;
}

.menu .mega-menu .sub-menu li a:hover {
    border-color:transparent;
    color:#000;
}

.menu .mega-menu .sub-menu li.current-menu-item a:hover {
    border-color:#000;
}

.mega-menu .sub-menu {
    position:absolute;
    background-color:#fff;
    padding:20px;
    right:0px;
    text-align:right;
    padding-top:15px;
    display:none;
}

.mega-menu .sub-menu .sub-menu {
    position:relative;
    padding:0px;
    margin-top:5px;
    display:block;
}

.menu .mega-menu .sub-menu .sub-menu li {
    margin-left:0px;
    margin-bottom:0px;
    font-family: 'Arial', sans-serif;    
    font-size:9pt;
    font-weight:normal;
}

.header .menu li.current-menu-item .sub-menu a {
    color:grey;
}

.header .menu li li.current-menu-item .sub-menu a {
    color:#000;
}

.header .menu li {
    font-size:11pt;
}

.menu li a {
    padding-bottom:1px;
    border-bottom:1px solid transparent;
}

.menu li a:hover, .header .menu li.current-menu-item a, .menu li.current-menu-item .sub-menu a:hover {
    color:#000;
    border-color:#000;
}

.menu li.current-menu-item .sub-menu a {
    border-color:transparent;
}

.menu-wrapper, .logo img {
    height:44px;
}

/* footer */

.footer .vertical-center {
    left:0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);     
}

#menu-fussleiste li:last-child {
	display: none;
}

/* slider */

.owl-controls {
    position:absolute;
    bottom:25px;
    z-index:100;
    width:100%;
}

.owl-pagination {
    margin:auto;
}

.owl-theme .owl-controls .owl-page span {
    background-color:transparent;
    border:1px solid #fff;
	-mozopacity:1;
	filter:alpha(opacity=100);
	opacity:1;     
    height:10px;
    width:10px;
}

.owl-theme .owl-controls .owl-page.active span {
    background-color:#fff;
}

.owl-theme .owl-controls .owl-page span:hover {
    background-color:#fff;
	-mozopacity:0.5;
	filter:alpha(opacity=50);
	opacity:0.5;  
}

.item .content-wrapper, .quadrat .content-wrapper {
    position:absolute;
    top:0px;
    left:20px;
    right:20px;
    bottom:40px;
}

.quadrat .content-wrapper { 
    bottom:0px;
}

/* footer */

.footer-wrapper {
    padding:65px 60px;
}

.footer-title {
    height:44px;
}

.max-width-300 {
    max-width:300px;
}

.menu.footer li {
    display:inline-block;
    margin:0px 5px 0px 0px;
}

.socials img {
    margin-right:25px;
}

/* news */

.margin-top {
    margin-top:55px;
}

.margin-bm-90 {
    margin-bottom:90px;
}

.margin-bm-100 {
    margin-bottom:100px;
}

#owl-news .owl-controls {
    display:none !important;
}

a.next, a.prev {
    display:none;
}

#nav-below span {
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    margin-left:7px;
    margin-right:7px;
}

a.page-numbers {
    color:grey;
}

a.page-numbers:hover {
    color:#000;
    border-color:transparent;
}

#nav-below span.current {
    border-color: #000;
    color:#000;
}

/* arrows */

.arrow {
    position:absolute;
    top:0px;
    bottom:0px;
    z-index:6;
    width:200px;
}

.leftArrow .arrow-wrapper {
    left:50px;
}

.top_slider.leftArrow:hover, .quadrat_arrow.leftArrow:hover, .background-black .testimonial.leftArrow:hover {
    cursor: url("http://buehler.onoffdesign.de/images/style/arrow_left_white.png"), e-resize;
}

.top_slider.rightArrow:hover, .quadrat_arrow.rightArrow:hover, .background-black .testimonial.rightArrow:hover {
    cursor: url("http://buehler.onoffdesign.de/images/style/arrow_right_white.png"), e-resize;
}

.testimonial.leftArrow:hover, .control-black .quadrat_arrow.leftArrow:hover {
    cursor: url("http://buehler.onoffdesign.de/images/style/arrow_left.png"), e-resize;
}

.testimonial.rightArrow:hover, .control-black .quadrat_arrow.rightArrow:hover {
    cursor: url("http://buehler.onoffdesign.de/images/style/arrow_right.png"), e-resize;
}

.leftArrow {
    left:0px;
    padding-left:50px;
}

.leftArrow.news {
    width:260px;    
    left:-140px;
    padding-left:0px;
}

.rightArrow {
    right:0px;
    padding-right:50px;    
}

.rightArrow.news {
    width:260px;        
    right:-140px;
    padding-right:0px;
}

.rightArrow .arrow-wrapper {
    right:50px;
}

/* Fullsize Blöcke */

.quadrat, .owl-quadrat .item {
    max-height:550px;
}

/* testimonial */

.testimonial {
    padding-top:35px;
    padding-bottom:75px;
}

.testimonial.background-black {
    background-color:#000;
    color:#fff;
}

.quadrat.background-black {
    color:#fff;
}

#owl-testimonial .item {
    height:300px;
}

#owl-testimonial .owl-controls {
    bottom:-20px;
}

.testimonial .owl-theme .owl-controls .owl-page span, #owl-news .owl-controls .owl-page span, .background-black .owl-controls .owl-page span, .control-black .owl-theme .owl-controls .owl-page span {
    border:1px solid #000;
}

.testimonial .owl-theme .owl-controls .owl-page.active span,
.testimonial .owl-theme .owl-controls .owl-page span:hover, 
#owl-news .owl-controls .owl-page.active span,
#owl-news .owl-controls .owl-page span:hover,
.background-black .owl-controls .owl-page.active span,
.background-black .owl-controls .owl-page span:hover,
.control-black .owl-theme .owl-controls .owl-page.active span,
.control-black .owl-theme .owl-controls .owl-page span:hover {
    background-color:#000;
}

.background-black.testimonial .owl-controls .owl-page span {
    border-color:#fff;
}

.background-black.testimonial .owl-controls .owl-page.active span,
.background-black.testimonial .owl-controls .owl-page span:hover {
    background-color:#fff;
}





.max-width-650 {
    max-width:650px;
    margin-left:auto;
    margin-right:auto;
}

/* news */

.big-wrapper {
    padding-top:140px;
    padding-bottom:140px;
    margin-left:140px;
    margin-right:140px;
}

.margin-bm-140 {
    margin-bottom:140px;
}

.margin-bm-60 {
    margin-bottom:60px;
}

.margin-bm-0 {
    margin-bottom:0px;
}

.title-width {
    font-size:36pt;
    letter-spacing:40px;
}

.margin-lt-5 {
    margin-left:5px;
}

.margin-tp-50 {
    margin-top:50px;
}

/* planung */

.font-25 {
    font-size:25pt;
}

.font-25.din17sb, .font-20.din17sb {
    letter-spacing:1px;
    line-height:125%;
}

.drittel-section, .call_to_action-section {
    padding-top:90px;
    padding-bottom:105px;
    padding-left:15px;
    padding-right:15px;
}

.drittel-title {
    margin-top:40px;
    margin-bottom:35px;
}

.drittel-section img {
    width:100%;
}

.drittel-wrapper {
    margin-left:60px;
    margin-right:60px;
}

.drittel-section .btn {
    margin-top:40px;
}

.inline-title {
    margin-top:108px;
    margin-bottom:108px;
}

.max-width-400 {
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}

.call_to_action-section .btn {
    margin-top:30px;
}

/* schreinerei */

.margin-bottom {
    margin-bottom:108px;
}

/* wohnschmiede */

.video {
	width: 100%;
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height:0;
	overflow:hidden;
	z-index:30;
	margin-bottom:75px;
}	

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

img.middle {
    height:150px;
}

img.big {
    height:285px;
}

.drittel-loop img {
    width:100%;
}

.drittel-loop h2 {
    margin-top:60px;
    margin-bottom:40px;
}

.drittel-content {
    margin-left:50px;
    margin-right:50px;
}

.quadrat.half_loop {
    padding-left:85px;
    padding-right:85px;
}

.quadrat .vertical-center {
    padding-left:85px;
    padding-right:85px;
    width:100%;
}

.quadrat.no-padding-center .vertical-center {
	padding-left:0px;
	padding-right:0px;
}

.quadrat.no-padding-center.padding-lt-85 .vertical-center {
	padding-left:85px;
}

.extended {
    display:none;
    margin-top:10px;
}

.more, .less {
    padding-bottom:1px;
    border-bottom:1px solid transparent;
}

.more {
    position:absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);  
    bottom:-45px;
}

.more:hover, .less:hover {
    border-color:#000;
}

.column-wrapper {
    min-height:630px;
}

.column-wrapper img {
    width:100%;
}

.margin-bm-55 {
    margin-bottom:55px;
}

.big-drittel .vertical-center {
    padding-left:80px;
    padding-right:80px;
}

.black-hover {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:transparent;
    z-index:0;
}

.z-index-20 {
    z-index:20;
}

a:hover .big-drittel .black-hover {
    background-color:rgba(0,0,0,0.4);
}

/* marken */

.marken-wrapper {
    padding-top:90px;
    padding-left:200px;
    padding-right:200px;
    padding-bottom:90px;
}

.marken-wrapper div.text-center {
    margin-bottom:80px;
}

.margin-tp-75 {
    margin-top:75px;
}

/* background */

.background-color {
    background-color:rgb(229,229,229);
}

/* font */

.din17sb, h3, h2, h1, h4, h5, h6 {    
    font-family: 'DIN17EF-Regular', 'Bariol-Regular', sans-serif;
    letter-spacing:0.7px;
    font-weight:normal;
    font-style: normal;
}

.font-title {
    text-transform: uppercase;
    font-size:36pt;
    font-family: 'DIN17EF-Regular', 'Bariol-Regular', sans-serif;
    letter-spacing:3px;  
    line-height:1;
    font-style: normal;
}

.font-subtitle {
    font-size:15pt;   
    letter-spacing:1.5px;
    font-weight:normal;
    line-height:1;   
    line-height:125%;
    margin-left:40px;
    margin-right:40px;
}

.color-white {
    color:#fff;    
}

/* button */

.btn {
    background-color:transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    letter-spacing:1px;
}

.btn-black {
    border:1px solid black;
}

.btn-black:hover {
    background-color: black;
    color:#fff;
}

.btn-white {
    border:1px solid white;
    color:#fff;
}

.btn-white:hover {
    background-color: white;
    color:#000;
}
    
/*------------------------------------*\
MAIN
\*------------------------------------*/    

/* overflow */

.overflow-hidden {
    overflow:hidden;
}

/* padding */
.padding-tp-15 {
    padding-top:15px;
}

.padding-bm-15 {
    padding-bottom:15px;
}

.padding-bm-20 {
    padding-bottom: 20px;
}

.padding-tp-20 {
    padding-top: 20px;
}
        
.padding-tp-0 {
    padding-top:0px;
}
    
.padding-bm-140 {
    padding-bottom:140px;
}  

.no-padding {
    padding:0px;
}

/* link */
a.white {
    color:#fff;
}

a.white:hover {
    color:#000;
}

/* line */
.line-170 {
    line-height:170%;
}
    
.line-140 {
    line-height:140%;
}    

.line-130 {
    line-height:130%;
}

.line-120 {
    line-height:120%;
}

/* text */
.text-gold {
    color:#996633;
    color:#86582d;
}

.font-15 {
    font-size:15pt;
}

.font-12 {
    font-size:12pt;
}

.font-10 {
    font-size:10pt;
}
    
.font-8 {
    font-size:8pt;
}    

.font-11 {
    font-size:11pt;
}

.font-13 {
    font-size:13pt;
}

.font-19 {
    font-size:19pt;
}

.font-20 {
    font-size:20pt;
}

.font-28 {
    font-size:28pt;
}

.font-38 {
    font-size:38pt;
}

.font-30 {
    font-size:30pt;
}

strong, .bold {
    font-weight:700;
}

.regular {
    font-weight:400;
}

/* spacing */
.spacing-1 {
    letter-spacing:1px;
}

/* background */
.background-grey {
    background-color:#ccc;
    background-color:rgb(229,229,229);    
}

.background-dark {
    background-color:#999999;
    background-color:rgb(131,131,131);    
}
    
.font-dark {
    color:#999999;
    color:rgb(131,131,131);           
}  
    
/*------------------------------------*\
    IMAGES
\*------------------------------------*/

a.img, a.no-border {
    padding-bottom:0px;
    border:none;
}

a img {
	-mozopacity:1;
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;        
}
    
a:hover img {
	-mozopacity:0.6;
	filter:alpha(opacity=60);
	opacity:0.6;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:1300px) {  
    
    .menu .mega-menu .sub-menu li {
        width:140px;
    }
    
}
    
@media only screen and (max-width:1300px) {      
    
    .marken-wrapper {
        padding: 90px 120px;
    }     
    
}
    
@media only screen and (max-width:1100px) {  
    
    .menu li {
        margin: auto 15px;
    } 

    .menu .mega-menu .sub-menu li {
        width:115px;
    }  

    .marken-wrapper {
        padding: 90px 100px;
    }  
    
    .marken-wrapper img {
        height: 60px;
    }      
    
}
    
@media only screen and (max-width:1024px) {  

    .slider-logo {
	height:180px;
    }    
    
    .drittel-wrapper {
        margin-left:20px;
        margin-right:20px;
    }
    
    .size-browser, #owl-top_slider .item {
        max-height:500px;
        min-height:500px;
    }
    
    .quadrat, .owl-quadrat .item {
        max-height:650px;
	min-height:550px;
    }
    
    .title-width {
        font-size: 33pt;
    }
    
    .font-title {
        font-size:29pt;
    }
    
    .font-subtitle {
        font-size:12pt;
    }
    
    .owl-controls {
        bottom:18px;
    }
    
    img.big {
        height:260px;
    }
    
    .max-width-650 {
        padding-left:60px;
        padding-right:60px;
    }
    
    .font-25 {
        font-size: 22pt;
    }
    
    .font-20 {
        font-size: 18pt;
    }

    .quadrat .vertical-center {
        padding-left: 45px;
        padding-right: 45px;
    }   

    .no-padding-center.padding-lt-85.quadrat .vertical-center {
	padding-left:45px;
    } 

    .marken-wrapper {
        padding: 90px 100px;
    }    
    
    .drittel-loop h2 {
        margin-top: 40px;
        margin-bottom: 20px;
    }       

}
	
@media (max-width:992px) {

	.clear-sm {
		clear:both;
		margin-top:40px;
	}

}

@media only screen and (max-width:768px) {

    .slider-logo {
	height:140px;
    }

    .no-padding-center.padding-lt-85.quadrat .vertical-center {
	padding-left:25px;
	padding-right:25px;
    } 
    
    .font-title {
        font-size:27pt;
    }
    
    .font-20 {
        font-size:17pt;
    }
    
    .font-25 {
        font-size: 20pt;
    }    
    
    .title-width {
        font-size: 29pt;
        letter-spacing: 30px;
    }
    
    .testimonial {
        padding-top:25px;
        padding-bottom:65px;
    }
    
    img.big {
        height:180px;
    }    
    
    .footer .col-xs-12 {
        margin-bottom:40px;
    }
    
    .col-xs-6 .footer-title {
        height: auto;
    }

    .col-xs-6 .footer-title .vertical-center {
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%);
        -ms-transform: translate(0%);
        transform: translate(0%);  
        position:relative;
    }
    
    .arrow {
        width:100px;
    }
    
    .rightArrow .arrow-wrapper {
        right:15px;
    }
    
    .leftArrow .arrow-wrapper {
        left:15px;
    }
    
    .big-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
        margin-left: 80px;
        margin-right: 80px;
    }
    
    .rightArrow.news {
        width: 140px;
        right: -80px;
        padding-left:60px;
    }    
    
    .leftArrow.news {
        width: 140px;
        left: -80px;
        padding-right:60px;
    }   
    
    .quadrat, .owl-quadrat .item {
        min-height:500px;
        max-height:600px;
    }    
    
    .drittel-section {
        padding: 90px 40px 65px;
    }    
    
    .drittel-section .drittel-wrapper {
        margin-bottom:70px;
    }

    .drittel-section img {
        width: 80%;
    }    
    
    .marken-wrapper {
        padding: 90px 50px;
    }  
    
    #topMenu {
        display:none;
        position:fixed;
        top:100px;
        background-color:#fff;
        left:0px;
        right:0px;
    }
    
    .admin-bar #topMenu {
        top:132px;
    }
    
    .admin-bar.fixed-header #topMenu {
        top:90px;
    }
    
    .fixed-header #topMenu {
        top:58px;
    }    
    
    .header .menu li {
        display:block;
        width:100%;
        margin:0px;
        margin-bottom:5px;
    }
    
    #topMenu .menu {
        margin-left:36px;
        margin-right:36px;
        margin-bottom:36px;
        text-align: right;
    }
    
    #topMenu.vertical-center {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);    
    }

    .menu-wrapper, .logo img {
        height: 38px;
    }    
      
    
    .mega-menu .sub-menu, .single-menu .sub-menu {
        position:relative;
        width:35%;
        left:0px;
        padding:0px;
        padding-top:10px;
        padding-bottom:5px;
        border-top:1px solid #000;
        border-bottom:1px solid #000;
        margin-bottom:10px;
        float:right;
        margin-left:55%;
        text-align:right;
        top:5px;
    }
    
    .mega-menu .sub-menu .sub-menu {
        display:none !important;
    }
    
    li.menu-item-has-children.mega-menu:hover a {
        padding-bottom:20px;
        border-color:transparent;
    }

    .header .menu li {
        clear:both;
    }    
    
    .header .menu li .sub-menu li {
        padding-right:10px;
    }
    
    .item.max-width-650 {
        padding-left: 0px;
        padding-right: 0px;
    }      
      
    body {
        padding-top: 110px;
    }  
    
    .quadrat.mobile-flexible {
        height:100% !important;
        min-height:100% !important;
        max-height:none !important;
        padding-top:80px;
        padding-bottom:80px;
    }   
    
    .quadrat.mobile-flexible .vertical-center {
        top:0%;
        left: 0%;
        -webkit-transform: translate(0%);
        -ms-transform: translate(0%);
        transform: translate(0%); 
        position:relative;
    }   

    img.middle {
        height: 120px;
    }  

    .column-wrapper {
        min-height: 100%;
    }  
 
    .drittel-content.more-content {
        margin-bottom:120px;
    }
    
    .more {
        bottom: -60px;
    }    

    .less {
        position:absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);  
        bottom:-60px;
    }
    
    .more:hover, .less:hover {
        border-color:transparent;
    }
    
    .news-wrapper {
        margin-left:40px;
        margin-right:40px;
    }
    
    .vertical-center { 
        width:100%;
    }
    
    .item span.margin-bm-50 {
        margin-bottom:30px;
    }
    
    .item img.margin-bm-60 {
        margin-bottom:40px;
    }    

    .marken-wrapper div.text-center {
        margin-bottom:50px;
    }    

    .margin-tp-75 {
        margin-top:50px;
    }
    
}
   
@media only screen and (max-width:560px) {
    .footer .col-xs-6 {
        width:100%;
        margin-bottom:40px;
    }
    
    .sub-menu {
        width:40%;
        margin-left:60%;
    }
    
}

@media only screen and (max-width:480px) {

    .margin-tp-75 {
        margin-top:25px;
    }
    
    .news-wrapper {
        margin-left:25px;
        margin-right:25px;
    }    
    
    .big-drittel.col-xs-6, .marken-wrapper .col-xs-6 {
        width:100%;
    }
    
    .quadrat.mobile-flexible {
        padding-top:50px;
        padding-bottom:50px;
    } 
    
    .sub-menu {
        width:70%;
        margin-left:30%;
    }
    
    .quadrat, .owl-quadrat .item {
        min-height: 370px;
        max-height: 500px;
    }      
    
    .size-browser, #owl-top_slider .item {
        min-height: 370px;
        max-height: 500px;
    }   
    
    .rightArrow .arrow-wrapper {
        right:5px;
    }
    
    .leftArrow .arrow-wrapper {
        left:5px;
    }  
    
    .header {
        padding:20px;
    }
    
    .menu-wrapper, .logo img {
        height: 32px;
    } 
    
    .font-title {
        font-size: 20pt;
        margin-bottom:15px;
    }
    
    .max-width-650 {
        padding-left: 25px;
        padding-right: 25px;
    }   

    .testimonial {
        padding-top: 45px;
        padding-bottom: 85px;
    }    
    
    .big-wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-left: 25px;
        margin-right: 25px;
    }    
    
    .title-width.margin-bm-140 {
        margin-bottom:80px;
    }
    
    .img-height {
        display:none;
    }

    .item.max-width-650 {
        padding-left: 0px;
        padding-right: 0px;
    }    
    
    #owl-news .owl-controls {
        display:block !important;
        bottom:-50px;
    }    
    
    .arrow.news {
        display:none;
    }
    
    #owl-news .owl-wrapper-outer {
        margin-bottom:50px;
    }
    
    #owl-news .text-center {
        margin-left:20px;
        margin-right:20px;
    }

    .footer-wrapper {
        padding: 40px 45px;
    } 
    
    body {
        padding-top: 72px;
    }    

    #topMenu {
        top: 62px;
    }
    
    #topMenu .menu {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }    
    
    .title-width.margin-bm-90 {
        margin-bottom:70px;
    }

    .title-width.top-title {
        margin-top: 30px;
    }

    .font-25 {
        font-size: 17pt;
    }    
    
    .drittel-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }  
    
    .drittel-section img {
        width: 100%;
    }

    .title-width {
        font-size: 20pt;
        letter-spacing: 20px;
    }  

    .font-20 {
        font-size: 15pt;
    }    
    
    .quadrat .max-width-650 {
        padding-left: 0px;
        padding-right: 0px;
    }    

    .margin-bottom {
        margin-bottom: 78px;
    }    
    
    .marken-wrapper {
        padding: 70px 25px;
    }    
    
    h1.title-width {
        font-size: 12pt;
        letter-spacing: 10px;
    }

}
    
@media only screen and (max-width:360px) {
    
    .sub-menu {
        width:100%;
        margin-left:0%;
    } 
    
    #owl-news .text-center {
        margin-left:0px;
        margin-right:0px;
    }    
    
    .title-width {
        font-size: 18pt;
        letter-spacing: 20px;
    }  

    .font-25 {
        font-size: 15pt;
    } 
    
    .font-20 {
        font-size: 14pt;
    }    

}

@media only screen and (min-width:1350px) {
    .column-wrapper {
        min-height:680px;
    }

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {   
    background: #000066;
    background: rgb(20,16,94);    
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
    background: #000066;
    background: rgb(20,16,94); 
    color:#FFF;
	text-shadow:none;
}
::-moz-selection {
    background: #000066;
    background: rgb(20,16,94); 
    color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}