/* stylelint-disable no-descending-specificity */

/**
 * @license
 * MyFonts Webfont Build ID 3226245, 2016-05-31T10:00:39-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: HelveticaNeueLTStd-Lt by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/
 *
 * Webfont: HelveticaNeueLTStd-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-55-roman/
 *
 * Webfont: HelveticaNeueLTStd-Md by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-65-medium/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3226245
 * Licensed pageviews: 1,000,000
 * Webfonts copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * © 2016 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work  */
@import url("//hello.myfonts.net/count/313a85");

@font-face { font-family: 'HelveticaNeueLTStd-Lt'; src: url('../fonts/313A85_0_0.eot'); src: url('../fonts/313A85_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/313A85_0_0.woff2') format('woff2'), url('../fonts/313A85_0_0.woff') format('woff'), url('../fonts/313A85_0_0.ttf') format('truetype'); }

@font-face { font-family: 'HelveticaNeueLTStd-Roman'; src: url('../fonts/313A85_1_0.eot'); src: url('../fonts/313A85_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/313A85_1_0.woff2') format('woff2'), url('../fonts/313A85_1_0.woff') format('woff'), url('../fonts/313A85_1_0.ttf') format('truetype'); }

@font-face { font-family: 'HelveticaNeueLTStd-Md'; src: url('../fonts/313A85_2_0.eot'); src: url('../fonts/313A85_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/313A85_2_0.woff2') format('woff2'), url('../fonts/313A85_2_0.woff') format('woff'), url('../fonts/313A85_2_0.ttf') format('truetype'); }

/* Fonts */
body,
h1,
h2,
.collapseShare .helptext,
#episode-tag option {
  font-family: HelveticaNeueLTStd-Roman, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;

  /* text-shadow:1px 1px 1px 1px rgba(0,0,0,0.005);
     -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

strong,
header .navbar .nav > li > a,
header .navbar .nav.navbar-right > li > a,
#dropdownMenuTags,
.oktothek .participart figcaption,
.press h3,
footer h3,
.collapseShare h3,
.collapsePlaylist h3,
.collapseCoursedetails h3,
.comments h2,
.comments .comment-answer,
#episode-tag,
.infos h3,
.blog h3,
h3,
.h3,
.courses h4,
.timetable .btn,
.academy .price,
.edit-playlists form label,
.playlists .btn.circle,
.livestream .schedule li h4,
.livestream .next-episode-schedule h4/*,
.helptext span*/ {
  font-family: HelveticaNeueLTStd-Md, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.icon.participant-arrow-down,
.subheadline,
body.oktothek .participart .shorttext,
.btn.btn-top,
figcaption .description,
#planets .cloud9-item figcaption {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

div.list-group.tags span.label.label-default.remove::before {
  content: "\e014";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

h1,
.livestream header h1 .time,
.series.blog h1,
body.equipment_rental .videocontainer h3 {
  font-size: 35px;
  letter-spacing: 0.5px;
}

body.oktothek h1,
h2,
.h2,
#anchor-menu .panel-title .glyphicon,
.btn-top .glyphicon {
  font-size: 30px;
}

.pull-right .icon,
.more.right .icon,
.pull-left .icon,
.series h1,
.playlists h1,
.playlists .btn.circle,
.livestream .schedule li .time,
.livestream .next-episode-schedule .time,
body.equipment_rental .important_info {
  font-size: 24px;
}

.subheadline,
.important_info {
  font-size: 19px;
}

header .navbar-toggle.search-button span,
body.oktothek .participart .shorttext,
.press p,
figcaption .description,
.academy .preview p,
.container.tags a,
.page .content,
button.btn-default#ButtonPlaylist .visible-xs-inline,
.series.blog header.page-header .pull-left .icon,
.subscriptions header.page-header .pull-left .icon,
body.help .help-participate figcaption,
body.help .help-action figcaption,
body.help section:last-child,
body.livestream .description,
body.equipment_rental,
.playlists #StartPlaylist_small.btn span.glyphicon {
  font-size: 16px;
}

/* Placeholderstyles (nicht möglich zu gruppieren) */
header .form-control::-moz-placeholder {
  font-size: 12px;
}

header .form-control:-ms-input-placeholder {
  font-size: 12px;
}

header .form-control::-webkit-input-placeholder {
  font-size: 12px;
}

h3,
.h3,
legend,
.checkbox label,
header .collapse.in h3,
body.oktothek .participart [data-tooltip]::after,
article figcaption h3,
footer h3,
#anchor-menu .panel-title,
a.tag,
.post h3,
.post .label,
.press h3,
.comments h2,
#episode-tag option,
.blog h3,
.courses h4,
.academy .preview .timetable p,
a.more,
header .navbar-nav.themes a,
body.livestream .schedule li h4,
body.livestream .next-episode-schedule h4,
body.livestream .navbar-nav a.btn span,
body.transparency .facts-row h2 {
  font-size: 14px;
  letter-spacing: 0.25px;
}

.form-control::-moz-placeholder {
  font-size: 14px;
}

.form-control:-ms-input-placeholder {
  font-size: 14px;
}

.form-control::-webkit-input-placeholder {
  font-size: 14px;
}

small,
.livestream p.current-episode,
.oktothek .current-episode,
header .nav,
.nav-justified,
.playlists .author,
footer h3,
.input-group-addon,
.collapseShare h3,
.collapsePlaylist h3,
.collapseCoursedetails h3,
.collapseShare .helptext,
.comments .author,
.comments .comment-answer,
#episode-tag,
.infos h3,
.blog .time,
.preview p.misc,
a.more,
a.less,
form .tt-menu,
.post .misc a,
.icon.participant-arrow-down,
.icon.playlists-arrow-down,
div.list-group.tags span.label.label-default.remove,
body.help #link-new-account a,
/*.helptext a,*/
body.livestream h5,
.livestream .schedule .repeats li,
.oktothek .btn.login {
  font-size: 12px;
  letter-spacing: 0.25px;
}

/* Spacelayout */
.oktothek .participart-list figcaption h3,
label {
  font-size: 14px;
  letter-spacing: 0.7px;
}

h3 {
  line-height: 1.25em;
}

header .navbar-nav a,
header #dropdownMenuTags.btn-default,
footer .nav > li > a,
a.more,
a.less,
.nav-justified,
#anchor-menu .panel-title,
.btn-top,
footer h3,
.input-group-addon,
.collapseShare h3,
.collapsePlaylist h3,
.collapseCoursedetails h3,
.press h3,
.comments h2,
#episode-tag,
.oktothek .participart-list figcaption,
.infos h3,
.blog h3,
h3,
.h3,
.courses h4,
.playlists .series a,
#planets .cloud9-item figcaption,
body.livestream .current-episode,
body.oktothek .current-episode,
.post .misc a,
body.tagpage .pages .list-group-item a,
div.list-group.tags span.label.label-default.remove,
body.help .help-action li .menu-text,
/*.helptext span,
.helptext a,*/
body.livestream h5,
.faq .panel-default > .panel-heading h2,
body.transparency .facts-row h2 {
  text-transform: uppercase;
}

header .search-tagnav-position li a,
#episode-tag option,
a.tag {
  text-transform: lowercase;
}

.btn.btn-top,
.checkbox label,
#slider h3,
body.oktothek #livestream_window h3,
header .navbar-nav.themes a,
.dropdown-menu > li a,
.playlists .btn.circle,
.livestream .schedule li h4,
.livestream .next-episode-schedule h4,
[data-tooltip]::after,
.oktothek .participart-list li figcaption span {
  text-transform: none;
}

.post .label,
label,
.series h1,
.playlists .description-wrapper h1,
.livestream .schedule li .time,
.livestream .next-episode-schedule .time,
div.list-group.tags span.label.label-default.remove,
body.equipment_rental .videocontainer h3 {
  font-weight: 400;
}

body.transparency .facts-row h2 {
  font-weight: 700;
}

header .nav {
  letter-spacing: 0.75px;
}

.container.tags a:hover,
.container.tags a:focus,
.livestream .panel-heading a,
.collapsePlaylist li a:hover,
.collapsePlaylist li a:focus,
a:hover.tag,
a:focus.tag,
a.pull-right.more,
a.pull-left.more,
.participart-list a:hover,
.participart-list a:focus,
.tagpage .pages > .list-group-item > a:hover,
.tagpage .pages > .list-group-item > a:focus,
.producer figcaption h3 a:hover,
.producer figcaption h3 a:focus,
body.help .help-experience a:hover,
body.help .help-action h3 a:hover,
body.help .help-action li a:hover .menu-text,
body.help #link-new-account a,
.faq .panel-default > .panel-heading a:hover,
.faq .panel-default > .panel-heading a:focus {
  text-decoration: none;
}

a,
a:hover,
a:active,
select,
select:hover,
select:active,
select:active:hover,
select:focus:active,
a:focus,
select:focus,
select:active:focus {
  outline: none;
}

.hyphenation {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (min-width: 580px) {
  .livestream .schedule li h4,
  .livestream .next-episode-schedule h4 {
    text-transform: uppercase;
  }

  .livestream .schedule li h4,
  .livestream .next-episode-schedule h4 {
    font-family: HelveticaNeueLTStd-Roman, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
  }
}

@media (min-width: 768px) {
  header .navbar .nav.navbar-right > li > a {
    font-family: HelveticaNeueLTStd-Roman, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
  }

  body.oktothek h1,
  h2,
  .h2 {
    font-size: 35px;
    letter-spacing: 0.5px;
  }

  .playlists .author {
    font-size: 14px;
  }

  header .form-control::-moz-placeholder {
    font-size: 16px;
  }

  header .form-control:-ms-input-placeholder {
    font-size: 16px;
  }

  header .form-control::-webkit-input-placeholder {
    font-size: 16px;
  }

  .livestream .schedule li .time,
  .livestream .next-episode-schedule .time {
    font-size: 30px;
  }

  .fs-image-content h1,
  .playlists h1 {
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 0.95em;
  }

  .playlists #StartPlaylist.btn span.glyphicon {
    font-size: 24px;
  }

  .subheadline,
  figcaption .description,
  body.oktothek .participart .shorttext,
  .playlists header .description {
    font-size: 19px;
    letter-spacing: 0.1px;
  }

  .oktothek .participart-list figcaption h3 {
    font-size: 11px;
    letter-spacing: 0.7px;
  }
}

/****************************** Color, Effects ******************************/

/**************************** Color, Effects Header ****************************/

/* Basic Color */

/* Menu */
#dropdownMenuTags.btn-default,
header .collapse.in a,
header .navbar-inverse .navbar-nav > li > a,
header .navbar-inverse .navbar-nav > li:hover > a,
header .navbar-inverse .navbar-nav > .active > a,
header .navbar-inverse .navbar-nav > .active > a:hover,
header .navbar-inverse .navbar-nav > .active > a:focus,
.dropdown-menu > li > a,
.open .dropdown-menu > li > a,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.dropdown-toggle.btn-default:hover,
.dropdown-toggle.btn-default:focus,
.dropdown-toggle.btn-default:active,
.dropdown-toggle.btn-default:active:focus,
.dropdown-toggle.btn-default:active:hover,
.dropdown-toggle.btn-default:focus:active,
a[data-tooltip]::after {
  color: #fff;
}

header input.form-control,
header #search-container #form_search_submit.btn {
  color: #818181;
}

