/*
Theme Name: Fensterbau
Theme URI: https://www.pubiltec.de/
Description: Fensterbau
Author: Publitec GmbH | Miran
Author URI: https://www.publitec.de/
Version: 1.0
*/

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display:none;height:0;}
[hidden], template {display: none;}
html {font-family: sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}

a {background:transparent;text-decoration:none;}
a:focus {outline:thin dotted;}
a:active, a:hover {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background:#ff0;color:#000;}
code, kbd, pre, samp {font-family:monospace, serif;font-size:1em;}
pre {white-space:pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border:0;padding:0;}
button, input, select, textarea {font-family:inherit;font-size:100%;margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;}
table {border-collapse:collapse;border-spacing:0;}
ol, ul {list-style:none;margin:0;padding:0;}
body {margin:0;font-family: 'Open Sans', arial, sans-serif;}

/* -------------------- ### Style ### -------------------- */
#header {
	padding:0;
	text-align:center;
	background:#1b4b78;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNGI3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjVjODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top, #1b4b78 0%, #365c81 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b4b78), color-stop(100%,#365c81));
	background:-webkit-linear-gradient(top, #1b4b78 0%,#365c81 100%);
	background:-o-linear-gradient(top, #1b4b78 0%,#365c81 100%);
	background:-ms-linear-gradient(top, #1b4b78 0%,#365c81 100%);
	background:linear-gradient(to bottom, #1b4b78 0%,#365c81 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b4b78', endColorstr='#365c81',GradientType=0 );
}
#header .box {height:175px;}
#logo {left:25px;top:50px;width:440px;height:auto;}
#fensterhaus {right:20px;bottom:0px;}

#haupt {
	display:block;
	background:#f8f8f8;
	background:-moz-linear-gradient(top, #f8f8f8 0%, #f7f6f6 24%, #dadbdb 98%, #ffffff 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, #f8f8f8), color-stop(24%, #f7f6f6), color-stop(98%, #dadbdb), color-stop(100%, #ffffff));
	background:-webkit-linear-gradient(top, #f8f8f8 0%, #f7f6f6 24%, #dadbdb 98%, #ffffff 100%);
	background:-o-linear-gradient(top, #f8f8f8 0%, #f7f6f6 24%, #dadbdb 98%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f8f8f8 0%, #f7f6f6 24%, #dadbdb 98%, #ffffff 100%);
	background:linear-gradient(to bottom, #f8f8f8 0%, #f7f6f6 24%, #dadbdb 98%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0 );
	-webkit-box-shadow:0px 5px 16px 0px rgba(168,168,168,1);
	-moz-box-shadow:0px 5px 16px 0px rgba(168,168,168,1);
	box-shadow:0px 5px 16px 0px rgba(168,168,168,1);
	height:56px;
}
#haupt ul {margin:0 0 1.6em 0;padding:0 20px;list-style-type:none;}
#haupt ul li {line-height:56px;height:56px;display:inline-block;padding:0 20px;position:relative;}
#haupt ul li a {font-size:1.1em;font-weight:400;color:#1d2658;display:block;font-weight:600;}
#haupt ul .current-menu-item, #haupt ul .current-menu-ancestor, #haupt ul .current_page_item, #haupt ul .current-page-ancestor, #sidebar .menu li {
	background:rgba(54,92,129,1);
	background:-moz-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,92,129,1)), color-stop(100%, rgba(26,51,84,1)));
	background:-webkit-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
	background:-o-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
	background:-ms-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
	background:linear-gradient(to bottom, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#365c81', endColorstr='#1a3354', GradientType=0 );
	-webkit-box-shadow:0px 3px 3px 0px rgba(36,36,36,1);
	-moz-box-shadow:0px 3px 3px 0px rgba(36,36,36,1);
	box-shadow:0px 3px 3px 0px rgba(36,36,36,1)
}
#haupt ul .current-menu-ancestor > a, #haupt ul .current-menu-item > a, #haupt ul .current_page_item > a, #haupt ul .current-page-ancestor > a, #sidebar .menu li a {
	color:#FFF;
}
#haupt ul ul {
	display:none;
	float:left;
	margin:0;
	position:absolute;
	top:50px;
	left:-20px;
	z-index:99999;
	background:#ab3836;
	border-top:1px solid #ab3836;
	-webkit-transition-duration:400ms;
	-webkit-transition-property:background;
	-webkit-transition-timing-function:ease;
	-moz-transition-duration:400ms;
	-moz-transition-property:background;
	-moz-transition-timing-function:ease;
	-o-transition-duration:400ms;
	-o-transition-property:background;
	-o-transition-timing-function:ease;
}
#haupt ul li:hover > ul {display:block;}
#haupt ul li ul li {margin:0px;line-height:30px;height:30px;display:block;}
#haupt ul li ul li a {display:block;font-size:0.925em;text-decoration:none;font-weight:600;height:auto;width:150px;float:left;color:#FFF;}
#haupt ul li ul .current-menu-item a {color:#FFF;}

.titelbild {margin-bottom:20px;padding:2%;background:#FFF;width:96%;height:auto;display:block;}
#screen .rahmen {padding:20px;}
.titelbild, .slide img {margin-bottom:20px;padding:1%;background:#FFF;width:98%;height:auto;display:block;-webkit-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);
-moz-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);box-shadow:0px 0px 5px 2px rgba(176,176,176,1);}

#content .rahmen {padding:20px;}
#content h1 {color:#002f6d;font-size:1.6em;margin:0 0 0.8em 0;}
#content h2 {color:#375d81;font-size:1.4em;}
#content h3 {color:#002f6d;font-size:1.2em;margin:1.2em 0;}
#content h3 a {color:#002f6d;}

#content ol {list-style:decimal;margin-left:20px;}
#content ul {list-style:disc;margin-left:20px;}
#content li {margin-bottom:0.4em;}

#content a {font-weight:700;color:#002f6d;}

#text img {padding:6px;height:auto;display:block;-webkit-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);-moz-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);box-shadow:0px 0px 5px 2px rgba(176,176,176,1);background:#FFF;}

.page-template-angebote-php .beitrag .rahmen {height:auto;}
.beitrag .rahmen {height:300px;}
.beitrag h3 {font-size:0.925em;margin:0.6em 0!important;}
.beitrag h4 {font-size:0.875em;margin:0.6em 0;}
.beitrag h4 a {color:#002f6d;}
.beitrag img {
	width:96%;
	padding:2%;
	height:auto;
	display:block;
	-webkit-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);
	-moz-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);
	box-shadow:0px 0px 5px 2px rgba(176,176,176,1);
	background:#FFF;
}
.beitrag p {color:#090909;font-size:0.825em;line-height:1.325em;}
.beitrag .category {display:block;margin-bottom:0.4em;}
.beitrag .category a {color:#375d81;}
.mehr {color:#375d81;font-weight:600;font-size:0.825em;}

.wp-caption {margin:20px 0;}
.wp-caption img, .ausstellung {width:96%;padding:2%;height:auto;display:block;-webkit-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);-moz-box-shadow:0px 0px 5px 2px rgba(176,176,176,1);box-shadow:0px 0px 5px 2px rgba(176,176,176,1);background:#FFF;}
.wp-caption h3 {font-size:0.875em;}
.wp-caption p {font-size:0.775em;}

.wpcf7 {padding:20px 0;color:#111;}
.wpcf7-text{color:#111;}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap .wpcf7-textarea {padding:3px 5px;border:0;background:#dadbdb;}

#text .wpcf7-text, #text .wpcf7-textarea, #text .wpcf7-submit, #text .wpcf7-list-item input {float:right;}
#text .wpcf7-list-item {display:block;margin:0;padding:0;}

#text .wpcf7-list-item-label {float:left;}

#sidebar {}

#sidebar .rahmen {padding:20px;}
#sidebar .widget {margin-bottom:20px;}
#sidebar .widget-title {margin:0 0 0.4em;font-weight:600;font-size:1.025em;color:#375d81;}
#sidebar h4 {margin:0.4em 0;}
#sidebar p {font-size:0.825em;margin:0 0 0.9em;}
#sidebar a {color:#375d81;}
#sidebar .menu li {padding: 0px 20px;line-height:40px;margin-bottom:10px;}
#sidebar .menu li a {}
#sidebar .download {padding-left:22px;background:url(images/doc.png) no-repeat;font-size:0.875em;line-height:1.6em;}
#sidebar .produktliste {font-size:0.825em;}
#sidebar .produktliste li {padding-left:22px;background:url(images/pfeil.png) no-repeat;line-height:1.6em;}
#sidebar .produktliste .katalog {background:url(images/pfeilb.png) no-repeat;}
#sidebar .produktliste .katalog a {font-weight:700;}
#sidebar .ausstellung {margin-bottom:20px;}

#footer {margin-top:20px;background:#375d81;font-size:0.825em;}
#footer .rahmen {padding:30px 20px 20px;}
#footer h6 {color:#FFF;font-size:1.2em;font-weight:400;margin:0 0 0.4em;}
#footer p {margin:0 0 0.6em;}
#footer p, #footer a, #footer {color:#fff;}

#fusszeile {background:#1d2658;color:#FFF;}
#fusszeile .rahmen {padding:20px;height:20px;}
#fusszeile a {color:#FFF;}
#fusstext {margin:0;font-size:0.825em;}

#footermenu ul li {float:right;padding-left:15px;}
#footermenu ul li a {font-size:0.825em;}

.trenner {
	background: #e6e6e6;
	background: -moz-linear-gradient(left, #e6e6e6 0%, #c4c4c4 50%, #e6e6e6 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #e6e6e6), color-stop(50%, #c4c4c4), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(left, #e6e6e6 0%, #c4c4c4 50%, #e6e6e6 100%);
	background: -o-linear-gradient(left, #e6e6e6 0%, #c4c4c4 50%, #e6e6e6 100%);
	background: -ms-linear-gradient(left, #e6e6e6 0%, #c4c4c4 50%, #e6e6e6 100%);
	background: linear-gradient(to right, #e6e6e6 0%, #c4c4c4 50%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=1 );
	width:96%;
	margin:0 2% 20px;
	height:1px;
}
.flex-direction-nav a {
	width: 46px;
	height: 46px;
	margin: -20px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}

.flexslider:hover .flex-prev {background: url(images/left.png);opacity:0.8;left:40px;}
.flexslider:hover .flex-next {background: url(images/right.png);opacity:0.8;right:40px;}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline:none;}
.slides, .flex-control-nav, .flex-direction-nav {margin:0;padding:0;list-style:none;}
.flexslider {margin:0;padding:0;}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;}
.flex-pauseplay span {text-transform:capitalize;}
.slides:after {content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
.no-js .slides > li:first-child {display:block;}
.flexslider {margin:0;-zoom:1;}
.flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.flexslider .slides {zoom:1;}
.flex-control-nav {line-height:30px;left:50%;margin-left:-42px;position:absolute;bottom:35px;text-align:center;height:30px;width:84px;}
.flex-control-nav li {heughtline-height:30px;margin:0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px;height:12px;display:block;background:#FFF;cursor:pointer;text-indent:-9999px;-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover {background:#232323;}
.flex-control-paging li a.flex-active { background:#232323;cursor:default;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* -------------------- ### Thickbox ### -------------------- */
#TB_window {-webkit-border-radius:5px;-moz-border-radius:7px;border-radius:7px;}
#TB_window img#TB_Image {border:none!important;}
#TB_prev a {width:45px;height:45px;display:block;position:absolute;top:50%;left:20px;cursor:pointer;text-indent:-9999px;opacity:0.5;-webkit-transition:all .3s ease;background:url(images/left.png) 0% 0% no-repeat;margin-top:-22px;}

#TB_next a {width:45px;height:45px;display:block;position:absolute;top:50%;right:20px;cursor:pointer;text-indent:-9999px;opacity:0.5;-webkit-transition:all .3s ease;background: url(images/right.png) 0% 0% no-repeat;margin-top:-22px;}
#TB_prev a:hover, #TB_next a:hover {opacity:1;}
#TB_load {-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background-color:#086186!important;border:1px solid #1980ad!important;}

/* -------------------- ### Tabellen ### -------------------- */
table {border-bottom:0px solid #ddd;margin:0 0 1.625em;}
th {font-weight:bold;text-transform:uppercase;}
td {padding:2px 4px;}
th {text-align:left;text-transform:none;font-weight:600;padding-bottom:8px;}

/* -------------------- ### Weiten ### -------------------- */
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w33 {width:33.33%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w63 {width:63%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w73 {width:73%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

/* -------------------- ### Abstände ### -------------------- */
.mr1 {margin-right:1%;}
.mr2 {margin-right:2%;}
.mr5 {margin-right:5%;}
.mr25 {margin-right:2.5%;}
.mr20 {margin-right:20px;}
.ml1 {margin-left:1%;}
.ml2 {margin-left:2%;}
.mb5px {margin-bottom:20px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.pb30 {padding-bottom:30px;}

/* -------------------- ### Stil Elemente ### -------------------- */
.box {max-width:1200px;margin:0 auto;padding:0;}
.h100 {min-height:100%;height:auto !important;height:100%;overflow:hidden !important;}
.rel {position:relative;}
.abs {position:absolute;}
.tcenter {text-align:center;}

.left {float:left;}
.right {float:right;}
.alignleft {display:inline;float:left;margin-right:1.625em;margin-bottom:20px;}
.alignright {display:inline;float:right;margin-left:1.625em;margin-bottom:20px;}
.aligncenter {clear:both;display:block;margin-left:auto; margin-right: auto;}
.last {margin-right:0!important;}
.schatten {-moz-box-shadow:1px 3px 5px #d3d3d3;-webkit-box-shadow:1px 3px 5px #d3d3d3;box-shadow:1px 3px 5px #d3d3d3;}
.clear {clear:both;line-height:0;font-size:0;height:0;}
.weiss {color:#fff;}
.color {color:#267A62;}
.weissb {background:#FFF;}
.colorb {background:#267A62;}
.schwarz {color:#000;}

.nav-toggle, .direkt {display: none;}


.video-container { padding-bottom: 30%; padding-top: 15px; position: relative; background: #000; width:50%; }
.video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* -------------------- ### Aktuelles ### -------------------- */
#aktuelles ul { list-style: none; margin-left: 0; font-size: 14px; }
#aktuelles li + li { border-top: solid 1px #ccc; margin-top: 10px; padding-top: 10px; }


/* -------------------- ### RESPONSIVE/MOBILE ### -------------------- */
@media (max-width: 1024px) {
	
}
@media (max-width: 800px) {
	.video-container { padding-bottom: 60%; padding-top: 15px; position: relative; background: #000; width:100%;  }
	
}
@media (max-width:650px) {
	.w20, .w33, .w75, .w25, .w50 {width:100%;}
	.ausstellung, #fensterhaus {display:none;}
	#header .box {height:100px;}
	#logo {top:30px;width:250px;}
	#content h1 {font-size:1.1em;}
	#content h2 {font-size:1.1em;}
	#footer .rahmen {padding:16px 20px;}
	#haupt ul {padding:0;}
	.nav-toggle, .direkt {display:block;}
	.nav-toggle {
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		width:140px;
		height:55px;
		line-height:55px;
		text-align:center;
		float:left;
		overflow:hidden;
		background:rgba(54,92,129,1);
		background:-moz-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
		background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,92,129,1)), color-stop(100%, rgba(26,51,84,1)));
		background:-webkit-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
		background:-o-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
		background:-ms-linear-gradient(top, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
		background:linear-gradient(to bottom, rgba(54,92,129,1) 0%, rgba(26,51,84,1) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#365c81', endColorstr='#1a3354', GradientType=0 );
		-webkit-box-shadow:0px 3px 3px 0px rgba(36,36,36,1);
		-moz-box-shadow:0px 3px 3px 0px rgba(36,36,36,1);
		box-shadow:0px 3px 3px 0px rgba(36,36,36,1);
		color:#FFF;
		text-decoration:none;
		font-size:1.4em;
	}
	.nav-toggle {
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		-o-user-select:none;
		user-select:none;
	}
	.js .nav-collapse {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}
	#haupt ul li {width:100%;}
	#haupt .box {background:#f8f8f8;}
}
@media (max-width: 450px) {
	
}