/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('lib/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('lib/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('lib/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('lib/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('lib/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('lib/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('lib/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('lib/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('lib/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

html, body {
width:100%;
}

body {
margin:0; padding:0;
background:#fff;
}

body, a, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4, label {
font-family:'Lato',Arial,Helvetica,sans-serif;
font-size:16px;
line-height:22px;
color:#000;
font-weight:normal;
text-decoration:none;
margin:0; padding:0;
list-style-type:none;
outline:none;
border:0;
-webkit-text-size-adjust:none;
}

img {
border:0;
}

a:hover {
text-decoration:underline;
}

.dn {
display:none;
}

.vh {
visibility:hidden;
}

h1, h2 {
font-size:22px;
line-height:22px;
color:#009ee3;
margin-bottom:30px;
}

.datenschutz h1 {
margin:0;
}

.datenschutz h2 {
margin:15px 0;
}

p {
margin:0; padding:0 0 8px 0;
}

hr {
margin:0 auto;
width:93%;
max-width:978px;
border:0;
border-top:1px solid #009ee3;
}

/* Navigation */

#header {
position:fixed; left:50%; top:0px;
margin-left:-600px;
width:1200px; height:321px;
background:url('img/glas_t.png') no-repeat;
z-index:100;
}

         #logo {
         float:left;
         margin:65px 0 0 148px;
         }

         #ig, #fb, #mail {
         position:absolute; left:100%; top:480px;
         margin-left:-59px;
         width:59px; height:59px;
         background:url('img/icon_fb.png') no-repeat;
         }

         #ig {
         top:548px;
         background:url('img/icon_ig.png') no-repeat;
         background-size:59px 59px;
         }

         #mail {
         top:616px;
         background:url('img/icon_mail.png') no-repeat;
         }

         #nav {
         float:left;
         margin:110px 0 0 399px;
         }

@media only screen and (min-width: 1200px) {
         .neu #nav {
         margin:110px 0 0 275px;
         }
}
                  #nav li {
                  float:left; margin:0 5px;
                  }

                  #nav li, #nav li a {
                  font-size:16px;
                  text-transform:uppercase;
                  color:#565655;
                  text-decoration:none;
                  font-weight:700;
                  -webkit-text-shadow:0px 0px 38px #fff;
                  -moz-text-shadow:0px 0px 38px #fff;
                  -o-text-shadow:0px 0px 38px #fff;
                  -ms-text-shadow:0px 0px 38px #fff;
                  text-shadow:0px 0px 38px #fff;
                  }

                  #nav li a:hover {
                  color:#95c11c;
                  }

#all {
position:relative;
margin:0 auto;
width:1200px;
overflow:hidden;
z-index:1;
-moz-box-shadow:0px 0px 10px 5px #ddd;
-webkit-box-shadow:0px 0px 10px 5px #ddd;
-o-box-shadow:0px 0px 10px 5px #ddd;
-ms-box-shadow:0px 0px 10px 5px #ddd;
box-shadow:0px 0px 10px 5px #ddd;
}