/* Placeholderstyles (nicht möglich zu gruppieren) */
header .form-control::-moz-placeholder {
  color: #818181;
}

header .form-control:-ms-input-placeholder {
  color: #818181;
}

header .form-control::-webkit-input-placeholder {
  color: #818181;
}

header #search-container #form_search_submit.btn:hover,
header #search-container #form_search_submit.btn:focus,
header #search-container #form_search_submit.btn:active,
header .navbar-inverse .navbar-toggle:hover,
header .navbar-inverse .navbar-toggle:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > a:hover,
header .mainmenu li:hover a:hover,
header .navbar-inverse .navbar-nav > .active > a:hover,
header .navbar-inverse .navbar-nav > .active > a:focus,
header .navbar-inverse .navbar-nav > a:focus,
header .navbar-inverse .navbar-nav > a:hover,
header .navbar-inverse .navbar-nav > li > a:hover,
header .navbar-inverse .navbar-nav > li > a:focus,
header .notifications a,
header .focusable a,
header .focusable:focus { /* Gelb */
  color: #fcce14;
}

/* Backgroundcolor */

/* Header */
.fullscreen-images .navbar-inverse,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
header form button[type="submit"],
header .btn:focus,
header input.form-control,
header #dropdownMenuTags.btn-default,
header #dropdownMenuTags.btn-default:hover,
header #dropdownMenuTags.btn-default:focus,
header #dropdownMenuTags.btn-default:active,
header #dropdownMenuTags.btn-default.active,
.open > header #dropdownMenuTags.dropdown-toggle.btn-default,
header .navbar-inverse .navbar-toggle:focus,
header .navbar-inverse .navbar-toggle:hover,
.dropdown-menu,
header .navbar-inverse .navbar-nav > .open > a,
header .navbar-inverse .navbar-nav > .open > a:focus,
header .navbar-inverse .navbar-nav > .open > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.dropdown-toggle.btn-default:hover,
.dropdown-toggle.btn-default:focus,
.dropdown-toggle.btn-default:active,
.dropdown-toggle.btn-default:active:focus,
.dropdown-toggle.btn-default:active:hover,
.dropdown-toggle.btn-default:focus:active {
  background-color: transparent;
}

header .navbar-collapse,
header .navbar-fixed-top,
header .navbar-content,
header .navbar-inverse button.navbar-toggle.collapsed.search-button,
header .navbar-inverse button.navbar-toggle.collapsed.search-button:hover,
header .navbar-inverse button.navbar-toggle.collapsed.search-button:focus {
  background-color: #000;
}

header .searchfield,
.navbar-inverse,
header .navbar-inverse .navbar-toggle .icon-bar,
header .navbar-inverse button.navbar-toggle.search-button,
header .navbar-inverse button.navbar-toggle.search-button:focus,
header .navbar-inverse button.navbar-toggle.search-button:hover {
  background-color: #fff;
}

header .navbar-inverse .navbar-toggle:hover .icon-bar,
header .navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #fcce14;
}

.dropdown-menu li.divider,
.progress {
  background-color: #212b2c;
}

.more-clips select option,
.dropdown-menu > li,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus {
  background-color: #112022;
}

/* Border */

/* Header */
.navbar-inverse,
header input.form-control,
header input.form-control:focus,
header .navbar-inverse .navbar-form,
header .navbar-inverse .navbar-toggle,
header .navbar-inverse .navbar-collapse,
header .navbar-inverse .navbar-form {
  border-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  border-bottom: none;
}

header #dropdownMenuTags.btn-default,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.dropdown-toggle.btn-default:hover,
.dropdown-toggle.btn-default:focus,
.dropdown-toggle.btn-default:active,
.dropdown-toggle.btn-default:active:focus,
.dropdown-toggle.btn-default:active:hover,
.dropdown-toggle.btn-default:focus:active {
  border: solid 2px #fff;
}

header .navbar-collapse .navbar-nav.themes,
header #mainmenu-container {
  border-top: solid 1px #112022;
}

header #mainmenu-container {
  border-bottom: solid 1px #112022;
}

header .navbar-inverse button.navbar-toggle.search-button {
  border-left: solid 1px #818181;
}

header .navbar-inverse button.navbar-toggle.collapsed.search-button {
  border-left: none;
}

header #dropdownMenuTags.btn-default,
.dropdown-menu,
.navbar-form input.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form-control .dropdown-menu {
  border: none;
}

/* Effects */

/* Header */
header input.form-control:focus,
header .navbar-collapse,
header .navbar-form,
.dropdown-menu,
.more-clips select.form-control,
.more-clips select.form-control *,
.more-clips select.form-control option {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

header .dropshadow {
  -webkit-box-shadow: 2px 2px 5px grey;
  -moz-box-shadow: 2px 2px 5px grey;
  box-shadow: 2px 2px 5px grey;
}

header #search-container.navbar-collapse.collapsing {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

/****************************** Backgroundimages Header ******************************/

/* Header */
header .navbar-fixed-top {
  background-image: none;
}

header .brandimage {
  background-image: url(../images/okto_logo_mobil.png);
  background-image: url("../images/okto_logo_mobil.svg"), none;
  background-repeat: no-repeat;
  background-position: center left;
}

.navbar-inverse .navbar-nav > .active > a {
  background-image: url(../images/menu-border-short.png);
  background-repeat: no-repeat;
  background-position: left top;
}

header .icon.icon-upload {
  background-image: url(../images/icon_rocket.png);
  background-image: url("../images/icon_rocket.svg"), none;
  background-repeat: no-repeat;
  background-position: center center;
}

header .icon.icon-login {
  background-image: url(../images/icon_login.png);
  background-image: url("../images/icon_login.svg"), none;
  background-repeat: no-repeat;
  background-position: center center;
}

header .icon.icon-transmitter {
  background-image: url(../images/icon_transmitter.png);
  background-image: url("../images/icon_transmitter.svg"), none;
  background-repeat: no-repeat;
  background-position: center center;
}

header .icon.icon-transmitter-active,
a:hover .icon.icon-transmitter,
a:focus .icon.icon-transmitter {
  background-image: url(../images/icon_transmitter_active.png);
  background-image: url("../images/icon_transmitter_active.svg"), none;
  background-repeat: no-repeat;
  background-position: center center;
}

header .navbar-nav .dropdown-menu {
  background-position: 150px top;
}

footer .dropdown-menu {
  background-position: center top;
}

header .navbar-inverse .navbar-nav.navbar-right > li > a:hover,
header .navbar-inverse .navbar-nav.navbar-right > .active > a,
header .navbar-inverse .navbar-nav.navbar-right > .active > a:hover,
header .navbar-inverse .navbar-nav > .active > a:focus,
header .navbar-nav .dropdown-menu,
footer .dropdown-menu {
  background-image: none;
}

@media (min-width: 768px) {
  /* Color */
  header .collapse.in a,
  header .navbar-inverse .navbar-nav .dropdown > li > a,
  header .collapse.in .dropdown a,
  header .navbar-inverse .navbar-nav > .active > a,
  header .navbar-inverse .navbar-nav > .active > a:hover,
  header .navbar-inverse .navbar-nav > .active > a:focus,
  header .navbar-inverse .navbar-nav > a:focus,
  header .navbar-inverse .navbar-nav > a:hover,
  header .navbar-inverse .navbar-nav > li > a,
  header .navbar-inverse .navbar-nav > li > a:hover,
  header .navbar-inverse .navbar-nav > li > a:focus,
  header #search-container #form_search_submit.btn:focus,
  header #search-container #form_search_submit.btn:active {
    color: #fff;
  }

  /* Backgroundcolor */
  header .navbar-collapse,
  header .mainmenu li.active,
  header .mainmenu li:hover,
  header .mainmenu li:active,
  header .mainmenu li.active:hover,
  header .mainmenu li.active:active,
  header .navbar-fixed-top,
  header .navbar-content {
    background-color: transparent;
  }

  header .brandimage {
    background-image: url(../images/okto_logo.png);
    background-image: url("../images/okto_logo.svg"), none;
    background-repeat: no-repeat;
    background-position: center center;
  }

  header .navbar-fixed-top {
    background-image: url(../images/header_gradient.png);
    background-repeat: repeat-x;
    background-position: left top;
  }

  .navbar-inverse .navbar-nav > .active > a {
    background-image: url(../images/menu-border.png);
    background-repeat: repeat-x;
    background-position: left top;
  }

  header .navbar-nav .dropdown-menu {
    background-image: url(../images/speachbubble_small.png);
    background-repeat: no-repeat;
  }

  header .navbar-collapse .navbar-nav.themes,
  .navbar-inverse .navbar-nav > .active > a:focus {
    background-image: none;
  }

  header .navbar-inverse .navbar-nav > li > a:hover,
  header .navbar-inverse .navbar-nav > li > a:focus,
  .navbar-inverse .navbar-nav > .active > a:focus,
  header .navbar-inverse .navbar-nav.navbar-right > li > a:hover span.link,
  header .navbar-inverse .navbar-nav.navbar-right > li > a:focus span.link {
    border-top: solid #fff 1px;
  }

  /* Border */
  header .navbar-inverse .navbar-nav > .active > a,
  header .navbar-inverse .navbar-nav > .active > a:hover,
  header .navbar-inverse .navbar-nav.navbar-right > li > a:hover,
  header .navbar-inverse .navbar-nav.navbar-right > li > a:focus,
  header #mainmenu-container {
    border-top: none;
  }

  header #mainmenu-container {
    border-bottom: none;
  }

  .navbar-inverse .navbar-nav > li > a:focus,
  header #search-container #form_search_submit.btn:focus,
  header #search-container #form_search_submit.btn:active {
    outline: none;
  }
}

