@charset "utf-8";
/*
*
*	Seilzugwerk Thüringen GmbH
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/
/* Light */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;font-style: normal;
}
/* Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;font-style: normal;
}
@font-face {
    font-family: 'UniSansThinItalic';
    src: url('../fonts/UniSansThinItalic.eot');
    src: url('../fonts/UniSansThinItalic.eot') format('embedded-opentype'),
         url('../fonts/UniSansThinItalic.woff') format('woff'),
         url('../fonts/UniSansThinItalic.ttf') format('truetype'),
         url('../fonts/UniSansThinItalic.svg#UniSansThinItalic') format('svg');
}
@font-face {
  font-family: 'UniSansRegularItalic';
  src:  url('../fonts/UniSansRegularItalic.eot');
  src:  url('../fonts/UniSansRegularItalic.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/UniSansRegularItalic.woff') format('woff'),
		url('../fonts/UniSansRegularItalic.ttf') format('truetype'),
		url('../fonts/UniSansRegularItalic.svg#UniSansRegularItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: "UniSansSemiBoldItalic";
	src:url("../fonts/UniSansSemiBoldItalic.eot");
	src:url("../fonts/UniSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/UniSansSemiBoldItalic.woff") format("woff"),
		url("../fonts/UniSansSemiBoldItalic.ttf") format("truetype"),
		url("../fonts/UniSansSemiBoldItalic.svg#UniSansSemiBoldItalic") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "seilzugwerk";
  src:url("../fonts/seilzugwerk.eot");
  src:url("../fonts/seilzugwerk.eot?#iefix") format("embedded-opentype"),
    url("../fonts/seilzugwerk.woff") format("woff"),
    url("../fonts/seilzugwerk.ttf") format("truetype"),
    url("../fonts/seilzugwerk.svg#seilzugwerk") format("svg");
  font-weight: normal;
  font-style: normal;
}
.selectboxit-arrow-container,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "seilzugwerk" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {content: "a";}
.icon-arrow-right:before {content: "b";}
.icon-chain:before {content: "c";}
.icon-checked:before {content: "d";}
.icon-close:before {content: "e";}
.icon-fax:before {content: "f";}
.icon-mail:before {content: "g";}
.icon-user:before {content: "h";}
.icon-phone:before {content: "i";}
.icon-mobile:before {content: "j";}
.icon-home:before {content: "k";}
.selectboxit-arrow-container:before,
.icon-down:before {content: "l";}
.icon-planet:before {content: "m";}

/* -- Global Reset -- */
* { padding:0; margin:0;}
*:focus { outline:none }
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

html {font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;}
html, body  {  height:100%; width:100%;font-smooth: always;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;} 

