/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* GENERELL */
body { font-family: 'Roboto', sans-serif; font-size: 1.5em !important; line-height:150%; font-weight: 300; color: #626263; background-color: #fff; padding-top: 50px; }
a { color: #992872; font-weight: 700; }
.page-header { margin: 30px 0; border-bottom: 0 }
h1, h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; }
h1 { font-size: 2.5em; margin-bottom: 30px; }
h2 { font-size: 1em; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.7em; }
.well { border: 0; box-shadow: inset 0 0 0; background-color: #f7f5f2; }
.gray { background-color: #f7f5f2; padding-top: 30px; }

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

/* FUSS */
.fuss { background-color: #626263; padding: 30px 0; }
.fuss h3 { color: #E2E7BF; }
.fuss p, .fuss a { color: #fff; }

/* BUTTON */
.btn-bd { color: #fff; background-color: #992872; text-shadow: 0 1px 1px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; }
.btn-bd:hover { color: #fff; background-color: #53227c; }
.btn-bd:active { color: #fff; background-color: #53227c; }

.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: #53227c; border-color: #fff; }
.btn-default:active { color: #fff; background-color: #53227c; border-color: #fff; }

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

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

/* NAVI */
.navbar-fixed-top {border-width: 0 0 0; }
.navbar-inverse { background-color: #992872; }
.navbar-inverse .navbar-nav>li>a { color: #fff; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #53227c; }
.navbar-brand { color: #fff !important; }
.navbar-inverse .navbar-toggle { border-color: #fff; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #53227c; }
@media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #fff } }

/* PAGINATION */
.pagination>li>a, .pagination>li>span, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #fff; background-color: #992872; text-shadow: 0 1px 1px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; }
.pagination>li>a:hover { background-color: #53227c; color: #fff }

/* 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: 30px; right: 30px; display: none; background-color: #000; 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: #992872; color: #fff; padding: 8px; border-radius: 0; }
.video-list-thumbs > li > a:hover { background-color:#53227c; 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; }

.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}

.panel-default > .panel-heading { color: #626263; background-color: #f7f5f2; border-color: #f7f5f2 }