/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - 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: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* GENERELL */
body { font-family: 'Open Sans', sans-serif; font-size: 1.7em !important; line-height:150%; font-weight: 300; color: #727272; }
a { color: #BE8656; }
.img-responsive { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; }
.abstand { padding-top: 30px; padding-bottom: 30px; }
.papier { background-color: #fff; }
.reispapier { background: url(/media/media_allgemein/ricepaper2.png); }
.greenpaper { background: url(/media/media_allgemein/green_cup.png); }
.greenpaper h1, .greenpaper h3, .greenpaper p { color: #fff; }
.shadow { -moz-box-shadow: 0px 0px 3px 3px #ccc; -webkit-box-shadow: 0px 0px 3px 3px #ccc;  box-shadow: 0px 0px 3px 3px #ccc; }
.shadowhite { -moz-box-shadow: 0px 0px 3px 3px #fff; -webkit-box-shadow: 0px 0px 3px 3px #fff;  box-shadow: 0px 0px 3px 3px #fff; }
.white { background-color: #fff; padding: 6px; }
.jumbotron { margin-top: 50px; background-image: url(/media/media_allgemein/zen.jpg); background-position: 0% 25%; background-size: cover;  background-repeat: no-repeat;  width: 100%;  height: auto; }
.page-header { border-bottom: 0; }

/* HEADLINES */
h1, h2, h3, h4, h5 { font-family: 'Lato', sans-serif; font-weight: 300; }
h2 { font-size: 1.2em; line-height: 1.5em; }
h4 { margin-bottom: 40px; }

/* WELL */
.well { border: 0; box-shadow: inset 0 0 0; background-color: #f7f5f2; }

/* BUTTON */
.btn-bd { color: #fff; background-color: #727272; text-shadow: 0 0 0 rgba(0,0,0,0); letter-spacing: 0.05em; font-weight: 700; }
.btn-bd:hover { color: #727272; background-color: #fff; }
.btn-bd:active { color: #727272; background-color: #fff; }
.btn-default {letter-spacing: 0.1em; color: #C1C1BB;  background-color: transparent;  border-color: #C1C1BB; }

/* NAVI */
.navbar-inverse .navbar-toggle { border-color: #fff }
.navbar-inverse { background-color: #A92A3F; border: 0px; }
.navbar-inverse .navbar-nav>li>a { letter-spacing: 0.1em; font-weight: 700; color: #fff; }
.navbar-inverse .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #201F1F; background-color: #fff; }
.navbar-brand { color: #fff !important; }

.dropdown-menu { font-size: 16px; }
.dropdown-menu>li>a { font-weight: 700; }

.nav-tabs { border-bottom: 1px solid #fff; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {  border: 1px solid #fff; }
.nav-tabs>li>a { font-weight: 700; }

/* PAGINATOR */
.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #A92A3F; }

/* GOOGLE MAPS RESPONSIVE */
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* CIRCLE */
.circle { background: #63c6ae; text-align: center; border-radius: 100%; margin: 14px 0 0 0; width: 136px; height: 136px; box-shadow: 1px 1px 2px 0px #E0E0E0; }
.circle img { margin-top: 42px; }

/* GALLERY */
.gallery img { filter: gray; /* IE6-9 */  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */    margin-bottom:25px; }
.gallery img:hover { filter: none; /* IE6-9 */  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */ }
#lightbox .modal-content { display: inline-block; text-align: center; }

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

/* TEAM */
.boxed-grey {	background: #fff;	padding: 20px;}
.team h5 {	margin-bottom: 10px;}
.team p.subtitle {	margin-bottom: 10px;}
.avatar {	margin-bottom: 20px;}

/* SOCIAL BZW. SHARE IT */
.social { background-color: #A92A3F; padding: 30px 0; }
.social h3 { color: #fff; padding: 0; margin: 0; }

/* VIDEO LIST */
.video-list-thumbs > li { margin-bottom:12px }
.video-list-thumbs > li:last-child {}
.video-list-thumbs > li > a { display: block; position: relative; background-color: #363636; 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; } }

/* 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;}