p { margin-bottom:20px}
button,
input.formText, textarea { font-family:Arial, Helvetica, sans-serif;-webkit-border-radius:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
select {-webkit-appearance: none; -webkit-border-radius: 0px;}
button { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; cursor:pointer;overflow: hidden; user-select: none;}
textarea { resize:vertical; overflow:auto}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

ul {padding-left:23px;}
ol {padding-left:23px;}

img {border: 0;-ms-interpolation-mode: bicubic;}
canvas { -ms-touch-action: double-tap-zoom;}
svg:not(:root) {overflow: hidden;}

a,button, img, input, textarea  {
	-webkit-transition: color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
	-o-transition:  color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
	-moz-transition:  color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
	transition: color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
}
.ht{text-indent: -150%;white-space: nowrap;overflow: hidden; color:rgba(0,0,0,0); font-size:1px}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

a { color:#666}
a:active { background-color:transparent}
a:hover { text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
noscript.msg div{ background-color:#C00; color:#fff; font-size:12px; padding:10px 20px;display:block;}
/* -- -- */
body  {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	font-weight:200;	font-size:14px;	text-align: center; 	color: #333; position:relative;background: #fff;
	-webkit-font-smoothing:subpixel-antialiased;
}
#backgrnd { 	position:fixed; left:0; top:0; right:0; bottom:0; display:block;z-index:1; overflow:hidden}
.btnMore { 
	position:relative; display:inline-block; margin-top:15px; text-decoration:none; color:#444; font-style:italic;
	text-transform:uppercase;-webkit-backface-visibility: hidden; padding-right:5px;
	-webkit-transform: translateZ(0);
}
.btnMore:before {
	content: " "; width:24px; height:24px; background: url(../gfx/ico-btnmore.svg); float:left; margin-right:8px; position:relative; top:-3px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;-moz-transition: -moz-transform 250ms ease-in-out;
	-o-transition: -o-transform 250ms ease-in-out;transition: transform 250ms ease-in-out; outline:1px solid transparent;
}
.btnMore:hover { color:#1c6fb6}
.btnMore:hover:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.btnDll:before { background:url(../gfx/ico-download.svg)}
.btnDll:hover:before {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

a.btnLogout { display:block; position:relative; padding-left:30px; text-transform:uppercase; font-style:italic; text-decoration:none}
a.btnLogout:before {
	position:absolute; left:0; top:-2px; font-size:12px;width:24px; height:24px; display:block; text-align:center; line-height:24px;
	color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	background: #009de1;
	background: -moz-radial-gradient(center, ellipse cover, #009de1 9%, #1c6fb6 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(9%,#009de1), color-stop(100%,#1c6fb6));
	background: -webkit-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -o-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -ms-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: radial-gradient(ellipse at center, #009de1 9%,#1c6fb6 100%);
	-webkit-transition: -webkit-transform 250ms ease-out;-moz-transition: -moz-transform 250ms ease-out;
	-o-transition: -o-transform 250ms ease-out;transition: transform 250ms ease-out;
	background-position:-4px -4px;
}
a.btnLogout:hover {color:#1c6fb6;}
a.btnLogout:hover:before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

/* -- 100% Height Layout -- */
#container { min-height:100%; height:auto; padding-bottom:80px; overflow:hidden; padding-top:100px}

/* -- Layout -- */
#header, #teaser, #inner, #footer { width:1040px; margin: 0 auto; text-align: left; padding:0 20px}

#outerheader { 
	background: #fff; position:fixed; z-index:77;left:0; top:0; right:0;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);
}
#outerteaser { }
#outercontent {background:url(../gfx/inner-bg.png) repeat-x; position:relative; z-index:2}
#outerfooter { background: #565655 url(../gfx/footer-bg.png) repeat-x top;  position: relative;z-index: 2;}

/* -- Header -- */
#header { position:relative; height:100px} 
#header:before {content:" ";	top:0; right:290px; position:absolute; background:url(../gfx/header-bg.png) right top;display:block; height:100px; width:1500px; z-index:1}
#header #logo { float:right; position:relative; z-index:2; padding-top:25px}
#header #logo a { overflow:hidden; display:block; background:url(../gfx/szw-logo.svg); width:153px;  height:50px; font-size:1px; line-height:999em;}

/* -- Navigation -- */
.inline ul { margin:0; padding:0}
.inline ul li{ float:left; margin:0; padding:0; list-style:none}

/* -- Hauptnavi -- */
#mainmenu { position:relative; z-index:2; text-transform:uppercase;font-family: "UniSansRegularItalic", sans-serif;-webkit-transform: translateZ(0); margin-right:200px}
#mainmenu ul{ padding-top:32px;}
#mainmenu ul li{ margin-right:20px}
#mainmenu ul li a{ color:#fff; text-decoration:none; display:block; padding:10px 0 40px}
#mainmenu ul li a:hover{}

#mainmenu > ul > li > a { position:relative}
#mainmenu > ul > li > a:before {
	content:" "; height:1px; width:100%; position:absolute; top:0; left:50%; background:#fff; display:block;opacity:0;
	-webkit-transform: translate(-50%, 5px) scale(0,1);	-moz-transform: translate(-50%, 5px) scale(0,1);-o-transform: translate(-50%, 5px) scale(0,1);
	-ms-transform: translate(-50%, 5px) scale(0,1);	transform: translate(-50%, 5px) scale(0,1);
	-webkit-transition: -webkit-transform 250ms ease-out, opacity 250ms ease-in-out;-moz-transition: -moz-transform 250ms ease-out, opacity 250ms ease-in-out;
	-o-transition: -o-transform 250ms ease-out, opacity 250ms ease-in-out;transition: transform 250ms ease-out, opacity 250ms ease-in-out;
}
#mainmenu > ul > li:hover > a:before { 
	opacity:1;-webkit-transform: translate(-50%, 0px) scale(1);-moz-transform: translate(-50%, 0px) scale(1);
	-o-transform: translate(-50%, 0px) scale(1);-ms-transform: translate(-50%, 0px) scale(1);transform: translate(-50%, 0px) scale(1);
}

#mainmenu ul ul { 
	position:absolute; background:#565655; background: url(../gfx/menu-bg.svg) no-repeat bottom; padding:20px 25px;color:#ddd; width:200px;
	filter: alpha(opacity=0);opacity: 0;	top:-9999em;
	-webkit-transition: opacity 250ms ease-in-out, top 0ms ease 0ms;-moz-transition:opacity 250ms ease-in-out, top 0ms ease 0ms;
	-o-transition: opacity 250ms ease-in-out, top 0ms ease 0ms;transition: opacity 250ms ease-in-out, top 0ms ease 0ms;
}
#mainmenu ul ul:before {
	content:""; display:block; position:absolute;left:0; right:0; top:0; height:3px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
}
#mainmenu ul ul li { float:none; font-size: 14px; }
#mainmenu ul ul li a{font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding:5px 0; color:#ddd}
#mainmenu ul ul li a.active,
#mainmenu ul ul li a:hover{ color:#fff}

#mainmenu ul li:hover ul {
	filter: alpha(opacity=100);opacity: 1; top:auto;
	-webkit-transition: opacity 250ms ease-in-out, top 0 ease 250ms;-moz-transition:opacity 250ms ease-in-out, top 0 ease 250ms;
	-o-transition: opacity 250ms ease-in-out, top 0 ease 250ms;	transition: opacity 250ms ease-in-out, top 0 ease 250ms;
}

/* -- Footermenu -- */
#footermenu { font-size:14px; text-transform:uppercase;font-family: 'UniSansRegularItalic', sans-serif; padding-top:16px; float:left; margin-right:50px}
#footermenu ul {}
#footermenu ul li{ margin-right:20px}
#footermenu ul li a{ color:#ccc; text-decoration: none}
#footermenu ul li a:hover{ color:#fff;}

/* -- Sprachwahl -- */
#langmenu { overflow:hidden; padding-top:11px; position:absolute; right: 215px;top: 30px; z-index:5; padding:10px 10px 10px 40px;}
#langmenu:before {
	content:""; background:#f9f9f9; display:block; position:absolute; left:20px; top:0; bottom:0; right:0; width:135px; height:37px; z-index:1;
	-webkit-transform: skew(-45deg, 0deg);-moz-transform: skew(-45deg, 0deg);-o-transform: skew(-45deg, 0deg);-ms-transform: skew(-45deg, 0deg);transform: skew(-45deg, 0deg);
}
#langmenu ul { position:relative; z-index:2;}
#langmenu ul li  { margin-left:5px}
#langmenu ul li a { width:22px; height:16px; display:block;filter: alpha(opacity=30);opacity: .3;}
#langmenu ul li a.active {filter: alpha(opacity=100);opacity: 1;} 
#langmenu ul li span { display:none}
#langmenu ul li.de a { background-image:url(../gfx/flag-de.png)}
#langmenu ul li.en a { background-image:url(../gfx/flag-en.png)}
#langmenu ul li.fr a { background-image:url(../gfx/flag-fr.png)}
/*
#langmenu ul {font-size:14px; text-transform:uppercase;font-family: 'UniSansRegularItalic', sans-serif; padding-top:5px}
#langmenu ul li { color:#ccc;}
#langmenu ul li:before {content:"/"; margin:0 5px}
#langmenu ul li:first-child:before { display:none}
#langmenu ul li a { color:#ccc; text-decoration:none;}
#langmenu ul li a.active { color:#fff;}
*/
/* -- Teaser -- */
#teaser { height:475px; color:#fff; position:relative; z-index:2}
#teaser:before {content:" ";background:url(../gfx/blue-triangle.svg) no-repeat 0 top; background-size:cover;position:absolute; top:0; right:397px; height:750px;display:block; width:1300px; z-index:2}
#teaser .teaserInner{ padding-top:150px; position:relative; z-index:3}
#teaser .teaserInner strong { 
	font-family: "UniSansSemiBoldItalic", sans-serif;font-size:40px; text-align:center; display:block; border-top:2px solid #fff;border-bottom:2px solid #fff; padding:30px 0; text-transform:uppercase;
	-webkit-text-shadow:0 1px 4px rgba(0,0,0,.2);
	-moz-text-shadow:0 1px 4px rgba(0,0,0,.2);
	text-shadow:0 1px 4px rgba(0,0,0,.2);
}
#teaser .contactInfo { position:relative; z-index:3}
#teaser .contactInfo h2 { font-size:14px; margin-bottom:15px}
#teaser .contactInfo {border-top:2px solid #fff;border-bottom:2px solid #fff; padding:30px 0}
#teaser .contactInfo ul{ margin:0; padding:0; list-style:none}
#teaser .contactInfo ul li{ position:relative; padding-left:35px; margin-bottom:10px}
#teaser .contactInfo ul li:before{
	width:24px; height:24px; background:#565655; text-align:center; line-height:24px; display:block;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	position:absolute; left:0; top:0; font-size:12px
}

