/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-3-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* GENERELL */
body { font-family: 'Source Sans 3', sans-serif; font-size: 1.7em !important; line-height: 140%; font-weight: 300; color: #424242; background-color: #f4f4f4; padding-top: 50px; }
a { color: #82b646; font-weight: 700; }
.img-responsive { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; }
.jumbotron { background-color: #fff; margin-top: 30px; }
h1, h2, h3, h4, h5, a { font-weight: 300; }
h1 { font-weight: 700; }
h1, h3 { color: #82b646; }
h2 { font-size: 1.3em; font-style: italic; line-height: 140%; }
.baumelen { background: url("/media/allgemein/baumelen.png") no-repeat right bottom; }

.welli { border: 1px solid #e7e7e7; box-shadow: inset 0 0 0; background-color: #fff; margin-bottom: 15px; }
.welli h3, .welli p { padding-left: 19px; padding-right: 19px; }

.thumbnail { border: 0; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dotted #D3D3D3; clear: both; }
.page-header { border-bottom: 0px }

.carousel-caption { position: relative; left: auto; right: auto; margin-top: 20px; text-shadow: 0 0 0; color: #424242; }
.carousel-control.left, .carousel-control.right { background-image: none }
.carousel-indicators li { border: 1px solid #82b646; }
.carousel-indicators .active { background-color: #82b646}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 50%; margin-top: -50px }

/* VIERER */
.vierer { background-color: #999999; padding: 30px 0; }
.vierer h1, .vierer h3, .vierer p, .vierer a { color: #fff; }

/* FUSS */
.fuss { background-color: #f4f4f4; padding: 30px 0; }
.fuss h3, .fuss p { color: 949493; }
.fuss a { font-weight: 400; }

/* TESTIMON */
.testimon { background-color: #82b646; padding: 30px 0; }
.testimon h2, .testimon p { color: #fff; }

/* BUTTON */
.btn { border-radius: 0 }

.btn-bd { color: #fff; background-color: #82b646; text-shadow: 0 0 0; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; }
.btn-bd:hover { color: #fff; background-color: #A7AAAE; }
.btn-bd:active { color: #fff; background-color: #A7AAAE; }

.btn-default { color: #fff; background-color: transparent; border-color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 0.2em;  }
.btn-default:hover { color: #fff; background-color: #A5A8AC; border-color: #fff; }
.btn-default:active { color: #fff; background-color: #A5A8AC; border-color: #fff; }

.btn-primary { background-color: #A5A8AC; border-color: #A5A8AC }
.btn-primary:hover { color: #fff; background-color: #626263; border-color: #626263; }
.btn-primary:active { color: #fff; background-color: #626263; border-color: #626263; }

.btn-danger { color: #fff; background-color: transparent; border-color: #fff; }
.btn-danger:hover { color: #fff; background-color: #BFBDBD; border-color: #fff; }
.btn-danger.active { color: #fff; background-color: #B63027; border-color: #fff; }

/* NAVI */
.navbar-fixed-top {border-width: 0 0 0; }
.navbar-default { background-color: #fff; }
.navbar-default .navbar-nav>li>a { color: #424242; letter-spacing: 0.1em; font-weight: 400; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #82b646; background-color: #fff; }
.navbar-default .navbar-brand { color: #424242 !important; }
.navbar-default .navbar-toggle { border-color: #424242;  }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #94cc5b; }

/* PAGINATION */
.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #82b646; font-weight: 400; }

/* GALLERY */
.gallery img { margin-bottom:25px; }
#lightbox .modal-content { display: inline-block; text-align: center; }

.gallerist { background: #EEE; }
.gallerist img { display: block; height: 200px; }
@media screen and ( min-width: 768px ) { .gallerist img { height: 400px; } }

/* BACK TO TOP */
.back-to-top { cursor: pointer;  position: fixed; bottom: 50px; right: 30px; display: none; background-color: #82b646; color: #fff; }

.video-list-thumbs{}
.video-list-thumbs > li { margin-bottom:12px }
.video-list-thumbs > li:last-child {}
.video-list-thumbs > li > a { display: block; position: relative; background-color: #82b646; color: #F2F0F2; padding: 8px; border-radius: 0; }
.video-list-thumbs > li > a:hover { background-color:#000; transition:all 500ms ease; box-shadow:0 2px 4px rgba(0,0,0,.3); text-decoration:none }
.video-list-thumbs h2 { bottom: 0; font-size: 14px; height: 33px; margin: 8px 0 0; }
.video-list-thumbs .glyphicon-play-circle{ font-size: 60px; opacity: 0.6; position: absolute; right: 39%; top: 31%; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.video-list-thumbs > li > a:hover .glyphicon-play-circle{ color:#fff; opacity:1; text-shadow:0 1px 3px rgba(0,0,0,.8); transition:all 500ms ease; }
.video-list-thumbs .duration{ background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; color: #fff; font-size: 11px; font-weight: bold; left: 12px; line-height: 13px; padding: 2px 3px 1px; position: absolute; top: 12px; }
.video-list-thumbs > li > a:hover .duration{ background-color:#000; transition:all 500ms ease; }
@media (min-width:320px) and (max-width: 480px) { .video-list-thumbs .glyphicon-play-circle{ font-size: 35px; right: 36%; top: 27%; } .video-list-thumbs h2{ bottom: 0; font-size: 12px; height: 22px; margin: 8px 0 0; } }

/* BILDER */
.img-responsive-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-responsive-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-50-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-50-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-33-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-33-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-25-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-25-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }

/* COOKIE BAR */
#cookie-bar {background:#282828; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:10px 0;  }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; }
#cookie-bar.fixed.bottom {bottom: 0; top: auto; z-index: 1000}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#82b646;}
#cookie-bar .cb-enable:hover {background:#A7AAAE;}
#cookie-bar .cb-disable {background:#f6ae01;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}