/* Scrolling Background */
.head-black-bg .navbar-fixed-top {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.head-black-bg .navbar-fixed-top,
.head-transparent-bg .navbar-fixed-top {
  background-color: #000;
}

@media (min-width: 768px) {
  .head-transparent-bg .navbar-fixed-top {
    background-color: transparent;
  }
}

/****************************  Color, Effects Content ****************************/
body,
.collapseShare a.btn-default:hover,
a:hover,
a:focus,
a:hover.pull-right.more,
a:hover.pull-left.more,
a:focus.pull-right.more,
a:focus.pull-left.more,
legend,
select.form-control.ghost,
a.play-episode.btn-default:hover,
a.play-episode.btn-default:focus,
.press h3 a,
.post h3 a,
.producer figcaption h3 a,
.oktothek .participart-list a,
#episode-tag option,
.blog a h3,
a.list-group-item-danger,
button.list-group-item-danger,
.blog p,
.color5 a,
.livestream .description,
.livestream .schedule li a .time,
.livestream .schedule li .time,
.btn-default.dropdown-toggle,
.collapsePlaylist li button.btn-default,
.collapsePlaylist li button.btn-default.active,
.collapsePlaylist li button.btn-default:active,
.press .post-content p,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
body.producer li.list-group-item strong,
body.producer li.list-group-item.description,
.pagination > li > a,
.pagination > li > span,
a.tag:hover,
a.tag:focus,
.alert-success,
button.input-group-addon:hover,
button.input-group-addon:focus,
.post a.tag:hover,
.post a.tag:focus,
.visible-xs-block .pager li > a,
body.help .help-experience a h3,
body.help .help-action h3 a,
body.help .help-action li a .menu-text,
.important_info,
.faq .panel-body {
  color: #fff;
}

*::-moz-selection {
  color: #fff;
}

*::selection {
  color: #fff;
}

.form-control,
.modal,
.input-group-addon,
.collapseShare .btn-default,
.timetable .btn,
.bootstrap-datetimepicker-widget,
header .collapseShare .form-control,
header .collapseShare a.btn,
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li > a:hover,
.pagination > li > a:focus,
.visible-xs-block .pager li > a:hover,
.visible-xs-block .pager li > a:focus {
  color: #000;
}

.producer figcaption p,
.press p,
.post p,
.comments .author,
.academy .preview p,
.container.tags a,
.livestream .schedule a h4,
.livestream .schedule h4,
.livestream .next-episode-schedule h4,
.faq .panel-default > .panel-heading,
body.producer li.list-group-item,
body.tagpage .pages .list-group-item a,
.livestream .schedule .repeats li { /* Hellgrau */
  color: #dcdcdc;
}

a.tag,
.post a.tag,
.comments .comment-answer a,
.blog .time { /* Helltürkis */
  color: #c0fefd;
}

/* Placeholderstyles (nicht möglich zu gruppieren) */
.form-control::-moz-placeholder { /* Mittelgrau */
  color: #818181;
}

.form-control:-ms-input-placeholder {
  color: #818181;
}

.form-control::-webkit-input-placeholder {
  color: #818181;
}

.edit-playlists .form-group.search .icon-search span,
body.producer .form-group.search .icon-search span {
  color: #818181;
}

a.list-group-item,
li.more a:hover,
li.more a.btn-default:focus,
.participart-list a:hover,
.participart-list a:focus,
button.list-group-item,
.color1 a,
a,
a.more,
.icon.participant-arrow-down,
.icon.playlists-arrow-down,
.container.tags a:hover,
.container.tags a:focus,
body.livestream .schedule li a:hover h4,
body.livestream .schedule li a:focus h4,
body.tagpage .pages .list-group-item a:hover,
body.tagpage .pages .list-group-item a:focus,
#playlist_items a:hover h3,
#playlist_items a:hover p,
#playlist_items a:focus h3,
#playlist_items a:focus p,
.producer figcaption h3 a:hover,
.producer figcaption h3 a:focus,
.producer figcaption h3 a:active,
body.help .help-experience a:hover h3,
body.help .help-action h3 a:hover,
body.help .help-action li a:hover .menu-text,
body.equipment_rental .important_info /*Gelb*/ {
  color: #fcce14;
}

.alert-danger,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
.color2 a,
body.oktothek .current-episode { /* Pink */
  color: #d1418f;
}

.color3 a { /* Grün */
  color: #91e31c;
}

.color4 a { /* Blau */
  color: #13fffd;
}

.pagination li.disabled span {
  color: #777;
}

body,
.bg-opacity,
select,
body.tagpage .content-bg,
.preloader,
.tabs-content .pagination > .disabled > a,
.tabs-content .pagination > .disabled > a:focus,
.tabs-content .pagination > .disabled > a:hover,
.tabs-content .pagination > .disabled > span,
.tabs-content .pagination > .disabled > span:focus,
.tabs-content .pagination > .disabled > span:hover,
.tabs-content .pagination > li > a,
.tabs-content .pagination > li > span,
.visible-xs-block .pager .disabled > a,
.visible-xs-block .pager .disabled > a:focus,
.visible-xs-block .pager .disabled > a:hover,
.visible-xs-block .pager .disabled > span,
body.producer .visible-xs-block .pager li > a,
body.producer .visible-xs-block .pager li > a,
body.producer .tools,
body.commentsindex .list-group-item {
  background-color: #000;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #757575;
}

.collapseShare .btn-default,
.timetable .btn,
header .collapseShare .form-control,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
.list-group-item.moveup,
.list-group-item.movedown,
header .collapseShare a.btn,
body.edit-playlists .form-group.search .icon-search,
body.producer .form-group.search .icon-search,
.bootstrap-datetimepicker-widget.dropdown-menu,
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li > a:hover,
.pagination > li > a:focus,
.visible-xs-block .pager li > a:focus,
.visible-xs-block .pager li > a:hover {
  background-color: #fff;
}

.well,
body.oktothek #livestream_window,
body.tagpage .pages > .list-group-item,
.container.tags ul,
body.livestream .schedule .panel-default,
body.livestream .next-episode-schedule .panel-time,
.faq .panel-default > .panel-heading,
.faq .panel-default,
.collapseWindow > div.collapse-content,
body.series .news-form,
body.series .series-posterframe > div,
form .tt-menu,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
section.tabs-content,
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover,
.pagination > li > a,
.pagination > li > span,
.alert,
[data-tooltip]::after,
.visible-xs-block .pager li > a,
.visible-xs-block .pager li > a,
body.equipment_rental #details-cameras .collapse-content,
body.equipment_rental .viennamap .details div:first-child,
body.equipment_rental .circle-outline figcaption div:first-child,
body.equipment_rental .help-row > ul > li > div,
body.equipment_rental .videocontainer,
body.transparency .facts-row > ul > li > div { /* Dunkelgrau */
  background-color: #112022;
}

body.tagpage .pages > .list-group-item:hover,
.container.tags ul:hover,
.container.tags ul:focus,
body.livestream .schedule .panel-default:hover,
body.livestream .schedule .panel-default:focus,
.faq .panel-default:hover,
.panel-default:focus,
.faq .panel-default:hover > .panel-heading,
.faq .panel-default:focus > .panel-heading,
body.commentsindex .list-group-item:hover,
body.commentsindex .list-group-item:focus { /* Mittleres Grau */
  background-color: #192e31;
}

body.tagpage .pages > .list-group-item,
.container.tags ul,
body.livestream .schedule .panel-default {
  transition: background-color 0.4s ease;
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
}

/* Spacelayout */
.collapseShare a.btn-default:hover,
.collapseShare a.btn-default:focus,
body.producer .btn-default.active,
.input-group-addon { /* Gelb */
  background-color: #fcce14;
}

*::-moz-selection {
  background-color: #fcce14;
}

*::selection {
  background-color: #fcce14;
}

button.input-group-addon:focus,
button.input-group-addon:active {
  background-color: #d9b112;
}

a.list-group-item-danger,
button.list-group-item-danger { /* Pink */
  background-color: #d1418f;
}

.play-episode.btn-default,
body.tagpage header .misc .btn-default,
.post .label-default,
.livestream header .navbar-default,
.livestream .schedule .panel-default > .panel-heading,
.livestream .navbar-nav .btn-default:hover,
.livestream .navbar-nav .btn-default:focus,
.livestream .navbar-nav .btn-default:active,
.livestream .navbar-nav .btn-default:active:focus,
.livestream .navbar-nav .btn-default:active:hover,
#episode-tag,
.list-group-item,
.collapsePlaylist li button.btn-default.active,
.collapsePlaylist li button.btn-default:active,
.collapsePlaylist li button.btn-default:hover,
.collapsePlaylist li button.btn-default:focus,
.producer a.list-group-item:focus,
.producer a.list-group-item:hover,
button.btn-default#ButtonPlaylist:hover,
button.btn-default#ButtonPlaylist:focus,
div.list-group.tags span.label.label-default.remove,
.comment-edit .btn-link:focus,
.comment-edit .btn-link:active:focus,
.comment-edit .btn-link:active,
body.equipment_rental .collapseWindow {
  background-color: transparent;
}

@media (min-width: 580px) {
  body.series .series-posterframe > div {
    background-color: transparent;
  }
}

@media (min-width: 768px) {
  button.btn-default#ButtonPlaylist:hover,
  button.btn-default#ButtonPlaylist:focus {
    background-color: #fcce14;
  }
}

