﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    background-color:#fff;
    font-family: 'Open Sans', sans-serif;
    height:100%;
}
html {   height:100%;
}
.table2 {background-color:#fff;
         width:100%;
}
#carousel3 {
    background-color:#fff;
}
#carousel-nav .carousel-caption {display:none;
}
#carousel4 .carousel-indicators {
    bottom:30px;
    display:none;
}
.carousel-caption {
    background-color:rgb(147,177,185);
      width: 100%;
      padding: 0 0px;
      margin:0 auto;
      text-align:left;
      right:0%;
      left:0%;
      height:40px;
      padding-bottom:0px;
      margin-top:20px;
      bottom:0px;
      text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
      color:#484e50;
      padding-left:60px;
      font-size:1.2em;
      text-transform:uppercase;
      font-weight:700;
      line-height:40px;
}
}
    #carousel3 {
    display:inherit;
    text-align:center;
}
#carousel-nav {
    display:table;
}
#carousel-nav { list-style-type: none; overflow: hidden; width:100%; }
#carousel-nav li { float:left; width: 20%; }
#carousel-nav li{
display:block;

}
#carousel-nav li img{
  width:100%;  float:left;
  padding-top:20px;
}
         #carousel3 .carousel-inner > .item {
        text-align:center;
    }
     #carousel3 .carousel-inner > .item > img {
    margin: 0 auto;
}
#carousel4 {
    background-color: rgb(192,221,229);
}
              #carousel4 .carousel-inner > .item {
        text-align:center;
    }
     #carousel4 .carousel-inner > .item > img {
    margin: 0 auto;
}
.SmallPic{padding-right:10px; padding-bottom:10px;}
.BigPic {
  width:100%;
    /*max-height:500px;*/
}#BigPic2 {
  width:100%;
    /*max-height:500px;*/
}
.table2 tr{
border-bottom:solid 1px #ccc;
}
    .table2 td, th {
        padding:3px;
    }
.table2 tr th {color:#43A0Ae;
            text-transform:uppercase;
}
.table2 tr th p{color:#43A0Ae;
            text-transform:uppercase;
}
.row-fluid {height:100%;
}
.container {    padding-right: 0px;
    padding-left: 0px;
}
.content {
    background-color:#DBE0e0;
}
footer {
    background-color:#484e50;
    min-height:200px;
    padding-top:30px;
}
    footer a {
        text-transform:uppercase;
        color:#fff;
        font-size:1.2em;
        padding-left:60px;
    }
      footer a:hover, footer a:focus {
        text-transform:uppercase;
        color:#fff;
        font-size:1.2em;
        padding-left:60px;
    }
.Copy {
            text-transform:uppercase;

    padding-left:60px;
    padding-top:100px;
            font-size:1.2em;
            color:#DBE0e0;
           

}
p {
    font-size:1.1em;
}
h2 {
    font-size:1.7em;
    color:#43A0Ae;
    font-weight:bold;
    margin-bottom:5px;
}
h3 {
    font-size:1.7em;
    color:#43A0Ae;
    font-weight:normal;
    margin-top:0;
}
    h2 a {    color:#43A0Ae;

    }
h1 {
    display:block;
    background-color:#43A0Ae;
    text-transform:uppercase;
    min-height:40px;
    line-height:30px;
    color:#fff;
    font-size:1.8em;
      padding-top:5px;
           padding-bottom:3px;
  padding-left:60px;
    padding-right:60px;

}
.NewsContainer {
    width:100%;
      padding-left:60px;
    padding-right:60px;
    margin-top:20px;
    margin-bottom:20px;
    padding-bottom:15px;
    float:left;
}
.NewsHR {
    margin-bottom:20px;
    margin-top:20px;
   border: 0;
   clear:both;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #484e50, #ccc);

    margin-left:60px;
    margin-right:60px;

}
.PicColumnText {float:left; width:50%;
}
    .PicColumnText img {
        width:100%;
    }
.TextColumn { padding:60px;    width:100%;
}
.Content-Container {
      margin-top:-20px;
      padding:0;
      clear:both;
 background-color:#fff;
}
.Content-Container-Grey {
      margin-top:-20px;
      padding:0;
      clear:both;
 background-color:#DBE0e0;
}
.Content-Container-News {
    float:left;
    width:100%;
    
    padding-top:20px;
    padding-bottom:20px;
 background-color:#DBE0e0;
}
    .Content-Container-News h1 {
        margin:0;
        background-color:#DBE0e0;
        color:#43A0Ae;
       
    }
.PicColumnNews img {width:80%;
}
.PicColumnNews {
    width:33%;
    float:left;
}

