/*
* Responsive HTML5/CSS3 template
* http://webcodebuilder.com/examples/responsive-html5css3-template/index.html
*
* Copyright 2012, WebCodeBuilder
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
@media all{
body{
margin:0;
background: rgba(19,21,23,1);
background: -moz-linear-gradient(left, rgba(19,21,23,1) 0%, rgba(0,0,0,1) 91%, rgba(19,21,23,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,21,23,1)), color-stop(91%, rgba(0,0,0,1)), color-stop(100%, rgba(19,21,23,1)));
background: -webkit-linear-gradient(left, rgba(19,21,23,1) 0%, rgba(0,0,0,1) 91%, rgba(19,21,23,1) 100%);
background: -o-linear-gradient(left, rgba(19,21,23,1) 0%, rgba(0,0,0,1) 91%, rgba(19,21,23,1) 100%);
background: -ms-linear-gradient(left, rgba(19,21,23,1) 0%, rgba(0,0,0,1) 91%, rgba(19,21,23,1) 100%);
background: linear-gradient(to right, rgba(19,21,23,1) 0%, rgba(0,0,0,1) 91%, rgba(19,21,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131517', endColorstr='#131517', GradientType=1 );
width:100%;
color:#f1f1f1;
min-width:200px;
font-family: Lato, serif; font-weight: 400;
}
section, header,footer,nav { display:block;}
section {
min-height:600px;
}
form,
fieldset{
border:0;
padding:0;
margin:0;
}
h1{
font:36px Lato, sans-serif; /*60px/64px*/
margin:0 0 0.167em;
text-align:left;
color:#f1f1f1;
}
h2 {
font:1.714em/1.125em Lato, sans-serif; /*24px/27px*/
color:#f1f1f1;
text-align:left;
margin:0 0 0.417em;
}
h3 {
font:1.285em/1.167em Lato, sans-serif; /*18px/21px*/
margin:0 0 0.55em;
text-align:left;
}
.subHeading{
display:block;
font:1.657em/1.151em Lato, sans-serif; /*33px/38px*/
margin:0 0 1em;
text-align:left;
color:#f1f1f1;
margin-left:auto;
margin-right:auto;
}
ul {
padding:0;
margin:0;
list-style:none;
text-align:left;
margin-left:0px;
}
ul .symbol{
margin-left:22px;
}
.symbol li{
margin-bottom:13px;
padding-left:0px;
}
q {
quotes:none;
display:block;
padding:1.5em 1em 0 40px;
}
q:before { content:"";}
q:after { content:"";}
cite {
display:block;
text-align:right;
}
dl{ margin:0 0 10px;}
dt {font-weight:bold;}
dd { margin:0 0 10px 20px;}
form,
fieldset {
padding:0;
margin:0;
border:0;
}
.center {
max-width:960px;
width:100%;
margin:0 auto;
font-size:14px;
line-height:20px;
}
.hidden{display:none;}
.box-main:after,
.center:after {
content:"";
clear:both;
display:block;
}
.right { float:right;}
.left { float:left;}
.alignLeft{
float:left;
margin-right:1em;
}
.alignRight{
float:right;
margin-left:1em;
}
.fullWidth{width:100%;}
.fullWidth img{width:100%;}
.row{
width:100%;
background: rgba(181,180,186,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(181,180,186,1) 0%, rgba(246,246,246,1) 93%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(181,180,186,1)), color-stop(93%, rgba(246,246,246,1)), color-stop(100%, rgba(241,241,241,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(181,180,186,1) 0%, rgba(246,246,246,1) 93%, rgba(241,241,241,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(181,180,186,1) 0%, rgba(246,246,246,1) 93%, rgba(241,241,241,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(181,180,186,1) 0%, rgba(246,246,246,1) 93%, rgba(241,241,241,1) 100%);
background: radial-gradient(ellipse at center, rgba(181,180,186,1) 0%, rgba(246,246,246,1) 93%, rgba(241,241,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4ba', endColorstr='#f1f1f1', GradientType=1 );
border-bottom:2px solid #000;
color:#000;
padding:2.857em 0;
text-align:left;
}
.row .subHeading{
color:#000;
}
.row a{
color:#000;
text-decoration:underline;
}
.row a:hover{
color:#000;
text-decoration:none;
}
.row:after{
content:"";
display:block;
clear:both;
}
/*
Erster Bereich mit Slider
*/
.grey{
background: #39393b;
/*background: #2e2e38; /* Old browsers
background: -moz-linear-gradient(45deg, #2e2e38 0%, #131517 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#2e2e38), color-stop(100%,#131517));
background: -webkit-linear-gradient(45deg, #2e2e38 0%,#131517 100%);
background: -o-linear-gradient(45deg, #2e2e38 0%,#131517 100%);
background: -ms-linear-gradient(45deg, #2e2e38 0%,#131517 100%);
background: linear-gradient(45deg, #2e2e38 0%,#131517 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e38', endColorstr='#131517',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
color:#fff;
-moz-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
inset 0 -6px 6px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
inset 0 -6px 6px -6px rgba(0,0,0,0.75);
box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
inset 0 -6px 6px -6px rgba(0,0,0,0.75);
}
.grey h1{
color:#f1f1f1;
text-shadow:0 1px 2px rgba(0,0,0,0.5);
}
.grey h2{
text-shadow:0 1px 2px rgba(0,0,0,0.5);
}
.grey .subHeading{
color:#f1f1f1;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.grey a{color:#f1f1f1; text-decoration:underline;}
.btn{
position:relative;
display:inline-block;
padding:0.278em;
font:1.714em/2.375em 'Lato', sans-serif;
border:0px solid #d6d6d6;
background:#dedede;
text-decoration:none;
font-weight:bold;
cursor:pointer;
width:auto;
margin:0 -2px;
overflow:visible;
-webkit-border-radius: 1.67em;
-moz-border-radius: 1.67em;
border-radius: 1.67em;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
* +html .btn{margin:0;}
.btn span{
color:#fff;
padding:0 1.25em;
display:block;
text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0px 3px rgba(255,255,255,255.75);
-webkit-box-shadow: inset 0 0px 3px rgba(255,255,255,0.75);
box-shadow: inset 0 0px 3px rgba(255,255,255,0.75);
-webkit-border-radius: 1.25em;
-moz-border-radius: 1.25em;
border-radius: 1.25em;
}
.btnSmall{
padding:0.278em;
text-decoration:none;
font-size:1.214em;
line-height:2.35em;
background:#798493;
font-weight:bold;
border:0px solid #505a68;
-webkit-border-radius: 1.47em;
-moz-border-radius: 1.47em;
border-radius: 1.47em;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
box-shadow: 0 1px 1px rgba(255,255,255,0.36);
}
.btnSmall span{
color:#fff;
text-decoration:none;
padding:0 1.47em;
display:block;
text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
border:1px solid #566270;
background:#606a78;
background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(98,119,149)),
color-stop(1, rgb(160,188,226))
);
-moz-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,255.75),
inset 0 0 0 #fff;
-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
inset 0 0 0 #fff;
box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
inset 0 0 0 #fff;
-webkit-border-radius: 1.25em;
-moz-border-radius: 1.25em;
border-radius: 1.25em;
}
.btn:hover {
background:#1b4648;
background:rgba(0,0,0,0.2);
}
.btnSmall:hover {
background:none;
}
.btnSmall:hover span{
background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(109,131,164)),
color-stop(1, rgb(169,199,241))
);
}
.btn:active{
top:1px;
}
.btn:hover span,
.btn:active span{
color:#fff;
}
.btnGreen span{
border:0px solid #5e9048;
background:#75cf44;
background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(80,153,46)),
color-stop(1, rgb(117,207,68))
);
}
.btnBlue span{
background:#52b3d3;
border:0px solid #67a2b4;
color:#fff;
background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(66,153,179)),
color-stop(1, rgb(82,179,211))
);
}
td {
padding-top:20px;
}
/* .formRow{
width:100%;
margin:0 0 1.5em;
}
.formRow:after{
content:"";
display:block;
clear:both;
}
.textField{
width:100%;
overflow:hidden;
border:1px solid #505a68;
background:#798493;
font-weight:bold;
padding:0.5em;
-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
box-shadow: 0 1px 1px rgba(255,255,255,0.36);
}
input,
textarea{
display:block;
background:#fff;
font:1em/1.214em Arial, Helvetica, sans-serif; /*14px/17px*/
/*color:#444;
width:100%;
padding:0.75em 1.5em;
border:1px solid #505762;
margin:0;
resize:none;
-moz-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
}
textarea {
overflow:auto;
height:10.812em;
}
* +html input,
* +html textarea,
* +html .textField{
width:99%;
padding:0;
} */
::-webkit-input-placeholder {
color: #444;
}
:-moz-placeholder {
color: #444;
}
.columns{width:100% }
.columns:after{
content:"";
display:block;
clear:both;
}
.columns > div,
.columns > article{
float:left;
vertical-align:top;
}
.columns h2{text-align:left;}
.half{
width:48.0%;
margin:1.3%;
}
.oneThird{
width:32%;
margin:1%;
}
.columns > div:first-child,
.columns > article:first-child{margin-left:0;}
.oneThird +.oneThird +.oneThird,
.threeForth + .oneForth,
.oneForth + .half,
.half + .half,
.half + .oneForth + .oneForth,
.last{
float:right;
margin-right:0;
}
.oneForth{width:25%;}
.threeForth{width:74.5%;}
.buttons{
width:100%;
overflow:hidden;
text-align:left;
margin:2.5em 0 0
}
.buttons > span{
background:url(../img/sep-vert.gif) no-repeat 50% 50%;
display:inline-block;
font-size:1.714em;
line-height:1.125em;
padding:1em 0.75em;
margin:0 -1px 0 -2px;
background:#;
}
* +html .buttons > span{margin:0 20px;}
.buttons > span em{
font-style:normal;
display:block;
background:#eaeaea;
}
.imgHolder{
display:inline-block;
padding:0px;
background:#fff;
border:0px solid #cecece;
margin-bottom:1em;
max-width:100%;
overflow:hidden;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
* +html .imgHolder{
max-width:93.5%;
border-width:3%;
padding:0;
}
.imgHolder img{display:block;}
.grey .imgHolder{
}
/*main styles*/
#pagewidth {width:100%;}
#header{
position: fixed;
z-index:100;
left: 0;
top: 0;
height:69px;
width:100%;
overflow:hidden;
padding-top:20px;
background: #39393b;
background: -moz-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #39393b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
background: -webkit-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: -o-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: -ms-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: linear-gradient(to right, #39393b 0%, #1c1c1c 91%, #131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39393b', endColorstr='#131313', GradientType=1 );
-webkit-box-shadow: 0 9px 10px -8px black;
-moz-box-shadow: 0 9px 10px -8px black;
box-shadow: 0 9px 10px -8px black;
}
#content{padding:82px 0 0;}
#mainNav{text-align:center;}
#mainNav li{
display:inline-block;
margin:0 7px;
margin-top:-25px;
}
#mainNav a{
color:#f1f1f1;
position:relative;
display:inline-block;
padding:0.378em;
text-decoration:none;
font-size:1.1em;
line-height:2.35em;
background:none;
font-weight:normal;
}
#mainNav a:hover{
text-decoration:underline;
}
.gallery{
background:url(../img/sep-hor.gif) no-repeat 50% 0;
padding:2px 0;
position:relative;
margin:0 auto;
width:81.25%;
position:relative;
}
.gallery:after{
content:"";
position:absolute;
bottom:0;
left:0;
background:url(../img/sep-hor.gif) no-repeat 50% 0;
width:100%;
height:2px;
}
.slides{
list-style:none;
overflow:hidden;
padding:0;
width:100%;
}
.slides li{
padding:0;
display: none;
position:relative;
background:url(../img/sep-vert.gif) no-repeat 50% 50%;
}
* +html .slides li{
display:inline;
zoom:1;
margin:0;
}
.slides blockquote{
float:right;
width:48%;
margin:2.5em 0 0;
}
.slides blockquote:first-child{float:left;}
#map{
border:0px solid #000;
background:none;
color:#000;
width:70%;
padding-top:20px;
padding-bottom:20px;
}
#map .imgHolder{
height:1%;
overflow:hidden;
background:#fff;
padding:0px;
border:0;
margin:0;
display:block;
}
#map .imgHolder img{
width:100%;
}
.form1{width:100%; z-index: 10; text-align:left;
}
#testimonials{
margin-top:-2.857em;
}
#testimonials .row{
padding:0;
}
#testimonials .row:first-child{
background:none;
}
#testimonials{background:none;}
#testimonials:after{display:none;}
#footer{
width:100%;
overflow:hidden;
padding:24px 0;
color:#fff;
line-height:16px;
}
#footer a{
color:#fff;
}
#footer .copy{float:right;}
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 960px){
.center{
padding:0 10px;
width:auto;
}
.buttons{font-size:11px;}
}
@media all and (max-width: 780px){
body{font-size:13px;}
#mainNav{display:none;}
#header{
display:block;
z-index:100;
left: 0;
top: 0;
height:56px;
width:100%;
overflow: visible;
padding:1.145em 0;
background: #131517; /* Old browsers */
text-align:center;
margin-left: auto;
margin-right: auto;
background: #39393b;
background: -moz-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #39393b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
background: -webkit-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: -o-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: -ms-linear-gradient(left, #39393b 0%, #1c1c1c 91%, #131313 100%);
background: linear-gradient(to right, #39393b 0%, #1c1c1c 91%, #131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39393b', endColorstr='#131313', GradientType=1 );
-webkit-box-shadow: 0 9px 10px -8px black;
-moz-box-shadow: 0 9px 10px -8px black;
box-shadow: 0 9px 10px -8px black;
}
#map{width:100%; left:0px; text-align:center;}
.buttons{font-size:9px;}
h1{font-size:3.5em; text-align:center;
}
.subHeading{font-size:2em;text-align:center;
}
.news h3{font-size:1.3em;}
}
@media all and (max-width: 504px){
li {list-style: none; }
body{font-size:12px;}
.columns > div,
.columns > article{
float:none;
margin:0;
width:100%;
}
.buttons{font-size:7px;}
#testimonials li,
#testimonials .row{
background:none;
}
#testimonials blockquote{
float:none;
width:100%;
position:relative;
}
#testimonials blockquote:after{
background:url(../img/sep-hor.gif) no-repeat 50% 0;
content:"";
position:absolute;
left:0;
top:-18px;
width:100%;
height:2px;
}
#testimonials .row:first-child blockquote:first-child:after{display:none;}
.flex-direction-nav{display:none;}
h1{font-size:3em;}
.subHeading{font-size:1.75em;}
.form1 {
text-align:center;
}
#map{
background:#eee;
}
}
#ei-slider li{
width:100%;
height:auto;
}
@media all and (max-width: 320px){
h1{font-size:2.5em;}
.subHeading{font-size:1.5em;}
.news h3{font-size:1.25em;}
}
@media all and (min-device-width: 504px) and (max-device-width: 1024px){
#content{padding:0; font-size:12px;
line-height:12px;}
}