@media (min-width: 992px) {
  body.equipment_rental #details-cameras .collapse-content,
  body.equipment_rental .help-row > ul > li,
  body.transparency .facts-row > ul > li {
    background-color: #112022;
  }

  body.equipment_rental .help-row > ul > li > div {
    background-color: transparent;
  }
}

.play-episode.btn-default {
  border: solid 1px #fff;
}

.academy .timetable li:first-child p {
  border-top: dotted 1px #5a6769;
}

.academy .timetable li p:first-child,
legend,
.faq .panel-default > .panel-heading {
  border-bottom: none;
}

.academy .timetable li:first-child p:last-child,
.faq .panel-collapse > .panel-body,
.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

a:hover.pull-right .icon,
a:hover.pull-left .icon,
a:focus.pull-right .icon,
a:focus.pull-left .icon,
a:hover .more.right .icon,
a:focus .more.right .icon,
.collapseShare .btn-default,
.container-episode-tag,
.livestream #nav-programm a:hover .icon,
.btn-default.dropdown-toggle,
.collapsePlaylist li button,
.collapsePlaylist li button.btn-default.active,
.collapsePlaylist li button.btn-default:active,
.collapsePlaylist li button.btn-default:hover,
.collapsePlaylist li button.btn-default:focus {
  border: solid 2px #fff;
}

.academy .timetable li p {
  border-bottom: dotted 1px #5a6769;
}

/* Spacelayout */
.pull-right .icon,
.more.right .icon,
.pull-left .icon,
body.producer .btn-default.active,
#appbundle_episode_comment .btn-link,
.livestream #nav-programm .icon { /* Gelb */
  border: solid 2px #fcce14;
}

.pagination > li > a,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span,
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover { /* Dunkelgrau */
  border-top: none;
  border-right: solid 2px #000;
  border-bottom: none;
  border-left: solid 2px #000;
}

.tabs-content .pagination > li > a,
.tabs-content .pagination > li > a:hover,
.tabs-content .pagination > li > a:focus,
.tabs-content .pagination > li > span,
.tabs-content .pagination > li.active > a,
.tabs-content .pagination > li.active > span,
.tabs-content .pagination > li.active > a:hover,
.tabs-content .pagination > li.active > a:focus,
.tabs-content .pagination > li.disabled > a,
.tabs-content .pagination > li.disabled > a:hover,
.tabs-content .pagination > li.disabled > a:focus,
.tabs-content .pagination > li.disabled > span { /* Dunkelgrau */
  border-top: none;
  border-right: solid 2px #112022;
  border-bottom: none;
  border-left: solid 2px #112022;
}

iframe,
.well,
.form-control,
header.page-header,
.input-group-addon,
.btn-default.btn-top,
.timetable .btn,
.list-group-item,
.livestream #nav-programm a.btn,
.nav-tabs,
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > li > a,
.more-clips select,
.more-clips select *,
.more-clips select.form-control option,
.alert,
.caret,
div.list-group.tags span.label.label-default.remove,
.visible-xs-block .pager li > a,
.visible-xs-block .pager .disabled > a,
.visible-xs-block .pager .disabled > a:focus,
.visible-xs-block .pager .disabled > a:hover,
.visible-xs-block .pager .disabled > span,
.faq .panel,
.oktothek .mini-player.pull-right .icon,
button.btn-default#ButtonPlaylist {
  border: none;
}

.triangle {    /* schon in base.scss */
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #112022;
}

.livestream .next-episode-schedule .panel-time {
  border-bottom: 2px solid #000;
}

.form-control,
.navbar,
.more-clips select,
.play-episode.btn-default,
.post .label,
.input-group-addon,
header .navbar-toggle,
header .btn,
.list-group-item:last-child,
.list-group-item:first-child,
.btn-default.dropdown-toggle,
.collapsePlaylist li button,
.pagination,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.alert,
div.list-group.tags span.label.label-default.remove,
.visible-xs-block .pager li > a,
.visible-xs-block .pager .disabled > a,
.visible-xs-block .pager .disabled > a:focus,
.visible-xs-block .pager .disabled > a:hover,
.visible-xs-block .pager .disabled > span,
.panel-heading,
.oktothek .mini-player.pull-right .icon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* Spacelayout */
header .misc .btn,
header .collapseShare .btn,
.livestream #nav-programm .icon,
#appbundle_episode_comment .btn-link {
  -moz-border-radius: 19px;
  -khtml-border-radius: 19px;
  border-radius: 19px;
}

.pull-right .icon,
.more.right .icon,
.pull-left .icon,
#StartPlaylist_small.btn {
  -moz-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
}

button.dropdown-toggle:focus,
.container.tags a:focus,
a:focus.pull-right,
a:focus.pull-left {
  outline-offset: 2px;
}

button.dropdown-toggle:focus,
.container.tags a:focus,
a:focus.pull-right,
a:focus.pull-left {
  outline: dotted 1px #fff;
}

@media (min-width: 768px) {
  .pull-right .icon,
  .more.right .icon,
  .pull-left .icon {
    -moz-border-radius: 19px;
    -khtml-border-radius: 19px;
    border-radius: 19px;
  }

  button.btn-default#ButtonPlaylist {
    border: solid 2px #fcce14;
  }

  .academy .timetable li p:first-child {
    border-bottom: dotted 1px #5a6769;
  }

  .academy .timetable li:first-child p:last-child {
    border-top: dotted 1px #5a6769;
  }
}

@media (min-width: 992px) {
  body.help .help-participate li:nth-child(2n) figcaption div.triangle {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #112022;
    border-bottom: 0;
  }
}

/* Hintergründe */

/* Spacelayout */
hr {
  background-repeat: repeat-x;
  background-position: left center;
  background-image: url(../images/hr_bg.png);
}

section,
.participart article,
.edit-playlists form fieldset,
.series.blog .blog-entry,
footer nav,
.livestream #current_show header,
body.help section.initiation,
body.help section.features,
body.user header {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(../images/section_border_small.png);
}

.icon-views {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/icon_views.png);
  background-image: url(../images/icon_views.svg), none;
}

/* .icon-preview {
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(../images/icon_view.svg);
} */
a .small-arrow-right {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/small_arrow_right.png);
  background-image: url(../images/small_arrow_right.svg), none;
  -webkit-background-size: 40% 40%;
  -moz-background-size: 40% 40%;
  -o-background-size: 40% 40%;
  background-size: 40% 40%;
}

a:hover .small-arrow-right,
a:focus .small-arrow-right,
a .small-arrow-right-white {
  background-image: url(../images/small_arrow_right_active.png);
  background-image: url(../images/small_arrow_right_active.svg), none;
  background-repeat: no-repeat;
}

.caret {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/caret_bg.png);
  background-image: url(../images/caret_bg.svg), none;
}

.socialnetworks li a,
.series .infos li a {
  background-repeat: no-repeat;
  background-position: center center;
}

.socialnetworks .icon-facebook {
  background-image: url(../images/icon_facebook.png);
  background-image: url("../images/icon_facebook.svg"), none;
}

.socialnetworks .icon-twitter {
  background-image: url(../images/icon_twitter.png);
  background-image: url("../images/icon_twitter.svg"), none;
}

.socialnetworks .icon-instagramm {
  background-image: url(../images/icon_instagramm.png);
  background-image: url("../images/icon_instagramm.svg"), none;
}

.socialnetworks .icon-pinterest {
  background-image: url(../images/icon_pinterest.png);
  background-image: url("../images/icon_pinterest.svg"), none;
}

.socialnetworks .icon-youtube {
  background-image: url(../images/icon_youtube.png);
  background-image: url("../images/icon_youtube.svg"), none;
}

.socialnetworks .icon-link {
  background-image: url(../images/icon_links.png);
  background-image: url("../images/icon_links.svg"), none;
}

.oktothek .mini-player {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/bg_favourite_pink.png);
  background-image: url(../images/bg_favourite_pink.svg), none;
}

.participant-arrow-down,
.playlists .playlists-arrow-down {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/icon_down_arrow.png);
  background-image: url(../images/icon_down_arrow.svg), none;
}

body.oktothek .participart {
  background-image: url(../images/space.jpg);
}

body.oktothek .participart .button_container {
  background-image: url(../images/participate/planet3_oktothek.png);
  background-image: url(../images/planet3.svg), none;
  background-repeat: no-repeat;
  background-position: center center;
}

.oktothek .participart-list-login li figure {
  background-image: url(../images/avatar_circle.png);
  background-image: url("../images/avatar_circle.svg"), none;
  background-repeat: no-repeat;
  background-position: center top;
}

.oktothek .participart-list-login li figure {/* schon in base.scss */
  background-position: left top;
}

body.oktothek .participart-list li figcaption p {
  background-image: url(../images/speachbubble_title.png);
  background-image: url(../images/speachbubble_title.svg), none;
  background-repeat: no-repeat;
  background-position: center top;
}

body.oktothek a.btn.login {
  background-image: url(../images/icon_login.png);
  background-image: url(../images/icon_login.svg), none;
  background-repeat: no-repeat;
  background-position: 90px center;
  -webkit-background-size: 50% 50%;
  -moz-background-size: 50% 50%;
  -o-background-size: 50% 50%;
  background-size: 50% 50%;
}

/* body.oktothek .helptext {
    background-image:url(../images/help_circle.png);
    background-image:url(../images/help_circle.svg), none;
    background-repeat:no-repeat;
    background-position:left center;
    background-size: 100px 100px;
} */
body.oktothek a.btn.login:hover,
body.oktothek a.btn.login:focus,
body.oktothek a.btn.login:active {
  background-image: url(../images/icon_login_hover.png);
  background-image: url(../images/icon_login_hover.svg), none;
}

.avatar-container {
  background-image: url(../images/avatar_circle_mobil.png);
  background-image: url("../images/avatar_circle_mobil.svg"), none;
  background-repeat: no-repeat;
  background-position: center center;
}

.avatar1,
.avatar2,
.avatar3,
.avatar4 {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 80% 80%;
  -moz-background-size: 80% 80%;
  -o-background-size: 80% 80%;
  background-size: 80% 80%;
}