.content {
position:relative; left:-100px;
width:1400px;
overflow:hidden;
}

         .content div {
         position:absolute; left:0px; top:0px;
         width:1400px;
         background:#fff;
         }

         .content .contenta, .content .contenta div, .content .text div, .content .img div {
         position:relative;
         }

         .content .contentb {
         top:-75px;
         height:306px;
         -webkit-transform:rotate(-7.3deg);
         -moz-transform:rotate(-7.3deg);
         -o-transform:rotate(-7.3deg);
         -ms-transform:rotate(-7.3deg);
         transform:rotate(-7.3deg);
         overflow:hidden;
         }

                  .content .contentb div.img, .content .contentb div.text {
                  left:-25px;
                  top:75px;
                  -webkit-transform:rotate(7.3deg);
                  -moz-transform:rotate(7.3deg);
                  -o-transform:rotate(7.3deg);
                  -ms-transform:rotate(7.3deg);
                  transform:rotate(7.3deg);
                  }

         .content .contentc {
         top:228px;
         height:15px;
         -webkit-transform:rotate(-7.3deg);
         -moz-transform:rotate(-7.3deg);
         -o-transform:rotate(-7.3deg);
         -ms-transform:rotate(-7.3deg);
         transform:rotate(-7.3deg);
         overflow:hidden;
         }

                  .content .contentc div.img, .content .contentc div.text {
                  left:-3px;
                  top:-228px;
                  -webkit-transform:rotate(7.0deg);
                  -moz-transform:rotate(7.0deg);
                  -o-transform:rotate(7.0deg);
                  -ms-transform:rotate(7.0deg);
                  transform:rotate(7.0deg);
                  }

         .content div img {
         display:block;
         width:1400px;
         left:-100px;
         }

         .content div.text {
         padding:0 550px 0 300px;
         width:650px;
         }

         .content .contentb div.text, .content .contentc div.text  {
         padding:0 530px 0 280px;
         width:690px;
         }

         .content div.text a.reiter {
         float:left;
         color:#bbb;
         background:#fafafa;
         text-decoration:none;
         font-weight:bold;
         padding:10px 20px 5px 20px;
         }

         .content div.text a.reiter:hover, .content div.text a.reiteraktiv {
         color:#009ee3;
         background:#f2f2f2;
         -ms-transition:.5s;
         -moz-transition:.5s;
         -webkit-transition:.5s;
         transition:.5s;
         }

         .content div.text div.reitercontent {
         padding:20px;
         width:660px;
         margin-left:-12px;
         background:#f2f2f2;
         }

         #content2 div.text {
         padding:0 98px 0 300px;
         width:900px;
         }

         #content6 div.text {
         padding:0 200px 0 250px;
         width:950px;
         }

         .content div.left {
         float:left;
         width:auto;
         }

         .content div.left {
         max-width:537px;
         }

         .datenschutz .content div.left {
         max-width:100%;
         }

         .content div.kontakt {
         margin-left:120px;
         }

         a.anfahrt {
         color:#009ee3;
         font-weight:bold;
         text-decoration:none;
         }

         a.anfahrt img {
         display:block;
         margin:-5px 0 10px 0;
         width:100%;
         max-width:352px;
         left:0;
         }

         input.text {
         width:517px; height:16px;
         padding:10px;
         background:url('img/bg_input.png') no-repeat;
         color:#999;
         }

         input.check {
         width:1px; height:1px; padding:0; background:none; color:#fff; border:0;
         }

         textarea {
         width:517px; height:135px;
         padding:10px;
         background:url('img/bg_textarea.png') no-repeat;
         color:#999;
         }

         input.submit {
         color:#009ee3;
         font-weight:bold;
         border:0;
         background:none;
         cursor:pointer;
         }

         span.line {
         display:block;
         width:517px; height:30px;
         border-top:1px solid #e5e5e5;
         }

         .content div.right {
         float:right;
         position:relative;
         width:202px; height:390px;
         padding:0 0 50px 50px;
         }

                 #carousel {
                 position:absolute; left:50px; top:40px;
                 width:202px; height:384px;
                 overflow:hidden;
                }

                 #carousel ul {
                 position:absolute; left:-202px; top:0px;
                 width:10000px; height:384px;
                }

                 #carousel li {
                 float:left;
                 width:202px; height:384px;
                 background-repeat:no-repeat;
                 background-position:center top;
                  -webkit-background-size:cover;
                  -moz-background-size:cover;
                  -o-background-size:cover;
                  background-size:cover;
                  -ms-behavior:url(/lib/backgroundsize.min.htc);
                 }

                         #carousel li a {
                         float:left;
                         width:202px; height:390px;
                          text-decoration:none;
                         }

                                 #carousel label {
                                  margin-top:320px;
                                 display:block;
                                 width:172px;
                                 min-height:44px;
                                 padding:10px 15px;
                                 background:#95c11c;
                                 color:#fff;
                                 }

                 .right .prev, .right .next {
                 position:absolute; left:20px; top:373px;
                 width:30px; height:35px;
                 background:url('img/prevnext.png') 20px top no-repeat;
                 overflow:hidden;
                 text-indent:-1000px;
                 }

                 .right .next {
                 left:252px;
                 background-position:left -100px;
                 }

#referenzen {
background:none;
}