#outerteaser .gmap { width:100%; height:645px; position:absolute; left:0; top:0; right:0; z-index:1}

#outerteaser { position:relative}
#outerteaser a.btn { width:50px; height:50px; cursor:pointer; position:absolute; top:50%; margin-top:-25px;filter: alpha(opacity=60);opacity: .6; z-index:4; display:block}
#outerteaser a.btn span { display:none}
#outerteaser a.btn:hover {filter: alpha(opacity=100);opacity: 1;}

#outerteaser a.prev { background-image:url(../gfx/btn-prev.svg); left:50px;}
#outerteaser a.next {background-image:url(../gfx/btn-next.svg); right:50px}

#outerteaser .swiper-slide { display:block; position:relative; text-decoration:none; color:#fff; overflow:hidden; z-index:1}
#outerteaser .swiper-slide span { 
	position:absolute; z-index:2; left:0; right:0; bottom:0; display:block; padding:30px;filter: alpha(opacity=0);opacity: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	-webkit-transform: translate(0px, 100%);-moz-transform: translate(0px, 100%);-o-transform: translate(0px, 100%);-ms-transform: translate(0px, 100%);transform: translate(0px, 100%);
	-webkit-transition: -webkit-transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;-moz-transition: -moz-transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;
	-o-transition: -o-transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;transition: transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;

}
#outerteaser .swiper-slide span strong {
	display:block; border-top:1px solid #fff; padding-top:10px;filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);
	-webkit-transition: -webkit-transform 250ms ease-out 0ms, opacity 250ms ease-out 0ms;
	-moz-transition: -moz-transform 250ms ease-out 0ms, opacity 250ms ease-out 0ms;
	-o-transition: -o-transform 250ms ease-out 0ms, opacity 250ms ease-out 0ms;
	transition: transform 250ms ease-out 0ms, opacity 250ms ease-out 0ms;
}
#outerteaser .swiper-slide img { 
	display:block; position:relative; z-index:1;
	-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); transform: scale(1);
	-webkit-transition: -webkit-transform 250ms ease-out;-moz-transition: -moz-transform 250ms ease-out;-o-transition: -o-transform 250ms ease-out;transition: transform 250ms ease-out;
}

#outerteaser .swiper-slide:hover {}
#outerteaser .swiper-slide:hover span{
	filter: alpha(opacity=100);opacity: 1;
	-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);
	-webkit-transition: -webkit-transform 250ms ease-out 0ms;-moz-transition: -moz-transform 250ms ease-out 0ms;-o-transition: -o-transform 250ms ease-out 0ms;transition: transform 250ms ease-out 0ms;
}
#outerteaser .swiper-slide:hover span strong{
	filter: alpha(opacity=100);opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
	-webkit-transition: -webkit-transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;-moz-transition: -moz-transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;
	-o-transition: -o-transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;transition: transform 250ms ease-out 250ms, opacity 250ms ease-out 250ms;
}
#outerteaser .swiper-slide:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}

/* -- Inner Layout -- */
#inner { padding-bottom:30px; padding-top:60px}
#inner  h1 { font-size:40px; color:#333; font-family: 'UniSansThinItalic'; padding:0 0 40px;font-weight:normal}
/* -- Sidebar -- */
#sidebar-rt {width: 290px;float: right;}

/* -- Inhalt -- */
#mainContent { margin: 0 330px 0 25px;	padding: 0 0 20px; position:relative; z-index:3; min-height:350px}
body.page-full #mainContent { padding:0 0 0 25px; margin:0}
body.restposten #mainContent,
body.kontakt #mainContent { padding:0;}