.avatar1 {
  background-image: url(../images/avantar_boy1_mobil.png);
  background-image: url("../images/avantar_boy1.svg"), none;
}

.avatar2 {
  background-image: url(../images/avantar_boy2_mobil.png);
  background-image: url("../images/avantar_boy2.svg"), none;
}

.avatar3 {
  background-image: url(../images/avantar_boy3_mobil.png);
  background-image: url("../images/avantar_boy3.svg"), none;
}

.avatar4 {
  background-image: url(../images/avantar_boy4_mobil.png);
  background-image: url("../images/avantar_boy4.svg"), none;
}

.preview-icon span {
  background-image: url(../images/icon_preview.png);
  background-image: url(../images/icon_preview.svg), none;
  background-repeat: no-repeat;
  background-position: center center;
}

.preview .collapse-header,
body.equipment_rental .collapseWindow .collapse-header,
body.equipment_rental .equipment-pin .collapse-side,
body.equipment_rental .viennamap .collapse-footer {
  background-image: url(../images/speachbubble.png);
  background-image: url(../images/speachbubble.svg), none;
  background-repeat: no-repeat;
  background-position: top left;
}

body.equipment_rental .viennamap li:nth-child(1) .collapse-footer {
  background-position: 250px 0;
}

body.equipment_rental .viennamap li:nth-child(2) .collapse-footer {
  background-position: top center;
}

body.equipment_rental .viennamap li:nth-child(3) .collapse-footer {
  background-position: 100px 0;
}

body.equipment_rental .viennamap .collapse-footer {
  background-position: top center;
}

.playlists .edit {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/icon_edit.png);
  background-image: url(../images/icon_edit.svg), none;
  -webkit-background-size: 50% 50%;
  -moz-background-size: 50% 50%;
  -o-background-size: 50% 50%;
  background-size: 50% 50%;
}

.commentsindex .edit .glyphicon-edit::before {
  content: url(../images/icon_edit_small.png);
}

body.help #link-new-account span {
  background-image: url(../images/icon_right_arrow.png);
  background-image: url(../images/icon_right_arrow.svg), none;
  background-repeat: no-repeat;
}

.bg-bleur,
.fs-image div,
body.oktothek .participart {
  /* background-image:url(../images/dummy_bleur_bg.jpg); */
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section:last-child,
body.producer section,
body.help section,
.edit-playlists form fieldset:last-child,
body.playlists section:first-child {
  background-image: none;
}

@media (min-width: 420px) {
  footer .dropdown-menu {
    background-image: url(../images/speachbubble_small.png);
    background-repeat: no-repeat;
  }

  footer .dropdown-menu > li,
  footer .dropdown-menu > li > a:hover,
  footer .dropdown-menu > li > a:active {
    background-color: #112022;
  }

  footer nav {
    background-image: none;
  }
}

@media (min-width: 768px) {
  section,
  .participart article,
  .edit-playlists form fieldset,
  .series.blog .blog-entry,
  footer nav,
  .livestream #current_show header,
  body.help section.initiation,
  body.help section.features,
  body.user header {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(../images/section_border.png);
  }

  .oktothek .participart-list-login li figure {
    background-image: url(../images/participart_circle.png);
    background-image: url(../images/participart_circle.svg), none;
    background-repeat: no-repeat;
  }

  .avatar-container {
    background-image: url(../images/avatar_circle.png);
    background-image: url("../images/avatar_circle.svg"), none;
  }

  .avatar1 {
    background-image: url(../images/avantar_boy1.png);
    background-image: url("../images/avantar_boy1.svg"), none;
  }

  .avatar2 {
    background-image: url(../images/avantar_boy2.png);
    background-image: url("../images/avantar_boy2.svg"), none;
  }

  .avatar3 {
    background-image: url(../images/avantar_boy3.png);
    background-image: url("../images/avantar_boy3.svg"), none;
  }

  .avatar4 {
    background-image: url(../images/avantar_boy4.png);
    background-image: url("../images/avantar_boy4.svg"), none;
  }

  section.fs-image-content,
  section.player-container {
    background-image: none;
  }

  .faq li:hover .panel-heading a,
  .faq li:focus .panel-heading a,
  .faq li .panel-heading a {
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: 0 0;
  }

  body.equipment_rental .faq li:nth-child(5n+1):hover .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+1):focus .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+1) .panel-heading a {
    background-image: url(../images/equipment/exclamation_pink.png);
    background-image: url(../images/equipment/exclamation_pink.svg), none;
  }

  body.equipment_rental .faq li:nth-child(5n+2):hover .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+2):focus .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+2) .panel-heading a {
    background-image: url(../images/equipment/exclamation_green.png);
    background-image: url(../images/equipment/exclamation_green.svg), none;
  }

  body.equipment_rental .faq li:nth-child(5n+3):hover .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+3):focus .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+3) .panel-heading a {
    background-image: url(../images/equipment/exclamation_blue.png);
    background-image: url(../images/equipment/exclamation_blue.svg), none;
  }

  body.equipment_rental .faq li:nth-child(5n+4):hover .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+4):focus .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+4) .panel-heading a {
    background-image: url(../images/equipment/exclamation_yellow.png);
    background-image: url(../images/equipment/exclamation_yellow.svg), none;
  }

  body.equipment_rental .faq li:nth-child(5n+5):hover .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+5):focus .panel-heading a,
  body.equipment_rental .faq li:nth-child(5n+5) .panel-heading a {
    background-image: url(../images/equipment/exclamation_white.png);
    background-image: url(../images/equipment/exclamation_white.svg), none;
  }

  body.equipment_rental .faq li .panel-heading a.collapsed {
    background-image: none;
  }

  body.equipment_rental .collapseWindow:nth-child(2n+1) .collapse-header {
    background-position: 267px 0 !important;
  }

  body.equipment_rental .collapseWindow:nth-child(2n+0) .collapse-header {
    background-position: 852px 0 !important;
  }
}

.socialnetworks a {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border-width: 0;
}

/* Effects */
a,
button,
.navbar-inverse .navbar-nav.navbar-right > li > a:hover span.link {
  -webkit-transition: all 0.2s; /* Safari */
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.bg-opacity {
  opacity: 0.7;       /* modern browser */
  -moz-opacity: 0.7;  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
}

.current-episode.description-wrapper .bg-opacity,
.current-course.description-wrapper .bg-opacity {
  opacity: 0.4;       /* modern browser */
  -moz-opacity: 0.4;  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 in Standard Compliant Mode */
}

.current-episode.description-wrapper:hover .bg-opacity,
.current-course.description-wrapper:hover .bg-opacity {
  opacity: 0.8;       /* modern browser */
  -moz-opacity: 0.8;  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
}

body.tagpage .bg-opacity {
  opacity: 0.6;       /* modern browser */
  -moz-opacity: 0.6;  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */
}

@media (min-width: 768px) {
  .current-episode.description-wrapper .bg-opacity,
  .current-course.description-wrapper .bg-opacity {
    opacity: 0.7;       /* modern browser */
    -moz-opacity: 0.7;  /* older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
    transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
  }

  .current-episode.description-wrapper:hover .bg-opacity,
  .current-course.description-wrapper:hover .bg-opacity {
    opacity: 0.8;       /* modern browser */
    -moz-opacity: 0.8;  /* older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */
  }
}

.bg-bleur {
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: blur(50px);
}

.socialnetworks a:hover,
.socialnetworks a:focus {
  opacity: 0.7;
  -moz-opacity: 0.7;  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
}

/****************************  Color, Effects Footer ****************************/

footer .nav > li > a,
footer .nav > li > a:active,
footer .nav > li > a:hover,
footer .nav > li > a:focus,
#anchor-menu .panel-default > .panel-heading,
.btn.btn-top:hover,
.btn.btn-top:focus,
footer .open .dropdown-menu > li > a:hover,
footer .open .dropdown-menu > li > a:focus {
  color: #fff;
}

.btn.btn-top,
footer .nav > li > a:hover,
footer .nav > li > a:focus,
footer .nav .open > a,
footer .nav .open > a:focus,
footer .nav .open > a:hover /* Gelb */ {
  color: #fcce14;
}

footer .open .dropdown-menu > li > a {
  color: #9d9d9d;
}

#anchor-menu .panel-default > .panel-heading,
footer {
  background-color: #000;
}

footer .nav > li > a:active,
footer .nav > li > a:hover,
footer .nav > li > a:focus,
.btn.btn-top:hover,
.btn.btn-top:focus,
footer.footer,
footer .nav .open > a,
footer .nav .open > a:focus,
footer .nav .open > a:hover,
footer .networks {
  background-color: transparent;
}

footer .networks {
  background-color: #112022;
}

@media (min-width: 768px) {
  footer .open .dropdown-menu > li > a {
    color: #fff;
  }

  footer .open .dropdown-menu > li > a:hover,
  footer .open .dropdown-menu > li > a:focus {
    color: #fcce14;
  }
}

.btn-top .icon-top {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/icon_top_arrow.png);
  background-image: url("../images/icon_top_arrow.svg"), none;
}

.btn-top:hover .icon-top,
.btn-top:focus .icon-top {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/icon_top_arrow_hover.png);
  background-image: url("../images/icon_top_arrow_hover.svg"), none;
}

footer section {
  background-image: none;
}

#anchor-menu.panel-group .panel,
.btn-top,
.input-group-btn button.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#anchor-menu.panel-group .panel,
.btn-top {
  border-bottom: none;
}

#anchor-menu .panel > .list-group .list-group-item,
#anchor-menu .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 0;
}

.btn.btn-top {
  outline-offset: 2px;
}

/****************************  Color, Effects Backend ****************************/
.panel-body {
  color: #000;
}

/****************************  Weitere Formatierungen ****************************/

/* Header */
header .navbar {
  height: 50px;
  margin-bottom: 0;
}

header .navbar .container-fluid {
  padding: 0 15px;
}

/* Logo */
header .navbar-brand {
  display: block;
  outline: none;
}

header .navbar-brand .brandimage {
  vertical-align: top;
  width: 40px;
  height: 36px;
}

header a.navbar-brand:focus .brandimage {
  border: dotted 1px #fff;
}

header .navbar-brand .brandimage span {
  margin-left: -9990px;
}

