/*!
 * Start Bootstrap - Shop Homepage (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: Source Sans Pro, sans-serif;
    font-size: 17px;
    line-height: 1.1;
}

h1, h2, h3, h4 {
    font-family: clairehand_bold, sans-serif;
    margin-top: 0;
    margin-bottom: 30px;
}

.navbar-brand {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 200;
    color: #fff;
}

.navbar-nav {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 200;
    font-size: 25px;
    color: #fff;
    margin: 0px;
    padding: 0px;
}

.navbar-inverse {
    background-color: #393737;
    font-weight: 200;
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-default {
  background-color: #FFFFFF;
  border: 0px;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #393737;
}

.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    color: #FFFFFF;
    background-color: #393737;
    font-family: Source Sans Pro,sans-serif;
    font-size: 22px;
    font-weight: 200;
}

.first {
    background: url(../images/icon_home.png) 15px 10px no-repeat;
    padding-left: 40px;
}

.active {
    background-color: #378335;
}

.top {
    margin: 0px;
    background: #fff url(../images/bg_header.png) 0px 0px repeat-x;
}

.header_bild  {
    margin: 0px 40px 0px 100px;
}

.header_infos  {
  margin-left: 5px;
  float:left;
  width: 100%;
}

.header_infos  h2 {
  font-family: clairehand_bold,sans-serif;
  font-size: 22px;
  line-height:100%;
  padding:0;
  margin:40px 0px 22px 0px;
}

.header_infos  h3 {
  font-family: clairehand_bold,sans-serif;
  font-size: 32px;
  line-height:70%;
  padding:0;
  margin:60px 0px 0px 0px;
}

.header_infos  ul.headerinfo1  {
  margin:0;
  padding:0;
  float:left;
  width: 50%;
}

.header_infos  ul.headerinfo2  {
  margin: 0;
  padding:0;
  float:left;
  width: 50%;
}

.header_infos  ul li  {
  list-style-image: url(../images/header_listitem.png);
  margin-left:25px;
    line-height: 24px;
}

.main_left {
    padding: 20px 20px 60px 80px;
}

.main_right {
    padding: 20px 100px 60px 60px;
    font-size: 20px;
    line-height: 1.4;
}

.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.caption {
    height: 130px;
    overflow: hidden;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

/* Footer */
.footer {
  height: 120px;
  background-color: #378335;
}

.footercol_1 {
  font-family: Source Sans Pro, sans-serif;
  font-size: 20px;
  font-weight:200;
  text-transform:uppercase;
  color: #fff;
  padding: 20px 0px 0px 80px;
}

.footercol_2 {
  font-family: Source Sans Pro, sans-serif;
  font-size: 20px;
  font-weight:200;
  text-transform:uppercase;
  color: #fff;
  padding: 20px 0px 0px 0px;
}

.footercol_3 {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  font-weight:200;
  text-transform:uppercase;
  color: #fff;
    text-align: right;
  padding: 20px 80px 0px 0px;
}

.footercol_3 a, .footercol_3 a:hover {
    color: #fff;
}

.clear {
  clear: both;
}

@media (max-width: 767px) {

    .container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .navbar-nav {
        font-size: 15px !important;
    }

    .navbar {
        margin-bottom: 0px;
    }

    h1 {
        font-size: 28px;
    }

    .header_bild {
        padding: 0px 0px 20px;
        margin: 0px;
    }
    .header_infos {
        margin-bottom: 0px;
    }

    .header_infos h2 {
    font-size: 16px;
    line-height: 100%;
    padding: 0;
    margin: 20px 10px 10px 0px;
    }

    .header_infos h3 {
    font-size: 13px;
    line-height: 100%;
    margin: 10px 10px 0px 0px;
    }

    .headerinfo3 {
        font-size:10px;
    }

    .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    }

     .main_left {
    padding: 0px 10px 20px 20px;
    font-size: 14px;
    }

    .main_right {
    padding: 0px 10px 20px 20px;
    font-size: 16px;
    line-height: 1.4;
    }

    .footercol_1 {
    font-size: 13px;
    padding: 20px 0px 0px 20px;
    }

    .footercol_2 {
    font-size: 13px;
    padding: 20px 20px 0px 0px;
    }

    .footercol_3 {
    font-size: 13px;
    padding: 20px 0px 0px 20px;
    text-align: left;
    }

    .footer {
    height: 120px;
    }
}