.TextColumnNews {
     width:67%;
    float:left;
    display:inline;
}
header
{

    width:100%;
    padding-left:50px;
    padding-right:50px;
    height:160px;
}
.Logo {
    float:left;
    width:250px;
    padding-top:20px;
    margin-left:-53px;
}
.Logo img{width:100%;}
.Navi {
    float:right;
    width:100%;
    text-align:right;
padding-top:20px;
   height:30px;
}
.Suche {
      width:67%;
      height:50px;
      padding-top:50px;
    float:right;
}
.Suche img{ float:right;

}
.Button_Kontakt {
        float:right;

    display:block;
    width:120px;
    height:30px;
    text-align:center;
    background-color:#43A0Ae;
    line-height:30px;
    color:#fff;
    text-transform:uppercase;
    margin-left:10px;
}
a.Button_Kontakt:hover, a.Button_Kontakt:focus {
        float:right;

    display:block;
    width:120px;
    height:30px;
    text-align:center;
    background-color:#43A0Ae;
    line-height:30px;
    color:#fff;
    text-transform:uppercase;
}
.navbar {
   right:0;
       margin-top:15px;
       margin-bottom:0px;
       min-height:30px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

.Slider {
  float:left;
    margin-top:-5px;
    background-color:#ccc;
    width:100%;
   min-height:437px;

}
    .Slider img { float:left;
width:100%;
    }
.carousel-control {
        /*width: 30%;
    font-size: 40px;*/
}
#carousel {
    display:none;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {

}
.container {
  
}
.navbar {
   float:right;
    background-color:#fff;
    border:none;
    z-index:100000000000;
    margin-right:-30px;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  background-color: #fff;
  color: #43A0Ae;
}

    .navbar .navbar-nav > li {
        border-bottom:1px solid #fff;
        text-align:left;
     
    }
       .navbar .navbar-nav > li:last-child {
        border-bottom:1px solid #fff;
    }
.navbar .navbar-nav > li {
      padding-bottom:0px;
            margin-bottom:0px;

}
.navbar .navbar-nav > li:first-child > a {
  color: #000;
  padding-top:8px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  text-transform:uppercase;
  font-size:1.2em;
}
.navbar .navbar-nav > li > a {
  color: #000;
  padding-top:8px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left:30px;
  text-transform:uppercase;
  font-size:1.2em;
}
        .navbar .navbar-nav > li > a:hover {
            color:#43A0Ae;
        }
.navbar-collapse {
    margin-right:15px;
   
}
.dropdown-menu {border:none;
                  background-color:#43A0Ae;
                  z-index:100000000000000;
}
.dropdown-menu > li {
    background-color:#43A0Ae;
}
.dropdown-menu > li a:hover {
    background-color:#43A0Ae;
      color:#DEEFC7;
}
        .dropdown-menu > li > a {
  display: block;
  padding:5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #fff;
  white-space: nowrap;
}



        .panel-group .panel {
   
    border-radius: 0px;
    border:none;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}
.panel-default {
border:none;    
border-color:#fff;
}

    .panel-default > .panel-heading {
        color: #7daa39;
        display: block;
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #000;
        border-color: #000;
     
    }
.panel-heading {

}



.content {
    min-height: 300px;
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 767px) {

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-collapse.collapse.in {
                display: block !important;
            }

    .navbar-nav {
        float: none !important;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .navbar {
    width:210px;
    background-color:transparent;
    border:none;
}
    .navbar-toggle {
        background-color:#43A0Ae;
    }
    .navbar-collapse{
        background-color:#43A0Ae;
    }
            .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #43A0Ae;
}
            .navbar-nav .open .dropdown-menu {
   border:none;
                  background-color:#43A0Ae;
    
}
            .navbar-collapse {
    margin-right:15px;
   
}
 .navbar-nav .open .dropdown-menu {border:none;
                  background-color:#43A0Ae;
                  z-index:100000000000000;
                 
}
 .navbar-nav .open .dropdown-menu > li {
    background-color:#43A0Ae;   z-index:100000000000000;
                 
}
 .navbar-nav .open .dropdown-menu > li a:hover {
    background-color:#43A0Ae;
      color:#DEEFC7;   z-index:100000000000000;
                 
}
     .navbar-nav .open    .dropdown-menu > li > a {
  display: block;   z-index:100000000000000;
                 
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #fff;
  white-space: nowrap;
}

          
  .navbar-nav .open      .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #fff;   z-index:100000000000000;
                 
  white-space: nowrap;
}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;   z-index:100000000000000;
                 
    background-color:#43A0Ae;
}
}



@media screen and (max-width: 1369px) {



.Slider {
  float:left;
    margin-top:-5px;
    background-color:#ccc;
    width:100%;
   min-height:390px;

}
    .Slider img { float:left;
                  
    }
.carousel-control {
        /*width: 30%;
    font-size: 40px;*/
}

}