header .navbar-brand {
  padding: 8px 0;
  height: 50px;
}

/* Barrierefreiheit */
.focusable {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  display: block;

  /* padding:10px 20px; */
}

.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  width: auto;
  top: 0;
}

.focusable:focus + .container-fluid {
  padding-top: 30px;
}

/* Hauptmenü */
header .navbar .nav > li {
  padding: 5px 10px;
}

header .navbar .nav > li > a {
  display: inline;
  padding: 0;

  /* padding:0 0 5px 0;
	vertical-align:top; */
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav.navbar-right > li > a:hover span.link,
.navbar-inverse .navbar-nav.navbar-right > li > a:focus span.link {
  padding-top: 7px;
}

header .navbar-collapse .navbar-nav {
  margin: 20px 0;
}

header .navbar-collapse .navbar-nav > li > a {
  margin-left: 24px;
}

header .navbar-collapse .navbar-nav.navbar-right > li > a {
  margin-left: 0;
}

header .navbar-collapse .navbar-nav span.icon-login,
header .navbar-collapse .navbar-nav span.glyphicon-bookmark {
  margin-right: 8px;
}

header .navbar-collapse .navbar-nav.themes {
  margin-bottom: 40px;
}

header .navbar-inverse .navbar-toggle {	/* Small Menubutton */
  margin-top: 6px;
  padding: 10px;
  position: relative;
  z-index: 10;
}

header .navbar-inverse button.search-button {	/* Small Menubutton */
  margin-top: 7px;
  padding: 0 10px 0 10px;
}

header .navbar-inverse button.search-button.collapsed {	/* Small Menubutton */
  padding: 0 9px 0 11px;
}

header .navbar-inverse button.search-button span {
  line-height: 33px;
  vertical-align: middle;
}

header .navbar-content {
  margin-top: -11px;
  margin-left: -15px;
  margin-right: -15px;
}

header .navbar-fixed-top #mainmenu-container {
  max-height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 0;
  height: auto;
}

header #mainmenu-container.navbar-collapse h3 {
  margin: 40px 0 20px 25px;
}

header ul.mainmenu,
header ul.navbar-right,
header .navbar-nav.themes li,
header .navbar-nav.themes li:first-child {
  float: none;
  width: 100%;
}

header ul.themes {
  clear: left;
}

/* header .navbar-collapse.collapse {
	width:100%;
} */
header .navbar .navbar-form {
  padding: 1px 0 0 0;
  margin: 0;
}

header form button[type="submit"] {
  height: 35px;
  width: auto;
  margin-left: 0;
  position: absolute;
  right: 0;
}

header form .searchfield-container {
  position: relative;
  overflow: hidden;
  height: 35px;
  width: 100%;
  float: left;
}

header .search-tagnav-container {
  position: relative;
  margin-top: -45px;

  /* width:100%; */
  width: auto;
}

header .search-tagnav-position {
  margin: 0;
}

header .search-tagnav-position li a::before,
header ul.themes li a::before {
  content: '#';
}

header .search-tagnav-position .navbar-form {
  margin-top: -1px;
}

header .navbar-fixed-top #search-container.navbar-collapse {
  overflow: hideen;
  max-height: 50px;
  padding-right: 0;
}

header .searchfield {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 35px;
}

header .navbar-form input.form-control {
  display: inline;
  padding-right: 54px;
}

header .navbar-fixed-top .navbar-toggle {
  margin-right: 0;
}

.bg-bleur {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
}

header .icon,
header .navbar-nav li a {
  line-height: 25px;
  vertical-align: middle;
}

header .icon.icon-upload {
  width: 20px;
  height: 30px;
}

header .icon.icon-login {
  width: 12px;
  height: 14px;
}

header .icon.icon-transmitter,
header .icon.icon-transmitter-active {
  width: 18px;
  height: 18px;
}

header + .container-fluid {
  margin-top: -90px;
}

header.page-header + .container-fluid {
  margin-top: 0;
}

@media (min-width: 420px) {
  header ul.mainmenu,
  header ul.navbar-right,
  header .navbar-nav.themes li {
    float: left;
    width: 50%;
  }
}

@media (min-width: 768px) and (max-height: 730px) {
  .navbar-fixed-top {
    position: absolute;
  }
}

@media (min-width: 768px) and (min-height: 731px) {
  .navbar-fixed-top {
    position: fixed;
  }
}

@media (min-width: 768px) {
  header .navbar .container-fluid {
    padding: 0 20px;
  }

  header .navbar > .container .navbar-brand,
  header .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }

  header .navbar {
    height: 140px;
  }

  header .navbar-brand {
    padding: 20px 0;
    height: 150px;
  }

  header .navbar-brand {
    margin-right: 20px;
  }

  header .navbar-content {
    margin-top: 0;
    margin-left: 60px;
    height: 140px;
  }

  header .navbar-fixed-top #mainmenu-container {
    /* height:90px; */
    margin-top: 0;
  }

  header .navbar-fixed-top #mainmenu-container .dropdown-menu {
    z-index: 1001;
  }

  header .navbar-fixed-top #search-container.navbar-collapse {
    max-height: auto;
    padding-right: 15px;
  }

  header .navbar-brand .brandimage {
    width: 45px;
    height: 75px;
  }

  header .search-tagnav-container {
    position: absolute;
    z-index: 2;
    top: 86px;
    width: auto;
    left: 50%;
    margin-left: -253px;
    margin-top: 0;
  }

  header ul.mainmenu,
  header ul.navbar-right {
    width: auto;
  }

  header .navbar-collapse .navbar-nav > li > a {
    margin-left: 0;
  }

  header .navbar-collapse .navbar-nav span.icon-login {
    margin-right: 0;
  }

  header .notifications p {
    padding: 3px 20px;
  }

  header form .searchfield-container {
    width: 312px;
  }

  header .searchfield {
    float: left;
    margin: 0;
    width: 366px;
  }

  header .navbar-form input.form-control {
    width: 300px;
    padding-top: 7px;
  }

  header form button[type="submit"] {
    width: 54px;
    position: static;
    right: auto;
  }

  header .navbar .navbar-form {
    padding: 0;
    margin: 0;
  }

  header .navbar-collapse .navbar-nav {
    margin: 0;
  }

  header .navbar .nav > li {
    padding: 20px 10px 25px 10px;
  }

  header .search-tagnav-position {
    width: 526px;
    margin: 0 auto;
  }

  header + .container-fluid {
    margin-top: 0;
  }
}

html,
body {
  height: 100%;
}

body {
  padding-top: 140px;
  padding-bottom: 55px;
}

.container-fluid {
  padding: 0;
}

/* Listen */
footer ul,
footer li,
.academy .timetable,
.oktothek .participart-list li,
.oktothek .participart-list-login li,
body.producer ul.list-group,
body.oktothek .participart .shorttext ul,
body.oktothek .participart .shorttext li {
  list-style: none;
}

ul.row {
  list-style-type: none;
  padding-left: 0;
}

footer ul,
footer li,
.tags ul,
.academy .timetable,
.oktothek .participart-list,
.oktothek .participart-list-login,
body.producer ul.list-group,
body.oktothek .participart .shorttext ul,
body.oktothek .participart .shorttext li {
  margin-left: 0;
  padding-left: 0;
}

body.press section ul {
  margin-top: 0;
}

/* Überschriften */
.page h2 {
  margin-top: 50px;
}

h1,
h2,
body.help .help-experience h3,
body.help .help-action h3 {
  text-align: center;
}

h1.name,
.faq .panel-default > .panel-heading h2 {
  text-align: left;
}

h1,
footer .networks h3 {
  margin-top: 0;
}

body.tagpage h1,
body.help .help-experience h3 {
  margin-top: 20px;
}

h1.name,
h2.name {
  margin-bottom: 4px;
}

h2,
h1,
.subscriptions header.page-header h1,
body.help .help-action h3 {
  margin-bottom: 20px;
}

header.page-header h1 {
  margin-bottom: 0;
}

body.oktothek h1,
h2 {
  margin-top: 10px;
}

h2:first-child {
  margin-top: 0;
}

figcaption h3 {
  margin: 0;
}

body.help h2 {
  margin-top: 50px;
  margin-bottom: 20px;
}

body.help .help-action-container h2 {
  margin-bottom: 100px;
}

.faq .panel-default > .panel-heading h2 {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  h2,
  h1 {
    margin-bottom: 50px;
  }

  h2:first-child {
    margin-top: 10px;
  }

  body.help h2 {
    margin-top: 100px;
  }
}

/* Title, Tooltips */
[data-tooltip] {
  position: relative;
}

[data-tooltip]::after {
  content: attr(data-tooltip);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 14px;
  padding: 2px 6px;
  z-index: 100;
}

header [data-tooltip]::after {
  white-space: nowrap;
}

header .navbar-right li:last-child [data-tooltip]::after {
  left: auto;
  right: 0;
}

[data-tooltip]:hover::before {
  content: url(../images/speachbubble_title.png);
  display: block;
  position: absolute;
  top: 100%;
  margin-top: -2px;
  margin-left: -5px;
  left: 50%;
}

body.oktothek .participart [data-tooltip]:hover::before {
  margin-top: 2px;
  margin-left: 0;
  left: 95px;
}

header .navbar-right li:last-child [data-tooltip]::before {
  margin-left: -10px;
}

[data-tooltip]:hover::after {
  opacity: 1;
}

body.oktothek .participart [data-tooltip]::after {
  width: 200px;
  text-align: left;
  line-height: 1.4em;
  padding: 10px;
}

body.oktothek .participart figure [data-tooltip]::after {
  margin-top: 0;
  top: 200px;
}

/* Section, Page Header */
section.container,
.container-fluid header {
  position: relative;
}

section {
  clear: both;
}

section,
header.page-header {
  margin-bottom: 40px;
}

section,
header.page-header,
body.user header.page-header {
  padding-bottom: 40px;
}

header.page-header {
  text-align: center;
  padding-bottom: 0;
}

header.page-header .navbar {
  height: auto;
}

@media (min-width: 420px) {
  section,
  header.page-header {
    margin-bottom: 60px;
    margin-top: 40px;
  }
}