@media (min-width: 300px) {

    .header_infos h3 {
    font-family: clairehand_bold,sans-serif;
    font-size: 10px;
    line-height: 50%;
    padding: 0;
    margin: 0px 0px 0px 0px;
    }
}

@media (min-width: 400px) {

    .header_infos h3 {
    font-family: clairehand_bold,sans-serif;
    font-size: 13px;
    line-height: 50%;
    padding: 0;
    margin: 10px 0px 0px 0px;
    }
}

@media (min-width: 550px) {

    .header_bild {
        padding: 0px 10px 10px 10px;
        margin: 0px;
    }
    .header_infos {
        margin-bottom: 0px;
    }

    .header_infos h2 {
    font-size: 22px;
    line-height: 100%;
    padding: 0;
    margin: 20px 10px 10px 0px;
    }

    .header_infos h3 {
    font-family: clairehand_bold,sans-serif;
    font-size: 18px;
    line-height: 70%;
    padding: 0;
    margin: 10px 0px 0px 0px;
    }

    .headerinfo3 {
        font-size:16px;
    }

    .footercol_1 {
    font-size: 15px;
    padding: 20px 0px 0px 20px;
    }

    .footercol_2 {
    font-size: 15px;
    padding: 20px 20px 0px 0px;
    }

    .footercol_3 {
    font-size: 15px;
    padding: 20px 0px 0px 20px;
    text-align: left;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        font-size: 14px !important;
    }

    .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
        font-size: 14px !important;
    }

    .navbar {
        margin-bottom: 20px;
    }

    h1 {
        font-size: 26px;
        margin-top: 0px;
    }

    h3 {
        font-size: 24px;
    }

    .header_bild {
        padding: 10px 20px 0px 60px;
    }

    .header_infos {
        margin-bottom: 20px;
    }

    .header_infos h2 {
    font-size: 22px;
    line-height: 100%;
    padding: 0;
    margin: 40px 0px 22px 0px;
    }

     .main_left {
    padding: 10px 0px 40px 40px;
    font-size: 17px;
    }

    .main_right {
    padding: 10px 20px 40px 50px;
    font-size: 16px;
    line-height: 1.4;
    }

    .footercol_1 {
    font-size: 15px;
    padding: 20px 0px 0px 40px;
    }

    .footercol_2 {
    font-size: 15px;
    padding: 20px 0px 0px 0px;
    }

    .footercol_3 {
    font-size: 13px;
    padding: 20px 40px 0px 0px;
    }

    .footer {
    height: 100px;
    }
}

@media (min-width: 992px) {
    .navbar-nav {
    font-size: 20px !important;
    }

    .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
        font-size: 20px !important;
    }

    h1 {
    font-size: 32px;
    }

    h3 {
        font-size: 23px;
    }

    .header_infos {
        margin-top: 0px;
    }

    .header_infos h3 {
    font-family: clairehand_bold,sans-serif;
    font-size: 32px;
    line-height: 70%;
    padding: 0;
    margin: 20px 0px 0px 0px;
    }

    .main_left {
    padding: 20px 20px 60px 80px;
    }

    .main_right {
    padding: 20px 60px 60px 60px;
    font-size: 17px;
    line-height: 1.4;
    }

    .footercol_1 {
    font-size: 20px;
    padding: 20px 0px 0px 80px;
    }

    .footercol_2 {
    font-size: 20px;
    padding: 20px 0px 0px 0px;
    }

    .footercol_3 {
    font-size: 14px;
    padding: 20px 80px 0px 0px;
    }

    .footer {
    height: 120px;
    }
}

@media (min-width: 1200px) {
    .navbar-nav {
    font-size: 25px !important;
    }
}