@media screen and (max-width: 1200px) {
    .Button_Kontakt {
        display:none;
    }
    .Suche img {
        margin-right:-30px;
    }
        .navbar .navbar-nav > li:first-child > a {
  color: #000;
  padding-top:8px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left:30px;
  text-transform:uppercase;
  font-size:1.2em;
}
   .Slider {
  float:left;
    margin-top:-5px;
    background-color:#ccc;
    width:100%;
   min-height:323px;

}
     .navbar .navbar-nav > li > a:hover {
            color:#fff;
        }
    .Slider img { float:left;
    }
.carousel-control {
        /*width: 30%;
    font-size: 40px;*/
}
    
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
         margin-right:-20px;
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-collapse.collapse.in {
                display: block !important;
            }

    .navbar-nav {
        float: none !important;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .navbar {
    width:auto;
    background-color:transparent;
    border:none;
}
    .navbar-toggle {
        background-color:#43A0Ae;
        margin-left:20px;
    }
    .navbar-nav {padding-left:0px;padding-right:0px;
    }
    .navbar-collapse{
        background-color:#43A0Ae;
    }
            .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #43A0Ae;
}
    
  

    .navbar-toggle{
       margin-right:0px;
}
}




.carousel-control.right {
   
    left: auto;
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.glyphicon-chevron-right:before {
    content: "\e080";
      margin-left:-20px;
}
.form-control:focus {
  border-color: #43A0Ae;

}

.btn-primary {
    color: #ffffff;
    background-color: #43A0Ae;
    border-color: #43A0Ae;
}

.btn-primary:hover {
    color: #43A0Ae;
    background-color: #fff;
    border-color: #43A0Ae;
}
.margin15 {margin-left:15px;
}
@media screen and (max-width: 991px) {
   .Slider {
  float:left;
    margin-top:-5px;
    background-color:#ccc;
    width:100%;
   min-height:250px;

}
    h1 {
        font-size:1.1em;
        line-height:30px;
    }
      h2 {
        font-size:1.0em;
    }
           h3 {
        font-size:1.0em;
    }
    .Slider img { float:left;
    }
.carousel-control {
        /*width: 30%;
    font-size: 40px;*/
}
}
@media screen and (max-width: 761px) {
    .Suche {
        width:30px;
    }
    .Slider {
        float: left;
        margin-top: -5px;
        background-color: #ccc;
        width: 100%;
        min-height: 204px;
    }

    h1 {
        font-size: 1.1em;
        line-height: 20px;
    }

    .Slider img {
        float: left;
    }
}
@media screen and (max-width: 710px) {
   .Slider {
  float:left;
    margin-top:-5px;
    background-color:#ccc;
    width:100%;
   min-height:194px;

}h1 {
        font-size:1.1em;
        line-height:20px;
    }
    .Slider img { float:left;
    }
.carousel-control {
        /*width: 30%;
    font-size: 40px;*/
}
}
@media screen and (max-width: 596px) {
 .navbar-collapse {
         min-width:300px;
                 margin-right:0px;

                padding-right: 0px;
    padding-left: 0px;
    position:relative;
    display:block;
        }
    .navbar .navbar-nav > li {padding-bottom:4px;}
      .navbar-nav {
          width:100%;
        padding-top: 0px;
        margin-left: 0px;
        margin-right: 20px;
        margin-bottom:0px;
        float: none !important;
    }
footer a {
        display:block;
        width:100px;

    }
h1 {line-height:22px;padding-top:8px;padding-bottom:8px;
    }
footer{padding-bottom:10px;}
    .Copy{padding-top:10px; }

    #carousel2 {
    display:none;
}
    #carousel {
    display:inherit;
    text-align:center;
}
    .carousel-inner > .item {
        text-align:center;
    }
    .carousel-inner > .item > img {
    margin: 0 auto;
}
    .Slider {
  float:left;
    margin-top:-5px;
    background-color:#A7C5CF;
    width:100%;
    min-height:60px;


}
    .Slider img { 

    }
.carousel-control {
        /*width: 30%;
    font-size: 40px;*/
}
    .Button_Kontakt {
        display:none;
    }
  .Logo {
    float:left;
    width:220px;
    padding-top:80px;
    margin-left:0px;
}
    .Logo img{
        width:100%;
    }
.Navi {
    float:right;
    width:10%;
    text-align:right;
        padding-top:60px;

   height:30px;
}
.Suche {
    margin-left:30px;
    height:50px;
      padding-top:85px;
    float:left;
}
header
{

    width:100%;
    padding-left:10px;
    padding-right:50px;
    height:160px;
}
}
@media screen and (max-width: 410px) {
    .Suche {
    margin-left:30px;
    height:50px;
      padding-top:85px;
    float:left;
}
    .Logo {
        width:170px;
    }
}
@media screen and (max-width: 343px) {
    .Suche {
    margin-left:0px;
    height:50px;
      padding-top:85px;
    float:left;
}
    .Logo {
        width:170px;
    }
}