#referenzen:before {
content:'';
display:block;
height:400px;
margin-top:-400px;
}


                 #referenzen, #referenzen ul {
                 position:relative; left:0px; top:0px;
                 min-height:600px;
                 }

                 #referenzen li {
                 visibility:hidden;
                 position:absolute; left:0px; top:0px;
                 }

                 #referenzen li.active {
                 visibility:visible;
                 }

                 #referenzen li img {
                 width:100%; height:auto;
                 max-width:400px;
                 }

                 #referenzen li>div {
                 position:absolute; top:auto; bottom:0px; left:446px;
                 max-width:410px;
                 margin:0;
                 text-align:center;
                 }

                 #referenzen li div div {
                 max-width:410px;
                 text-align:left;
                 }

                 #referenzen li hr {
                 width:100%;
                 }

                 #referenzen li h3 {
                 font-weight:bold;
                 }

                 #referenzen li .prev {
                 display:inline-block;
                 width:45px; height:45px;
                 background:url('img/Button_Referenzen_links.png') no-repeat;
                 background-size:45px 45px;
                 overflow:hidden;
                 text-indent:-1000px;
                 }

                 #referenzen li .next {
                 display:inline-block;
                 width:45px; height:45px;
                 background:url('img/Button_Referenzen_rechts.png') no-repeat;
                 background-size:45px 45px;
                 overflow:hidden;
                 text-indent:-1000px;
                 }

                 .inline {
                 max-width:960px;
                 }

                         .inline img {
                         display:block;
                        margin-bottom:10px;
                         }

                 .fancybox-title { display:none; }


#footer {
position:relative;
width:100%; height:104px;
background:#009ee3;
z-index:1000;
}

         #footercontent {
         margin:0 auto;
         width:680px; height:72px;
         padding:32px 0 0 220px;
         background:url('img/logo.png') left 29px no-repeat;
         }

         #footercontent, #footercontent a, #footercontent span {
         color:#fff;
         }

@media only screen and (max-width: 1199px) {
         html, body { width:100%; overflow-x:hidden; }
         #header, #all { width:100%; left:0px; margin:0; }
         #logo { margin-left:50px; }
         #nav { float:right; margin-left:0; margin-right:50px; }
         .content { left:0px; width:100%; }
         .content .content { width:100%; }
         .content div { width:100%; }
         .content div.text, #content2 div.text, #content6 div.text { width:85%; padding:0 10% 0 5%; }
         .content div.text.referenzen { width:90%; padding-right:5%; }
         input.text, textarea, span.line { width:300px; }
         #footercontent { padding-left:240px; background-position:20px 29px; }
}

@media only screen and (max-width: 1023px) {
         .content div img { width:100%; height:auto; left:0; }
         #content1 div img { height:321px; width:auto; }
         #referenzen li>div { position:relative; bottom:auto; left:auto; margin-top:60px; }
         #referenzen, #referenzen ul, #referenzen li { height:auto; }
         #referenzen li.active { position:relative; }
}

@media only screen and (max-width: 850px) {
         .content div.kontakt { margin-left:0; }
         input.text, textarea, span.line { width:517px; }
         #footercontent { padding-left:20px; background-image:none;
         max-width:100%;
         -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
         box-sizing:border-box;
         }
}


@media only screen and (max-width: 767px) {
         #header { position:absolute; }
         .contentb, .contentc { display:none !important; }
         .content div.text div.reitercontent { width:100%; padding:20px 5%; }
}

@media only screen and (max-width: 700px) {
         #logo, #nav { position:relative; display:block; float:none; margin:40px auto; width:288px; }
         #nav { padding-left:40px; }
         .content div.right { float:left; padding-left:0; }
         #carousel { left:0px; }
         .right .prev { left:-30px; }
         .right .next { left:202px; }
         #content3 { margin-top:50px; }
}


@media only screen and (max-width: 600px) {
         #footercontent, #footercontent a { font-size:12px; }
         input.text, textarea, span.line { width:270px; }
         input.text { background-image:url('img/bg_input2.png'); }
         textarea { background-image:url('img/bg_textarea2.png'); }
}

@media only screen and (max-width: 400px) {
         #header, #content1 div img { height:190px; }
         #header { background-position:left bottom; }
         #logo, #logo img { margin:20px auto; margin-top:15px; width:200px; height:54px; }
         #nav { padding-left:10px; }
         #footercontent, #footercontent a { font-size:12px; line-height:18px; }
         #footer { height:250px; }
         #footercontent { padding:100px 20px 0 20px; background-image:url('img/logo.png'); }
         #footercontent span { display:block; clear:left; width:1px; height:1px; overflow:hidden; text-indent:1000em; }
         #fb, #ig, #mail {
         margin-left:-29px; top:250px;
         width:29px; height:29px;
         -webkit-background-size:100% 100%;
         -moz-background-size:100% 100%;
         -o-background-size:100% 100%;
         background-size:100% 100%;
         }
         #ig { top:290px; }
         #mail { top:330px; }
         #kontaktabstand { display:none; }
         #content3 { height:150px; }
         #content5 { height:200px; }
}