/* -- Elemente & Blöcke -- */
.node {}
.node h2{ font-size:14px; margin-bottom:20px; color:#137bc1}
.node h2 a{color:#137ac0; text-decoration:none}
.node h2 a:hover{color:#333}
.node .inner{}
.node .inner p{}
.node .meta{ border-top:1px solid #ddd; padding-top:15px;}
.node .meta a { font-weight:500}

.node-single { padding-bottom:30px;}
.node-news .inner .btnMore{border-top:1px solid #ddd; display:inline-block; padding-top:15px}

.node-img {min-height:315px}
.node-img .img {
	font-family: 'UniSansThinItalic'; margin-bottom:30px; margin-right:30px; float:left;
	overflow:hidden; position:relative; color:#fff; text-decoration:none; display:block;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width:280px;
	-webkit-box-shadow: 0 0 0 5px white, 0 -5px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 0 5px white, 0 -5px 7px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 5px white, 0 -5px 7px rgba(0,0,0,0.3);-webkit-transform-style: preserve-3d;
}

.node-img .img img{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position:relative; z-index:1; display:block}
.node-img .inner { overflow:hidden}

/* -- Node für Restposten -- */
.node-posten {border-top:1px solid #ddc; -webkit-transition: color 130ms ease-in-out;-moz-transition: color 130ms ease-in-out;transition: color 130ms ease-in-out;}
.node-posten:first-child {border-top:0}
.node-posten .inner{ display:table; table-layout:fixed; width:100%}
.node-posten .inner > div{ display:table-cell; vertical-align:top;padding-top:20px; padding-bottom:20px}
.node-posten .inner > div.id { width:180px; text-align:left; padding-left:30px; padding-right:20px}
.node-posten .inner > div.id h2 { margin-bottom:0}
.node-posten .inner > div.img { width:252px; padding:20px 20px 20px 0}
.node-posten .inner > div.img img { display:block; border:1px solid #ddd}
.node-posten .inner > div.desc { width:auto; padding-right:20px}
.node-posten .inner > div.desc p:last-child { margin-bottom:0}
.node-posten .inner > div.end {  width:210px; padding-right:30px; position:relative; padding-bottom:40px}
.node-posten .inner > div.end span { display:block; margin-bottom:10px}
.node-posten .inner > div.end span.quantity {}
.node-posten .inner > div.end span.price { font-weight:500}

.node-posten .inner a.btnMore{ margin-top:0;}
.node-posten .inner a.btnMore:after {
	filter: alpha(opacity=0);opacity: 0;
	content:" "; width:24px; height:24px; display:block; position:absolute; left:0; top:-3px;
	border:1px solid #fff; background:#009de1 url(../gfx/icons/close.svg) no-repeat center; background-size:10px 10px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; 
	-webkit-transition: opacity 250ms ease-in-out;-moz-transition: opacity 250ms ease-in-out;transition: opacity 250ms ease-in-out;
}
.node-posten.active .inner{ 
	color:#fff;background: #1c6fb6;
	background: -moz-linear-gradient(left, #1c6fb6 0%, #009de1 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1c6fb6), color-stop(100%,#009de1));
	background: -webkit-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: -o-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: -ms-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: linear-gradient(to right, #1c6fb6 0%,#009de1 100%);
}
.node-posten.active a.btnMore,
.node-posten.active h2,
.node-posten.active h2 a{ color:#fff;}
.node-posten.active .inner a.btnMore { color:#fff;}
.node-posten.active .inner a.btnMore:after {filter: alpha(opacity=100);opacity: 1;}

.node-posten.active a.btnMore { position:absolute; right:30px; bottom:20px}

.node-posten form {
	max-height:0; overflow:hidden;-webkit-transition: max-height 250ms ease-in; -moz-transition: max-height 250ms ease-in; 
	-o-transition: max-height 250ms ease-in;transition: max-height 250ms ease-in;
}
.node-posten.active form { max-height:300px; overflow:visible}

.node-posten fieldset {
	-webkit-transform-origin: 50% 0%;-moz-transform-origin: 50% 0%;-o-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;	transform-origin: 50% 0%;
	-webkit-transform: perspective(500px) rotateX(-90deg) skew(0deg, 0deg);	-moz-transform: perspective(500px) rotateX(-90deg) skew(0deg, 0deg);
	-o-transform: perspective(500px) rotateX(-90deg) skew(0deg, 0deg);-ms-transform: perspective(500px) rotateX(-90deg) skew(0deg, 0deg);
	transform: perspective(500px) rotateX(-90deg) skew(0deg, 0deg);
	-webkit-transition: -webkit-transform 250ms ease-in 0ms;-moz-transition: -moz-transform  250ms ease-in 0ms;
    -o-transition: -o-transform  250ms ease-in 0ms;transition: transform  250ms ease-in 0ms;
}
.node-posten.active fieldset {
	-webkit-transform: perspective(500px) rotateX(0deg) skew(0deg, 0deg);-moz-transform: perspective(500px) rotateX(0deg) skew(0deg, 0deg);
	-o-transform: perspective(500px) rotateX(0deg) skew(0deg, 0deg);-ms-transform: perspective(500px) rotateX(0deg) skew(0deg, 0deg);
	transform: perspective(500px) rotateX(0deg) skew(0deg, 0deg);
	-webkit-transition: -webkit-transform 250ms ease-in 150ms;-moz-transition: -moz-transform  250ms ease-in 150ms;
    -o-transition: -o-transform  250ms ease-in 150ms;transition: transform  250ms ease-in 150ms;
}
/* -- Blöcke -- */
.block {}
.block .img {
	font-family: 'UniSansThinItalic'; margin-bottom:30px;
	overflow:hidden; position:relative; color:#fff; text-decoration:none; display:block;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width:280px; height:280px;
	-webkit-box-shadow: 0 0 0 5px white, 0 -5px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 0 5px white, 0 -5px 7px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 5px white, 0 -5px 7px rgba(0,0,0,0.3);-webkit-transform-style: preserve-3d;
}

.block .img img{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position:relative; z-index:1; display:block}

.block .img span { 
	position:absolute; left:0; bottom:0; right:0; padding:60px; z-index:2;display: block;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
}
.block .img span strong { border-top:1px solid #fff; padding-top:10px; display:block; font-size:24px; text-transform:uppercase; text-align:center}

.block h3{ color:#147cc2; font-size:14px; margin-bottom:15px;}
.block h3 a{ color:#147cc2; text-decoration:none}
.block h3 a:hover{color:#333}
.block .inner{}
.block .inner p{}
.block .inner p:last-child{ }
.front .left .block .inner,
.front .middle .block .inner { height:185px}

.block a.btnMore { padding-top:11px; font-size:12px}

.block-info .btnMore { border-top:1px solid #ddd; display:block}

/* -- Block mit Bild -- */
.block-img {}
.block-img .inner { margin:0 20px; border-bottom:1px solid #ddd;}
.block-img a.btnMore { margin:0 20px}

/* -- Block - Produkt -- */
.block-product { margin-bottom:30px}

/* -- Block - Features -- */
.block-features { margin-bottom:30px}
.block-features ul { padding:0; margin:0; list-style:none}
.block-features ul li { margin-bottom:10px}
.block-features ul li.ico { padding-left:60px; position:relative; height:50px;}
.block-features ul li.ico span { display:block; height:50px; vertical-align:middle; line-height:50px}
.block-features ul li.ico:before {
	content:" "; width:50px; height:50px; background-repeat:no-repeat; background-position:center; display:block; position:absolute; top:0; left:0;
	-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.3);-moz-box-shadow: 0 -2px 3px rgba(0,0,0,0.3);	box-shadow: 0 -2px 3px rgba(0,0,0,0.3);
	-webkit-transform-style: preserve-3d;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; 
}
.block-features ul li.ico.belastgung:before{ background-image: url(../gfx/icons/belastbar.svg)}
.block-features ul li.ico.laenge:before { background-image:url(../gfx/icons/laenge.svg)}
.block-features ul li.ico.langlebig:before { background-image:url(../gfx/icons/uhr.svg)}
.block-features ul li.ico.other:before { background-image:url(../gfx/icons/konfektion.svg)}

/* -- Block - Kontakt -- */
.block-contact {}
.block-contact .inner { border-bottom:0}
.block-contact ul {padding:15px 0; margin:0; border-top:1px solid #ddd; list-style:none}
.block-contact ul li { position:relative; padding:5px 0 5px 40px;}
.block-contact ul li:before {
	color:#fff; font-size:20px; text-align:center; width:24px; height:24px; background-color:#565655; font-size:12px;
	position:absolute; left:0; top:1px; line-height:24px;-webkit-backface-visibility:hidden;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}

/* -- Block User -- */
.block-user h3 { color:#333}
.block-user dl {border-bottom:1px solid #ddd; padding:15px 0; margin:0; margin-bottom:15px; border-top:1px solid #ddd; list-style:none}
.block-user dl dt{color:#147cc2; font-size:14px; margin-bottom:10px; font-weight:500}
.block-user dl dd { position:relative; padding:5px 0 5px 40px;}
.block-user dl dd:before {
	color:#fff; font-size:20px; text-align:center; width:24px; height:24px; background-color:#565655; font-size:12px;
	position:absolute; left:0; top:1px; line-height:24px;-webkit-backface-visibility:hidden;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
}

/* -- Pager -- */
.pager { padding:20px 0; border-top:2px solid #ddd; border-bottom:2px solid #ddd; text-align:center; margin-top:20px}
.pager span { font-style:italic; text-transform:uppercase; padding-right:10px}
.pager a {
	width:24px; height:24px; text-decoration:none; text-align:center; font-style:italic; line-height:24px; display:inline-block;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-weight:500; text-indent:-2px; margin:0 2px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);-moz-box-shadow: inset 0 0 0 1px  rgba(0,0,0,0.2);box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
}
.pager a:hover {background: #009de1; color:#fff;}
.pager a.active { 
	color:#fff; background-size:40px 40%;background: #009de1;
	background: -moz-radial-gradient(center, ellipse cover, #009de1 9%, #1c6fb6 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(9%,#009de1), color-stop(100%,#1c6fb6));
	background: -webkit-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -o-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -ms-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: radial-gradient(ellipse at center, #009de1 9%,#1c6fb6 100%);
	background-position:-4px -4px;
}

/* -- LoadMore Button -- */
.loadMore { padding-top:20px; padding-bottom:30px; text-align:center}
.loadMore a { 
	display:inline-block; border-top:2px solid #ddd; border-bottom:2px solid #ddd; font-size:14px; text-decoration:none; text-transform:uppercase; color:#1c6fb6;
	padding:15px 0; margin:0 auto; text-align:center; font-weight:400; font-style:italic
}
.loadMore a:hover {color:#333}

/* -- Accordion -- */
.accordion { margin-bottom:20px}
.accordion h2 { font-size:14px; font-weight:700; color:#1c6fb6; border-bottom:2px solid #1c6fb6; padding:10px 0; cursor:pointer; margin-top:15px}
.accordion h2:first-child { margin-top:0}
.accordion h2.active:before {
	-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);
}
.accordion h2:before { 
	float:right; color:#ddd; font-size:12px; position:relative; top:5px;
	-webkit-transition: -webkit-transform 250ms ease-out;-moz-transition: -moz-transform 250ms ease-out;
	-o-transition: -o-transform 250ms ease-out;transition: transform 250ms ease-out;
}
.accordion .inner { display:none; padding:10px 0}
.accordion.global h2 { color:#333; border-bottom:2px solid #ddd}

ul.links { list-style:none; padding:0; margin:0; border-top:1px solid #ddd; padding-top:20px}
ul.links:first-child { border-top:0; padding-top:0}
ul.links li { margin-bottom:10px}
ul.links li a{color:#333; text-decoration:none; text-transform:uppercase; font-style:italic; display:block; position:relative; padding-left:30px;}
ul.links li a:before {
	position:absolute; left:0; top:-3px; font-size:12px;width:24px; height:24px; display:block; text-align:center; line-height:24px;
	color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	background: #009de1;
	background: -moz-radial-gradient(center, ellipse cover, #009de1 9%, #1c6fb6 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(9%,#009de1), color-stop(100%,#1c6fb6));
	background: -webkit-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -o-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -ms-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: radial-gradient(ellipse at center, #009de1 9%,#1c6fb6 100%);
	-webkit-transition: -webkit-transform 250ms ease-out;-moz-transition: -moz-transform 250ms ease-out;
	-o-transition: -o-transform 250ms ease-out;transition: transform 250ms ease-out;
	background-position:-4px -4px;
}
ul.links li a:hover {color:#1c6fb6;}
ul.links li a:hover:before {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

/* -- Spalten Layout -- */
.row {}
.row .lft, .row .mid, .row .rt { float:left}
.twoCols .lft, .twoCols .rt { width:50%}

.fourCols .col { width:230px; float:left; margin-right:25px}
.fourCols .col:last-child { width:185px; margin-right:0}

.threeCols  { margin-left:-30px;}
.threeCols .block{ float:left; width:290px; margin-left:30px}

/* -- Formular Elemente -- */
fieldset { border:0; margin-bottom:20px}
fieldset button{ border:0}
fieldset .formItem label{ display:block}
fieldset .formItem input.formText,
fieldset .formItem textarea { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:10px;}

/* -- Kontakformular -- */
.cols.contact { border-bottom:1px solid #ddd; padding:0 0 25px 25px}
.cols.contact h2 { font-size:14px; margin-bottom:25px; color:#1c6fb6;}
.cols.contact .block { float:left}
.cols.contact .block-form { width:685px; margin-right:25px}
.cols.contact .block-info { width:240px;}

fieldset.contactform {}

fieldset.contactform .cols {}
fieldset.contactform .cols .left{width:230px; margin-right:25px}
fieldset.contactform .cols .right{ width:370px}
fieldset.contactform .cols .col{ float:left}

fieldset.contactform .formItem{ position:relative; overflow:hidden; margin-bottom:10px}
fieldset.contactform .formItem:before { 
	content:" ";
	background: #1c6fb6;
	background: -moz-linear-gradient(left, #1c6fb6 0%, #009de1 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1c6fb6), color-stop(100%,#009de1));
	background: -webkit-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: -o-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: -ms-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: linear-gradient(to right, #1c6fb6 0%,#009de1 100%);
	-webkit-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	-moz-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	-o-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	-ms-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	transform: skew(-45deg, 0deg) translate(-120%, 0px);
	position:absolute; 
	height:100%; top:0;
	width:150%;
	left:-80px;
	z-index:1;
	-webkit-transition: -webkit-transform 350ms ease-out;-moz-transition: -moz-transform 350ms ease-out;
	-o-transition: -o-transform 350ms ease-out;	transition: transform 350ms ease-out;
}
fieldset.contactform .formItem label { display:none}
fieldset.contactform .formItem input.formText,
fieldset.contactform .formItem textarea { border:0;width:100%; background:transparent; font-size:14px; padding:7px 10px; z-index:3;position:relative;}
fieldset.contactform .formItem textarea { height:150px; resize:none; display:block}

fieldset.contactform .formItem.focus input.formText,
fieldset.contactform .formItem.focus textarea { color:#fff}

fieldset.contactform .formItem:after {
	content:" "; display:block; position:absolute; left:0; top:0; height:100%; width:100%;
	border-top:2px solid #d6d6d6; background:#f8f8f8;
}
fieldset.contactform .formItem.error:after { border-top-color:#d96d00}
fieldset.contactform ::-webkit-input-placeholder {	color: #777; opacity:1;-webkit-transition: opacity 250ms ease-in-out;}
fieldset.contactform ::-moz-placeholder {color: #777; opacity:1;-moz-transition: opacity 250ms ease-in-out;}
fieldset.contactform :-moz-placeholder { color: #777; opacity:1;-moz-transition: opacity 250ms ease-in-out;}
fieldset.contactform :-ms-input-placeholder { color: #777; opacity:1;transition: opacity 250ms ease-in-out;}

fieldset.contactform :focus::-webkit-input-placeholder { opacity:.3}
fieldset.contactform :focus::-moz-placeholder { opacity:.3}
fieldset.contactform :focus:-moz-placeholder {  opacity:.3}
fieldset.contactform :focus:-ms-input-placeholder {  opacity:.3}

fieldset.contactform .focus ::-webkit-input-placeholder {	color: #fff; }
fieldset.contactform .focus ::-moz-placeholder {color: #fff; }
fieldset.contactform .focus :-moz-placeholder { color: #fff;}
fieldset.contactform .focus :-ms-input-placeholder { color: #fff;}

fieldset.contactform .focus :focus::-webkit-input-placeholder { opacity:1}
fieldset.contactform .focus :focus::-moz-placeholder { opacity:1}
fieldset.contactform .focus :focus:-moz-placeholder {  opacity:1}
fieldset.contactform .focus :focus:-ms-input-placeholder {  opacity:1}

fieldset.contactform .formCheckbox {}
fieldset.contactform .formCheckbox:before,
fieldset.contactform .formCheckbox:after{ display: none}
fieldset.contactform .formCheckbox input { position: absolute; width: 0; height: 0;filter: alpha(opacity=0);opacity: 0;}

fieldset.contactform .formCheckbox label { display: block}
fieldset.contactform .formCheckbox label i { 
	float: left;width: 30px; height: 30px; position: relative; display: block;
	border-top:2px solid #d6d6d6; background:#f8f8f8; cursor: pointer;
}
fieldset.contactform .formCheckbox.error label i { border-top-color:#d96d00  }
fieldset.contactform .formCheckbox label i:before,
fieldset.contactform .formCheckbox label i:after {
	width: 20px; height: 2px; content:""; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -1px;
	background: #1c6fb6;filter: alpha(opacity=0);opacity: 0;
}

fieldset.contactform .formCheckbox label i:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
fieldset.contactform .formCheckbox label i:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
fieldset.contactform .formCheckbox label span { display: block; margin-left: 40px;}
fieldset.contactform .formCheckbox input:checked + label i:before,
fieldset.contactform .formCheckbox input:checked + label i:after{filter: alpha(opacity=100);opacity: 1;}

fieldset.contactform .formItem.focus:before { 
	-webkit-transform: skew(-45deg, 0deg) translate(0,0);-moz-transform: skew(-45deg, 0deg) translate(0,0);
	-o-transform: skew(-45deg, 0deg) translate(0,0);-ms-transform: skew(-45deg, 0deg) translate(0,0);transform: skew(-45deg, 0deg) translate(0,0);
}

fieldset.contactform .formSubmit { 
	position:relative; display:block; text-decoration:none; color:#444; background-color:transparent; cursor:pointer;
	font-style:italic;text-transform:uppercase;-webkit-backface-visibility: hidden; padding-right:5px; padding-top:14px; font-size:12px;
	border-top:1px solid #ddd;width:100%; text-align:left
}
fieldset.contactform .formSubmit:before {
	content: " "; width:24px; height:24px; background: url(../gfx/ico-btnmore.svg); float:left; margin-right:8px; position:relative; top:-6px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;-moz-transition: -moz-transform 250ms ease-in-out;
	-o-transition: -o-transform 250ms ease-in-out;transition: transform 250ms ease-in-out; outline:1px solid transparent;
}
fieldset.contactform .formSubmit:hover { color:#1c6fb6}
fieldset.contactform .formSubmit:hover:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/* -- Filter Restposten -- */
fieldset.filter { position:relative; color:#fff; padding:15px 0}
fieldset.filter:before { 
	content:" "; background:#676766;display:block;position:absolute; top:0; height:100%; bottom:0; left:0; right:0; width:100%; z-index:1;
	-webkit-transform: scale(2,1);-moz-transform: scale(2,1);-o-transform: scale(2,1);-ms-transform: scale(2,1);transform: scale(2,1);
}
fieldset.filter .formItem { position:relative; z-index:2; float:left; margin-right:20px}
fieldset.filter .formItem input { position:absolute; left:0; top:0; width:1px; height:1px;filter: alpha(opacity=0);opacity: 0;}
fieldset.filter .formItem label {}
fieldset.filter .formItem label span { padding:2px 2px 2px 0; display:inline-block; font-style:italic; text-transform:uppercase}
fieldset.filter .formItem label i {	
	display:block; float:left; width:24px; height:24px;	background: #565655; margin-right:10px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-align:center;
	cursor:pointer
}
fieldset.filter .formItem label i:before {
	color:#1c6fb6;text-align:center; line-height:24px; font-size:10px;filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);
	-webkit-transition: -webkit-transform 250ms ease-out, opacity 250ms ease-out;-moz-transition: -moz-transform 250ms ease-out, opacity 250ms ease-out;
	-o-transition: -o-transform 250ms ease-out, opacity 250ms ease-out;	transition: transform 250ms ease-out, opacity 250ms ease-out;
}

fieldset.filter .formItem input:checked + label i { background:#fff}
fieldset.filter .formItem input:checked + label i:before {
	filter: alpha(opacity=100);opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}
/* -- Formular Restposten -- */
fieldset.anfrage { background:#eee; padding:30px 25px; position:relative; color:#333}
fieldset.anfrage p {border-bottom:1px solid #ddd; height:105px; margin-bottom:10px}
fieldset.anfrage:before {content:" "; position:absolute; left:0; top:0; width: 0;height: 0;border-style: solid;border-width: 25px 25px 0 0;border-color: #1c6eb6 transparent transparent transparent;}
fieldset.anfrage h3 { font-weight:300; font-style:italic; text-transform:uppercase; margin-bottom:20px; font-size:18px}
fieldset.anfrage .formItem { margin-bottom:10px}
fieldset.anfrage .formItem label{display:none}

fieldset.anfrage .formItem input.formText,
fieldset.anfrage .formItem textarea { border:0;width:100%; background:transparent; font-size:14px; padding:7px 10px; z-index:3;position:relative;}
fieldset.anfrage .formItem textarea {resize:none; height:148px}

fieldset.anfrage .formItem{ position:relative; overflow:hidden; margin-bottom:10px}
fieldset.anfrage .formItem:before { 
	content:" ";
	background: #1c6fb6;
	background: -moz-linear-gradient(left, #1c6fb6 0%, #009de1 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1c6fb6), color-stop(100%,#009de1));
	background: -webkit-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: -o-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: -ms-linear-gradient(left, #1c6fb6 0%,#009de1 100%);
	background: linear-gradient(to right, #1c6fb6 0%,#009de1 100%);
	-webkit-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	-moz-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	-o-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	-ms-transform: skew(-45deg, 0deg) translate(-120%, 0px);
	transform: skew(-45deg, 0deg) translate(-120%, 0px);
	position:absolute; 
	height:100%; top:0;
	width:200%;
	left:-80px;
	z-index:1;
	-webkit-transition: -webkit-transform 350ms ease-out;-moz-transition: -moz-transform 350ms ease-out;
	-o-transition: -o-transform 350ms ease-out;	transition: transform 350ms ease-out;
}
fieldset.anfrage .formItem.focus input.formText,
fieldset.anfrage .formItem.focus textarea { color:#fff}
fieldset.anfrage .formItem.focus:before { 
	-webkit-transform: skew(-45deg, 0deg) translate(0,0);-moz-transform: skew(-45deg, 0deg) translate(0,0);
	-o-transform: skew(-45deg, 0deg) translate(0,0);-ms-transform: skew(-45deg, 0deg) translate(0,0);transform: skew(-45deg, 0deg) translate(0,0);
}
fieldset.anfrage .formItem:after {
	content:" "; display:block; position:absolute; left:0; top:0; height:100%; width:100%;
	border-top:2px solid #d6d6d6; background:#f8f8f8;
}
fieldset.anfrage .formItem.error:after { border-top-color:#d96d00}

fieldset.anfrage .formSelect { overflow:visible}
fieldset.anfrage .formSelect:before {display:none}

fieldset.anfrage ::-webkit-input-placeholder {	color: #333; opacity:1;-webkit-transition: opacity 250ms ease-in-out;}
fieldset.anfrage ::-moz-placeholder {color: #333; opacity:1;-moz-transition: opacity 250ms ease-in-out;}
fieldset.anfrage :-moz-placeholder { color: #333; opacity:1;-moz-transition: opacity 250ms ease-in-out;}
fieldset.anfrage :-ms-input-placeholder { color: #333; opacity:1;transition: opacity 250ms ease-in-out;}

fieldset.anfrage :focus::-webkit-input-placeholder { opacity:.3}
fieldset.anfrage :focus::-moz-placeholder { opacity:.3}
fieldset.anfrage :focus:-moz-placeholder {  opacity:.3}
fieldset.anfrage :focus:-ms-input-placeholder {  opacity:.3}

fieldset.anfrage .focus ::-webkit-input-placeholder {	color: #fff; }
fieldset.anfrage .focus ::-moz-placeholder {color: #fff; }
fieldset.anfrage .focus :-moz-placeholder { color: #fff;}
fieldset.anfrage .focus :-ms-input-placeholder { color: #fff;}

fieldset.anfrage .focus :focus::-webkit-input-placeholder { opacity:1}
fieldset.anfrage .focus :focus::-moz-placeholder { opacity:1}
fieldset.anfrage .focus :focus:-moz-placeholder {  opacity:1}
fieldset.anfrage .focus :focus:-ms-input-placeholder {  opacity:1}

fieldset.anfrage .formSubmit { 
	position:relative; display:inline-block; text-decoration:none; color:#444; background-color:transparent; cursor:pointer;
	font-style:italic;text-transform:uppercase;-webkit-backface-visibility: hidden; padding-right:5px; font-size:12px; padding-top:10px
}
fieldset.anfrage .formSubmit:before {
	content: " "; width:24px; height:24px; background: url(../gfx/ico-btnmore.svg); float:left; margin-right:8px; position:relative; top:-4px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;-moz-transition: -moz-transform 250ms ease-in-out;
	-o-transition: -o-transform 250ms ease-in-out;transition: transform 250ms ease-in-out; outline:1px solid transparent;
}
fieldset.anfrage .formSubmit:hover { color:#1c6fb6}
fieldset.anfrage .formSubmit:hover:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/* -- Footer -- */
#footer { padding: 18px 20px 0; position:relative; z-index:4; margin-top:-80px; height:80px;-webkit-transform: translateZ(0)} 
#footer p.copy { margin:0; padding:0;}

#footer a.btnCustomer { 
	font-family:'UniSansRegularItalic', sans-serif;float:right; display:block; color:#ccc; padding-right:3px;
	text-transform:uppercase; text-decoration:none; position:relative; font-style:italic; padding-left:30px; top:15px;
}
#footer a.btnCustomer:before {
	position:absolute; left:0; top:-5px; font-size:12px;width:24px; height:24px; display:block; text-align:center; line-height:24px;
	color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	background: #009de1;	background: -moz-radial-gradient(center, ellipse cover, #009de1 9%, #1c6fb6 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(9%,#009de1), color-stop(100%,#1c6fb6));
	background: -webkit-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -o-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -ms-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: radial-gradient(ellipse at center, #009de1 9%,#1c6fb6 100%);
	-webkit-transition: -webkit-transform 250ms ease-out;-moz-transition: -moz-transform 250ms ease-out;
	-o-transition: -o-transform 250ms ease-out;transition: transform 250ms ease-out;
	background-position:-4px -4px;
}
#footer a.btnCustomer:hover { color:#fff}

#footer fieldset { float:right; padding-top:10px;  margin-bottom:0; position:relative}
#footer fieldset .formItem { position:relative; overflow:hidden}
#footer fieldset .formItem:before {
	content:" ";	background:#494948;	border-top:2px solid #3e3e3d;height:100%; width:100%;position:absolute; top:0; bottom:0; display:block;z-index:1; width:200px; 
	-webkit-transform: skew(-45deg, 0deg);-moz-transform: skew(-45deg, 0deg);-o-transform: skew(-45deg, 0deg);-ms-transform: skew(-45deg, 0deg);transform: skew(-45deg, 0deg);
}
#footer fieldset .formItem label{ display:none}
#footer fieldset .formItem input.formText { background:none; border:0; padding:8px 10px;position:relative; z-index:2; width:100px; color:#bbb; font-size:14px;}
#footer fieldset .formItem {float:left}

#footer fieldset .formUsername { padding-right:45px;}
#footer fieldset .formUsername:before { right:22px;}
#footer fieldset .formPassword {  padding-left:50px; margin-left:-60px;}
#footer fieldset .formPassword input{ text-align:right}
#footer fieldset .formPassword:before { left:45px;}

#footer fieldset .formSubmit{ 
	width:24px; height:24px;background:#242424; color:#fff;cursor:pointer; padding:0; font-size:12px; text-align:center; line-height:28px; margin-left:10px;
	position: relative; top:4px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; border:0
}
#footer fieldset .formSubmit span{ display:none}
#footer fieldset .formSubmit:hover { background:#1c6fb6}

#footer fieldset .msg { position: absolute; color:#ff8000; left:-170px; top:16px}

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;position:relative;	overflow:hidden;
	-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;
	backface-visibility:hidden;z-index:1;
}
.swiper-wrapper {
	position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;	-webkit-transform:translate3d(0px,0,0);	-webkit-transition-timing-function:ease;	
	-moz-transition-property:-moz-transform, left, top;	-moz-transition-duration:0s;	-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;	
	-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;	
	transition-property:transform, left, top;transition-duration:0s;	transform:translate3d(0px,0,0);	transition-timing-function:ease;
	-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;
}
.swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;	box-sizing: content-box;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {position: relative;display: inline-block; vertical-align: top; z-index:2;font-family: Arial, Helvetica, sans-serif}

.selectboxit-container * { 
	-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;-o-user-select: none;
	user-select: none;outline: none; white-space: nowrap;
}
.selectboxit-container .selectboxit {width: 230px !important; cursor: pointer;margin: 0;padding: 0;overflow: hidden;display: block;position: relative;}
.selectboxit-container span, 
.selectboxit-container .selectboxit-options a {height: 30px;line-height: 30px; display: block;}

.selectboxit-container .selectboxit:focus {outline: 0;}

.selectboxit.selectboxit-disabled, 
.selectboxit-options .selectboxit-disabled {opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none; cursor: default;}

.selectboxit-text {text-indent: 5px;overflow: hidden;text-overflow: ellipsis; float: left;}
.selectboxit .selectboxit-option-icon-container {margin-left: 5px;}

.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box; box-sizing: border-box;min-width: 100%; *width: 100%;
  margin: 0;padding: 0;list-style: none;position: absolute;overflow-x: hidden;overflow-y: auto;cursor: pointer;display: none;
  z-index: 9999999999999;text-align: left;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;
}
.selectboxit-option .selectboxit-option-anchor{padding: 0 2px;}
.selectboxit-option .selectboxit-option-anchor:hover {text-decoration: none;}

.selectboxit-option, 
.selectboxit-optgroup-header {text-indent: 5px; margin: 0; list-style-type: none;}
.selectboxit-optgroup-header {font-weight: bold;}

.selectboxit-optgroup-header:hover { cursor: default;}
.selectboxit-arrow-container {width: 24px; position: absolute;right: 0; color:#666}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {margin: 0 auto; position: absolute;top: 50%;right: 0;left: 0;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {top: 30%;}

.selectboxit-option-icon-container { float: left;}
.selectboxit-container .selectboxit-option-icon {margin: 0;padding: 0;vertical-align: middle;}
.selectboxit-option-icon-url {width: 18px;height: 100%;float: left;}

.selectboxit-rendering {
	display: inline-block !important;*display: inline !important;zoom: 1 !important;visibility: visible !important;
	position: absolute !important;top: -9999px !important;left: -9999px !important;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn { }

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {color: #333;text-decoration: none;}
.selectboxit-default-arrow {width: 0;height: 0;}

.selectboxit-list {background-color: #f8f8f8;border: 1px solid #d6d6d6;border-bottom:0}
.selectboxit-list .selectboxit-option-anchor {color: #333; border-bottom:1px solid #d6d6d6}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #fff;background-color: #009de1;background-repeat: repeat-x;}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {color: #999;}

/* --------------------------------------
*	Pages
* -----------*/

/* -- Startseite -- */
.front #inner { padding-top:0}
.front #mainContent .row{ top:-30px; position:relative}
/* -- Produkt Detail-- */
.product-detail .block-contact .inner { margin:0}

/* -- Kontakt -- */
.kontakt .employee { margin-left:0}
.kontakt .employee h2 {font-size:14px; margin-bottom:25px; color:#1c6fb6; padding-left:25px; padding-top:50px}

.kontakt .block-contact { margin-bottom:30px; width:308px; margin-left:25px}
.kontakt .block-contact:nth-child(3n+1) {} 
/*.kontakt .block-contact:nth-child(3n+3) {width:333px} 
.kontakt .block-contact:nth-child(3n+4) {width:215px} */
.kontakt .block-contact h3 { color:#333; margin-bottom:0}
.kontakt .block-contact em {}
.kontakt .block-contact ul { border-top:0; padding-top:10px}
.kontakt .block-contact ul li { padding:0 0 0 25px; margin-bottom:5px}
.kontakt .block-contact ul li:before { color:#333; width:auto; height:auto; background:none; font-size:12px; top:-1px}

/* -- Responsive - Layouts -- */
/* -- Tablet  -- */
@media screen and (max-width: 1024px){
   
}
/* -- Smartphone -- */
@media screen and (max-width: 480px){
    
}

.white-popup-block {padding: 50px; background: #fff; max-width: 540px; margin: 0 auto}
.white-popup-block .close_lightbox,
.white-popup-block .delete_account{
	display: inline-block;position: relative;text-transform: uppercase;font-style: italic;text-decoration: none;padding:7px 0 7px 30px;
	border: 0; background: transparent; cursor: pointer; margin-right: 20px;
}
.white-popup-block .close_lightbox:before,
.white-popup-block .delete_account:before {
	position: absolute;	content: "e";
	font-family: "seilzugwerk" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: 0;
	top: 1px;
	font-size: 12px;
	width: 24px;
	height: 24px;
	display: block;
	text-align: center;
	line-height: 24px;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #009de1;
	background: -moz-radial-gradient(center, ellipse cover, #009de1 9%, #1c6fb6 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(9%,#009de1), color-stop(100%,#1c6fb6));
	background: -webkit-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -o-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: -ms-radial-gradient(center, ellipse cover, #009de1 9%,#1c6fb6 100%);
	background: radial-gradient(ellipse at center, #009de1 9%,#1c6fb6 100%);
	-webkit-transition: -webkit-transform 250ms ease-out;
	-moz-transition: -moz-transform 250ms ease-out;
	-o-transition: -o-transform 250ms ease-out;
	transition: transform 250ms ease-out;
	background-position: -4px -4px;
}

/* -- Wiederverwendabr-- */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}