/* Dropdown, Select */
button.btn.dropdown-toggle span.caret,
select#episode-tag {
  position: absolute;
}

button.btn.dropdown-toggle,
header button.btn.dropdown-toggle {
  position: relative;
}

.dropdown-menu {
  width: 230px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.clip_overview section button.btn.dropdown-toggle,
.clip_overview section .dropdown-menu {
  width: 200px;
}

.more-clips select {
  width: auto;
}

button.btn.dropdown-toggle {
  min-width: 120px;
}

header button.btn.dropdown-toggle {
  min-width: 100px;
}

header .navbar-nav .dropdown-menu {
  top: 70%;
}

.dropdown-menu .divider {
  margin: 0;
}

button.btn.dropdown-toggle,
header button.btn.dropdown-toggle {
  padding: 8px 20px 8px 8px;
}

header .navbar-nav .dropdown-menu,
footer .dropdown-menu {
  padding: 15px 10px 10px 10px;
}

header .open .dropdown-menu .dropdown-header,
header .open .dropdown-menu > li > a {
  padding: 6px 15px;
}

.dropdown-menu li {
  padding: 5px 15px;
}

.more-clips select.form-control option,
select#episode-tag.form-control * {
  padding: 6px;
}

.dropdown-menu li.divider {
  padding: 0;
}

/* header .navbar-nav .dropdown-menu li:first-child {
	display:none;
} */
.dropdown-menu,
.dropdown-menu li a,
.more-clips select.form-control option,
select#episode-tag.form-control * {
  line-height: 25px;
}

.dropdown-menu li a,
.more-clips select.form-control option,
select#episode-tag.form-control * {
  white-space: normal;
}

button.btn.dropdown-toggle span.caret {
  right: 8px;
  top: 50%;
  margin-top: -2px;
}

select#episode-tag {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  left: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
}

select#episode-tag::-ms-expand { /* for IE 11 */
  display: none;
}

.more-clips select.form-control option:first-child::before {
  content: "";
}

.more-clips select.form-control option::before {
  content: "#";
}

button.dropdown-toggle .glyphicon-sort-by-alphabet {
  display: none;
}

footer .open .dropdown-menu {
  position: static;
  width: 100%;
}

.caret {
  width: 0.6em;
  height: 0.4em;
}

@media (min-width: 420px) {
  footer .open .dropdown-menu {
    position: absolute;
  }

  footer .dropdown-menu {
    padding: 15px 0 0 0;
  }
}

@media (min-width: 768px) {
  .dropdown-menu {
    padding: 0;
    margin-top: -2px;
  }

  header .navbar-nav .dropdown-menu {
    padding: 15px 0 0 0;
  }

  header .open .dropdown-menu .dropdown-header,
  header .open .dropdown-menu > li > a {
    padding: 5px 14px 5px 24px;
  }

  .open .dropdown-menu .dropdown-header,
  .open .dropdown-menu > li > a {
    padding: 5px 15px;
  }

  .dropdown-menu {
    padding: 0;
  }

  .dropdown-menu li {
    padding-left: 0;
  }

  header .navbar-nav .dropdown-menu li:first-child {
    display: block;
  }

  header .search-tagnav-container .dropdown {
    margin-left: 375px;
  }

  header .search-tagnav-container .dropdown button {
    padding-top: 7px;
    height: 35px;
  }

  .clip_overview .dropdown {
    margin-bottom: 40px;
  }
}

/* Newsletter */
.newsletter form fieldset {
  display: table;
}

.newsletter form .input-group {
  display: table-cell;
}

body.academy section.newsletter form .input-group,
body.academy .newsletter label,
footer .newsletter .input-group {
  display: block;
}

.newsletter .input-group .form-control,
body.newsarchiv footer .newsletter .input-group .form-control {
  width: 200px;
}

body.newsarchiv .newsletter .input-group .form-control,
body.news .newsletter .input-group .form-control,
body.press .newsletter .input-group .form-control {
  width: 160px;
}

body.newsarchiv .newsletter .input-group .input-group-addon,
body.newsarchiv .news .input-group .input-group-addon {
  padding-left: 3px;
  padding-right: 3px;
}

body.newsarchiv .newsletter .input-group {
  width: 100%;
}

body.academy .newsletter .input-group-btn {
  width: auto;
}

.newsletter .input-group,
body.newsarchiv footer .newsletter .input-group,
body.academy section.newsletter .input-group {
  margin: 0 auto;
  width: 300px;
}

body.newsarchiv footer .newsletter .input-group-addon,
footer .newsletter .input-group-addon,
body.newsarchiv .newsletter .input-group-addon,
body.news .newsletter .input-group-addon,
body.academy .newsletter .input-group-addon,
body.press .newsletter .input-group-addon {
  width: 100px;
  height: 35px;
}

footer .newsletter .input-group {
  margin: 0;
  width: 100%;
}

footer .newsletter .input-group .form-control {
  min-width: 180px;
  width: auto;
}

footer .input-group .form-control {
  float: none;
}

footer .newsletter .input-group {
  margin-left: auto;
  margin-right: auto;
}

/* body.newsarchiv .newsletter .input-group-addon {
    width:auto;
    padding:6px 10px;
} */
@media (min-width: 420px) {
  footer .newsletter .input-group {
    margin: 0 auto;
    width: 300px;
  }

  footer .newsletter .input-group .form-control {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }

  footer .input-group .form-control {
    float: left;
  }
}

@media (min-width: 1200px) {
  body.newsarchiv .newsletter .input-group .form-control,
  body.news .newsletter .input-group .form-control,
  body.press .newsletter .input-group .form-control {
    width: 200px;
  }
}

/* Socialnetworkbuttons */
.socialnetworks li {
  display: inline;
  padding: 0 2px;
}

.socialnetworks ul {
  width: auto;
}

.socialnetworks a {
  display: inline-block;
  text-align: left;
  height: 40px;
  width: 40px;
  outline: 0;
}

.socialnetworks a span { /* Überschriften für Barrierefreundlichkeit */
  margin-left: -9990px;
}

.socialnetworks {
  margin-left: 0;
  padding-left: 0;
}

/* Kommentare */
.comments {
  padding-top: 0;
  padding-bottom: 20px;
}

.comment-pager .row {
  margin-left: -15px;
}

section.comments {
  padding-right: 15px;
  padding-left: 15px;
}

.comments textarea {
  margin-bottom: 20px;
}

.comment {
  margin-bottom: 30px;
}

.answer-text {
  padding-left: 0;
}

.comments article,
.answer-text {
  margin-top: 20px;
}

.comments h2:first-child {
  margin-top: 0;
}

.comments h2 {
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
}

.comment-form label,
.comment-answer label,
.comment-edit label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.comments .answer {
  cursor: pointer;
}

.comment-answer {
  margin-right: -20px;
}

.comment-answer a::after {
  content: '\00b7';
}

.comment-answer a:last-child::after {
  content: '';
}

.comment-answer #appbundle_episode_comment {
  margin-top: 20px;
}

.comment-answer .answer-text .row {
  padding-bottom: 20px;
}

.comment-answer .answer-text .row.comment-form {
  padding-bottom: 0;
}

.comment .author {
  line-height: 30px;
  vertical-align: middle;
}

.comments h2 {
  text-align: left;
}

.avatar-container {
  width: 30px;
  height: 30px;
  padding: 0 0 0 8px;
}

.avatar1,
.avatar2,
.avatar3,
.avatar4 {
  width: 30px;
  height: 30px;
}

.no_comment {
  display: block;
  text-align: center;
}

.comment-form fieldset {
  text-align: center;
}

form #appbundle_episode_comment_submit {
  margin-top: -20px;
  margin-bottom: 40px;
}

#appbundle_edit_comment_delete.btn::before {
  content: "\e020";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  margin-right: 5px;
}

/* #appbundle_comment_submit {
    margin:0 auto;
} */
@media (min-width: 420px) {
  .comment-answer {
    margin-right: -50px;
  }
}

@media (min-width: 768px) {
  .comments {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .comment-pager .row {
    margin-left: 0;
  }

  .comments h2 {
    margin-left: 0;
    margin-right: 0;
  }

  section.comments {
    padding-right: 0;
    padding-left: 0;
  }

  .comment time,
  .comment .time { /* .comment time Löschen wenn ausgebessert */
    line-height: normal;
  }

  .avatar-container {
    width: 50px;
    height: 50px;
    padding: 0;
  }

  .avatar1,
  .avatar2,
  .avatar3,
  .avatar4 {
    width: 50px;
    height: 50px;
  }

  .answer-text {
    padding-left: 40px;
  }

  .comment-answer {
    margin-right: -25px;
  }

  #appbundle_comment_submit {
    margin-left: 0;
  }

  .comment-form fieldset {
    text-align: left;
  }

  .comment-form .col-xs-12.col-sm-11.col-md-11.col-lg-11 {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Tags */
.container.tags ul {
  padding: 20px 0;
  margin-right: 0;
}

.container.tags li {
  display: inline;
  padding-right: 5px;
}

.container.tags li a {
  display: inline-block;
  white-space: nowrap;
  padding: 6px 12px;
  vertical-align: middle;
  text-align: center;
}

.container.tags li a::before {
  content: "#";
}

.container-episode-tag {
  position: relative;
  height: 35px;
  width: 200px;
  cursor: pointer;
  margin: 0 auto;
}

a.tag::before {
  content: '#';
}

a.tag {
  margin-right: 4px;
}

a.tag:first-child::before {
  margin-left: 0;
}

p.tags {
  margin: 0;
}

div.list-group.tags span.label.label-default.remove::before {
  line-height: 1em;
  vertical-align: middle;
}

div.list-group.tags span.label.label-default.remove::before {
  content: "\e014";
}

@media (min-width: 768px) {
  .container-episode-tag {
    margin: 0;
  }
}

/* Pins */
figcaption p.more {
  margin-bottom: 15px;
}

figcaption p,
.producer .series-pin h3 {
  margin: 2px 0 10px 0;
}

article.post figure {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  article.post figure {
    padding-left: 10px;
    padding-right: 10px;
  }
}

figcaption .subheadline,
.page .subheadline {
  text-align: left;
}

figcaption {
  margin-top: 10px;
}

article.post figure {
  padding-left: 5px;
  padding-right: 5px;
}

.channels figcaption h3 {
  margin-bottom: 10px;
}

/* Clip Übersichten */
.clip_overview section .navigation,
body.series.blog header .navigation {
  text-align: right;
}

.pager-row > div:first-child {
  margin-left: -10px;
  margin-bottom: 30px;
}

.pager-row .dropdown {
  width: 200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.clip_overview p.subheadline {
  margin-top: 20px;
}

.clip_overview .series-description {
  display: none;
}

@media (min-width: 768px) {
  .pager-row .dropdown {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .pager-row > div:first-child {
    margin-bottom: 0;
  }
}

/* Zeiformatierungen */
.playlists time {
  margin-bottom: 30px;
}

.timetable .btn {
  height: 18px;
  padding: 1px 8px;
}

.timetable .btn:hover,
.timetable .btn:active,
.timetable .btn:focus {
  border-width: 0 !important;
}

@media (min-width: 768px) {
  .playlists time {
    margin-bottom: 50px;
  }
}

/* Miscareas und Detailareas */
.misc,
.subheadline {
  text-align: center;
}

header .misc {
  margin-top: 10px;
}

.preview p.misc {
  margin-top: 20px;
}

body.playlists .series {
  margin-bottom: 0;
}

#episode-tag-stack {
  margin-top: 30px;
}

/* Icons und Buttons */
.icon {
  display: inline-block;
}

a.more.right {
  text-align: center;
  margin-bottom: 40px;
}

.container-episode-tag .caret {
  position: absolute;
  right: 8px;
  top: 15px;
}

.input-group-btn .btn {
  height: 35px;
}

.btn.circle {
  height: 40px;
  width: 40px;
}

.series.blog header.page-header .pull-left .icon,
.subscriptions header.page-header .pull-left .icon {
  line-height: 36px;
  vertical-align: middle;
}

.pull-right .icon,
.pull-left .icon,
.more.right .icon,
.series.blog header.page-header .pull-left .icon {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  vertical-align: middle;
}

.pull-right .icon {
  margin-left: 5px;
}

.pull-left .icon {
  margin-right: 5px;
}

@media (min-width: 768px) {
  .pull-right .icon,
  .pull-left .icon,
  .more.right .icon,
  .series.blog header.page-header .pull-left .icon {
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 34px;
    vertical-align: middle;
  }
}

/* Alert */
.alert {
  position: relative;
  z-index: 1003;
}

/* Content allgemein */
.playlists div.player-container {
  position: relative;
}

.preview-content {
  display: none;
}

.container-bg-opacity {
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.bg-opacity {
  height: 100%;
  width: 100%;
}

/* Embed Videos */
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  overflow: hidden;
  width: 100%;
  height: auto;
}

.embed-container iframe {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/* Page */
.page iframe {
  width: 100%;
}

.faq ul {
  margin: 0;
  padding: 0;
}

.faq li {
  list-style: none;
}

.faq .panel-group .panel + .panel {
  margin-top: 2px;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .page iframe {
    width: 600px;
  }

  .faq li .panel-heading a {
    display: block;
    min-height: 50px;
    padding-top: 15px;
    margin-left: -10px;
  }

  .faq li .panel-heading a {
    padding-left: 60px;
  }

  .faq li .panel-collapse {
    padding-left: 70px;
  }

  .faq .panel-body {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .content-container .content-row > div {
    display: table-cell;
    height: 100%;
    width: 50%;
    vertical-align: top;
  }
}

/* Fehlerseite */
.errorpage .favorite-videos p {
  margin-bottom: 40px;
}

/* Flash Messages */
.important_info {
  text-align: center;
  padding: 40px;
}

/* Einstellungen Abos */
.subscriptions form {
  margin-top: 100px;
}

/* Backend */
form .form-group {
  margin-bottom: 40px;
}

.input-group.date,
.progress {
  width: 250px;
}

.progress {
  margin-top: 20px;
}

/* Footer */
footer {
  /* height:350px; */
  width: 100%;
  position: relative;
}

footer .container,
.clip_overview footer .row {
  margin: 0 auto;
}

footer .partner {
  text-align: center;
}

footer .partner li {
  padding: 5px 5px;
}

footer section {
  padding-top: 40px;
  margin-bottom: 0;
}

footer section:first-child {
  margin-top: 0;
}

footer nav {
  padding-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

footer section.partner {
  padding-top: 15px;
  margin-bottom: 0;
}

footer nav ul {
  width: auto;
  margin-top: 20px;
}

footer .nav > li > a {
  padding-left: 15px;
}

footer nav ul li {
  vertical-align: middle;
}

footer .nav > li,
footer .nav > li > a {
  display: block;
}

footer .partner li {
  width: 50%;
  float: left;
  text-align: center;
}

footer .partner li object {
  max-width: 80%;
  height: auto;
}

footer .nav > li.languages a {
  margin-left: 0;
}

/* footer .nav > li {
    width:50%;
    float:left;
} */
footer .nav > li:nth-child(2n+1) {
  clear: left;
}

footer .networks div.col-md-6:last-child {
  padding-left: 0;
  padding-right: 0;
}

footer .networks div.col-md-6 ul {
  padding-top: 22px;
}

footer .networks h3 {
  text-align: center;
  padding-top: 20px;
}

footer .networks div.col-md-6,
footer .networks div.col-md-6:first-child {
  text-align: center;
}

.btn-top .icon-top {
  height: 25px;
  width: 22px;
}

footer .networks {
  height: 220px;
  position: relative;
}

/* rausnehmen, wenn Newsletterbutton wieder aktiv */
.networks > div > div {
  text-align: center;
}

footer ul.socialnetworks {
  display: inline;
  text-align: center;
}

/* bis hier */

/* #anchor-menu {
	position:fixed;
	z-index:100;
	left:50%;
	bottom:-35px;
	margin-left:-110px;
	display:none;
	cursor:pointer;
	width:220px;
}
#anchor-menu.panel-group {
	margin-bottom:0;
}
#anchor-menu .panel-heading {
	height:50px;
	padding:0;
}
#anchor-menu .panel-heading a {
	padding: 2px;
	display:block;
	width:220px;
	height:50px;
}
#anchor-menu .panel-title {
	line-height:46px;
	vertical-align:middle;
	text-align:center;
} */
.btn.btn-top {
  padding: 0;
  height: auto;
  text-align: center;
}

.btn.btn-top .icon {
  display: block;
  margin: 0 auto;
}

/* #anchor-menu .panel-title {
	width:220px;
} */
.btn-top {
  display: block;
  margin: 0 auto;
  width: 70px;
}

/* #anchor-menu .panel-heading .glyphicon, .btn-top .glyphicon {
	margin-left:5px;
	vertical-align:middle;
}
#anchor-menu .list-group-item {
	padding-top:5px;
	padding-bottom:5px;
} */

@media (min-width: 420px) {
  footer .partner li {
    text-align: left;
  }

  footer .partner li {
    padding: 20px 5px;
  }

  footer .partner > li:nth-child(2n+1) {
    clear: left;
  }

  footer nav {
    margin-bottom: 0;
    padding-bottom: 50px;
  }

  footer section.partner {
    padding-top: 35px;
  }

  footer .nav > li.languages a {
    margin-left: -19px;
  }
}

@media (min-width: 768px) {
  footer .nav > li,
  footer .nav > li > a,
  footer .partner li {
    /* display:inline; */
    float: none;
  }

  footer .nav > li,
  footer .partner li {
    width: auto;
  }

  footer .nav > li:nth-child(2n+1),
  footer .partner li:nth-child(2n+1) {
    clear: none;
  }

  footer .nav > li > a {
    padding-left: 15px;
  }

  footer nav ul {
    /* text-align: center; */
    text-align: left;
  }

  footer nav {
    padding-top: 50px;
    margin-bottom: 0;
    text-align: left;

    /* text-align:center; */
  }

  footer a#newsletter_link {
    margin-top: 24px;
  }

  footer .partner li {
    margin-left: 40px;
  }

  footer .nav > li.languages a {
    margin-left: 0;
  }
  /* footer nav, */footer section.partner {
    height: 170px;
  }

  footer .partner li:first-child {
    margin-left: 0;
  }

  footer .partner {
    /* text-align:center; */
    padding: 0 5px;
  }

  footer .partner ul {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  footer .partner li {
    float: none;
    display: inline;
  }

  footer section {
    padding-top: 120px;
  }

  footer .networks h3 {
    text-align: left;
    padding-top: 0;
  }

  footer .networks div.col-md-6 {
    vertical-align: bottom;
  }

  footer .networks div.col-md-6 {
    text-align: left;
  }

  footer .networks div.col-md-6:first-child {
    text-align: right;
  }

  footer .newsletter .input-group {
    width: 300px;
    margin: 0;
    display: table-cell;
  }
}

/* Troubles */
.website-alert {
  background-color: #000;
  position: fixed;
  bottom: -230px;
  right: 20px;
  z-index: 300;
  width: 280px;
  word-wrap: break-word;
  padding: 20px;
  height: 230px;
}

.website-alert h3 {
  color: #d1418f;
}

.website-alert a {
  cursor: pointer;
}

.website-alert a .glyphicon-remove {
  color: #fff;
}

/* Backend */
body .panel,
.bootstrap .datetimepicker .widget a {
  color: #000;
}

/* form[name='okto_mediabundle_series_user'] .list-group.tags .remove::before {
    content: "\e014";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
} */

/* Texteditor */
.tui-editor-popup {
  box-shadow: 2px 2px 2px 3px lightgrey;
}

.tui-popup-body {
  color: #112022;
}

.tui-popup-body label {
  color: #112022;
}

.tui-popup-header {
  background-color: #112022;
}

.tui-popup-header .tui-popup-title {
  color: #fff !important;
}

.tui-editor-defaultUI button.te-ok-button {
  background-color: #fcce14 !important;
  color: #000;
}

section.tabs-content {
  margin-top: 0;
}

section.tabs-content li.row {
  margin-right: 0;
  margin-left: 0;
  border-bottom: 1px solid #000;
}

.notshow {
  display: none;
}