@charset "UTF-8";
.countdown-timer {
  display: block;
  position: relative;
  height: 0;
}

.countdown-timer a .photo {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.faux:before, .breakingnews .holder:before, .fishfinger .holder:before, .no-flexbox .social-tools:before, .no-flexbox .authorbox ul:before, .faux:after, .breakingnews .holder:after, .fishfinger .holder:after, .no-flexbox .social-tools:after, .no-flexbox .authorbox ul:after {
  content: "";
  display: table;
}

.faux:after, .breakingnews .holder:after, .fishfinger .holder:after, .no-flexbox .social-tools:after, .no-flexbox .authorbox ul:after {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.social-tools a.share-gplus, .social-tools a.share-tumblr, .social-tools a.share-pinterest, .social-tools a.share-mail, .social-tools a.share-whatsapp, .social-tools a.share-hint, .authorbox ul .fb, .authorbox ul .twitter, .authorbox ul .gplus {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.inactivity-note .inactivity-note-form .inactivity-note-checkbox, .hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.btn-bar button, .btn-bar .drop > a {
  display: block;
  height: 40px;
  width: 100%;
  border: 1px solid #b3b3b3;
  line-height: 40px;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.fonts-loaded .btn-bar button, .btn-bar .fonts-loaded button, .fonts-loaded .btn-bar .drop > a, .btn-bar .fonts-loaded .drop > a {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 16px;
  font-size: 1rem;
}

.inactivity-note {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  text-align: center;
  min-width: 600px;
  padding: 12px;
}

.inactivity-note .inactivity-note-head {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  height: 159px;
  max-width: 400px;
  margin: auto;
}

.inactivity-note .inactivity-note-head span {
  display: block;
  margin: auto;
  width: 110px;
  height: 160px;
  background-color: white;
}

.inactivity-note .inactivity-note-head span:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 216px;
  font-family: 'icomoon';
}

.inactivity-note .inactivity-note-head span:before {
  position: absolute;
  top: 82px;
  left: 4px;
  right: 0;
  line-height: inherit;
  color: #ededed;
  -webkit-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

.inactivity-note .inactivity-note-head .inactivity-note-logo {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
}

.inactivity-note .inactivity-note-body p {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 44px;
  line-height: 2.75rem;
  color: black;
  padding: 24px 0;
}

.inactivity-note .inactivity-note-body button {
  border: none;
  background-color: #db0000;
  color: white;
  height: 48px;
  height: 3rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 48px;
  line-height: 3rem;
  padding: 0 12px;
}

.fonts-loaded .inactivity-note .inactivity-note-body button {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.inactivity-note .inactivity-note-body button:hover, .inactivity-note .inactivity-note-body button:active, .inactivity-note .inactivity-note-body button:focus {
  background-color: #a80000;
  -webkit-transition: all 100ms ease;
          transition: all 100ms ease;
}

.inactivity-note .inactivity-note-form {
  position: relative;
  text-align: left;
  margin: 24px 0 0;
}

.inactivity-note .inactivity-note-form .inactivity-note-checkbox {
  padding: 0;
  position: absolute;
}

.inactivity-note .inactivity-note-form .inactivity-note-checkbox:checked + label:before {
  content: "×";
  font-size: 47px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
}

.inactivity-note .inactivity-note-form .inactivity-note-label {
  color: #b5b5b5;
  padding: 0 0 0 40px;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 32px;
  line-height: 2rem;
}

.inactivity-note .inactivity-note-form .inactivity-note-label:before {
  background: white;
  border: 1px solid #b5b5b5;
  content: "";
  font-size: 18px;
  line-height: 21px;
  height: 32px;
  width: 32px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}

.inactivity-note .inactivity-note-form .inactivity-note-label:hover, .inactivity-note .inactivity-note-form .inactivity-note-label:active, .inactivity-note .inactivity-note-form .inactivity-note-label:focus {
  color: #454545;
}

.fonts-loaded .inactivity-note .inactivity-note-form .inactivity-note-label {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

.inactivity-note .inactivity-note-form .btn-submit {
  font-weight: 400;
  position: absolute;
  right: 0;
  text-decoration: underline;
  color: #b5b5b5;
  background-color: transparent;
  border: none;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 32px;
  line-height: 2rem;
}

.inactivity-note .inactivity-note-form .btn-submit:hover, .inactivity-note .inactivity-note-form .btn-submit:active, .inactivity-note .inactivity-note-form .btn-submit:focus {
  color: #454545;
}

.fonts-loaded .inactivity-note .inactivity-note-form .btn-submit {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
}

/* globals */
* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  overflow-y: scroll;
}

body {
  color: black;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 17px;
  line-height: 1.0625rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fonts-loaded body {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
}

article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
time,
video {
  display: block;
}

img {
  border: 0;
  display: block;
  -ms-interpolation-mode: bicubic;
}

iframe {
  border: 0;
}

a {
  color: black;
  text-decoration: none;
}

a:active {
  outline: none;
}

a:hover, a:active, a:focus {
  cursor: pointer;
  -webkit-tap-highlight-color: #ff8080;
}

::-moz-selection {
  background: #db0000;
  color: white;
}

::selection {
  background: #db0000;
  color: white;
}

li {
  list-style-type: none;
}

.hide {
  display: none;
}

.hide-text {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.skip,
.hidden {
  position: absolute;
  top: -999px;
  left: -999px;
}

.skip:focus,
.skip:active {
  background: #db0000;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0 5px;
  color: white;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

/* visually hidden */
.clearfix {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
select {
  vertical-align: middle;
}

textarea {
  overflow: auto;
  resize: none;
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

label,
input[type=button],
input[type=submit],
input[type=reset],
button {
  cursor: pointer;
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

button,
.btn-submit {
  overflow: visible;
  width: auto;
}

/* FF button alignment fix */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

/* /globals */
/* Spalten */
#outerWrapper {
  position: relative;
  width: 1217px;
  /* trigger f. responsive oder nicht */
  margin: 20px auto 150px auto;
}

#innerWrapper {
  position: relative;
  padding: 0 6px;
  background-color: white;
  width: 1005px;
  /* trigger f. responsive oder nicht */
  /*box-shadow: 0 0 18px 0 rgba(0,0,0,.12);*/
}

/* /Spalten */
/* Community-Layer */
.ugcGroup {
  position: absolute;
  top: -9999px;
}

/* /Community-Layer */
/* Matchday-Teaser Loading */
.matchday-teaser {
  position: relative;
  width: 993px;
  height: 228px;
}

.matchday-teaser.load:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  background: url(data:image/gif;base64,R0lGODlhEwATAJEDABeHwRJunQxPcv///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBQjYxODBCQzYwMjA2ODExODIyQUY5Qzc3MTk4MjczQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNkIzMzY3QUMxNUIxMUUyODRFMUI4QUMwOUZGMjIyNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNkIzMzY3OUMxNUIxMUUyODRFMUI4QUMwOUZGMjIyNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjQ0MUE5QTgwQjIwNjgxMTgyMkFGQ0M2RkYzMzVCRDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUI2MTgwQkM2MDIwNjgxMTgyMkFGOUM3NzE5ODI3M0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFCgADACwAAAAAEwATAAACOZyPmcHNI6KMxjk4ZbUv68F1nrBxmFdaZ5ZeIwmG66TUdhjMH65TsflqNXowXvCnOhpHQhHKBjUUAAAh+QQFCgADACwBAAEACAARAAACEISPqcvtPaKMotqLs9688wIAIfkEBQoAAwAsAQABABEACAAAAhGMb4PLoQ0fZHKialNeOHdTAAAh+QQFCgADACwBAAEAEQAIAAACF5RvA8uLqBp7J0pA03XZyix4DShO3QYUACH5BAUKAAMALAoAAQAIABEAAAIMjI+py+09ooyv2nsLACH5BAUKAAMALAoAAQAIABEAAAIQlI+py+09ooyg2ouz3rzzAgAh+QQFCgADACwBAAoAEQAIAAACEYxvg8uhDR9kcqJqU144d1MAACH5BAUKAAMALAEACgARAAgAAAIXhG8jy4uoGnsnSkHTddnKDHgNKE7dJhQAOw==) no-repeat;
  width: 19px;
  height: 19px;
  margin: -10px 0 0 -10px;
}

/* /Matchday-Teaser Loading */
.mediaplayer[data-theme="widget"] {
  padding-bottom: 56.25%;
  width: 100%;
}

.mediaplayer .media-box {
  padding-bottom: 56.25%;
  width: 100%;
}

.mrkr {
  overflow: visible;
  position: relative;
  margin: 24px 6px 12px;
  height: 1px;
  background: #787878;
  border: 0;
}

.content .mrkr {
  margin: 24px 0 12px;
}

.mrkr:before, .mrkr:after {
  display: inline-block;
  position: absolute;
  top: -8px;
  padding: 0 6px;
  text-align: center;
  text-transform: uppercase;
  background: white;
  color: #787878;
  content: "Anzeige";
  font-size: 12px;
  font-size: 0.75rem;
}

.mrkr:before {
  left: 12px;
}

.mrkr:after {
  right: 12px;
  left: auto;
}

.s1 {
  width: 6.6666666667%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s2 {
  width: 13.3333333333%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s3 {
  width: 20%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s4 {
  width: 26.6666666667%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s5 {
  width: 33.3333333333%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s6 {
  width: 40%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s7 {
  width: 46.6666666667%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s8 {
  width: 53.3333333333%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s9 {
  width: 60%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s10 {
  width: 66.6666666667%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s11 {
  width: 73.3333333333%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s12 {
  width: 80%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s13 {
  width: 86.6666666667%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s14 {
  width: 93.3333333333%;
  clear: right;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
}

.s15 {
  width: 100%;
  clear: right;
  float: right;
  padding-left: 6px;
  padding-right: 6px;
}

.faux {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 1px;
}

footer {
  margin: 36px 0 0;
}

footer a:hover, footer a:active, footer a:focus {
  color: #db0000;
}

footer h2 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: black;
  text-align: center;
  padding: 0 0 24px;
  font-weight: 700;
}

.fonts-loaded footer h2 {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}

footer .faux {
  padding: 0 0 36px;
}

footer .content h3 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 38px;
  line-height: 2.375rem;
  text-transform: uppercase;
  color: #333333;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 0 2px;
  font-weight: 700;
}

.fonts-loaded footer .content h3 {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
}

footer .content a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 38px;
  line-height: 2.375rem;
  display: block;
  text-transform: uppercase;
  color: #4d4d4d;
  padding: 0 0 0 2px;
  border-bottom: 1px solid #ededed;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}

footer .content a:hover, footer .content a:active, footer .content a:focus {
  color: #db0000;
}

footer .content a.icon {
  padding-left: 28px;
}

.fonts-loaded footer .content a {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}

footer .intern {
  display: block;
  text-align: center;
  margin: 0 6px;
  padding: 6px 62px 24px;
}

footer .intern li {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline;
  color: #4d4d4d;
}

footer .intern li a {
  line-height: 1;
  color: #4d4d4d;
  font-weight: 400;
  border-left: 1px solid #d9d9d9;
  padding: 0 4px;
  margin-bottom: 6px;
  display: inline-block;
}

.fonts-loaded footer .intern li a {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}

footer .intern li a:hover, footer .intern li a:active, footer .intern li a:focus {
  color: #db0000;
}

footer .intern li:first-child a {
  border: 0;
}

footer .ext {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  height: 156px;
  text-align: center;
  color: gray;
  background: white;
  padding: 0 6px;
}

footer .ext h3 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 400;
  padding: 24px 0 12px;
}

.fonts-loaded footer .ext h3 {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}

footer .ext li {
  display: inline;
}

footer .ext li a {
  font-weight: 400;
  color: gray;
  display: inline-block;
  border-right: 1px solid gray;
  padding: 0 6px;
  margin-bottom: 6px;
}

.fonts-loaded footer .ext li a {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}

footer .ext li a:hover, footer .ext li a:active, footer .ext li a:focus {
  color: #db0000;
}

footer .ext li a.last {
  border: 0;
}

footer .icon:before {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  text-indent: -30px;
  vertical-align: -1px;
}

/* main-nav */
.main-nav {
  position: relative;
  max-width: 993px;
  background: white;
  text-transform: uppercase;
  margin: 0 auto;
  padding-top: .923em;
  z-index: 6501;
}

.main-nav .current {
  color: #db0000;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.fonts-loaded .main-nav a.mark:after,
.fonts-loaded .main-nav .drop .additional li > a,
.fonts-loaded .utils li {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  letter-spacing: 0;
}

/* anzeigemarkierung */
.main-nav a.mark:after {
  content: "Anzeige";
  position: absolute;
  top: 1px;
  right: 7px;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  color: #333333;
}

.main-nav .event a.mark:after {
  visibility: hidden;
}

.main-nav .event a.mark:hover:after {
  visibility: visible;
  display: block;
  width: 100%;
  top: 17px;
  right: 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4em;
  color: white;
  text-align: center;
  background: #333333;
}

/* navigation header */
.main-nav > header {
  position: relative;
  font-size: .846em;
  font-weight: bold;
}

.main-nav > header > div img {
  border-right: 0.9em solid white;
  /* as */
}

.main-nav header a {
  color: #333333;
}

.main-nav header li {
  position: relative;
  display: block;
  padding-bottom: 3px;
}

.main-nav header > ul > li > a {
  position: relative;
  display: block;
  text-align: center;
}

.main-nav > header > div,
.main-nav header li,
.main-nav .services,
.main-nav .services iframe,
.nav-ressorts li,
.main-nav .main-drop li > a > img,
.community .notifyme .user-icon,
#breadcrumb > time,
.fixed .main-nav > header {
  float: left;
}

/* main level navigation */
.nav-main-lvl {
  font-size: 12px;
  font-weight: 700;
  line-height: 38px;
  margin-top: -3px;
  border-top: 3px solid;
}

.fonts-loaded .nav-main-lvl {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 17px;
}

.nav-ressorts li {
  display: block;
}

.nav-ressorts li > a {
  display: block;
  padding: 0 5px;
}

.nav-ressorts li > a > span {
  text-transform: none;
}

.nav-ressorts .bde_search {
  float: right;
}

.nav-ressorts .bde_search .icon-search:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  font-family: 'icomoon';
}

.nav-ressorts .utils {
  display: none;
  float: right;
}

.nav-ressorts .icon-home:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  font-family: 'icomoon';
}

.nav-ressorts .icon-home:before {
  vertical-align: -1px;
}

/* utilities, event, services */
.main-nav .utilities,
.main-nav .event {
  float: right;
}

.main-nav .utilities,
.main-nav .services {
  margin-top: 38px;
  font-size: 11px;
}

.fonts-loaded .main-nav .utilities, .fonts-loaded
.main-nav .services {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  letter-spacing: .3px;
}

.main-nav .utilities a,
.main-nav .services a {
  min-width: 10em;
}

.main-nav .event {
  position: absolute;
  right: 0;
  font-size: 11px;
}

.fonts-loaded .main-nav .event {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px;
  letter-spacing: .3px;
}

.main-nav .event a {
  /* as */
  color: white;
}

.main-nav .event li {
  margin-left: 3px;
  padding-bottom: 0;
  border: 0;
}

.main-nav .event li > a {
  background: #4d4d4d;
  padding: 0 8px;
  border: 0;
}

.main-nav .event li > a:hover, .main-nav .event li > a:active, .main-nav .event li > a:focus {
  background: #454545;
}

.main-nav .services iframe {
  width: 110px;
  height: 60px;
  overflow: hidden;
}

.main-nav .utilities li a > span,
.main-nav .services li a > span,
.utils > ul > li > a > span {
  position: relative;
  display: block;
  width: 10em;
  height: 3.909em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 0;
}

.svg .main-nav .services span {
  background: url(../../../System/assets/img/bde/mood.gif) no-repeat 0 0;
  /* as */
}

.svg .main-nav .bplus span {
  background: url(../../../System/assets/img/bde/bildplus.svg) no-repeat 0 0;
}

.svg .main-nav .shop span {
  background: url(../../../System/assets/img/bde/shop.svg) no-repeat 0 0;
}

.svg .main-nav .community a > span {
  background: url(../../../System/assets/img/bde/community.svg) no-repeat 0 0;
}

.svg .main-nav .profile span {
  background: url(../../../System/assets/img/bde/login.svg) no-repeat 0 0;
}

/* dropdown-navigation */
.main-nav .drop {
  position: absolute;
  display: none;
  width: 100%;
  color: #333333;
  line-height: 3.455em;
  background: white;
  padding: 0 .455em;
  z-index: 6505;
}

.main-nav .drop li > a {
  position: relative;
  display: block;
  color: #333333;
  white-space: nowrap;
}

.fonts-loaded .main-nav .drop li > a {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  letter-spacing: 0;
  font-size: 17px;
}

.main-nav .drop > div,
.main-nav .drop > ul {
  -webkit-animation: navDrop 200ms linear;
          animation: navDrop 200ms linear;
}

.main-nav .drop .additional li > a {
  font-size: 12px;
  font-weight: 400;
}

.fonts-loaded .main-nav .drop .additional li > a {
  font-size: 14px;
}

.main-nav .active .drop {
  display: block;
  z-index: 6506;
}

.main-nav .main-drop {
  left: 0;
  right: 0;
  min-height: 343px;
  line-height: 42px;
  padding: 24px 0 0;
  background: white;
  -webkit-box-shadow: 0 5px 5px -5px rgba(181, 181, 181, 0.7), 0 5px 5px -5px rgba(181, 181, 181, 0.7);
          box-shadow: 0 5px 5px -5px rgba(181, 181, 181, 0.7), 0 5px 5px -5px rgba(181, 181, 181, 0.7);
}

.main-nav .main-drop li > a > img {
  margin: .364em .455em 0 0;
}

.main-nav .loading {
  background: url(../../../System/assets/img/com/loading.gif) no-repeat 50% 50% white;
}

.main-nav .add-drop li a {
  text-align: left;
  padding: 0 9px;
  border-right: 0;
}

.fonts-loaded .main-nav .add-drop li a {
  font-size: 13px;
}

.main-nav .utilities .loading,
.main-nav .utils .loading {
  min-height: 89px;
}

.main-nav .dl-rgt {
  right: 0;
}

.main-nav .dl-rgt li a {
  text-align: right;
}

.main-nav header .drop li:hover {
  border-bottom: 0;
}

.main-nav .dl-search {
  left: auto;
  right: 0;
  width: 261px;
  margin: 2px 0 0;
  padding: .400em;
  line-height: 1em;
  background: white;
  -webkit-box-shadow: 5px -2px 5px -5px rgba(181, 181, 181, 0.7), 5px 5px 5px -5px rgba(181, 181, 181, 0.7);
          box-shadow: 5px -2px 5px -5px rgba(181, 181, 181, 0.7), 5px 5px 5px -5px rgba(181, 181, 181, 0.7);
}

.main-nav .dl-search input {
  width: 74%;
  height: 1.525em;
  padding: .375em 0;
  margin-bottom: 0;
  vertical-align: top;
  line-height: 1.5em;
  font-weight: bold;
  text-indent: .154em;
  border: 0.091em solid #d9d9d9;
  background: #d9d9d9;
}

.main-nav .dl-search ::-webkit-input-placeholder {
  color: #333333;
}

.main-nav .dl-search ::-moz-placeholder {
  color: black !important;
}

.main-nav .dl-search :-moz-placeholder {
  color: black !important;
}

.main-nav .dl-search :-ms-input-placeholder {
  color: #333333 !important;
}

.main-nav .dl-search input[placeholder] {
  color: black !important;
  padding-left: 3px;
}

.main-nav .dl-search button {
  font-size: 1.154em;
  line-height: 1em;
  height: 1.525em;
  padding: 4px 0 7px 7px;
  border: 0;
  background: white;
}

.main-nav .dl-search button:hover, .main-nav .dl-search button:active, .main-nav .dl-search button:focus {
  color: #db0000;
}

.fonts-loaded .main-nav .dl-search button {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

@-webkit-keyframes navDrop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes navDrop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fixed .main-nav {
  -webkit-animation: navFixed 250ms linear;
          animation: navFixed 250ms linear;
}

@-webkit-keyframes navFixed {
  from {
    opacity: 0;
    top: -40px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}

@keyframes navFixed {
  from {
    opacity: 0;
    top: -40px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}

.main-drop .s3 {
  width: 19.033%;
}

.main-drop .s4 {
  width: 25.78%;
}

.main-drop .s5 {
  width: 32.527%;
}

.main-drop .s6 {
  width: 39.274%;
}

.main-drop .s7 {
  width: 46.022%;
}

.main-drop .s8 {
  width: 52.769%;
}

.main-drop .s9 {
  width: 59.516%;
}

.main-drop .s10 {
  width: 66.263%;
}

.main-drop .s11 {
  width: 73.011%;
}

.main-drop .s12 {
  width: 79.758%;
}

.main-drop .s13 {
  width: 86.505%;
}

.main-drop .s14 {
  width: 93.252%;
}

.main-drop .s15 {
  width: 100%;
}

.main-drop .content {
  margin: 0 .604%;
  min-height: 1px;
}

.main-drop .content:first-child {
  margin-left: 0;
}

.main-drop .content:last-child {
  margin-right: 0;
}

.main-drop li {
  position: relative;
  float: none;
  display: block;
  border-top: 0.091em solid #787878;
}

.main-drop li:first-child {
  border: 0;
}

.main-nav header .add-drop,
.nav_bars .drop,
.utils .drop {
  min-width: 149px;
  max-width: 430px;
  width: auto;
  margin-top: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  -webkit-box-shadow: 5px 5px 5px -5px rgba(181, 181, 181, 0.7), -5px 5px 5px -5px rgba(181, 181, 181, 0.7);
          box-shadow: 5px 5px 5px -5px rgba(181, 181, 181, 0.7), -5px 5px 5px -5px rgba(181, 181, 181, 0.7);
}

.main-nav header .add-drop > ul,
.utils .drop > ul {
  overflow: hidden;
}

.main-nav header .drop li,
.nav_bars .drop li,
.utils .drop li {
  display: block;
  float: none;
  border-left: 0;
  border-top: 1px solid #d9d9d9;
  padding: 0;
}

.main-nav header .drop li:first-child,
.nav_bars .drop li:first-child,
.utils .drop li:first-child,
.fixed .nav-main-lvl,
.main-nav fieldset {
  border: 0;
}

.utils .drop li:first-child {
  background: 0;
}

.utils .bplus {
  margin-right: 370px;
}

input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
  color: black !important;
  opacity: 1;
  font-weight: bold;
}

.additional .icon {
  margin-right: .414em;
}

.nocontent {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.nav-ressorts li.active,
.main-nav .drop li a:hover {
  color: #333333;
  background: #d9d9d9;
}

.nav-ressorts .nav_bars,
.main-nav .dl-search legend,
.main-nav .dl-search label,
.fixed .services,
.fixed .event,
.fixed .utilities,
.fixed .nav-ressorts > li,
.fixed #logo img {
  display: none;
}

/* community */
.community .count {
  position: absolute;
  display: none;
  top: 31px;
  right: 19px;
  width: 20px;
  font-size: .909em;
  font-weight: bold;
  line-height: 2em;
  color: #ededed;
  padding: 0 .400em;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
}

.community .count.new-msg {
  background: #db0000;
}

.community.logged .count {
  display: block;
}

.community .add-drop .notifyme {
  width: 312px;
  max-height: 380px;
  text-transform: none;
  overflow: auto;
}

.community .notifyme li > a {
  display: block;
  min-height: 50px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
  color: #454545;
  text-align: left;
  padding: 6px 10px 10px 6px;
  white-space: normal;
}

.community .notifyme li > p {
  font-size: 12px;
  line-height: 22px;
  color: #333333;
  font-weight: 700;
  padding: 5px;
  text-transform: uppercase;
}

.community .notifyme li .unread {
  background-color: #ededed;
  color: #454545;
}

.community .notifyme .user-icon {
  margin-right: 10px;
}

.community .notifyme .m-text {
  margin-left: 60px;
}

.community .notifyme .headline {
  line-height: 1.3;
}

.fonts-loaded .community .notifyme .headline {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.community .notifyme .member {
  display: inline-block;
  max-width: 221px;
  font-weight: 700;
  color: black;
  word-wrap: break-word;
  text-overflow: ellipsis;
}

.fonts-loaded .community .notifyme .member {
  font-size: 14px;
}

.community .notifyme time {
  margin-top: 2px;
}

.community .load-more {
  max-width: 200px;
}

.main-nav .utilities .community.logged span {
  background-position: -16px 0;
  /* as */
}

.main-nav .member:hover {
  text-decoration: none;
}

/* profile */
.main-nav .profile .add-drop {
  min-width: 102px;
}

.main-nav .profile .drop a {
  min-width: 84px;
}

.profile.logged li:first-child a {
  text-align: center;
}

.profile.logged li:first-child a:hover {
  background: none;
}

.profile .drop img {
  margin: 0 auto;
}

.utilities .profile.logged span,
.utils .profile.logged span {
  max-height: 34px;
  height: 34px;
  font-size: .909em;
  line-height: 15px;
  text-indent: 0;
  white-space: normal;
  background: none;
  padding-top: 6px;
}

.fonts-loaded .utilities .profile.logged span, .fonts-loaded
.utils .profile.logged span {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 12px;
}

/* reset teaser */
.main-nav .hentry {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  text-transform: none;
}

/* fix it, baby */
#innerWrapper.fixed {
  padding-top: 115px;
}

.no-csspositionsticky #innerWrapper.fixed {
  padding-top: 154px;
}

.csspositionsticky .fixed .main-nav {
  position: -webkit-sticky;
  position: sticky;
}

.fixed .main-nav {
  position: fixed;
  top: 0;
  width: 993px;
  margin: 0 0 0 6px;
  padding: 0;
  z-index: 10006;
}

.fixed .main-nav .dl-search {
  margin: 0;
}

.fixed .nav-ressorts .nav_bars,
.fixed .nav-ressorts .bde_search,
.fixed .nav-ressorts .utils {
  display: block;
}

.fixed .bde_search {
  padding: 0 5px 0 40px;
}

.fixed #logo {
  /* as */
  display: block;
  width: 38px;
  height: 38px;
  /*margin: 1px 0;*/
  background: url(../../../System/assets/img/bde/logo-2014_small.png) no-repeat;
}

.fixed .nav-main-lvl {
  -webkit-box-shadow: 0 5px 5px -5px rgba(181, 181, 181, 0.7), 0 5px 5px -5px rgba(181, 181, 181, 0.7);
          box-shadow: 0 5px 5px -5px rgba(181, 181, 181, 0.7), 0 5px 5px -5px rgba(181, 181, 181, 0.7);
}

.nav_bars .drop,
.utils .drop {
  margin: 0;
  padding: 0 .333em .200em;
}

.utils .drop {
  line-height: 2.920em;
}

.nav_bars .drop {
  left: 0;
}

.nav_bars li,
.utils .drop li {
  float: none;
}

.nav_bars .icon {
  margin-right: 2px;
}

.nav_bars .icon-menu-1:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.5em;
  font-family: 'icomoon';
  vertical-align: -6px;
}

.nav_bars li > a {
  line-height: 2.467em;
}

.utils li {
  font-weight: bold;
  font-size: .846em;
}

.utils > ul > li > a {
  position: relative;
  margin: 5px 0 4px;
  padding: 0;
}

.fonts-loaded .utils > ul > li > a {
  padding: 0;
}

.utils li > a:hover {
  background: 0;
}

.utils > ul > li > a > span,
.fixed .utils .profile.logged span {
  width: 110px;
  height: 29px;
}

.fixed .community .count {
  top: 7px;
  font-size: 10px;
  line-height: 19px;
  text-align: center;
}

.utils > ul > .community .drop {
  right: 179px;
}

.fixed .community.logged span {
  background-position: -16px -5px;
  /* as */
}

.utils .profile .add-drop {
  right: 69px;
}

.fixed .utils .profile.logged span {
  color: #333333;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
}

.main-nav .utilities li a > span,
.main-nav .services li a > span,
.utils > ul > li > a > span {
  background: url(../../../System/assets/img/bde/utils_sprite.png) no-repeat;
}

.main-nav .services li a > span {
  background-position: 0 -93px;
}

.main-nav li.bplus a > span {
  background-position: 0 -279px;
}

.main-nav li.shop a > span {
  background-position: 0 -372px;
}

.main-nav li.profile a > span {
  background-position: 0 -186px;
}

.main-nav li.contact a > span {
  background-position: 0 -454px;
}

.main-nav .community a > span {
  background-position: 0 0;
}

.fixed .main-nav li.bplus a > span {
  background-position: 0 -287px;
}

.fixed .main-nav li.profile a > span {
  background-position: 0 -192px;
}

.fixed .main-nav li.contact a > span {
  background-position: 0 -458px;
}

.fixed .main-nav .community a > span {
  background-position: 0 -5px;
  /* as */
}

.fixed .main-nav .community.logged a > span {
  background-position: -16px -5px;
}

.svg .fixed .main-nav li.bplus a > span,
.svg .fixed .main-nav li.profile a > span {
  background-position: 0 -5px;
  /* as */
}

/* breadcrumb */
#breadcrumb {
  position: relative;
  max-height: 31px;
  max-width: 993px;
  font-size: 10px;
  font-weight: 700;
  line-height: 30px;
  color: #787878;
  text-transform: uppercase;
  margin: 0 auto;
  overflow: hidden;
  z-index: 6000;
}

.fonts-loaded #breadcrumb {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
}

#breadcrumb > time {
  margin-right: .900em;
  padding-left: .231em;
}

#breadcrumb h1 {
  font-size: 1em;
  font-weight: bold;
}

#breadcrumb li {
  display: inline-block;
}

#breadcrumb li > a {
  color: #787878;
  padding: 0 3px 0 0;
}

#breadcrumb li > a[itemprop] {
  padding: 0;
}

#breadcrumb li > a:hover, #breadcrumb li > a:active, #breadcrumb li > a:focus {
  text-decoration: underline;
}

/* premium-countdown */
.bpremain {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: normal;
  padding: 0 7px;
  background: white;
}

.bpremain time {
  display: inline;
}

.bpremain a {
  text-decoration: underline;
}

.bpremain a:hover, .bpremain a:active, .bpremain a:focus {
  color: #db0000;
}

#breadcrumb.bnews {
  max-height: none;
  height: 54px;
  margin-bottom: 12px;
  overflow: visible;
}

.breakingnews * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.breakingnews .holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: black;
  padding: 0 0 1px;
  z-index: 6000;
}

.breakingnews h2 {
  float: left;
  clear: left;
  max-height: 50px;
  max-width: 103px;
  margin: 0;
  padding: 6px 8px;
  background: #ff9900;
  color: black;
  line-height: 1;
  text-transform: uppercase;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 400;
}

.fonts-loaded .breakingnews h2 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 16px;
  font-size: 1rem;
}

.breakingnews h2 em {
  font-style: normal;
  font-size: 37px;
  font-size: 2.3125rem;
  line-height: .75;
  margin-left: -1px;
}

.fonts-loaded .breakingnews h2 em {
  font-size: 28px;
  font-size: 1.75rem;
}

.breaking-txt {
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
}

.breaking-txt p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 50px;
  line-height: 3.125rem;
  color: white;
  padding: 0 6px 0 12px;
  font-weight: 700;
}

.breaking-txt a:hover, .breaking-txt a:active, .breaking-txt a:focus {
  text-decoration: underline;
}

.breaking-txt a,
.breaking-txt span {
  color: white;
  text-decoration: none;
}

.breaking-txt a:after,
.breaking-txt span:after {
  content: '+++';
  margin: 0 4px;
  display: inline-block;
}

.breakingnews .share {
  display: block;
  float: right;
  clear: right;
  padding: 8px 8px 8px 2px;
}

.breakingnews .share button {
  border: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  padding: 0;
  width: 33px;
  height: 33px;
  display: inline-block;
  margin-left: 6px;
  color: white;
  overflow: hidden;
}

.breakingnews .share-fb, .breakingnews .social-tools a.share-fb-small, .social-tools .breakingnews a.share-fb-small {
  background-color: #3b5897;
}

.breakingnews .share-fb:before, .breakingnews .social-tools a.share-fb-small:before, .social-tools .breakingnews a.share-fb-small:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 28px;
  font-family: 'icomoon';
}

.breakingnews .share-fb:before, .breakingnews .social-tools a.share-fb-small:before, .social-tools .breakingnews a.share-fb-small:before {
  position: relative;
  bottom: -5px;
  right: -2px;
  left: auto;
  top: auto;
}

.breakingnews .share-twitter {
  background-color: #53abee;
}

.breakingnews .share-twitter:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 25px;
  font-family: 'icomoon';
}

.breakingnews .share-twitter:before {
  line-height: 31px;
}

#breadcrumb.ffinger {
  max-height: none;
  height: 187px;
  color: black;
  text-transform: none;
  font-weight: normal;
  margin-bottom: 12px;
  overflow: visible;
}

.fishfinger * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fishfinger .holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 187px;
  background: #ededed;
  padding: .5em;
  z-index: 6000;
}

.fishfinger p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
  text-align: center;
  margin: 12px 0;
  padding: 0 24px;
}

.fishfinger .btn {
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
  display: block;
  width: 37%;
  background: #db0000;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  padding: .2em 2em;
  vertical-align: middle;
}

.fishfinger .btn:hover, .fishfinger .btn:focus, .fishfinger .btn:active {
  background: #a80000;
}

.fishfinger .btn-close {
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  color: #787878;
  left: auto;
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  background: transparent;
  border: 0;
}

.fishfinger .btn-close:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 32px;
  font-family: 'icomoon';
}

.fishfinger .btn-close:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: block;
  top: 0;
  margin: 0;
}

.loginboost {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 323px;
  background-color: #ededed;
  padding: 18px;
  text-transform: none;
  margin-top: -26px;
}

.loginboost:before {
  content: "";
  position: absolute;
  top: -12px;
  right: 48px;
  border-style: solid;
  border-width: 0 6px 12px 6px;
  border-color: transparent transparent #ededed transparent;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.loginboost--sticky {
  margin-top: 14px;
}

.loginboost--sticky:before {
  right: 117px;
}

.loginboost__close {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 13px;
  height: 15px;
}

.loginboost__info {
  text-align: center;
  color: black;
  padding-bottom: 12px;
}

.fonts-loaded .loginboost__info {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
}

.loginboost__buttonbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.loginboost__register, .loginboost__login {
  border: 0;
  padding: 0 15px;
  color: white;
}

.fonts-loaded .loginboost__register, .fonts-loaded .loginboost__login {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 48px;
}

.loginboost__register {
  background-color: #db0000;
}

.loginboost__register:hover, .loginboost__register:focus, .loginboost__register:active {
  background: #a80000;
  -webkit-transition: all 100ms ease;
          transition: all 100ms ease;
}

.loginboost__login {
  background-color: #454545;
}

.loginboost__login:hover, .loginboost__login:focus, .loginboost__login:active {
  background: #2b2b2b;
  -webkit-transition: all 100ms ease;
          transition: all 100ms ease;
}

.svg-close {
  fill: transparent;
}

.svg-close__line {
  stroke: #454545;
  stroke-width: 2px;
}

/* live artikel header */
.liveticker section > header {
  padding: 0 0 34px;
  background: url(../../../System/assets/img/bde/bg_header.png) no-repeat 21px bottom;
  position: relative;
  margin: 0;
  height: auto;
  border-bottom: 0;
}

.liveticker header h3 {
  background-color: #ededed;
  padding: 0 0 0 6px;
  position: relative;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
  color: black;
}

.liveticker header h3 span {
  display: block;
  width: 480px;
}

.liveticker header p {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 6px;
  text-transform: uppercase;
  font-weight: bold;
  color: gray;
}

.liveticker header p a {
  height: 20px;
  margin: 0 4px 0 6px;
  overflow: hidden;
  text-indent: 100%;
  vertical-align: middle;
  white-space: nowrap;
  width: 20px;
  float: left;
  background: url(../../../System/assets/img/bde/icons-refresh.png) no-repeat;
}

.liveticker header p > span {
  float: left;
  margin-right: 6px;
  line-height: 20px;
}

.liveticker header .refreshButton {
  background: url(../../../System/assets/img/bde/icons-refresh.png) no-repeat 0 -32px;
}

.liveticker header .refresh {
  background: url(../../../System/assets/img/bde/refresh-animation.gif) no-repeat;
}

.fonts-loaded .liveticker h3 {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

/* form im header */
.liveticker .sort {
  color: #4d4d4d;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 6px 0 0;
}

.liveticker fieldset {
  border: 0;
}

.liveticker .row {
  height: 30px;
  line-height: 30px;
  text-align: left;
}

.liveticker .row label {
  float: right;
  margin-right: 6px;
}

.fonts-loaded .liveticker .row label {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.liveticker .row strong {
  text-transform: uppercase;
  margin-right: 3px;
}

.liveticker .row a {
  display: inline;
  text-decoration: none;
}

.liveticker label {
  text-transform: uppercase;
  font-weight: bold;
}

.liveticker .auto-refresh {
  float: right;
  margin-right: 27px;
}

.liveticker .auto-refresh label {
  float: none;
}

.liveticker .auto-refresh input[type="checkbox"] {
  position: relative;
  top: -3px;
}

.active.messageSorting {
  color: #db0000;
}

#sort-filter {
  float: right;
  width: 120px;
  color: black;
  margin: 10px 6px 0 0;
  position: relative;
  top: -4px;
}

#sort-filter[disabled] {
  color: gray;
}

/* liveticker items */
.liveticker ol {
  margin-left: 26px;
  border-left: 2px solid #d9d9d9;
}

.liveticker ol ol {
  border: 0;
}

.liveticker ol ol li {
  border: 0;
  margin-left: 0;
  padding: 0;
}

.liveticker ol > li {
  margin-left: 39px;
  border-bottom: 1px solid #d9d9d9;
  padding: 19px 0 23px;
}

.liveticker ol h2 {
  position: relative;
  font-size: 17px;
  line-height: 1.2;
  color: black;
  margin: 0 0 2px;
}

.fonts-loaded .liveticker ol h2 {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 32px;
}

.liveticker .datetime {
  color: #db0000;
  font-size: 12px;
  text-transform: uppercase;
  left: -30px;
  position: relative;
  background: white;
  padding: 10px 0;
  margin-left: 0;
  border-bottom: 0;
}

.fonts-loaded .liveticker .datetime {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 13px;
}

.liveticker .datetime + li {
  padding-top: 0;
}

.liveticker .breaks h2 {
  font-size: 23px;
}

/* temp. abfang fuer markup-abweichung */
.liveticker ol div > h2:before {
  content: url(../../../System/assets/img/bde/dot.png);
  position: absolute;
  left: -56px;
  top: 4px;
}

.liveticker ol div time {
  color: #db0000;
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 700;
}

.fonts-loaded .liveticker ol div time {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.liveticker .breaks div > h2:before {
  content: url(../../../System/assets/img/bde/breaks.png);
  top: 4px;
}

.liveticker .youtube h2:before {
  content: url(../../../System/assets/img/bde/art-live_youtube.png);
  top: -6px;
}

.liveticker .twitter h2:before {
  content: url(../../../System/assets/img/bde/art-live_twitter.png);
}

.liveticker .datetime div time {
  margin-bottom: 0;
}

.liveticker li div > p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.fonts-loaded .liveticker li div > p {
  font-size: 19px;
}

/* autorenmedlung */
.liveticker {
  /* einfachbild, video */
  /* youtube video */
}

.fonts-loaded .liveticker li div.author > p {
  font-size: 17px;
}

.liveticker .author {
  padding: 14px 0 0;
  position: relative;
}

.liveticker .author p {
  padding-top: 10px;
  font-size: 12px;
  line-height: 15px;
}

.liveticker .author span {
  display: inline-block;
  text-transform: uppercase;
}

.liveticker .author img {
  float: left;
  margin: 0 15px 0 0;
}

.liveticker .element {
  margin: 14px auto 0;
}

.liveticker li > iframe {
  margin-top: 14px;
}

/* quatation */
.quotation {
  margin: 14px 0;
}

.quotation figure {
  position: relative;
  width: 128px;
  float: left;
  margin-right: 10px;
  margin-top: 0;
}

.quotation .quotation-copy {
  float: left;
  position: relative;
  border: 1px solid #d9d9d9;
  padding: 15px;
  width: 420px;
  height: 120px;
  font-size: 17px;
  line-height: 22px;
}

.quotation blockquote {
  float: left;
  position: relative;
  padding: 13px;
  margin: 0;
  min-height: 120px;
  z-index: 1;
}

.quotation blockquote > div {
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  quotes: "”" "“" "‘" "’";
  position: relative;
}

.fonts-loaded .quotation blockquote > div {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 24px;
}

.quotation blockquote > div:before, .quotation blockquote > div:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  color: #454545;
  font-size: 4em;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  z-index: -1;
}

.quotation blockquote > div:before {
  content: open-quote;
  left: -10px;
  top: 12px;
}

.quotation blockquote > div:after {
  content: close-quote;
  right: 25px;
  bottom: 0;
}

.quotation figure ~ blockquote {
  width: 420px;
}

.quotation span.author {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: black;
  text-align: center;
}

.fonts-loaded .quotation span.author {
  font-size: 17px;
  line-height: 21px;
}

.liveticker.txt .quotation p {
  padding: 0 28px;
  font-size: 17px;
  line-height: 22px;
}

.fonts-loaded .liveticker.txt .quotation p {
  font-size: 19px;
  line-height: 24px;
}

.liveticker .ktg blockquote > p:before,
.liveticker .ktg blockquote > p:after,
.liveticker .ktgacc blockquote > p:before,
.liveticker .ktgacc blockquote > p:after {
  position: absolute;
  color: #d9d9d9;
  font-size: 13em;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  z-index: -1;
}

/* twitter */
.twitter-tweet-rendered {
  width: 591px !important;
  min-width: 591px !important;
}

.twitter-tweet-rendered blockquote {
  width: 571px !important;
}

.twitter-tweet-rendered blockquote:before, .twitter-tweet-rendered blockquote:after {
  border: none;
}

.twitter-tweet-rendered .twt-border {
  min-width: 591px !important;
}

.liveticker {
  /* werbung */
  /* zentrierte elemente */
  /* img klein */
  /* text unter den elementen */
  /* h2 mp3 player */
}

.liveticker .tr.blank {
  border: 0;
  margin: 0;
  padding: 0;
}

.liveticker .tr.blank img {
  margin: 0 auto;
}

.liveticker.txt .center,
.liveticker.txt .center.edge {
  margin-bottom: 0;
}

.liveticker .element.left {
  margin: 6px 12px 0 0;
  border: 0;
}

.liveticker .credit {
  color: gray;
  font-size: 10px;
  margin-top: 7px;
}

.fonts-loaded .liveticker .credit {
  font-size: 15px;
}

.liveticker .element + div,
.liveticker .infoEl + div,
.liveticker iframe + div,
.liveticker .twitter-tweet-rendered + div,
.liveticker .qgtv-footer + div {
  margin-top: 14px;
}

.liveticker .breaks .header h2:before {
  content: "";
}

.liveticker .infoEl {
  margin-top: 10px;
}

.liveticker .infoEl h2 {
  float: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  color: #454545;
  margin: 0;
}

.fonts-loaded .liveticker .infoEl h2 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 14px;
}

.liveticker .infoEl > div > header {
  height: auto;
}

.liveticker .infoEl .entry-content {
  font-size: 12px;
  line-height: 17px;
}

.liveticker .infoEl time {
  font-size: 10px;
  color: gray;
}

.liveticker .hentry a {
  text-decoration: none;
}

.btn-bar {
  width: 100%;
  color: #4d4d4d;
  margin: 24px 0 12px;
}

.btn-bar > span,
.btn-bar .drop > span {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

.fonts-loaded .btn-bar > span, .fonts-loaded
.btn-bar .drop > span {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
}

.btn-bar > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.no-flexbox .btn-bar > ul {
  display: table;
  border-collapse: separate;
  border-spacing: 6px;
}

.btn-bar > ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 6px;
}

.btn-bar > ul li:first-child {
  margin: 0;
}

.no-flexbox .btn-bar > ul li {
  display: table-cell;
  width: 119px;
}

.btn-bar > ul li span {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  width: 100%;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  text-align: center;
  color: gray;
  margin: 12px 0;
}

.fonts-loaded .btn-bar > ul li span {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}

.btn-bar .drop > a {
  width: auto;
}

.btn-bar .drop > a:hover {
  color: white;
  background: #db0000;
  border-color: #db0000;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.btn-mood button {
  background-color: white;
  -webkit-transition: color .2s ease-out;
          transition: color .2s ease-out;
}

.btn-mood button:after {
  content: '';
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.btn-mood button.active, .btn-mood button:hover {
  color: white;
}

.btn-mood button.active:after, .btn-mood button:hover:after {
  height: 42px;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.btn-mood button.active:hover, .btn-mood button:hover:hover {
  -webkit-transition: border-color .3s ease-in;
          transition: border-color .3s ease-in;
}

.btn-mood button.btn-mood-1.active, .btn-mood button.btn-mood-1:hover {
  border-color: #ffd500;
}

.btn-mood button.btn-mood-1.active, .btn-mood button.btn-mood-1:after {
  background-color: #ffd500;
}

.btn-mood button.btn-mood-2.active, .btn-mood button.btn-mood-2:hover {
  border-color: #001466;
}

.btn-mood button.btn-mood-2.active, .btn-mood button.btn-mood-2:after {
  background-color: #001466;
}

.btn-mood button.btn-mood-3.active, .btn-mood button.btn-mood-3:hover {
  border-color: #db0000;
}

.btn-mood button.btn-mood-3.active, .btn-mood button.btn-mood-3:after {
  background-color: #db0000;
}

.btn-mood button.btn-mood-4.active, .btn-mood button.btn-mood-4:hover {
  border-color: #b43cb4;
}

.btn-mood button.btn-mood-4.active, .btn-mood button.btn-mood-4:after {
  background-color: #b43cb4;
}

.btn-mood button.btn-mood-5.active, .btn-mood button.btn-mood-5:hover {
  border-color: #ff52a8;
}

.btn-mood button.btn-mood-5.active, .btn-mood button.btn-mood-5:after {
  background-color: #ff52a8;
}

.btn-mood button.btn-mood-1.active, .btn-mood button.btn-mood-1:hover {
  color: black;
}

.btn-mood .hentry {
  width: auto;
}

.btn-mood .entry-content {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
}

.social-tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 1em 0;
}

.social-tools .alt-dir {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-left: auto;
}

.social-tools li {
  text-align: center;
  margin-right: 6px;
}

.social-tools li:last-child {
  margin-right: 0;
}

.social-tools a {
  display: block;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  text-decoration: none;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  /**
    Map for social buttons:
      name for social-button
      color
      icon - false, if no icon is used
      fontsize for icon
      true or false for placeholder %ir - button w or w/o text
    */
}

.fonts-loaded .social-tools a {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}

.social-tools a:before, .social-tools a:after {
  position: absolute;
}

.social-tools a:before {
  top: 0;
  left: 0;
  color: white;
  width: 40px;
  width: 2.5rem;
}

.social-tools a.share-fb, .social-tools a.share-fb-small, .social-tools a.share-twitter {
  text-align: left;
}

.social-tools a.share-fb, .social-tools a.share-fb-small {
  background: #3b5897;
}

.social-tools a.share-fb:before, .social-tools a.share-fb-small:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 35px;
  font-family: 'icomoon';
}

.social-tools a.share-fb:hover, .social-tools a.share-fb-small:hover {
  background: #334d84;
}

.social-tools a.share-twitter {
  background: #53abee;
}

.social-tools a.share-twitter:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  font-family: 'icomoon';
}

.social-tools a.share-twitter:hover {
  background: #3ca0ec;
}

.social-tools a.share-gplus {
  background: #de4e3b;
}

.social-tools a.share-gplus:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  font-family: 'icomoon';
}

.social-tools a.share-gplus:hover {
  background: #da3a25;
}

.social-tools a.share-tumblr {
  background: #365572;
}

.social-tools a.share-tumblr:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  font-family: 'icomoon';
}

.social-tools a.share-tumblr:hover {
  background: #2e4861;
}

.social-tools a.share-pinterest {
  background: #ce2222;
}

.social-tools a.share-pinterest:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 40px;
  font-family: 'icomoon';
}

.social-tools a.share-pinterest:hover {
  background: #b81e1e;
}

.social-tools a.share-mail {
  background: #dbdbdb;
}

.social-tools a.share-mail:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 28px;
  font-family: 'icomoon';
}

.social-tools a.share-mail:hover {
  background: #cfcfcf;
}

.social-tools a.share-mail:hover {
  background-color: #d6d6d6;
}

.social-tools a.share-whatsapp {
  background: #56bb44;
}

.social-tools a.share-whatsapp:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  font-family: 'icomoon';
}

.social-tools a.share-whatsapp:hover {
  background: #4da93d;
}

.social-tools a.share-hint {
  background: white;
}

.social-tools a.share-hint:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 17px;
  font-family: 'icomoon';
}

.social-tools a.share-hint:hover {
  background: #f2f2f2;
}

.social-tools a.share-hint:hover {
  background-color: #d6d6d6;
}

.social-tools a.share-fb, .social-tools a.share-fb-small {
  width: 59px;
  padding: 0 0 0 45px;
}

.social-tools a.share-fb:before, .social-tools a.share-fb-small:before {
  top: 12%;
  left: 12%;
}

.social-tools a.share-twitter {
  width: 66px;
  padding: 0 0 0 38px;
}

.social-tools a.share-twitter:before {
  left: 6%;
}

.social-tools a.share-hint, .social-tools a.share-comments {
  background: white;
  border: 1px solid #d9d9d9;
  color: #454545;
}

.social-tools a.share-hint:before {
  content: "!";
  height: 20px;
  width: 20px;
  top: 25%;
  left: 26%;
  border-radius: 50%;
  background-color: gray;
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  line-height: 22px;
  text-indent: 0;
}

.social-tools a.share-comments {
  padding: 0 6px 0 41px;
}

.social-tools a.share-comments:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 33px;
  font-family: 'icomoon';
  color: #db0000;
  top: 2px;
  left: 4px;
  z-index: 2;
  text-shadow: 3px 0 0 white, 0 3px 0 white;
}

.social-tools a.share-comments:after {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 33px;
  font-family: 'icomoon';
  top: 8px;
  left: 12px;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 1;
}

.social-tools a.share-comments:hover {
  background-color: #d6d6d6;
}

.social-tools a.share-comments:hover:before {
  text-shadow: 3px 0 0 #d9d9d9, 0 3px 0 #d9d9d9;
}

.social-tools a.share-fb-small {
  height: 32px;
  height: 2rem;
  font-size: 12px;
  padding-left: 30px;
}

.social-tools a.share-fb-small:before {
  font-size: 27px;
  top: 2%;
}

.fonts-loaded .social-tools a.share-fb-small {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.social-tools .allarticles {
  width: auto;
}

.social-tools .count {
  padding-top: 10px;
}

.social-tools .btn-follow {
  width: auto;
  padding: 0 4px;
  float: left;
}

.no-flexbox .social-tools {
  display: table;
  width: 100%;
  padding: 0 24px 0 0;
}

.no-flexbox .social-tools li {
  display: table-cell;
  float: left;
}

.no-flexbox .social-tools li.alt-dir {
  float: right;
}

/**
  temp. css f. testing HEIS-13
  shareable text with facebook
*/
.share-text {
  color: #3b5897;
}

.share-text:hover, .share-text:focus, .share-text:active {
  cursor: pointer;
  color: white;
  background: #3b5897;
  -webkit-transition: all .1s ease-out;
          transition: all .1s ease-out;
}

.share-text:after {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 21px;
  font-family: 'icomoon';
  color: white;
  background: #3b5897;
  padding: 0 4px;
  margin: 0 4px;
  z-index: 1;
}

.authorbox ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 1em 0;
  /**
  Map for social buttons:
    name for social-button
    color
    icon - false, if no icon is used
    fontsize for icon
  */
}

.authorbox ul li {
  text-align: center;
  margin-right: 6px;
}

.authorbox ul li:last-child {
  margin-right: 0;
}

.authorbox ul .fb {
  background: #3b5897;
  display: block;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  text-decoration: none;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.authorbox ul .fb:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 35px;
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  width: 40px;
  width: 2.5rem;
}

.authorbox ul .twitter {
  background: #53abee;
  display: block;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  text-decoration: none;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.authorbox ul .twitter:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  width: 40px;
  width: 2.5rem;
}

.authorbox ul .gplus {
  background: #de4e3b;
  display: block;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  text-decoration: none;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.authorbox ul .gplus:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 30px;
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  width: 40px;
  width: 2.5rem;
}

.authorbox ul .fb:before {
  top: 12%;
  left: 12%;
}

.authorbox ul .count {
  padding-top: 10px;
}

.authorbox ul .btn-follow {
  width: auto;
  padding: 0 4px;
  float: left;
}

.authorbox ul .last {
  line-height: 40px;
  line-height: 2.5rem;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-left: auto;
}

.no-flexbox .authorbox ul {
  display: table;
  width: 100%;
  padding: 0 24px 0 0;
}

.no-flexbox .authorbox ul li {
  display: table-cell;
  float: left;
}

.topic-follow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: 1px solid #d9d9d9;
  margin: 0 0 18px;
  padding: 12px;
}

.topic-follow .ribbon {
  position: absolute;
  top: -1px;
  left: 12px;
  width: 44px;
  height: 28px;
  background: #d9d9d9;
  color: white;
  text-align: center;
  padding: 10px 0 12px 0;
}

.topic-follow .ribbon:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 33px;
  font-family: 'icomoon';
}

.topic-follow .ribbon:after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 0;
  border-left: 22px solid #d9d9d9;
  border-right: 22px solid #d9d9d9;
  border-bottom: 14px solid transparent;
}

.topic-follow .ribbon > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -9999px;
}

.topic-follow.active .ribbon {
  background: #db0000;
}

.topic-follow.active .ribbon:after {
  border-left-color: #db0000;
  border-right-color: #db0000;
}

.topic-follow.active .btn {
  background-color: gray;
}

.topic-follow.active .btn:hover {
  background-color: gray;
  cursor: default;
}

.topic-follow > a {
  display: block;
  -webkit-box-flex: 2;
  -webkit-flex: 2 1 0%;
      -ms-flex: 2 1 0%;
          flex: 2 1 0%;
  padding: 0 0 0 72px;
}

.no-flexbox .topic-follow > a {
  float: left;
  width: 63%;
}

.topic-follow > a:hover,
.topic-follow > a:hover > span {
  color: #db0000;
}

.topic-follow > a span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  color: #4d4d4d;
}

.topic-follow > a span:after {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: 'icomoon';
}

.topic-follow > a span:after {
  line-height: 18px;
  line-height: 1.125rem;
  vertical-align: top;
}

.no-flexbox .topic-follow > a span:after {
  display: none;
}

.topic-follow h3 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

.topic-follow .count {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.topic-follow .btn-follow {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 40px;
  line-height: 2.5rem;
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 96px;
  background-color: #db0000;
  color: white;
  font-weight: bold;
  border: 0;
  padding: 0 1em 0 4em;
  text-transform: uppercase;
}

.topic-follow .btn-follow:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 26px;
  font-family: 'icomoon';
}

.topic-follow .btn-follow:before {
  position: absolute;
  top: 6px;
  left: 12px;
}

.topic-follow .btn-follow:hover, .topic-follow .btn-follow:focus {
  color: white;
  background: #a80000;
  -webkit-transition: all 200ms ease;
          transition: all 200ms ease;
}

.topic-follow .btn-follow.active {
  background-color: gray;
  color: white;
  text-shadow: none;
  border: 0;
}

.topic-follow .btn-follow.active:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 26px;
  font-family: 'icomoon';
}

.topic-follow .btn-follow.active:hover {
  background-color: #b3b3b3;
  text-shadow: none;
}

.topic-follow .btn-follow.active:hover:before {
  font-size: 24px;
  font-size: 1.5rem;
  top: 6px;
  left: 18px;
}

.title-tip {
  position: relative;
  display: inline-block;
}

.title-tip .quickinfo {
  white-space: nowrap;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  position: absolute;
  background-color: #db0000;
  color: white;
  height: 16px;
  text-align: center;
  display: none;
}

.title-tip:hover .quickinfo {
  display: inline-block;
  bottom: 20px;
  left: 90%;
  padding: 2px 10px 2px 10px;
  z-index: 999;
}

.countdown-timer {
  position: relative;
  color: white;
  background-color: #454545;
  border: 1px solid #787878;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding-bottom: 56.25%;
  width: 100%;
}

.countdown-timer .photo {
  width: 100%;
  position: static;
}

.countdown-timer h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  line-height: 1.2;
  position: relative;
  left: 0;
  right: 0;
  padding: 6px 6px;
  overflow: hidden;
  text-transform: uppercase;
  color: white;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.fonts-loaded .countdown-timer h2 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.countdown-timer .counter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
}

.countdown-timer .photo ~ h2,
.countdown-timer .photo ~ .counter {
  position: absolute;
}

.countdown-timer .photo ~ h2 {
  top: 0;
}

.countdown-timer .item {
  display: inline-block;
}

.countdown-timer .item .digit:first-child {
  font-size: 40px;
  font-size: 2.5rem;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  line-height: 1;
  font-weight: 700;
  padding: 5px;
  min-width: 1.05em;
}

.fonts-loaded .countdown-timer .item .digit:first-child {
  font-size: 100px;
  font-size: 6.25rem;
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.countdown-timer .item .unit {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  padding-bottom: 3px;
}

.countdown-timer.countdown-hero {
  min-height: 172px;
  height: auto;
  padding: 0;
}

.countdown-timer.countdown-hero .counter {
  position: relative;
}

.countdown-timer.countdown-hero > a {
  display: block;
}

.countdown-timer.countdown-hero > a .photo {
  height: auto;
  position: static;
}

.countdown-timer.countdown-hero .photo ~ .counter {
  position: absolute;
}

#comUsername {
  color: #333333;
}

#comlogin > ul {
  text-align: right;
}

#comlogin > ul > li {
  display: inline;
}

#comlogin > ul > li.notifyme {
  margin: 0 6px 0 10px;
  text-align: center;
  cursor: pointer;
}

#comlogin > ul > li.notifyme:hover {
  color: #454545;
  background: white;
}

#comlogin > ul > li.notifyme:hover a {
  color: #454545;
  background: white;
}

#comlogin > ul.no-com-user {
  text-align: center;
}

#comlogin li.notifyme > a {
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  color: #787878;
  line-height: 16px;
  min-height: 16px;
  display: inline-block;
  position: relative;
  z-index: 6503;
}

#comlogin li.notifyme.unread > a {
  color: white;
  background-color: #db0000;
  border-color: #db0000;
}

#comlogin li.notifyme.unread:hover > a, #comlogin li.notifyme.unread:active > a, #comlogin li.notifyme.unread:focus > a {
  color: white;
  background-color: #db0000;
  border-color: #db0000;
}

#comlogin li.notifyme ul {
  right: -8px;
  left: auto;
  top: 36px;
  width: 323px;
  max-height: 375px;
  overflow: auto;
  text-align: left;
  text-transform: none;
}

#comlogin li.notifyme li {
  border-top: 1px solid #b5b5b5;
}

#comlogin li.notifyme li:first-child {
  border-top: none;
}

#comlogin li.notifyme li > p {
  line-height: 24px;
  font-size: 11px;
  color: #454545;
  font-weight: 400;
  padding: 0 5px;
  text-transform: uppercase;
}

#comlogin li.notifyme li > a {
  display: block;
  border-top: none;
  color: #454545;
  font-weight: normal;
  font-size: 12px;
  min-height: 50px;
  padding: 6px 10px 10px 6px;
  white-space: normal;
  line-height: 15px;
  top: auto;
}

#comlogin li.notifyme li > a.unread #comlogin li.notifyme li > a:hover, #comlogin li.notifyme li > a:active, #comlogin li.notifyme li > a:focus {
  background-color: #ededed;
}

#comlogin li.notifyme .member {
  padding: 0;
  font-size: 1em;
  font-weight: bold;
  color: black;
  top: 0;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 232px;
}

#comlogin li.notifyme time {
  margin-top: 7px;
}

#comlogin li.notifyme .user-icon {
  margin-right: 10px;
  float: left;
}

#comlogin li.notifyme .m-text {
  margin-left: 60px;
}

#comlogin li.notifyme .js-load {
  width: auto;
}

#comlogin li.notifyme .hint {
  padding: 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 21px;
  color: #787878;
}

#comlogin li.notifyme .hint h3 {
  margin-bottom: 1em;
  font-size: 15px;
}

#comlogin li.notifyme .hint a {
  border-top: none;
  color: black;
  padding: 0;
  margin-top: 1em;
  text-decoration: underline;
  top: auto;
}

#comlogin li.notifyme .hint a:hover, #comlogin li.notifyme .hint a:active, #comlogin li.notifyme .hint a:focus {
  background-color: transparent;
  text-decoration: none;
}

#comlogin .profilecard ul {
  top: 36px;
  width: 224px;
  left: -8px;
  min-height: 135px;
}

#comlogin .profilecard ul:before {
  border-color: transparent transparent #d9d9d9;
  border-style: solid;
  border-width: 8px;
  content: "";
  display: block;
  height: 0;
  left: 46.5%;
  position: absolute;
  top: -16px;
  width: 0;
}

#comlogin .profilecard ul:after {
  border-color: transparent transparent #d9d9d9;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  border-width: 7px;
  left: 47%;
  top: -14px;
  border-bottom-color: white;
}

#comlogin .notifyme > a.active:before {
  display: block;
  content: "";
  position: absolute;
  top: 11px;
  left: 6px;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent #d9d9d9;
}

#comlogin .notifyme > a.active:after {
  display: block;
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent transparent #d9d9d9;
  left: 7px;
  top: 13px;
  border-width: 7px;
  border-bottom-color: white;
}

.profilecard li:first-child {
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
  padding: 12px;
  text-align: right;
  text-transform: none;
  vertical-align: baseline;
  height: 50px;
}

.profilecard li:first-child img {
  float: right;
  max-height: 50px;
  max-width: 50px;
  margin: 0 0 0 10px;
}

.profilecard li:first-child a {
  display: inline;
  float: none;
  margin: 0;
  text-align: right;
}

.profilecard li:first-child p a {
  text-transform: uppercase;
}

.profilecard li a {
  float: left;
  width: 49.5%;
  display: block;
  margin: 12px 0;
  text-align: center;
  color: #787878;
  font-size: 11px;
  line-height: 18px;
  font-weight: 400;
}

.profilecard li a.sep {
  border-right: 1px solid #d9d9d9;
}

.profilecard li a:hover, .profilecard li a:active, .profilecard li a:focus {
  color: #db0000;
}

.profilecard li h4 {
  margin: 0 0 3px;
}

.profilecard li h4 a {
  color: #333333;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  overflow: hidden;
  padding-right: 0;
  text-overflow: ellipsis;
}

.icon:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  font-family: 'icomoon';
}

.icon-uniE60A:before {
  content: "";
}

.icon-uniE60B:before {
  content: "";
}

.icon-uniE60C:before {
  content: "";
}

.icon-uniE60E:before {
  content: "";
}

.icon-uniE60D:before {
  content: "";
}

.icon-uniE60F:before {
  content: "";
}

.icon-uniE000:before {
  content: "";
}

.icon-uniE001:before {
  content: "";
}

.icon-uniE003:before {
  content: "";
}

.icon-uniE004:before {
  content: "";
}

.icon-uniE005:before {
  content: "";
}

.icon-uniE006:before {
  content: "";
}

.icon-uniE007:before {
  content: "";
}

.icon-uniE009:before {
  content: "";
}

.icon-uniE00D:before {
  content: "";
}

.icon-uniE015:before {
  content: "";
}

.icon-uniE017:before {
  content: "";
}

.icon-uniE026:before {
  content: "";
}

.icon-uniE027:before {
  content: "";
}

.icon-uniE02A:before {
  content: "";
}

.icon-uniE5FE:before {
  content: "";
}

.icon-uniE600:before {
  content: "";
}

.icon-uniE601:before {
  content: "";
}

.icon-uniE602:before {
  content: "";
}

.icon-uniE603:before {
  content: "";
}

.icon-uniE604:before {
  content: "";
}

.icon-uniE605:before {
  content: "";
}

.icon-uniE606:before {
  content: "";
}

.icon-uniE607:before {
  content: "";
}

.icon-uniE608:before {
  content: "";
}

.icon-uniE609:before {
  content: "";
}

.icon-uniF000:before {
  content: "";
}

.icon-uniF002:before {
  content: "";
}

.icon-uniF005:before {
  content: "";
}

.icon-uniF007:before {
  content: "";
}

.icon-uniF008:before {
  content: "";
}

.icon-uniF011:before {
  content: "";
}

.icon-uniF015:before {
  content: "";
}

.icon-uniF023:before {
  content: "";
}

.icon-uniF044:before {
  content: "";
}

.icon-uniF07A:before {
  content: "";
}

.icon-uniF085:before {
  content: "";
}

.icon-uniF08B:before {
  content: "";
}

.icon-uniF144:before {
  content: "";
}

.icon-uniE610:before {
  content: "";
}

.icon-uniE611:before {
  content: "";
}

.icon-uniE612:before {
  content: "";
}

.icon-uniE613:before {
  content: "";
}

.icon-uniE614:before {
  content: "";
}

.icon-uniE615:before {
  content: "";
}

.icon-uniE616:before {
  content: "";
}

.icon-uniE617:before {
  content: "";
}

.icon-uniE618:before {
  content: "";
}

.icon-uniE619:before {
  content: "";
}

.icon-uniE61a:before {
  content: "";
}

.icon-uniE61b:before {
  content: "";
}

.icon-uniE61c:before {
  content: "";
}

.icon-uniE61d:before {
  content: "";
}

.icon-uniE62d:before {
  content: "";
}

.icon-uniE61e:before {
  content: "";
}

.icon-uniE61f:before {
  content: "";
}

.icon-uniE622:before {
  content: "";
}

.icon-uniE623:before {
  content: "";
}

.icon-uniE624:before {
  content: "";
}

.icon-uniE625:before {
  content: "";
}

.icon-uniE626:before {
  content: "";
}

.icon-uniE627:before {
  content: "";
}

.icon-uniE62F:before {
  content: "";
}

.icon-uniE630:before {
  content: "";
}

.icon-uniE62e:before {
  content: "";
}

.icon-uniE629:before {
  content: "";
}

.icon-uniE62a:before {
  content: "";
}

.icon-uniE62b:before {
  content: "";
}

.icon-uniE628:before {
  content: "";
}

.icon-uniE621:before {
  content: "";
}

.icon-uniE620:before {
  content: "";
}

.icon-uniE62c:before {
  content: "";
}

.icon-uniE62e:before {
  content: "";
}

.icon-uniE900:before {
  content: "";
}

.buli-skinning {
  /* Video Lightbox BuLi */
}

.buli-skinning .hentry .playerIcon {
  background-image: url("../../../System/assets/img/bde/media-icon-sprite-BuLi.png");
}

.buli-skinning .overlay .kicker,
.buli-skinning .portrait .kicker {
  padding-right: 8px;
  color: #007ebd;
}

.buli-skinning .overlay .headline span,
.buli-skinning .portrait .headline span {
  padding-right: 12px;
}

.buli-skinning .overlay a:hover .headline, .buli-skinning .overlay a:active .headline, .buli-skinning .overlay a:focus .headline,
.buli-skinning .portrait a:hover .headline,
.buli-skinning .portrait a:active .headline,
.buli-skinning .portrait a:focus .headline {
  color: #007ebd;
}

.buli-skinning .t5p3 {
  line-height: 35px;
  max-height: 70px;
}

.fonts-loaded .buli-skinning .t5p3 .headline {
  font-size: 35px;
}

.buli-skinning .entry-content span a {
  color: #007ebd;
}

.buli-skinning .entry-content span a:hover, .buli-skinning .entry-content span a:active, .buli-skinning .entry-content span a:focus {
  color: #007ebd;
}

.buli-skinning section header {
  border-bottom: 3px solid #007ebd;
  margin: 28px 0 12px;
}

.buli-skinning section header h2 {
  font-size: 32px;
  line-height: 46px;
}

.fonts-loaded .cover .buli-skinning section header h2 {
  font-size: 34px;
  line-height: 39px;
  font-style: normal;
}

.buli-skinning section header h2 a:hover, .buli-skinning section header h2 a:active, .buli-skinning section header h2 a:focus {
  color: #007ebd;
}

.buli-skinning section header h2:before, .buli-skinning section header h2:after {
  font-style: normal;
}

.buli-skinning section header .topic li:first-child {
  color: #007ebd;
}

.buli-skinning section header a:hover, .buli-skinning section header a:active, .buli-skinning section header a:focus {
  color: #007ebd;
}

.buli-skinning section header ol li.active a,
.buli-skinning section header ol a:hover,
.buli-skinning section header ol a:active,
.buli-skinning section header ol a:focus {
  background-color: #007ebd;
}

.buli-skinning section header.gap {
  border: 0;
  margin: 0;
}

.buli-skinning section header.game {
  border: 0;
  margin: 0 0 6px;
}

.buli-skinning .leadstory ul .active a {
  color: #007ebd;
}

.buli-skinning .pag .active a,
.buli-skinning .pag a:hover,
.buli-skinning .pag a:active,
.buli-skinning .pag a:focus {
  color: #007ebd;
}

.buli-skinning .t11p .kicker {
  color: white;
  background-color: #007ebd;
}

.buli-skinning .cover .mediacenter .media-slider .hentry .kicker {
  background-color: #007ebd;
  padding-right: 6px;
}

.buli-skinning .cover .mediacenter .media-slider .hentry a:hover .headline, .buli-skinning .cover .mediacenter .media-slider .hentry a:active .headline, .buli-skinning .cover .mediacenter .media-slider .hentry a:focus .headline {
  color: #007ebd;
}

.buli-skinning .cover .mediacenter .media-slider .next,
.buli-skinning .cover .mediacenter .media-slider .prev {
  color: #007ebd;
}

.buli-skinning .cover .mediacenter .media-slider .next:hover, .buli-skinning .cover .mediacenter .media-slider .next:active, .buli-skinning .cover .mediacenter .media-slider .next:focus,
.buli-skinning .cover .mediacenter .media-slider .prev:hover,
.buli-skinning .cover .mediacenter .media-slider .prev:active,
.buli-skinning .cover .mediacenter .media-slider .prev:focus {
  background-color: #007ebd;
  color: white;
}

.buli-skinning .cover .mediacenter .nav a.active,
.buli-skinning .cover .mediacenter .nav a:hover,
.buli-skinning .cover .mediacenter .nav a:active,
.buli-skinning .cover .mediacenter .nav a:focus {
  background-color: #007ebd;
}

.buli-skinning .cover .mediacenter .nav a.active:after {
  border-top: 5px solid #007ebd;
}

.buli-skinning .t10o2 .kicker,
.buli-skinning .t10o .kicker,
.buli-skinning .t15o .kicker,
.buli-skinning .t15o2 .kicker,
.buli-skinning .t5o1 .kicker,
.buli-skinning .t5o6 .kicker {
  background: #007ebd;
  color: white;
}

@charset "UTF-8";
.sticky-container.showcontrols .trigger span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.tr.edge > div > header {
  height: 30px;
  margin: 0 6px 12px;
  background-color: transparent;
  border-bottom: 1px solid #d9d9d9;
}

.edge > div > input, .tr.edge h2 {
  color: #454545;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
}

.fonts-loaded .edge > div > input, .fonts-loaded .tr.edge h2, .tr.edge .fonts-loaded h2 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 14px;
}

.sticky-followup {
  margin: -343px 0 0 0;
  min-height: 370px;
  padding: 0 6px;
}

.sticky-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 223px;
  width: 323px;
  background: rgba(255, 255, 255, 0.6);
  padding: 12px;
  -webkit-transition: background .2s linear, -webkit-transform .3s ease-in-out;
          transition: background .2s linear, transform .3s ease-in-out;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  margin-left: 676px;
  margin-top: 120px;
  z-index: 6500;
}

.csspositionsticky .sticky-container {
  position: -webkit-sticky;
  position: sticky;
  top: 38px;
}

.sticky-container.hideme {
  -webkit-transform: translateY(-223px);
      -ms-transform: translateY(-223px);
          transform: translateY(-223px);
}

.no-csspositionsticky .sticky-container.hideme {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.no-csspositionsticky .sticky-container {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}

.fixed .sticky-container {
  background: white;
  -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
  z-index: 10000;
}

.sticky-container .mediabox {
  width: 299px;
  height: 199px;
  background: black;
  position: relative;
}

.sticky-container .mediabox:after {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
          transition: opacity .2s linear;
  background: rgba(255, 255, 255, 0.6);
}

.no-csspositionsticky .sticky-container .trigger,
.sticky-container .trigger {
  display: none;
}

.fixed .sticky-container.hideme .trigger:after {
  content: "\e602";
}

.sticky-container.showcontrols .trigger {
  display: block;
  border: 0;
  opacity: 1;
  position: absolute;
  bottom: -52px;
  left: 50%;
  margin-left: -40px;
  height: 40px;
  width: 80px;
  background: white;
  -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
  font-family: "icomoon";
  text-align: center;
  font-size: 30px;
  line-height: 40px;
}

.sticky-container.showcontrols .trigger:after {
  content: "\e608";
}

.sticky-container.showcontrols .trigger:hover {
  background-color: #d9d9d9;
}

.sticky-container .stream-link {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 6px;
  font-size: 18px;
  font-size: 1.125rem;
  background: white;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}

.sticky-container .stream-link a:hover {
  color: #db0000;
}

/* Definitionen fuer Rubrikenheader */
section .gap {
  margin: 0;
  height: 20px;
  border-bottom: 0;
  background-color: transparent;
}

section header {
  height: 39px;
  border-bottom: 1px solid #d9d9d9;
  margin: 45px 0 12px;
  position: relative;
  font-weight: 700;
  font-size: 11px;
}

.fonts-loaded section header {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

section header h2 {
  height: 39px;
  float: left;
  padding: 0 8px 0 2px;
  color: #4d4d4d;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 34px;
  line-height: 39px;
}

.fonts-loaded section header h2 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
}

section header h2 a {
  color: #4d4d4d;
  float: left;
}

section header h2 a:hover, section header h2 a:active, section header h2 a:focus {
  color: #db0000;
  text-decoration: none;
}

section header a {
  color: #4d4d4d;
  display: block;
}

section header li {
  list-style-type: none;
  float: left;
  color: #4d4d4d;
}

header h2 img {
  float: left;
  margin: -17px 6px 0 -2px;
  clear: left;
}

header a:hover, header a:active, header a:focus {
  color: #db0000;
}

header em.amp {
  font-style: normal;
  float: left;
  padding: 0 5px;
}

header .topic {
  float: left;
  margin: 19px 0 0;
}

header .topic li:first-child {
  text-transform: uppercase;
  color: #db0000;
  border: 0;
  margin: 0;
}

header .topic > li:first-child + li {
  border: 0;
}

header .topic li {
  border-left: 1px solid #4d4d4d;
  line-height: 14px;
  padding: 0 0 0 3px;
  margin: 0 3px 0 0;
}

header .rubric {
  float: right;
  margin: 10px 8px 0 0;
  line-height: 39px;
  text-transform: uppercase;
  /* .rubric__icon {
      background: url(../../../System/assets/img/bde/icons-rubrikenheader-sprite.svg) no-repeat 0 0;
      background-size: 16px 240px;
      width: 16px;
      height: 16px;
      display: inline-block;
      margin-bottom: -3px;

      &--bildgirl {
        background-position: 0 0;
      }

      &--chart {
        background-position: 0 -15px;
      }

      &--results {
        background-position: 0 -30px;
      }

      &--street {
        background-position: 0 -45px;
      }

      &--movie {
        background-position: 0 -60px;
      }

      &--gadget {
        background-position: 0 -75px;
      }

      &--check {
        background-position: 0 -90px;
      }

      &--top-flop {
        background-position: 0 -105px;
      }

      &--folder {
        background-position: 0 -120px;
      }

      &--star {
        background-position: 0 -135px;
      }

      &--house {
        background-position: 0 -150px;
      }

      &--in-out {
        background-position: 0 -165px;
      }

      &--calendar {
        background-position: 0 -180px;
      }

      &--curved-arrow {
        background-position: 0 -195px;
      }

      &--tv {
        background-position: 0 -210px;
      }

      &--weather {
        background-position: 0 -225px;
      }
    } */
}

header .rubric li {
  margin: 0 0 0 10px;
}

header .rubric li img {
  float: left;
  margin: -21px 2px 0 0;
  clear: left;
}

.shop header h2,
.shop header h2 a,
.shop header .topic li:first-child {
  color: #f90;
}

/* Tabs */
header ol li.active a,
header ol li a:hover,
header ol li a:active,
header ol li a:focus {
  color: #454545;
  background-color: #d9d9d9;
}

header ol.tabs {
  float: right;
  text-align: right;
  margin: 7px 8px 0 0;
}

header ol.tabs a {
  background-color: #b5b5b5;
  color: white;
}

.edge ol.tabs {
  height: 16px;
  margin: 8px 0 0;
  line-height: 17px;
}

.edge header ol li {
  margin: 0 0 0 3px;
}

section header ol li {
  display: inline-block;
  float: none;
  margin: 7px 0 0 3px;
}

section header ol li.active a {
  background: #db0000;
  color: white;
  text-decoration: none;
}

section header ol a {
  height: 18px;
  line-height: 18px;
  background: white;
  padding: 0 7px;
  text-transform: uppercase;
  color: #4d4d4d;
}

section header ol a:hover, section header ol a:active, section header ol a:focus {
  background: #db0000;
  color: white;
  text-decoration: none;
}

article nav .tabs {
  float: right;
  text-align: right;
  margin: 7px 8px 0 0;
}

.fonts-loaded article nav h2 {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

/* /Tabs */
/* /Definitionen fuer Rubrikenheader */
.lead {
  position: relative;
  margin: 0 6px 12px 6px;
  max-width: 993px;
}

.content .lead {
  margin: 0 0 12px 0;
}

.lead li {
  position: relative;
}

.leadLast {
  margin: 0 6px;
}

.content .leadLast {
  margin: 0;
}

.no-gap {
  margin: 0 6px;
}

.content .no-gap {
  margin: 0;
}

.ab-3 .pos1 {
  float: left;
  margin: 0 12px 0 0;
  height: 370px;
  width: 66.265%;
}

.ab-3 .posLast {
  float: left;
  height: 370px;
  width: 32.528%;
}

.ab-4 .pos1 {
  float: left;
  margin: 0 12px 0 0;
  width: 66.265%;
}

.ab-4 .posLast {
  float: left;
  width: 32.528%;
}

.bob .pos1 {
  float: left;
  margin: 0 12px 0 0;
  width: 66.265%;
  height: 658px;
}

.bob .posLast {
  float: left;
  height: 658px;
  width: 32.528%;
}

.bob-2 .pos1 {
  float: left;
  margin: 0 12px 0 0;
  width: 66.265%;
  height: 658px;
}

.bob-2 .pos2 {
  float: left;
  height: 323px;
  width: 32.528%;
  margin: 0 0 12px 0;
}

.bob-2 .posLast {
  float: left;
  height: 323px;
  width: 32.528%;
}

/* Rotation */
.leadstory {
  width: 100%;
  height: 100%;
  position: relative;
}

.leadstory.suspend ol li {
  -webkit-transition: none;
          transition: none;
}

.leadstory ol {
  position: relative;
  height: 100%;
  width: 100%;
}

.leadstory ol li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s ease-in-out;
          transition: opacity .4s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 0;
}

.leadstory ol li > span {
  display: none;
}

.leadstory ol li.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.leadstory ol li iframe {
  min-width: 100%;
  min-height: 332px;
}

.leadstory ol .hentry h2.hidden {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

.leadstory ul {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
}

.leadstory ul li {
  float: left;
}

.leadstory ul a {
  float: left;
  position: relative;
  margin: 0 2px 0 0;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  color: black;
  text-transform: uppercase;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 700;
}

.fonts-loaded .leadstory ul a {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.leadstory ul a:hover, .leadstory ul a:focus, .leadstory ul a:active {
  background: rgba(255, 255, 255, 0.5);
}

.leadstory ul .active a {
  color: #db0000;
  background: white;
}

.leadstory a[rel=prev],
.leadstory a[rel=next] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.53);
  text-align: center;
  z-index: 3;
}

.leadstory a[rel=prev]:before,
.leadstory a[rel=next]:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
}

.leadstory a[rel=prev]:hover,
.leadstory a[rel=next]:hover {
  background: #db0000;
}

.touch .leadstory a[rel=prev], .touch
.leadstory a[rel=next] {
  display: none;
}

.leadstory a[rel=next] {
  left: auto;
  right: 0;
}

.leadstory a[rel=next]:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 48px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  font-family: 'icomoon';
}

.leadstory a[rel=prev]:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 48px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  font-family: 'icomoon';
}

.shop .leadstory ul a:hover, .shop .leadstory ul a:focus, .shop .leadstory ul a:active {
  background: rgba(255, 153, 0, 0.5);
}

.shop .leadstory ul .active a {
  color: white;
  background: #ff9900;
}

.leadstory .hentry ul {
  position: inherit;
  top: auto;
  left: auto;
}

.leadstory .hentry ul .emblem {
  position: relative;
  float: right;
  right: 6px;
  bottom: 6px;
  top: auto;
}

.leadstory .hentry ul li {
  display: block;
  left: auto;
  bottom: auto;
}

.leadstory .hentry ul .premium {
  left: -6px;
  top: 28px;
  opacity: 1;
  visibility: visible;
}

/* Teaserblock und Teaserreihe Separatoren */
.module,
.misc {
  position: relative;
}

.module .hentry,
.module .misc {
  position: absolute;
}

/*%site-extend {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: $black07;
}

.module,
.tr {
  .sep:after,
  &.sep:after {
    @extend %site-extend;
    bottom: -13px;
  }
}*/
.tr .misc .tr.blank,
.tr .itemLast,
.tr .posLast {
  margin: 0;
}

.tr.blank {
  position: relative;
  z-index: 2000;
  padding: 20px 0;
  margin: 20px 0 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.tr .hentry,
.tr .misc,
.infoEl .hentry {
  margin: 0 0 12px;
}

.tr .hentry:last-child,
.tr .misc:last-child,
.infoEl .hentry:last-child {
  margin-bottom: 0;
}

.tr .sep,
.tr.sep,
.module.sep {
  margin: 0 0 25px;
}

.tr.edge .hentry.sep,
aside .tr.edge .itemLast {
  margin: 0 6px 25px;
}

.s15 .tr.blank {
  margin: 20px 0 -20px;
}

.aside .tr.edge,
.aside .top5,
aside .tr.edge,
aside .top5 {
  margin: 20px 0;
}

aside .rectangle.hide ~ section:first-of-type .tr,
aside .rectangle.hide ~ section:first-of-type .top5 {
  margin-top: 0;
}

.module .tr.blank {
  border: 0;
  margin: 0;
  padding: 0;
}

.s5 .tr.blank,
.s6 .tr.blank,
.s9 .tr.blank,
article .tr.blank {
  margin: 20px 0 0;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}

/* /Teaserblock und Teaserreihe Separatoren */
/* Teaser */
.hentry {
  position: relative;
}

.hentry a {
  display: block;
}

.hentry a:hover .photoIcon, .hentry a:active .photoIcon, .hentry a:focus .photoIcon {
  background-position: -70px -87px;
}

.hentry a:hover .playerIcon, .hentry a:active .playerIcon, .hentry a:focus .playerIcon {
  background-position: -210px -87px;
}

.hentry ul {
  height: 24px;
  font-size: 11px;
  color: black;
  text-transform: uppercase;
  margin-top: -24px;
  z-index: 1;
}

.fonts-loaded .hentry ul {
  font-size: 12px;
}

.hentry ul li {
  float: left;
  margin: 0 0 0 3px;
}

.hentry ul .regio,
.hentry ul .ads {
  background: rgba(255, 255, 255, 0.8);
  line-height: 15px;
  margin: 0;
  padding: 0 6px;
}

.fonts-loaded .hentry ul .regio, .fonts-loaded
.hentry ul .ads {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
}

.hentry ul .regio {
  position: relative;
  float: right;
  right: 6px;
  bottom: 3px;
}

.hentry ul .ads {
  position: absolute;
  left: 6px;
  top: 6px;
}

.hentry ul .premium {
  position: absolute;
  left: -4px;
  top: 0;
  margin: 0;
  z-index: 1;
}

.hentry ul .bildplus,
.hentry ul .buli {
  background: url(../../../System/assets/img/bde/premium-tsr.png) no-repeat;
  z-index: 1;
}

.hentry ul .emblem {
  position: relative;
  float: right;
  right: 6px;
  bottom: 6px;
  top: auto;
}

.hentry .photoIcon,
.hentry .playerIcon {
  position: absolute;
  height: 60px;
  width: 60px;
  overflow: hidden;
  background: url(../../../System/assets/img/bde/media-icon-sprite.png) no-repeat 0 -87px;
}

.hentry .playerIcon {
  background-position: -140px -87px;
}

.entry-title span {
  display: block;
}

.kicker {
  max-height: 24px;
  overflow: hidden;
  color: #db0000;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: block;
}

.fonts-loaded .kicker {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 20px;
}

.headline {
  max-height: 120px;
  overflow: hidden;
  color: black;
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}

.fonts-loaded .headline {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 60px;
}

.entry-content {
  max-height: 60px;
  overflow: hidden;
  color: black;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.fonts-loaded .entry-content {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 17px;
}

.entry-content span a {
  display: inline;
  color: #db0000;
}

.entry-content span a:hover, .entry-content span a:active, .entry-content span a:focus {
  text-decoration: underline;
}

.overlay .entry-title {
  position: absolute;
  bottom: 12px;
  width: 100%;
}

.overlay .kicker {
  display: table;
  background: white;
  padding: 0 5px 0 0;
  white-space: nowrap;
}

.overlay .headline {
  display: inline;
  background: white;
}

.overlay .headline > span {
  display: inline;
  float: left;
  clear: left;
  background: white;
  padding-right: 6px;
}

.overlay a:hover .headline, .overlay a:active .headline, .overlay a:focus .headline {
  color: #db0000;
}

.overlay ul li time {
  display: none;
}

.portrait .kicker {
  display: inline-block;
  background: white;
  position: absolute;
  left: 0;
  padding: 0 5px 0 0;
}

.portrait a:hover .headline, .portrait a:active .headline, .portrait a:focus .headline {
  color: #db0000;
}

.portrait ul li time {
  display: none;
}

.landscape .entry-title {
  padding-top: 2px;
}

.landscape .kicker {
  max-height: 18px;
  font-size: 13px;
  line-height: 18px;
}

.fonts-loaded .landscape .kicker {
  font-size: 15px;
}

.landscape .headline {
  max-height: 24px;
  font-size: 18px;
  line-height: 24px;
}

.fonts-loaded .landscape .headline {
  font-size: 22px;
}

.landscape a:hover .headline, .landscape a:active .headline, .landscape a:focus .headline {
  color: #db0000;
}

.landscape ul {
  height: 18px;
  float: right;
  margin: 0;
}

.landscape ul .premium {
  width: 38px;
  height: 11px;
  border: none;
  top: 4px;
  right: 0;
  left: auto;
  background-position: 0 -194px;
}

.landscape ul .emblem {
  float: left;
  bottom: 0;
  top: 0;
}

.landscape ul time,
.landscape ul .channel {
  position: relative;
  right: 6px;
  top: 2px;
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
}

.fonts-loaded .landscape ul time, .fonts-loaded
.landscape ul .channel {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px;
}

.landscape ul .channel:before {
  content: "|";
  padding-right: 3px;
}

.landscape ul .ads {
  left: 3px;
  top: 2px;
}

.landscape ul .regio {
  top: 2px;
  background: none;
  padding: 0 0 0 3px;
}

.landscape img,
.landscape .video,
.landscape .photo {
  float: left;
  margin: 0 12px 0 0;
}

.t3o {
  max-width: 189px;
}

.t3o .entry-title {
  bottom: 0;
  left: 0;
  right: 0;
}

.t3o .kicker {
  max-height: 15px;
  padding: 0 4px;
  font-size: 11px;
  line-height: 15px;
}

.fonts-loaded .t3o .kicker {
  font-size: 13px;
}

.t3o .headline {
  max-height: 34px;
  padding: 2px 0 2px 4px;
  font-size: 12px;
  line-height: 17px;
  display: block;
  background: rgba(255, 255, 255, 0.7);
}

.fonts-loaded .t3o .headline {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.t3o .headline > span {
  background: none;
}

.t3o ul .premium {
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.t3o .playerIcon,
.t3o .photoIcon {
  width: 37px;
  height: 37px;
  right: 6px;
  top: 6px;
}

.t3o .playerIcon {
  background-position: -140px -218px;
}

.t3o .photoIcon {
  background-position: 0 -218px;
}

.t3o a:hover .playerIcon, .t3o a:active .playerIcon, .t3o a:focus .playerIcon {
  background-position: -210px -218px;
}

.t3o a:hover .photoIcon, .t3o a:active .photoIcon, .t3o a:focus .photoIcon {
  background-position: -70px -218px;
}

.t3p {
  max-width: 189px;
  min-height: 224px;
}

.t3p .kicker {
  top: 92px;
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .t3p .kicker {
  font-size: 14px;
}

.t3p .headline {
  max-height: 48px;
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
}

.fonts-loaded .t3p .headline {
  font-size: 22px;
}

.t3p .entry-content {
  max-height: 68px;
  margin-top: 2px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .t3p .entry-content {
  font-size: 13px;
}

.t3p ul .premium {
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.t3p ul .regio {
  bottom: -3px;
}

.t3p .playerIcon,
.t3p .photoIcon {
  width: 37px;
  height: 37px;
  right: 6px;
  top: 6px;
}

.t3p .playerIcon {
  background-position: -140px -218px;
}

.t3p .photoIcon {
  background-position: 0 -218px;
}

.t3p a:hover .playerIcon, .t3p a:active .playerIcon, .t3p a:focus .playerIcon {
  background-position: -210px -218px;
}

.t3p a:hover .photoIcon, .t3p a:active .photoIcon, .t3p a:focus .photoIcon {
  background-position: -70px -218px;
}

.t3p2 {
  max-width: 189px;
  min-height: 280px;
}

.t3p2 .kicker {
  max-height: 16px;
  top: 210px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .t3p2 .kicker {
  font-size: 14px;
}

.t3p2 .headline {
  max-height: 48px;
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
}

.fonts-loaded .t3p2 .headline {
  font-size: 22px;
}

.t3p2 ul .premium {
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.t3p2 ul .regio {
  bottom: -3px;
}

.t3p2 .playerIcon,
.t3p2 .photoIcon {
  width: 45px;
  height: 45px;
  left: 72px;
  top: 90px;
}

.t3p2 .playerIcon {
  background-position: -140px -161px;
}

.t3p2 .photoIcon {
  background-position: 0 -161px;
}

.t3p2 a:hover .playerIcon, .t3p2 a:active .playerIcon, .t3p2 a:focus .playerIcon {
  background-position: -210px -161px;
}

.t3p2 a:hover .photoIcon, .t3p2 a:active .photoIcon, .t3p2 a:focus .photoIcon {
  background-position: -70px -161px;
}

.t3prev {
  max-width: 390px;
  min-height: 224px;
}

.t3prev .kicker {
  max-height: 16px;
  top: 92px;
  width: 162px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .t3prev .kicker {
  font-size: 14px;
}

.t3prev .headline {
  max-height: 48px;
  margin-top: 4px;
  font-size: 16px;
  line-height: 22px;
}

.fonts-loaded .t3prev .headline {
  font-size: 22px;
}

.t3prev .entry-content {
  max-height: 34px;
  margin-top: 2px;
  width: 380px;
  font-size: 12px;
  line-height: 17px;
}

.fonts-loaded .t3prev .entry-content {
  font-size: 14px;
}

.t3prev ul .premium {
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.t3prev .playerIcon,
.t3prev .photoIcon {
  width: 45px;
  height: 45px;
  left: 72px;
  top: 30px;
}

.t3prev .playerIcon {
  background-position: -140px -161px;
}

.t3prev .photoIcon {
  background-position: 0 -161px;
}

.t3prev a:hover .playerIcon, .t3prev a:active .playerIcon, .t3prev a:focus .playerIcon {
  background-position: -210px -161px;
}

.t3prev a:hover .photoIcon, .t3prev a:active .photoIcon, .t3prev a:focus .photoIcon {
  background-position: -70px -161px;
}

.t5o1 {
  max-width: 323px;
}

.t5o1 .entry-title {
  bottom: 0;
  padding-bottom: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.t5o1 .kicker {
  color: white;
  background-color: #db0000;
  display: inline-block;
  padding: 1px 10px;
}

.fonts-loaded .t5o1 .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}

.t5o1 .headline {
  display: block;
  max-height: 148px;
  font-size: 26px;
  line-height: 40px;
  background: none;
}

.t5o1 .headline > span {
  background: none;
  color: white;
  float: none;
  display: block;
  padding: 0 12px;
}

.fonts-loaded .t5o1 .headline {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: .93;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.6);
}

.t5o1 .photo {
  min-width: 323px;
  max-height: 370px;
  object-fit: none;
}

.t5o1 ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t5o1 .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 129px;
  top: 66px;
}

.t5o1 .photoIcon {
  left: 132px;
  top: 155px;
  width: 70px;
  height: 70px;
  background-position: 0 0;
}

.t5o1 a:hover .playerIcon, .t5o1 a:focus .playerIcon, .t5o1 a:active .playerIcon {
  background-position: -210px 0;
}

.t5o1 a:hover .photoIcon, .t5o1 a:focus .photoIcon, .t5o1 a:active .photoIcon {
  background-position: -70px 0;
}

.t5o5 {
  max-width: 323px;
}

.t5o5 .headline {
  max-height: 64px;
  font-size: 26px;
  line-height: 32px;
}

.fonts-loaded .t5o5 .headline {
  font-size: 32px;
}

.t5o5 ul .premium {
  height: 41px;
  width: 66px;
  background-position: 0 -60px;
}

.t5o5 .playerIcon {
  left: 132px;
  top: 62px;
}

.t5o5 .photoIcon {
  left: 132px;
  top: 62px;
}

.t5o6 {
  max-width: 323px;
}

.t5o6 .entry-title {
  bottom: 0;
  padding-bottom: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  text-align: center;
}

.t5o6 .kicker {
  color: white;
  background-color: #db0000;
  display: inline;
  padding: 1px 10px;
  margin-bottom: 0;
}

.fonts-loaded .t5o6 .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 16px;
  font-size: 1rem;
}

.t5o6 .headline {
  max-height: 100%;
  overflow: visible;
  display: block;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 26px;
  line-height: 32px;
  background: none;
  color: white;
}

.t5o6 .headline > span {
  background: none;
  color: white;
  float: none;
  display: block;
  padding: 0;
}

.t5o6 .headline > span:first-child {
  margin-top: 2px;
}

.fonts-loaded .t5o6 .headline {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: .94;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.6);
}

.t5o6 ul .premium {
  height: 41px;
  width: 66px;
  background-position: 0 -60px;
}

.t5o6 .playerIcon {
  left: 132px;
  top: 132px;
}

.t5o6 .photoIcon {
  left: 132px;
  top: 132px;
}

.t5p {
  max-width: 323px;
  height: 242px;
  border: 3px solid #ededed;
  background-color: #d9d9d9;
  padding: 1px;
}

.t5p .entry-title {
  height: 62px;
  padding: 3px 0 0 6px;
  background-color: white;
}

.t5p .kicker {
  max-height: 16px;
  position: relative;
  background: none;
  font-size: 11px;
  line-height: 16px;
}

.fonts-loaded .t5p .kicker {
  font-size: 14px;
}

.t5p .headline {
  max-height: 42px;
  margin-top: -2px;
  font-size: 16px;
  line-height: 21px;
}

.fonts-loaded .t5p .headline {
  font-size: 19px;
}

.t5p object {
  vertical-align: top;
}

.t5p ul .premium {
  height: 41px;
  width: 66px;
  background-position: 0 -60px;
}

.t5p .playerIcon {
  width: 45px;
  height: 45px;
  background-position: -140px -161px;
  left: 137px;
  top: 65px;
}

.t5p .photoIcon {
  width: 45px;
  height: 45px;
  background-position: 0 -161px;
  left: 137px;
  top: 65px;
}

.t5p a:hover .playerIcon, .t5p a:focus .playerIcon, .t5p a:active .playerIcon {
  background-position: -210px -161px;
}

.t5p a:hover .photoIcon, .t5p a:focus .photoIcon, .t5p a:active .photoIcon {
  background-position: -70px -161px;
}

.t5p1 {
  max-width: 291px;
}

.t5p1 .kicker {
  background-color: white;
  top: 149px;
  font-size: 12px;
  line-height: 18px;
}

.fonts-loaded .t5p1 .kicker {
  font-size: 15px;
}

.t5p1 .headline {
  max-height: 56px;
  margin-top: 4px;
  font-size: 24px;
  line-height: 28px;
}

.fonts-loaded .t5p1 .headline {
  font-size: 28px;
}

.t5p1 ul .premium {
  height: 41px;
  width: 66px;
  background-position: 0 -60px;
}

.t5p1 ul .regio {
  bottom: -3px;
}

.t5p1 ul .emblem {
  bottom: 0;
}

.t5p1 .playerIcon {
  left: 116px;
  top: 56px;
}

.t5p1 .photoIcon {
  left: 116px;
  top: 56px;
}

.tr.edge .t5p1 {
  margin: 0 6px 12px;
}

.t5p2 {
  max-width: 323px;
  min-height: 323px;
}

.t5p2 .kicker {
  top: 162px;
}

.t5p2 .headline {
  max-height: 64px;
  margin-top: 4px;
  font-size: 26px;
  line-height: 32px;
}

.fonts-loaded .t5p2 .headline {
  font-size: 32px;
}

.t5p2 .entry-content {
  margin-top: 6px;
}

.t5p2 ul .premium {
  height: 41px;
  width: 66px;
  background-position: 0 -60px;
}

.t5p2 ul .regio {
  bottom: -3px;
}

.t5p2 ul .emblem {
  bottom: 0;
}

.t5p2 .playerIcon {
  left: 131px;
  top: 61px;
}

.t5p2 .photoIcon {
  left: 131px;
  top: 61px;
}

.t5p3 {
  max-width: 323px;
  min-height: 280px;
}

.t5p3 .kicker {
  top: 162px;
}

.t5p3 .headline {
  max-height: 64px;
  margin-top: 4px;
  font-size: 26px;
  line-height: 32px;
}

.fonts-loaded .t5p3 .headline {
  font-size: 32px;
}

.t5p3 ul .premium {
  height: 41px;
  width: 66px;
  background-position: 0 -60px;
}

.t5p3 ul .regio {
  bottom: -3px;
}

.t5p3 ul .emblem {
  bottom: 0;
}

.t5p3 .playerIcon {
  left: 131px;
  top: 61px;
}

.t5p3 .photoIcon {
  left: 131px;
  top: 61px;
}

.t5p3 .published {
  position: absolute;
  bottom: 2px;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
  font-weight: 400;
}

.fonts-loaded .t5p3 .published {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
}

.t5p3 .published time {
  float: right;
}

.t5p4 {
  max-width: 323px;
  min-height: 460px;
}

.t5p4 .photo {
  min-width: 323px;
  max-height: 370px;
  object-fit: none;
}

.t5p4 .kicker {
  top: 350px;
}

.t5p4 .headline {
  max-height: 80px;
  margin-top: 4px;
  font-size: 26px;
  line-height: 40px;
}

.fonts-loaded .t5p4 .headline {
  font-size: 40px;
}

.t5p4 ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t5p4 ul .regio {
  bottom: -3px;
}

.t5p4 ul .emblem {
  bottom: 0;
}

.t5p4 .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 126px;
  top: 150px;
}

.t5p4 .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 126px;
  top: 150px;
}

.t5p4 a:hover .playerIcon, .t5p4 a:focus .playerIcon, .t5p4 a:active .playerIcon {
  background-position: -210px 0;
}

.t5p4 a:hover .photoIcon, .t5p4 a:focus .photoIcon, .t5p4 a:active .photoIcon {
  background-position: -70px 0;
}

.t5p4.potd:after {
  content: url(../../../System/assets/img/bde/fdt-marke.png);
  position: absolute;
  top: -6px;
  left: 20px;
  z-index: 1;
  background: none;
}

.t9o {
  max-width: 591px;
}

.t9o .headline {
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
}

.fonts-loaded .t9o .headline {
  font-size: 40px;
}

.t9o ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t9o .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 261px;
  top: 131px;
}

.t9o .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 261px;
  top: 131px;
}

.t9o a:hover .playerIcon, .t9o a:focus .playerIcon, .t9o a:active .playerIcon {
  background-position: -210px 0;
}

.t9o a:hover .photoIcon, .t9o a:focus .photoIcon, .t9o a:active .photoIcon {
  background-position: -70px 0;
}

.t9p {
  max-width: 591px;
  min-height: 433px;
}

.t9p .kicker {
  top: 312px;
}

.t9p .headline {
  max-height: 64px;
  margin-top: 4px;
  font-size: 26px;
  line-height: 32px;
}

.fonts-loaded .t9p .headline {
  font-size: 32px;
}

.t9p .entry-content {
  margin-top: 6px;
}

.t9p ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t9p ul .regio {
  bottom: -3px;
}

.t9p ul .emblem {
  bottom: 0;
}

.t9p .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 261px;
  top: 131px;
}

.t9p .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 261px;
  top: 131px;
}

.t9p a:hover .playerIcon, .t9p a:focus .playerIcon, .t9p a:active .playerIcon {
  background-position: -210px 0;
}

.t9p a:hover .photoIcon, .t9p a:focus .photoIcon, .t9p a:active .photoIcon {
  background-position: -70px 0;
}

.t9p.potd:after {
  content: url(../../../System/assets/img/bde/fdt-marke.png);
  position: absolute;
  top: -6px;
  left: 20px;
  z-index: 1;
  background: none;
}

.t9l {
  max-width: 591px;
  min-height: 106px;
}

.t9l .headline span {
  display: inline;
}

.t9l .entry-content {
  max-height: 54px;
  margin-top: 2px;
  font-size: 13px;
  line-height: 18px;
}

.fonts-loaded .t9l .entry-content {
  font-size: 15px;
}

.t9l ul .premium {
  left: -4px;
  top: 0;
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.t9l .playerIcon {
  width: 45px;
  height: 45px;
  background-position: -140px -161px;
  left: 72px;
  top: 30px;
}

.t9l .photoIcon {
  width: 45px;
  height: 45px;
  background-position: 0 -161px;
  left: 72px;
  top: 30px;
}

.t9l a:hover .playerIcon, .t9l a:focus .playerIcon, .t9l a:active .playerIcon {
  background-position: -210px -161px;
}

.t9l a:hover .photoIcon, .t9l a:focus .photoIcon, .t9l a:active .photoIcon {
  background-position: -70px -161px;
}

.t9l .ugcGroup {
  top: 3px;
  right: 68.5%;
}

.t9l1 .entry-title span {
  display: inline;
  margin-right: 4px;
}

.t9l1 .kicker {
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .t9l1 .kicker {
  font-size: 14px;
}

.t9l1 .headline {
  max-height: 21px;
  font-size: 16px;
  line-height: 21px;
}

.fonts-loaded .t9l1 .headline {
  font-size: 19px;
}

.t10o {
  max-width: 658px;
}

.t10o .entry-title {
  bottom: 0;
  padding-bottom: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.t10o .kicker {
  color: white;
  background-color: #db0000;
  display: inline-block;
  padding: 1px 10px;
}

.fonts-loaded .t10o .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}

.t10o .headline {
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
  background: none;
}

.t10o .headline > span {
  background: none;
  color: white;
  float: none;
  display: block;
  padding: 0 12px;
}

.fonts-loaded .t10o .headline {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: .93;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.6);
}

.t10o ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t10o .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 294px;
  top: 150px;
}

.t10o .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 294px;
  top: 150px;
}

.t10o a:hover .playerIcon, .t10o a:focus .playerIcon, .t10o a:active .playerIcon {
  background-position: -210px 0;
}

.t10o a:hover .photoIcon, .t10o a:focus .photoIcon, .t10o a:active .photoIcon {
  background-position: -70px 0;
}

.t10o1 {
  max-width: 658px;
}

.t10o1 .headline {
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
}

.fonts-loaded .t10o1 .headline {
  font-size: 40px;
}

.t10o1 ul .premium {
  height: 41px;
  width: 66px;
  background-position: 0 -60px;
}

.t10o1 .playerIcon {
  left: 299px;
  top: 110px;
}

.t10o1 .photoIcon {
  left: 299px;
  top: 110px;
}

.t10o2 {
  max-width: 658px;
  min-height: 658px;
}

.t10o2 .entry-title {
  text-align: center;
  bottom: 0;
  padding-bottom: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.t10o2 .kicker {
  color: white;
  background-color: #db0000;
  display: inline;
  padding: 1px 10px;
}

.fonts-loaded .t10o2 .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}

.t10o2 .headline {
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
  background: none;
}

.t10o2 .headline > span {
  background: none;
  color: white;
  float: none;
  display: block;
  padding: 0 12px;
}

.fonts-loaded .t10o2 .headline {
  font-size: 100px;
  font-size: 6.25rem;
  font-weight: 900;
  line-height: .93;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.6);
}

.t10o2 ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t10o2 .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 294px;
  top: 294px;
}

.t10o2 .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 294px;
  top: 294px;
}

.t10o2 a:hover .playerIcon, .t10o2 a:focus .playerIcon, .t10o2 a:active .playerIcon {
  background-position: -210px 0;
}

.t10o2 a:hover .photoIcon, .t10o2 a:focus .photoIcon, .t10o2 a:active .photoIcon {
  background-position: -70px 0;
}

.t10p {
  max-width: 658px;
  min-height: 460px;
}

.t10p .kicker {
  top: 350px;
}

.t10p .headline {
  max-height: 80px;
  margin-top: 4px;
  font-size: 26px;
  line-height: 40px;
}

.fonts-loaded .t10p .headline {
  font-size: 40px;
}

.t10p ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t10p ul .regio {
  bottom: -3px;
}

.t10p ul .emblem {
  bottom: 0;
}

.t10p .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 294px;
  top: 150px;
}

.t10p .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 294px;
  top: 150px;
}

.t10p a:hover .playerIcon, .t10p a:focus .playerIcon, .t10p a:active .playerIcon {
  background-position: -210px 0;
}

.t10p a:hover .photoIcon, .t10p a:focus .photoIcon, .t10p a:active .photoIcon {
  background-position: -70px 0;
}

.t10p.potd:after {
  content: url(../../../System/assets/img/bde/fdt-marke.png);
  position: absolute;
  top: -6px;
  left: 20px;
  z-index: 1;
  background: none;
}

.t10l {
  max-width: 658px;
  min-height: 106px;
}

.t10l .headline {
  max-height: 64px;
  font-size: 26px;
  line-height: 32px;
}

.fonts-loaded .t10l .headline {
  font-size: 28px;
}

.t10l .headline span {
  display: inline;
}

.t10l .entry-content {
  max-height: 40px;
  margin-top: 2px;
  font-size: 15px;
  line-height: 20px;
}

.fonts-loaded .t10l .entry-content {
  font-size: 17px;
}

.t10l ul .premium {
  left: -4px;
  top: 0;
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.t10l .playerIcon {
  width: 45px;
  height: 45px;
  background-position: -140px -161px;
  left: 72px;
  top: 30px;
}

.t10l .photoIcon {
  width: 45px;
  height: 45px;
  background-position: 0 -161px;
  left: 72px;
  top: 30px;
}

.t10l a:hover .playerIcon, .t10l a:focus .playerIcon, .t10l a:active .playerIcon {
  background-position: -210px -161px;
}

.t10l a:hover .photoIcon, .t10l a:focus .photoIcon, .t10l a:active .photoIcon {
  background-position: -70px -161px;
}

.t10l1 {
  max-width: 658px;
  min-height: 106px;
}

.t10l1 .headline {
  max-height: 64px;
  font-size: 26px;
  line-height: 32px;
}

.fonts-loaded .t10l1 .headline {
  font-size: 28px;
}

.t10l1 .headline span {
  display: inline;
}

.t10l1 .entry-content {
  max-height: 40px;
  margin-top: 2px;
  font-size: 15px;
  line-height: 20px;
}

.fonts-loaded .t10l1 .entry-content {
  font-size: 17px;
}

.t10l1 ul .premium {
  position: relative;
}

.t10l1 ul .ads {
  left: 0;
  position: relative;
}

.t10l1 .playerIcon {
  width: 45px;
  height: 45px;
  background-position: -140px -161px;
  left: 72px;
  top: 30px;
}

.t10l1 .photoIcon {
  width: 45px;
  height: 45px;
  background-position: 0 -161px;
  left: 72px;
  top: 30px;
}

.t10l1 a:hover .playerIcon, .t10l1 a:focus .playerIcon, .t10l1 a:active .playerIcon {
  background-position: -210px -161px;
}

.t10l1 a:hover .photoIcon, .t10l1 a:focus .photoIcon, .t10l1 a:active .photoIcon {
  background-position: -70px -161px;
}

.t11p {
  width: 725px;
  min-height: 690px;
}

.t11p .kicker {
  position: static;
  margin-top: 12px;
  padding: 3px 6px;
  background-color: #db0000;
  color: white;
  font-weight: 700;
}

.t11p .headline {
  color: white;
}

.t11p .entry-content {
  margin-top: 4px;
  color: white;
}

.t11p .published {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 54px;
  border-top: 1px solid #454545;
  color: #b5b5b5;
  text-align: right;
  font-size: 12px;
  line-height: 54px;
  font-weight: 400;
}

.fonts-loaded .t11p .published {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
}

.t11p ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t11p .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  right: 7px;
  top: 7px;
  left: auto;
  bottom: auto;
}

.t11p .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  right: 7px;
  top: 7px;
  left: auto;
  bottom: auto;
}

.t11p a:hover .playerIcon, .t11p a:focus .playerIcon, .t11p a:active .playerIcon {
  background-position: -210px 0;
}

.t11p a:hover .photoIcon, .t11p a:focus .photoIcon, .t11p a:active .photoIcon {
  background-position: -70px 0;
}

.t15o {
  max-width: 993px;
}

.t15o .entry-title {
  text-align: left;
  bottom: 0;
  padding-bottom: 14px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.t15o .kicker {
  color: white;
  background-color: #db0000;
  display: inline;
  padding: 1px 10px;
}

.fonts-loaded .t15o .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}

.t15o .headline {
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
  background: none;
}

.t15o .headline > span {
  background: none;
  color: white;
  float: none;
  display: block;
  padding: 0 12px;
}

.t15o .headline > span:first-child {
  margin-top: 2px;
}

.fonts-loaded .t15o .headline {
  font-size: 58px;
  font-size: 3.625rem;
  font-weight: 900;
  line-height: .93;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.6);
}

.t15o ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t15o .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 462px;
  top: 131px;
}

.t15o .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 462px;
  top: 131px;
}

.t15o a:hover .playerIcon, .t15o a:focus .playerIcon, .t15o a:active .playerIcon {
  background-position: -210px 0;
}

.t15o a:hover .photoIcon, .t15o a:focus .photoIcon, .t15o a:active .photoIcon {
  background-position: -70px 0;
}

.t15o2 {
  max-width: 993px;
}

.t15o2 .entry-title {
  text-align: center;
  bottom: 0;
  padding-bottom: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.t15o2 .kicker {
  color: white;
  background-color: #db0000;
  display: inline;
  padding: 1px 10px;
}

.fonts-loaded .t15o2 .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}

.t15o2 .headline {
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
  background: none;
}

.t15o2 .headline > span {
  background: none;
  color: white;
  float: none;
  display: block;
  padding: 0 12px;
}

.fonts-loaded .t15o2 .headline {
  font-size: 100px;
  font-size: 6.25rem;
  font-weight: 900;
  line-height: .93;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.6);
}

.t15o2 ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t15o2 .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 462px;
  top: 244px;
}

.t15o2 .photoIcon {
  left: 462px;
  top: 244px;
}

.t15o2 a:hover .playerIcon, .t15o2 a:focus .playerIcon, .t15o2 a:active .playerIcon {
  background-position: -210px 0;
}

.t15p {
  max-width: 993px;
  min-height: 430px;
}

.t15p .kicker {
  top: 312px;
}

.t15p .headline {
  max-height: 60px;
  margin-top: 4px;
}

.t15p .entry-content {
  max-height: 21px;
  margin-top: 4px;
}

.t15p ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.t15p .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 462px;
  top: 131px;
}

.t15p .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 462px;
  top: 131px;
}

.t15p a:hover .playerIcon, .t15p a:focus .playerIcon, .t15p a:active .playerIcon {
  background-position: -210px 0;
}

.t15p a:hover .photoIcon, .t15p a:focus .photoIcon, .t15p a:active .photoIcon {
  background-position: -70px 0;
}

.tvl {
  min-height: 69px;
}

.tvl .entry-title {
  padding-top: 14px;
}

.tvl .kicker {
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .tvl .kicker {
  font-size: 14px;
}

.tvl .headline {
  max-height: 42px;
  font-size: 16px;
  line-height: 21px;
}

.fonts-loaded .tvl .headline {
  font-size: 19px;
}

.tvl ul .premium {
  left: -4px;
  top: 0;
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.tvl .playerIcon {
  width: 37px;
  height: 37px;
  background-position: -140px -218px;
  left: 42px;
  top: 16px;
}

.tvl .photoIcon {
  width: 37px;
  height: 37px;
  background-position: 0 -218px;
  left: 42px;
  top: 16px;
}

.tvl a:hover .playerIcon, .tvl a:active .playerIcon, .tvl a:focus .playerIcon {
  background-position: -210px -218px;
}

.tvl a:hover .photoIcon, .tvl a:active .photoIcon, .tvl a:focus .photoIcon {
  background-position: -70px -218px;
}

.tvl .ugcGroup {
  top: 3px;
  left: 77px;
  right: auto;
}

.tr.edge .tvl {
  min-height: 69px;
  margin: 0 6px 12px;
}

.tvl1 {
  min-height: 69px;
}

.tvl1 .kicker {
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .tvl1 .kicker {
  font-size: 14px;
}

.tvl1 .headline {
  max-height: 42px;
  font-size: 16px;
  line-height: 21px;
}

.fonts-loaded .tvl1 .headline {
  font-size: 19px;
}

.tvl1 ul .premium {
  left: -4px;
  top: 0;
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.tvl1 .playerIcon {
  width: 37px;
  height: 37px;
  background-position: -140px -218px;
  left: 42px;
  top: 16px;
}

.tvl1 .photoIcon {
  width: 37px;
  height: 37px;
  background-position: 0 -218px;
  left: 42px;
  top: 16px;
}

.tvl1 a:hover .playerIcon, .tvl1 a:focus .playerIcon, .tvl1 a:active .playerIcon {
  background-position: -210px -218px;
}

.tvl1 a:hover .photoIcon, .tvl1 a:focus .photoIcon, .tvl1 a:active .photoIcon {
  background-position: -70px -218px;
}

.tvl1 .ugcGroup {
  top: 0;
  right: 0;
}

.tr.edge .tvl1 {
  min-height: 69px;
  margin: 0 6px 12px;
}

.tvl2 .entry-title {
  padding-top: 0;
}

.tvl2 .kicker {
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .tvl2 .kicker {
  font-size: 14px;
}

.tvl2 .headline {
  max-height: 42px;
  font-size: 16px;
  line-height: 21px;
}

.fonts-loaded .tvl2 .headline {
  font-size: 19px;
}

.tvl2 .headline span {
  display: inline;
}

.tr.edge .tvl2 {
  margin: 0 6px 12px;
}

.tvl2 .ugcGroup {
  top: -4px;
  right: 0;
}

.tvl3 .entry-title {
  padding-top: 0;
}

.tvl3 .kicker {
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
}

.fonts-loaded .tvl3 .kicker {
  font-size: 14px;
}

.tvl3 .headline {
  max-height: 42px;
  font-size: 16px;
  line-height: 21px;
}

.fonts-loaded .tvl3 .headline {
  font-size: 19px;
}

.tvl3 .headline span {
  display: inline;
}

.tvl3 .headline span:first-child {
  padding-left: 16px;
}

.tvl3 .headline:before {
  position: absolute;
  top: 0;
  left: -6px;
  content: '\e609';
  font-family: "icomoon";
  color: #db0000;
}

.tvl3 h3 {
  padding: 0;
}

.tvl3 ul .premium {
  position: relative;
}

.tvl3 ul .ads {
  position: relative;
  margin: 0 6px 0 0;
  padding: 0;
}

/* Medien-Center auf Video Home */
.mediacenter {
  position: relative;
  height: 677px;
}

.mediacenter .stage {
  height: 559px;
}

.mediacenter ol {
  height: 106px;
  width: 993px;
  margin: 12px 0 0;
}

.mediacenter ol li {
  float: left;
  width: 189px;
  height: 106px;
  margin: 0 0 0 12px;
}

.mediacenter ol li:first-child {
  margin: 0;
}

.mediacenter ol li.active {
  background-color: black;
}

.mediacenter ol li.active .hentry {
  opacity: 0.5;
}

.mediacenter ol li.active a:hover .playerIcon {
  background-image: none;
}

.mediacenter ol .hentry {
  position: relative;
  width: 189px;
  height: 106px;
}

.mediacenter ol .hentry .entry-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.mediacenter ol .hentry .kicker {
  display: table;
  background: white;
  padding: 0 4px;
  white-space: nowrap;
  max-height: 15px;
  font-size: 11px;
  line-height: 15px;
}

.fonts-loaded .mediacenter ol .hentry .kicker {
  font-size: 13px;
}

.mediacenter ol .hentry .headline {
  display: block;
  background: rgba(255, 255, 255, 0.7);
  max-height: 34px;
  padding: 2px 0 2px 4px;
  font-size: 12px;
  line-height: 17px;
}

.fonts-loaded .mediacenter ol .hentry .headline {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.mediacenter ol .hentry .playerIcon {
  visibility: hidden;
}

.mediacenter ol .hentry ul {
  margin: auto;
  height: auto;
}

.mediacenter ol .hentry ul .premium {
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.mediacenter ol .hentry a {
  display: block;
}

.mediacenter ol .hentry a:hover .playerIcon, .mediacenter ol .hentry a:focus .playerIcon, .mediacenter ol .hentry a:active .playerIcon {
  visibility: visible;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 37px;
  height: 37px;
  background-position: -210px -218px;
}

.mediacenter ol .hentry a:hover .headline, .mediacenter ol .hentry a:focus .headline, .mediacenter ol .hentry a:active .headline {
  color: #db0000;
}

/* Medien-Center in Video Lightbox */
.cover .mediacenter {
  width: 993px;
  height: 752px;
  padding: 0 12px;
}

.cover .mediacenter .nav {
  margin: 0 0 12px;
  text-transform: uppercase;
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 16px;
}

.cover .mediacenter .nav li {
  float: left;
  margin-left: 4px;
}

.cover .mediacenter .nav li:first-child {
  margin-left: 0;
}

.cover .mediacenter .nav a {
  height: 38px;
  display: block;
  position: relative;
  padding: 0 12px;
  background-color: #333333;
  font-size: 16px;
  line-height: 38px;
  color: white;
}

.cover .mediacenter .nav a:hover, .cover .mediacenter .nav a:active, .cover .mediacenter .nav a:focus {
  background-color: #db0000;
  -webkit-transition: ease .2s;
          transition: ease .2s;
}

.cover .mediacenter .nav a.active {
  background-color: #db0000;
  -webkit-transition: ease .2s;
          transition: ease .2s;
}

.cover .mediacenter .nav a.active:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 45%;
  width: 0;
  height: 0;
  border-top: 5px solid #db0000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.cover .mediacenter .stage {
  float: left;
  width: 725px;
  height: 690px;
}

.cover .mediacenter .media-slider {
  float: right;
  position: relative;
  height: 690px;
  width: 260px;
  overflow: hidden;
}

.cover .mediacenter .media-slider ol {
  position: relative;
  height: 690px;
  width: 256px;
  margin: 0 0 0 4px;
  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: transform .3s ease-in-out;
}

.cover .mediacenter .media-slider ol li {
  float: none;
  height: auto;
  width: auto;
  margin: auto;
}

.cover .mediacenter .media-slider .hentry {
  height: 196px;
  width: 256px;
  margin-bottom: 6px;
}

.cover .mediacenter .media-slider .hentry .entry-title {
  position: static;
}

.cover .mediacenter .media-slider .hentry .kicker {
  position: absolute;
  top: 125px;
  max-height: 19px;
  overflow: hidden;
  background-color: #db0000;
  color: white;
  font-weight: 700;
  font-size: 12px;
  line-height: 19px;
}

.fonts-loaded .cover .mediacenter .media-slider .hentry .kicker {
  font-size: 15px;
}

.cover .mediacenter .media-slider .hentry .headline {
  background: none;
  overflow: hidden;
  margin-top: 2px;
  padding: 0;
  max-height: 48px;
  color: white;
  font-size: 16px;
  line-height: 24px;
}

.fonts-loaded .cover .mediacenter .media-slider .hentry .headline {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 22px;
}

.cover .mediacenter .media-slider .hentry .playerIcon {
  right: 6px;
  top: 6px;
  left: auto;
  visibility: visible;
  width: 37px;
  height: 37px;
  background-position: -140px -218px;
}

.cover .mediacenter .media-slider .hentry ul .premium {
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.cover .mediacenter .media-slider .hentry a:hover .playerIcon, .cover .mediacenter .media-slider .hentry a:focus .playerIcon, .cover .mediacenter .media-slider .hentry a:active .playerIcon {
  background-position: -210px -218px;
}

.cover .mediacenter .media-slider .hentry a:hover .headline, .cover .mediacenter .media-slider .hentry a:focus .headline, .cover .mediacenter .media-slider .hentry a:active .headline {
  color: #db0000;
}

.cover .mediacenter .media-slider .next,
.cover .mediacenter .media-slider .prev {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 55px;
  width: 100%;
  background: black;
  background: rgba(255, 255, 255, 0.8);
  font-family: "icomoon";
  color: #db0000;
  font-size: 50px;
  line-height: 60px;
  text-indent: 0;
  text-align: center;
  -webkit-transition: background ease .25s;
          transition: background ease .25s;
}

.cover .mediacenter .media-slider .next span,
.cover .mediacenter .media-slider .prev span {
  text-indent: -9999px;
  position: absolute;
  top: 0;
}

.cover .mediacenter .media-slider .next:hover, .cover .mediacenter .media-slider .next:focus, .cover .mediacenter .media-slider .next:active,
.cover .mediacenter .media-slider .prev:hover,
.cover .mediacenter .media-slider .prev:focus,
.cover .mediacenter .media-slider .prev:active {
  background: #db0000;
  color: white;
}

.cover .mediacenter .media-slider .prev {
  top: 0;
  bottom: auto;
}

.cover .mediacenter .social-tools {
  position: absolute;
  bottom: 12px;
  margin: 0;
}

.cover .mediacenter .social-tools .share-pinterest,
.cover .mediacenter .social-tools li:last-child {
  display: none;
}

/* Paginierung */
.pag {
  padding-top: 5px;
  margin: 12px 0 0;
  color: black;
  font-size: 12px;
  text-transform: uppercase;
  border-top: 1px solid #d9d9d9;
  border-bottom: 3px solid #ededed;
}

.fonts-loaded .pag {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.pag .border {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  height: 35px;
}

.pag a:hover, .pag a:active, .pag a:focus {
  color: #db0000;
}

.pag ol {
  position: relative;
  float: left;
  padding: 6px 0;
  height: 23px;
  left: 50%;
  text-align: center;
}

.pag ol li {
  position: relative;
  float: left;
  right: 50%;
  width: auto;
}

.pag ol li a {
  float: left;
  padding: 1px 5px;
}

.pag ol li.pagFirst a,
.pag ol li.pagLast a {
  padding: 0;
}

.pag .active a {
  color: #db0000;
}

.pag .prev,
.pag .next {
  position: absolute;
  top: 0;
  width: 16px;
  height: 30px;
}

.pag .prev:hover, .pag .prev:active, .pag .prev:focus,
.pag .next:hover,
.pag .next:active,
.pag .next:focus {
  background-color: #4d4d4d;
}

.pag .prev {
  background: url(../../../System/assets/img/bde/pagination-arrows.png) no-repeat -1px 0 #d9d9d9;
  left: 0;
}

.pag .next {
  background: #d9d9d9 url(../../../System/assets/img/bde/pagination-arrows.png) no-repeat -20px 0;
  right: 0;
}

.edge .pag {
  border-bottom: 0;
  clear: both;
}

.edge .pag .border {
  border-bottom: 0;
  height: 37px;
}

.pagFirst,
.pagLast {
  font-size: 16px;
}

.pagFirst span,
.pagLast span {
  font-size: 14px;
}

.tr.edge .next,
.tr.edge .prev {
  height: 33px;
  width: 19px;
  background: url(../../../System/assets/img/bde/gallery-arrows.png) no-repeat 0 -105px;
}

.tr.edge .prev {
  left: -10px;
}

.tr.edge .prev:hover, .tr.edge .prev:active, .tr.edge .prev:focus {
  background-position: 0 -138px;
}

.tr.edge .next {
  right: -10px;
  background-position: -23px -105px;
}

.tr.edge .next:hover, .tr.edge .next:active, .tr.edge .next:focus {
  background-position: -23px -138px;
}

/* /Paginierung */
/* Premiumkennzeichnung */
.premium-icon {
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 5;
  width: 51px;
  height: 29px;
  /* qgtv test, qgtv artikel test */
}

.premium-icon.bildplus {
  background: url(../../../System/assets/img/bde/premium-bplus-grey.png) 0 0 no-repeat;
}

.gallery .premium-icon,
figure .premium-icon {
  right: 2px;
}

.gallery .premium-icon.bildplus,
figure .premium-icon.bildplus {
  background-position: 0 -29px;
}

.fg15 .premium-icon {
  top: 513px;
}

.fg10 .premium-icon {
  top: 335px;
}

.fg9 .premium-icon {
  top: 297px;
}

.fg6 .premium-icon {
  top: 164px;
}

.fg5 .premium-icon {
  top: 126px;
}

.lightbox .gallery .premium-icon {
  bottom: auto;
  top: 524px;
}

.vel .premium-icon,
.vp .premium-icon {
  top: 2px;
  right: 2px;
}

.right figure .premium-icon,
.left figure .premium-icon {
  top: 112px;
}

.right figure .premium-icon.portrait,
.left figure .premium-icon.portrait {
  top: 273px;
}

.iel1 figure .premium-icon {
  top: 516px;
}

.s10 .iel1 figure .premium-icon {
  top: 321px;
}

.s10 .iel1 figure .premium-icon.portrait {
  top: 335px;
}

.center .iel figure .premium-icon,
.s10 .center .iel1 figure .premium-icon {
  top: 283px;
}

.center .iel figure .premium-icon.portrait,
.s10 .center .iel1 figure .premium-icon.portrait {
  top: 633px;
}

.iel2 figure .premium-icon {
  top: 142px;
}

.iel2 figure .premium-icon.portrait {
  top: 334px;
}

.center .iel2 figure .premium-icon {
  top: 123px;
}

.center .iel2 figure .premium-icon.portrait {
  top: 293px;
}

.iel3 figure .premium-icon {
  top: 82px;
}

.iel3 figure .premium-icon.portrait {
  top: 207px;
}

.center .iel3 figure .premium-icon {
  top: 70px;
}

.center .iel3 figure .premium-icon.portrait {
  top: 181px;
}

.s15 .ielhead .premium-icon {
  top: 523px;
}

.s10 .ielhead .premium-icon {
  top: 339px;
}

.s10 .ielhead .premium-icon.portrait {
  top: 750px;
}

.s10 .edge .ielhead .premium-icon {
  top: 335px;
}

.s10 .edge .ielhead .premium-icon.portrait {
  top: 741px;
}

.layer .premium-icon {
  right: 30px;
}

.fg15 .premium-icon + figure.fg {
  margin-top: 28px;
}

.s10 .premium-icon + figure,
.s9 .premium-icon + figure,
.s6 .premium-icon + figure,
.s5 .premium-icon + figure,
.s10 .premium-icon + figure + figure,
.s10 .premium-icon + figure + figure + figure {
  padding-top: 15px;
}

.premium-icon .edge > div.premium-icon {
  padding: 0;
  border: 0;
}

.qgtv .premium-icon {
  top: 0;
  right: 0;
}

/* topicheader */
.categorynav {
  position: relative;
  margin: 0 0 12px;
}

.categorynav > h1 {
  display: block;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.2;
  color: #4d4d4d;
  text-transform: uppercase;
  text-align: center;
  padding: 32px 0;
}

.categorynav > h1.h1-alternative:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 34px;
  font-family: 'icomoon';
  padding-right: 10px;
  line-height: 1;
  text-indent: -30px;
  vertical-align: -1px;
}

.fonts-loaded .categorynav > h1 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.categorynav .tabs {
  right: 0;
  margin: 0;
  background: white;
}

.categorynav .tabs.tabs-alternative {
  height: 44px;
  float: none;
  text-align: center;
}

.categorynav .tabs.tabs-alternative li {
  margin-left: 24px;
}

.categorynav .tabs.tabs-alternative li.active a {
  color: #db0000;
  background: none;
  border-bottom: 3px solid #db0000;
  line-height: 1.25;
}

.categorynav .tabs.tabs-alternative a {
  color: #787878;
  background: none;
  text-transform: none;
}

.fonts-loaded .categorynav .tabs.tabs-alternative a {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.25;
}

.categorynav .tabs.tabs-alternative a:hover, .categorynav .tabs.tabs-alternative a:active, .categorynav .tabs.tabs-alternative a:focus {
  color: #db0000;
  background: none;
  border-bottom: 3px solid #db0000;
}

.categorynav .tabs li {
  margin: 0 0 6px 3px;
  display: inline-block;
  float: none;
}

.categorynav .tabs li:first-child {
  margin-left: 6px;
}

.categorynav .tabs li.active a {
  background: #db0000;
}

.categorynav .tabs li a {
  display: block;
  background: #b5b5b5;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}

.categorynav .tabs li a:hover, .categorynav .tabs li a:active, .categorynav .tabs li a:focus {
  background: #db0000;
}

.categorynav .toc {
  width: 97.6%;
  padding: 5px 12px;
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  line-height: 16px;
  background: white;
}

.categorynav .toc.toc-alternative {
  display: block;
  border-top: 0;
  border-bottom: 0;
  padding: 20px 0px;
}

.categorynav .toc.toc-alternative li {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
}

.categorynav .toc.toc-alternative li > a {
  font-size: 16px;
  font-weight: 400;
}

.categorynav .toc.toc-alternative.hide {
  display: none;
}

.categorynav .toc li {
  float: left;
}

.categorynav .toc h2 {
  font-size: 14px;
  font-weight: 400;
  color: black;
  text-transform: uppercase;
  margin: 0;
}

.fonts-loaded .categorynav .toc h2 {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 200;
}

.categorynav .toc ol {
  display: table;
  width: 87%;
}

.categorynav .toc ol.ol-alternative {
  width: 100%;
}

.categorynav .toc li {
  margin: 0;
  display: table-cell;
  float: none;
  vertical-align: middle;
  text-align: center;
  width: 28px;
}

.categorynav .toc li > a {
  display: inline-block;
  width: 12px;
  font-size: 14px;
  color: #787878;
  background: none;
  padding: 0;
  text-align: center;
}

.categorynav .toc li > a:hover, .categorynav .toc li > a:active, .categorynav .toc li > a:focus {
  color: #db0000;
}

.categorynav .toc li.last > a {
  width: 28px;
}

.categorynav .toc li.active > a {
  color: #db0000;
}

.categorynav .com ol,
.categorynav .regio ol {
  width: 100%;
}

.categorynav .com li > a,
.categorynav .com li.last > a,
.categorynav .regio li > a,
.categorynav .regio li.last > a {
  display: inline;
}

.category__header {
  font-size: 90px;
  line-height: 98px;
  text-align: center;
  padding-bottom: 12px;
}

.fonts-loaded .category__header {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 100px;
  line-height: 100px;
}

/* /topicheader */
/* regio-navi */
[data-vr-zone="regioheader-tr"] .categorynav {
  background-color: #ededed;
  height: 102px;
}

[data-vr-zone="regioheader-tr"] .categorynav .tabs {
  position: absolute;
  right: 0;
  margin: 0;
  background: white;
}

.categorynav > h2 {
  display: inline-block;
  font-size: 34px;
  line-height: 34px;
  color: black;
  text-transform: uppercase;
  padding: 28px 0 4px 12px;
}

.fonts-loaded .categorynav > h2 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.categorynav .regio {
  width: 98.8%;
  padding: 4px 6px;
}

.categorynav .regio ol,
.categorynav .regio li.last > a {
  display: block;
}

.categorynav .regio li > a {
  display: block;
  height: 22px;
  width: auto;
  line-height: 20px;
  padding: 0 8px 0 18px;
  background: url(../../../System/assets/img/bde/regio-navi-sprite.png) no-repeat 0 0;
}

.categorynav > .regio a.loc02 {
  background-position: 0 -30px;
}

.categorynav > .regio a.loc03 {
  background-position: 0 -55px;
}

.categorynav > .regio a.loc04 {
  background-position: 0 -85px;
}

.categorynav > .regio a.loc05 {
  background-position: 0 -112px;
}

.categorynav > .regio a.loc06 {
  background-position: 0 -140px;
}

.categorynav > .regio a.loc07 {
  background-position: 0 -168px;
}

.categorynav > .regio a.loc08 {
  background-position: 0 -196px;
}

.categorynav > .regio a.loc09 {
  background-position: 0 -222px;
}

.categorynav > .regio a.loc10 {
  background-position: 0 -250px;
}

.categorynav > .regio a.loc11 {
  background-position: 0 -278px;
}

.categorynav > .regio a.loc12 {
  background-position: 0 -307px;
}

.categorynav > .regio a.loc13 {
  background-position: 0 -335px;
}

.categorynav > .regio a.loc14 {
  background-position: 0 -362px;
}

.header h2#cover {
  text-align: center;
}

/* Inhaltsverzeichnis topicpages */
.tocIndex ol {
  width: 211px;
  margin: 0 0 0 12px;
  float: left;
}

.tocIndex ol:first-child {
  margin: 0;
}

.tocIndex ol a {
  line-height: 32px;
  font-size: 19px;
}

.tocIndex ol a:hover, .tocIndex ol a:active, .tocIndex ol a:focus {
  color: #db0000;
}

/* /Inhaltsverzeichnis topicpages */
.ackgt > div {
  width: 897px;
  padding: 0 48px 0;
}

.ackgt h1 {
  max-height: 35px;
  font-size: 31px;
  font-weight: normal;
  line-height: 35px;
  color: #454545;
  overflow: hidden;
  margin: 0 0 32px;
}

.ackgt h2 {
  max-height: 35px;
  font-weight: normal;
  color: #454545;
  overflow: hidden;
  font-size: 26px;
  line-height: 30px;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 16px;
}

.ackgt .hint {
  border: 1px solid #ededed;
  background: white;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color: #390;
  padding: 36px 100px 0;
  margin: 0 0 65px;
}

.ackgt .hint > strong {
  position: relative;
  display: block;
  padding: 0 0 25px;
  border-bottom: 1px solid #ededed;
}

.ackgt .hint > strong:before {
  content: url(../../../System/assets/img/bde/check.png);
  display: block;
  width: 40px;
  height: 38px;
  position: absolute;
  left: -53px;
  top: -2px;
}

.ackgt .hint > div {
  margin: 25px 0 42px;
}

.ackgt .hint div > span {
  float: left;
  max-width: 450px;
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
  color: #454545;
  padding: 2px 0 0;
}

.ackgt .hint .next {
  float: right;
  position: relative;
  display: block;
  height: 41px;
  width: 122px;
  font-size: 16px;
  line-height: 41px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  overflow: visible;
  vertical-align: top;
  border: 1px solid #ededed;
  -webkit-box-shadow: 3px 3px 10px 0 #b5b5b5;
          box-shadow: 3px 3px 10px 0 #b5b5b5;
  background: #d40606;
  background: -webkit-linear-gradient(top, #d40606 0%, #960001 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#d40606), to(#960001));
  background: linear-gradient(to bottom, #d40606 0%, #960001 100%);
}

.ackgt .hint .next:hover, .ackgt .hint .next:focus, .ackgt .hint .next:active {
  color: white;
  background: black;
}

.ackgt .info > div {
  float: left;
  max-width: 401px;
  color: #333333;
  margin: 25px 0 47px;
}

.ackgt .info > div:first-child {
  margin-right: 93px;
}

.ackgt .info h3 {
  max-height: 44px;
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 22px;
  overflow: hidden;
}

.ackgt .info img {
  float: left;
  margin: 0 11px 0 0;
}

.ackgt .info ol {
  float: left;
  max-width: 189px;
  font-size: 14px;
  line-height: 17px;
}

.ackgt .info li {
  margin: 0 0 14px;
}

aside .top5 {
  margin: 20px 0 0;
}

.top5 .items li {
  padding: 8px 12px 7px 23px;
  border-top: 1px solid #d9d9d9;
}

.top5 .items li:first-child {
  border: 0;
}

.top5 .items li > a {
  max-height: 28px;
  overflow: hidden;
  border-left: 1px solid #d9d9d9;
  padding: 0 0 0 6px;
  max-width: 473px;
}

.top5 .items li .kicker {
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  max-height: 30px;
  overflow: hidden;
  padding-right: 9px;
  padding-bottom: 2px;
}

.fonts-loaded .top5 .items li .kicker {
  font-size: 14px;
  line-height: 16px;
}

.top5 .items li .headline {
  line-height: 18px;
  font-size: 16px;
  display: inline-block;
}

.fonts-loaded .top5 .items li .headline {
  font-size: 19px;
  line-height: 21px;
}

.top5 .items li .headline > span {
  display: inline;
}

.top5 .items li.active {
  max-height: 70px;
  height: 70px;
}

.top5 .items li.active > a {
  height: 70px;
  max-width: 511px;
  max-height: 70px;
}

.top5 .items li.active .headline {
  max-width: 383px;
  display: block;
  max-height: 42px;
  overflow: hidden;
}

.top5 .items li.active .headline > span {
  display: block;
}

.top5 .items li.active .ugcGroup {
  background-color: rgba(255, 255, 255, 0.8);
  top: auto;
  bottom: 14px;
  left: 32px;
  right: auto;
  padding: 0 2px;
}

.top5 .items li.active .ugcGroup i {
  display: inline;
}

.top5 .items li.active .index {
  top: 12px;
  font-size: 18px;
}

.top5 .items li.active .photo {
  display: block;
  float: left;
  padding: 0 6px 0 0;
}

.top5 .items li .index {
  position: absolute;
  top: 11px;
  left: 6px;
  font-size: 14px;
  color: black;
  font-weight: 700;
}

.top5 .items li .photo {
  display: none;
}

.top5 .items .ugcGroup {
  position: absolute;
  right: 0;
  top: 11px;
  font-size: 13px;
  line-height: 16px;
  opacity: 1;
}

.top5 .items .ugcGroup i {
  font-style: normal;
  display: none;
}

.top5 .items .ugcGroup em {
  font-style: normal;
}

.top5 .items .ugcGroup a {
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  color: #454545;
}

.top5 .items .ugcGroup a:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: 'icomoon';
  display: inline-block;
  padding: 0 2px;
  position: relative;
  top: 2px;
}

.top5 .r26 {
  height: 423px;
}

.top5 .tabs {
  margin: 5px 0 0;
}

.top5 fieldset {
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 7px 0;
}

.top5 fieldset input {
  margin-right: 6px;
  position: relative;
  top: -2px;
}

.top5 fieldset label {
  padding: 0 12px 0 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #454545;
}

.fonts-loaded .top5 fieldset label {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
}

.top5 p.hint {
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px -35% 0;
  width: 70%;
  font-size: 21px;
  line-height: 30px;
  color: #787878;
  text-align: center;
}

.top5 .hentry ul li.premium {
  background-position: 0 -114px;
  display: none;
}

.top5 .hentry.active ul li.premium {
  display: block;
  position: absolute;
  left: 26px;
  top: 12px;
  width: 50px;
  height: 30px;
  padding: 0;
}

.top5 .slim header {
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  height: 27px;
  width: 100%;
}

.top5 .slim header h2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  height: 27px;
  padding: 0;
}

.fonts-loaded .top5 .slim header h2 {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
}

.top5 .slim .items {
  border-top: 1px solid #d9d9d9;
}

.top5 .slim .items li {
  padding: 12px 12px 11px 23px;
  max-height: 44px;
}

.top5 .slim .items li > a {
  height: 38px;
  max-height: 70px;
  padding-top: 3px;
}

.top5 .slim .items li .kicker {
  display: block;
  font-size: 13px;
  line-height: 15px;
  max-height: 30px;
  overflow: hidden;
  padding: 0 0 3px;
}

.fonts-loaded .top5 .slim .items li .kicker {
  font-size: 13px;
  line-height: 15px;
}

.top5 .slim .items li .headline {
  display: inline;
}

.fonts-loaded .top5 .slim .items li .headline {
  font-size: 16px;
  line-height: 18px;
}

.top5 .slim .items li .index {
  padding-top: 3px;
}

.top5 .slim .items li.active {
  max-height: 79px;
  height: 79px;
}

.top5 .slim .items li.active > a {
  height: 71px;
  max-width: 511px;
  max-height: 71px;
}

.top5 .slim .items li.active .headline {
  max-width: 176px;
  max-height: 36px;
}

.top5 .slim .items li.active .ugcGroup {
  bottom: 20px;
}

/* BORDER ITEMS */
.edge {
  background-color: white;
  position: relative;
}

.edge > div {
  border: 1px solid #d9d9d9;
  background-color: white;
  padding: 0 12px;
}

.edge > div > input {
  border-bottom: 1px solid #d9d9d9;
}

.tr.edge > div {
  padding: 0 6px;
}

.tr.edge > div > header {
  clear: both;
  position: relative;
}

.tr.edge h2 {
  float: left;
  padding: 0;
}

/* /BORDER ITEMS */
/* lupe f. bildvergroesserung */
.element .loupe,
.gallery .loupe,
.affiliate .loupe,
.gmaps-item .loupe,
.loupe {
  position: absolute;
  top: 3px;
  right: 3px;
  height: 35px;
  width: 38px;
  background: url(../../../System/assets/img/bde/lupe.png) top right no-repeat;
  text-indent: -99999px;
  overflow: inherit;
  cursor: pointer;
}

.touch-animation {
  /* touch-animation */
  /* 9 und 10-spaltig */
  /* 15-spaltig */
  /* 5 und 6-spaltig */
  /* bildlaufleiste 15-spaltig */
  /* bildlaufleiste 15-spaltig */
}

.touch-animation {
  width: 103px;
  height: 150px;
  background-image: url(../../../System/assets/img/bde/touch-finger.png);
  -webkit-animation: SwipeAnim 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  position: absolute;
  z-index: 5;
}

.fg15 .touch-animation {
  -webkit-animation: SwipeAnimBig 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.fg5 .touch-animation,
.fg6 .touch-animation,
.ktg5 .touch-animation,
.ktg6 .touch-animation {
  -webkit-animation: SwipeAnimSmall 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.slideshow .touch-animation {
  -webkit-animation: SwipeAnimMini 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.s15 .slideshow .touch-animation {
  -webkit-animation: SwipeAnimMiniwide 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes SwipeAnim {
  0% {
    -webkit-transform: translate3d(350px, 100px, 0) scale(0.75);
  }
  10% {
    -webkit-transform: translate3d(350px, 100px, 0) scale(0.5);
  }
  50% {
    -webkit-transform: translate3d(100px, 100px, 0) scale(0.5);
  }
  60% {
    -webkit-transform: translate3d(100px, 100px, 0) scale(0.75);
  }
  100% {
    -webkit-transform: translate3d(350px, 100px, 0) scale(0.75);
  }
}

@-webkit-keyframes SwipeAnimBig {
  0% {
    -webkit-transform: translate3d(600px, 100px, 0) scale(0.75);
  }
  10% {
    -webkit-transform: translate3d(600px, 100px, 0) scale(0.5);
  }
  50% {
    -webkit-transform: translate3d(250px, 100px, 0) scale(0.5);
  }
  60% {
    -webkit-transform: translate3d(250px, 100px, 0) scale(0.75);
  }
  100% {
    -webkit-transform: translate3d(600px, 100px, 0) scale(0.75);
  }
}

@-webkit-keyframes SwipeAnimSmall {
  0% {
    -webkit-transform: translate3d(200px, 100px, 0) scale(0.75);
  }
  10% {
    -webkit-transform: translate3d(200px, 100px, 0) scale(0.5);
  }
  50% {
    -webkit-transform: translate3d(50px, 100px, 0) scale(0.5);
  }
  60% {
    -webkit-transform: translate3d(50px, 100px, 0) scale(0.75);
  }
  100% {
    -webkit-transform: translate3d(200px, 100px, 0) scale(0.75);
  }
}

@-webkit-keyframes SwipeAnimMini {
  0% {
    -webkit-transform: translate3d(350px, -10px, 0) scale(0.6);
  }
  10% {
    -webkit-transform: translate3d(350px, -10px, 0) scale(0.35);
  }
  50% {
    -webkit-transform: translate3d(150px, -10px, 0) scale(0.35);
  }
  60% {
    -webkit-transform: translate3d(150px, -10px, 0) scale(0.6);
  }
  100% {
    -webkit-transform: translate3d(350px, -10px, 0) scale(0.6);
  }
}

@-webkit-keyframes SwipeAnimMiniwide {
  0% {
    -webkit-transform: translate3d(600px, -10px, 0) scale(0.6);
  }
  10% {
    -webkit-transform: translate3d(600px, -10px, 0) scale(0.35);
  }
  50% {
    -webkit-transform: translate3d(300px, -10px, 0) scale(0.35);
  }
  60% {
    -webkit-transform: translate3d(300px, -10px, 0) scale(0.6);
  }
  100% {
    -webkit-transform: translate3d(600px, -10px, 0) scale(0.6);
  }
}

/* test infinite scroll, HYD-524 */
.pag.infinitescroll {
  border-bottom: 0;
  padding: 0;
  text-align: center;
}

.pag.infinitescroll > .border {
  display: none;
}

.pag.infinitescroll > a {
  display: inline-block;
  min-width: 166px;
  font-size: 15px;
  line-height: 34px;
  color: #4d4d4d;
  text-align: center;
  margin: -1px auto 0;
  padding: 0 6px;
  border: 1px solid #d9d9d9;
  border-top: 1px solid white;
  -webkit-transition: background .6s, color .5s, border .6s;
          transition: background .6s, color .5s, border .6s;
}

.pag.infinitescroll > a:hover, .pag.infinitescroll > a:active, .pag.infinitescroll > a:focus {
  background: #db0000;
  color: white;
  border-top: 1px solid #db0000;
  -webkit-transition: background 1s, color .5s, border 1s;
          transition: background 1s, color .5s, border 1s;
}

/* variabler Teaserblock */
.tlx .tlw-1 {
  margin: 0 0 0 -6px;
  width: 67px;
}

.tlx .tlw-2 {
  margin: 0 0 0 -6px;
  width: 134px;
}

.tlx .tlw-3 {
  margin: 0 0 0 -6px;
  width: 201px;
}

.tlx .tlw-4 {
  margin: 0 0 0 -6px;
  width: 268px;
}

.tlx .tlw-5 {
  margin: 0 0 0 -6px;
  width: 335px;
}

.tlx .tlw-6 {
  margin: 0 0 0 -6px;
  width: 402px;
}

.tlx .tlw-7 {
  margin: 0 0 0 -6px;
  width: 469px;
}

.tlx .tlw-8 {
  margin: 0 0 0 -6px;
  width: 536px;
}

.tlx .tlw-9 {
  margin: 0 0 0 -6px;
  width: 603px;
}

.tlx .tlw-10 {
  margin: 0 0 0 -6px;
  width: 670px;
}

.tlx .tlw-11 {
  margin: 0 0 0 -6px;
  width: 737px;
}

.tlx .tlw-12 {
  margin: 0 0 0 -6px;
  width: 804px;
}

.tlx .tlw-13 {
  margin: 0 0 0 -6px;
  width: 871px;
}

.tlx .tlw-14 {
  margin: 0 0 0 -6px;
  width: 938px;
}

.tlx .tlw-15 {
  margin: 0 0 0 -6px;
  width: 1005px;
}

.tlx .hentry,
.tlx .misc {
  position: relative;
  float: left;
  margin: 0 6px;
}

/* /variabler Teaserblock */
/* fixed height for container */
.r12 {
  height: 168px;
}

.r19 {
  height: 266px;
}

.r20 {
  height: 278px;
}

.r22 {
  height: 308px;
}

.r23 {
  height: 322px;
}

.r26 {
  height: 362px;
}

/* Pseudo VP f. neue Video-Lightbox */
.lb-refer {
  position: relative;
  /* big play button */
}

.lb-refer .video_wrapper img {
  position: relative;
  width: 100%;
}

.lb-refer .play {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border: 0;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background: transparent;
}

.lb-refer .play:before {
  content: "";
  height: 63px;
  width: 63px;
  display: block;
  position: absolute;
  margin: -32px 0px 0px -32px;
  top: 50%;
  left: 50%;
  background: url(../../../System/assets/img/videoplayer/videobild-sprite.png) -211px 0;
}

.lb-refer:hover .play:before {
  background-position: -211px -63px;
}

.lb-refer.bundesliga .play:before {
  height: 104px;
  width: 104px;
  margin: -52px 0 0 -52px;
  background: url(../../../System/assets/img/videoplayer/videobild-bundesliga-sprite.png) -157px -21px;
}

.lb-refer.bundesliga:hover .play:before {
  background-position: -157px -135px;
}

/* /Pseudo VP f. neue Video-Lightbox */
.vel ul .premium,
.cp.media .premium {
  position: absolute;
  left: -3px;
  top: 0;
  margin: 0;
  z-index: 1;
}

.s5 .vel ul .premium,
.s10 .vel ul .premium {
  height: 41px;
  width: 66px;
}

.vel ul .premium {
  height: 56px;
  width: 89px;
  left: -3px;
}

.s5 section > .vel ul .premium {
  top: -275px;
  left: -3px;
  position: absolute;
}

.s5 section .edge .vel ul .premium {
  top: 41px;
  left: 3px;
}

.s10 .vel ul .premium,
.s5 .vel ul .premium {
  background-position: 0 -60px;
}

.vel ul .premium {
  background-position: 0 -1px;
}

.cp.media .element ul {
  height: 18px;
  font-size: 10px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  margin-top: -18px;
  z-index: 1;
}

header ul .bildplus,
header ul .buli,
.vel ul .bildplus,
.vel ul .buli {
  background: url(../../../System/assets/img/bde/premium-tsr.png) no-repeat;
  z-index: 1;
}

.s5 section > .vel,
.s5 section > .vel ul {
  position: relative;
}

.fg9 figure .hentry ul {
  min-height: 29px;
}

.gmaps-item .playerIcon,
.gmaps-item .photoIcon,
.cp.media .playerIcon,
.cp.media .photoIcon {
  position: absolute;
  height: 60px;
  width: 60px;
  overflow: hidden;
  background: url(../../../System/assets/img/bde/media-icon-sprite.png) no-repeat -140px -87px;
}

.hl-vp .duo img {
  top: 70px;
  left: 0;
  position: absolute;
}

.hl-vp .duo ol {
  position: absolute;
  display: table;
  width: 100%;
  height: 446px;
  top: 70px;
  left: 0;
}

.hl-vp .duo ol:before {
  content: url(../../../System/assets/img/videoplayer/bg_game_timeline.jpg);
  height: 70px;
  width: 792px;
  position: absolute;
  top: -70px;
  left: 0;
}

.hl-vp .duo ol li {
  display: table-cell;
  width: 50%;
  text-align: center;
  padding: 155px 0 0;
}

.hl-vp ol li > span {
  display: block;
  font-size: 17px;
  color: white;
}

.fonts-loaded .hl-vp ol li > span {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  text-transform: none;
  font-weight: 900;
}

.hl-vp ol b {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.hl-vp ul .buli {
  top: 70px;
}

.s15 .hl-vp .vel .playerIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  background: none;
  overflow: visible;
}

.s15 .hl-vp .vel .playerIcon:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  font-family: 'icomoon';
  display: block;
  background-color: white;
  color: #007ebd;
  line-height: 1;
  margin-right: 0;
  padding: .7em;
  width: 1em;
  height: 1em;
}

.s15 .hl-vp .vel.duo .playerIcon {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  margin-bottom: 24px;
}

.s15 .hl-vp .vel a:hover .playerIcon:before, .s15 .hl-vp .vel a:active .playerIcon:before, .s15 .hl-vp .vel a:focus .playerIcon:before {
  color: white;
  background-color: #007ebd;
}

article .qgtv .playerIcon {
  width: 45px;
  height: 45px;
  background-position: -140px -161px;
}

article .qgtv .playerIcon:hover {
  background-position: -210px -161px;
}

article .qgtv .qgtv-list .playerIcon {
  left: 68px;
  top: 30px;
}

.gmaps-item .playerIcon,
.gmaps-item .photoIcon {
  width: 45px;
  height: 45px;
}

.gmaps-item .playerIcon {
  left: 0;
  top: 0;
  background-position: -140px -161px;
}

.gmaps-item .photoIcon {
  background-position: 0 -161px;
}

.gmaps-item a:hover .playerIcon {
  background-position: -210px -161px;
}

.gmaps-item a:hover .photoIcon {
  background-position: -70px -161px;
}

.cp.media .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
}

.cp.media .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
}

.nticker {
  position: relative;
  background: #db0000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  padding: 0 0 4px;
}

.module .nticker {
  padding: 0;
}

.nticker header {
  height: 30px;
  border-bottom: 1px solid #db0000;
  margin: 0 0 6px;
  padding: 0 6px;
  text-transform: uppercase;
  color: white;
}

.nticker header a {
  color: white;
  text-decoration: none;
}

.nticker header a:hover, .nticker header a:focus, .nticker header a:active {
  color: black;
}

.nticker header span {
  float: right;
  margin: 8px 0 0;
}

.nticker header h2 {
  float: left;
  color: white;
  font-weight: 900;
  height: auto;
  font-size: 20px;
  line-height: 30px;
  padding: 0;
}

.nticker .ntscroll {
  float: left;
  width: 6px;
  height: 236px;
  background: #454545;
  margin: 0 6px;
  position: relative;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  visibility: hidden;
}

.nticker .ntscroll span {
  display: block;
  width: 6px;
  height: 6px;
  background: url(../../../System/assets/img/bde/anfasser.png) no-repeat;
  position: absolute;
}

.nticker .scrollwrap {
  float: left;
  width: 191px;
  height: 239px;
  margin: 0 7px 0 0;
  overflow: hidden;
  position: relative;
}

.nticker .scrollwrap ol {
  height: 239px;
  overflow-y: scroll;
  width: 220px;
  -webkit-overflow-scrolling: touch;
  position: absolute;
}

.nticker .scrollwrap ol li {
  height: 47px;
  -webkit-transform: translateZ(0px);
  position: relative;
}

.nticker .scrollwrap ol li:first-child a {
  margin-top: 0;
}

.nticker .scrollwrap ol li p {
  width: 141px;
  height: 32px;
  overflow: hidden;
  padding: 0 9px 0 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  font-weight: 700;
}

.fonts-loaded .nticker .scrollwrap ol li p {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.nticker .scrollwrap ol a {
  position: relative;
  display: block;
  height: 39px;
  margin: 1px 0 4px;
  padding: 4px 0 0;
  color: white;
}

.nticker .scrollwrap ol a.active, .nticker .scrollwrap ol a:hover, .nticker .scrollwrap ol a:focus, .nticker .scrollwrap ol a:active {
  background: url(../../../System/assets/img/bde/nt-arrow.png) no-repeat;
  color: black;
}

.nticker .scrollwrap ol a.active > time, .nticker .scrollwrap ol a:hover > time, .nticker .scrollwrap ol a:focus > time, .nticker .scrollwrap ol a:active > time {
  color: #db0000;
}

.nticker time {
  float: left;
  height: 27px;
  font-size: 12px;
  color: black;
  margin: 1px 6px 0 3px;
  display: block;
  font-weight: 700;
}

.fonts-loaded .nticker time {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.nticker ul {
  position: relative;
  float: left;
}

.nticker ul li {
  position: static;
  width: 406px;
  height: 221px;
  background: white;
  padding: 7px 14px;
  overflow: auto;
}

.nticker ul h2 {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  margin: 0 0 8px;
}

.nticker ul span {
  display: block;
  overflow: hidden;
  color: black;
}

.nticker ul .kicker {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #db0000;
  text-transform: uppercase;
}

.fonts-loaded .nticker ul .kicker {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.nticker ul .kicker ~ span {
  padding-top: 0;
}

.nticker ul .headline {
  max-height: 36px;
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 2px;
  padding-top: 14px;
  font-weight: 700;
}

.fonts-loaded .nticker ul .headline {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 20px;
}

.nticker ul time {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  font-size: 12px;
  color: #787878;
  text-transform: uppercase;
  margin: 0;
  line-height: 14px;
  font-weight: 400;
}

.fonts-loaded .nticker ul time {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.nticker ul p {
  position: relative;
  max-width: 392px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 0 6px;
}

.fonts-loaded .nticker ul p {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 17px;
}

.nticker ul p a {
  text-decoration: underline;
  color: black;
}

.nticker ul p a:hover, .nticker ul p a:focus, .nticker ul p a:active {
  color: #db0000;
}

.nticker ul .loupe {
  position: relative;
  float: left;
  margin: 2px 12px 0 0;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  overflow: hidden;
}

.nticker ul .loupe span {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 38px;
  height: 35px;
  background: url(../../../System/assets/img/bde/lupe.png) no-repeat right top;
}

.nticker ul .loupe img {
  margin: 0 auto;
}

.nticker .prev {
  position: absolute;
  bottom: 9px;
  display: block;
  width: 19px;
  height: 35px;
  background: url(../../../System/assets/img/bde/gallery-arrows.png) no-repeat 0 0;
  left: -3px;
}

.nticker .prev:hover {
  background-position: 0 -35px;
}

.nticker .next {
  position: absolute;
  bottom: 9px;
  display: block;
  width: 19px;
  height: 35px;
  background: url(../../../System/assets/img/bde/gallery-arrows.png) no-repeat 0 0;
  right: -3px;
  background-position: -23px 0;
}

.nticker .next:hover {
  background-position: -23px -35px;
}

.ntoverview article {
  float: left;
  position: relative;
  width: 591px;
  height: 606px;
  margin: 0 12px 0 0;
}

.ntoverview article > header {
  height: auto;
  border: none;
  margin: 0 0 6px;
}

.ntoverview h1 span {
  display: block;
}

.ntoverview h1 .kicker {
  max-height: 24px;
  font-size: 16px;
  line-height: 24px;
}

.fonts-loaded .ntoverview h1 .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 20px;
  font-size: 1.25rem;
}

.ntoverview h1 .headline {
  max-height: 80px;
  font-size: 32px;
  line-height: 40px;
}

.fonts-loaded .ntoverview h1 .headline {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
}

.ntoverview .txt {
  max-height: 390px;
  overflow: auto;
}

.ntoverview .element.left {
  max-width: none;
  border: none;
  margin: 4px 12px 0 0;
}

.ntoverview .imagemeta {
  margin-top: 12px;
  font-size: 12px;
  line-height: 18px;
  color: #787878;
}

.fonts-loaded .ntoverview .imagemeta {
  font-size: 15px;
}

.ntoverview .imagemeta > div {
  float: left;
}

.ntoverview .imagemeta .index {
  float: right;
}

.ntoverview .newslist {
  float: left;
  width: 390px;
}

.ntoverview .newslist ol {
  max-height: 575px;
  overflow: auto;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}

.fonts-loaded .ntoverview .newslist ol {
  font-size: 17px;
}

.ntoverview .newslist ol.active a {
  color: #db0000;
}

.ntoverview .newslist ol a:hover, .ntoverview .newslist ol a:focus, .ntoverview .newslist ol a:active {
  color: #db0000;
}

.ntoverview .newslist ol p {
  height: 20px;
  overflow: hidden;
}

.ntoverview .newslist ol li {
  padding: 10px 0 10px 5px;
  border-bottom: 1px solid #d9d9d9;
}

.ntoverview .newslist ol li:first-child {
  border-top: 1px solid #d9d9d9;
}

.ntoverview .newslist form {
  position: relative;
  margin: 0 0 12px;
}

.ntoverview .newslist fieldset {
  display: block;
  border: 0;
}

.ntoverview .newslist select {
  width: 100%;
}

.ntoverview .newslist time {
  float: left;
  color: #db0000;
  margin: 0 9px 0 0;
}

.ntoverview .pag {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 0 none;
}

.ntoverview .pag .prev {
  width: auto;
  max-width: 39%;
  text-transform: none;
  padding: 0 0 0 28px;
  background: transparent url(../../../System/assets/img/bde/newticker-arrows.png) no-repeat 0 0;
}

.ntoverview .pag .prev:hover, .ntoverview .pag .prev:focus, .ntoverview .pag .prev:active {
  background-position: 0 -80px;
}

.ntoverview .pag .next {
  width: auto;
  max-width: 39%;
  text-transform: none;
  background: transparent url(../../../System/assets/img/bde/newticker-arrows.png) no-repeat 0 0;
  padding: 0 28px 0 0;
  text-align: right;
  background-position: right -40px;
}

.ntoverview .pag .next:hover, .ntoverview .pag .next:focus, .ntoverview .pag .next:active {
  background-position: right -120px;
}

.contentsearch fieldset {
  width: 591px;
  display: block;
  margin: auto;
  border: 0;
  font-size: 32px;
  line-height: 32px;
  padding: 32px 0 24px;
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.contentsearch label {
  display: block;
  text-align: center;
  margin-bottom: 24px;
}

.contentsearch label span {
  color: #db0000;
}

.contentsearch #query {
  height: 46px;
  width: 480px;
  border: 1px solid #d9d9d9;
  font-size: 19px;
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  text-indent: 12px;
  -webkit-appearance: none;
}

.contentsearch #query::-webkit-input-placeholder {
  opacity: 1;
  color: #b5b5b5 !important;
}

.contentsearch #query::-moz-placeholder {
  opacity: 1;
  color: #b5b5b5 !important;
}

.contentsearch #query:-moz-placeholder {
  opacity: 1;
  color: #b5b5b5 !important;
}

.contentsearch #query:-ms-input-placeholder {
  opacity: 1;
  color: #b5b5b5 !important;
}

.contentsearch #query[placeholder] {
  opacity: 1;
  color: black !important;
}

.contentsearch input.btn-submit {
  height: 46px;
  width: 98px;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #db0000;
  float: right;
}

.fonts-loaded .contentsearch input.btn-submit {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.contentsearch input.btn-submit:hover, .contentsearch input.btn-submit:focus, .contentsearch input.btn-submit:active {
  background: #a80000;
  -webkit-transition: all 100ms ease;
          transition: all 100ms ease;
}

.query li {
  margin-bottom: 12px;
}

.query li > .hentry {
  margin: auto;
}

.query .sum {
  width: 591px;
  font-size: 21px;
  line-height: 30px;
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  color: #787878;
  margin: 0 auto 12px;
  padding: 12px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.query .sum > em {
  color: black;
  font-style: normal;
}

.query aside {
  width: 591px;
  font-size: 21px;
  line-height: 30px;
  margin: auto;
}

.query aside strong {
  display: block;
  font-weight: normal;
  margin: 23px 0 0;
}

.query aside ul {
  width: 79%;
  margin: 23px auto;
}

.query aside ul li {
  list-style-type: disc;
}

.ateaser {
  background: #454545;
}

.ateaser .tabs {
  margin: 28px 0 0;
}

.ateaser .tabs ul {
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
}

.ateaser .tabs ul li {
  padding: 0;
}

.ateaser header {
  position: relative;
  margin: 0;
  height: 92px;
  background-color: #333333;
  padding: 0 12px;
}

.ateaser header h2 {
  height: 76px;
  padding: 12px 0 0;
  color: white;
  font-size: 24px;
  line-height: 62px;
}

.fonts-loaded .ateaser header h2 {
  font-size: 28px;
}

.ateaser header .kicker {
  color: #787878;
  font-size: 24px;
}

.fonts-loaded .ateaser header .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 28px;
}

.ateaser header .headline {
  color: white;
  text-transform: none;
  font-size: 24px;
}

.fonts-loaded .ateaser header .headline {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 28px;
}

.ateaser > section {
  position: relative;
  margin: 0;
}

.ateaser section .tabs + ol {
  padding: 30px 0 20px;
}

.ateaser section .tabs + ol li {
  float: left;
  border-bottom: 1px solid #787878;
}

.ateaser section + section {
  padding-bottom: 12px;
  background-color: #333333;
}

.ateaser section + section header {
  height: 25px;
  text-align: center;
  border: 0;
}

.ateaser section + section header .tabs {
  margin: 5px;
}

.ateaser section + section header ol.tabs {
  float: none;
  display: inline-block;
}

.ateaser section + section > ol li a {
  display: block;
  overflow: hidden;
}

.ateaser section + section > ol li a .photo {
  border: 1px solid #454545;
}

.ateaser section + section > ol li a:hover .photo,
.ateaser section + section > ol li a:active .photo,
.ateaser section + section > ol li a:focus .photo {
  border: 1px solid white;
}

.ateaser section + section > ol li.active a .photo {
  border: 1px solid white;
}

.ateaser section .published,
.ateaser section .ressort {
  display: inline;
  text-transform: uppercase;
  overflow: hidden;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
}

.fonts-loaded .ateaser section .published, .fonts-loaded
.ateaser section .ressort {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.ateaser section .prev {
  position: absolute;
  top: 205px;
  left: 20px;
  height: 78px;
  width: 37px;
}

.ateaser section .prev a {
  display: block;
  width: 37px;
  height: 78px;
  background: url(../../../System/assets/img/bde/ateaser-pfeil.gif) 0 0 no-repeat;
}

.ateaser section .prev a:hover, .ateaser section .prev a:active, .ateaser section .prev a:focus {
  background-position: 0 -78px;
}

.ateaser section .next {
  position: absolute;
  top: 205px;
  right: 20px;
  height: 78px;
  width: 37px;
}

.ateaser section .next a {
  display: block;
  width: 37px;
  height: 78px;
  background: url(../../../System/assets/img/bde/ateaser-pfeil.gif) -37px 0 no-repeat;
}

.ateaser section .next a:hover, .ateaser section .next a:active, .ateaser section .next a:focus {
  background-position: -37px -78px;
}

.ateaser section > ol {
  padding: 12px 0 0 12px;
}

.ateaser section > ol li {
  float: left;
  margin: 12px 12px 12px 0;
  width: 184px;
}

.ateaser section > ol li .hentry {
  color: white;
}

.ateaser section > ol li .hentry ul .premium {
  left: -4px;
  top: 23px;
  height: 30px;
  width: 50px;
  background-position: 0 -114px;
}

.ateaser ol .hentry ul .premium {
  top: 21px;
}

.ateaser figure.hentry {
  position: absolute;
  left: 50%;
  top: 50px;
}

.ateaser figure.hentry .photo {
  border: 1px solid #454545;
  margin: 0 auto;
}

.ateaser figure ul .premium {
  height: 56px;
  width: 89px;
  left: -6px;
  background-position: 0 -1px;
}

.ateaser figure .entry-content {
  position: relative;
  height: 60px;
  width: 590px;
  overflow: hidden;
  padding: 12px 0 32px;
  color: white;
  font-size: 14px;
  line-height: 20px;
}

.fonts-loaded .ateaser figure .entry-content {
  font-size: 17px;
}

.ateaser figure .entry-content a {
  color: #b5b5b5;
  display: inline;
  background: none;
  height: auto;
  width: auto;
  text-align: left;
  padding: 0;
}

.ateaser figure .credit {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #b5b5b5;
  font-size: 13px;
  line-height: 18px;
}

.fonts-loaded .ateaser figure .credit {
  font-size: 15px;
}

.ateaser figure .index {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #b5b5b5;
  font-size: 13px;
  line-height: 18px;
}

.fonts-loaded .ateaser figure .index {
  font-size: 15px;
}

/* Schlagzeilen des Tages */
.at-headlines figure.hentry {
  width: 590px;
  margin-left: -294px;
}

.at-headlines section > ol li {
  height: 124px;
}

.at-headlines section + section > ol li a {
  margin-top: 3px;
}

.at-headlines header + section {
  height: 522px;
}

/* /Schlagzeilen des Tages */
/* Nachrichten des Tages */
.at-news figure.hentry {
  height: 329px;
  width: 590px;
  margin-left: -294px;
}

.at-news section > ol {
  width: 588px;
  margin: 0 auto;
}

.at-news section > ol li {
  position: relative;
  float: none;
  width: 588px;
  height: 130px;
}

.at-news section > ol li {
  margin: 12px 0;
}

.at-news section > ol li .entry-title {
  padding-top: 3px;
}

.at-news section > ol li .kicker {
  color: #b5b5b5;
  max-height: 18px;
  font-size: 13px;
  line-height: 18px;
}

.fonts-loaded .at-news section > ol li .kicker {
  font-size: 15px;
}

.at-news section > ol li .headline {
  color: white;
  max-height: 24px;
  font-size: 18px;
  line-height: 24px;
}

.fonts-loaded .at-news section > ol li .headline {
  font-size: 22px;
}

.at-news section > ol li .entry-content {
  color: white;
  max-height: 60px;
  margin-top: 2px;
  font-size: 15px;
  line-height: 20px;
}

.fonts-loaded .at-news section > ol li .entry-content {
  font-size: 17px;
}

.at-news section + section .hentry .photo {
  float: left;
  margin-right: 16px;
  margin-top: 3px;
}

.at-news header + section {
  height: 522px;
}

.at-news section > ol li a:link,
.at-news section > ol li a:visited {
  color: inherit;
  display: inline;
}

.at-news section > ol li a:hover .kicker,
.at-news section > ol li a:active .kicker,
.at-news section > ol li a:focus .kicker,
.at-news section > ol li a:hover .headline,
.at-news section > ol li a:active .headline,
.at-news section > ol li a:focus .headline,
.at-news section > ol li a:hover,
.at-news section > ol li a:active,
.at-news section > ol li a:focus {
  color: #db0000;
}

.at-news .overlay .entry-title {
  left: 1px;
}

.at-news .overlay .entry-title .kicker {
  padding: 0 6px;
}

.at-news .overlay .entry-title .headline span {
  padding: 0 6px;
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
}

.fonts-loaded .at-news .overlay .entry-title .headline span {
  font-size: 40px;
}

/* /Nachrichten des Tages */
/* FG Einzelansicht */
.at-pictures header + section {
  height: 645px;
}

.at-pictures section .next,
.at-pictures section .prev {
  top: 260px;
}

.at-pictures figure.hentry {
  width: 852px;
  margin-left: -426px;
}

.at-pictures figure .entry-content {
  width: 852px;
}

.at-pictures section + section > ol li a .photo {
  border: 0;
  margin: 0 auto;
}

.at-pictures section + section > ol li a {
  border: 1px solid #454545;
  background-color: #333333;
}

.at-pictures section + section > ol li.active a .photo,
.at-pictures section + section > ol li a:hover .photo,
.at-pictures section + section > ol li a:active .photo,
.at-pictures section + section > ol li a:focus .photo {
  border: 0;
}

.at-pictures section + section > ol li.active a,
.at-pictures section + section > ol li a:hover,
.at-pictures section + section > ol li a:active,
.at-pictures section + section > ol li a:focus {
  border: 1px solid white;
}

/* /FG Einzelansicht */
.t15l {
  max-width: 993px;
  min-height: 370px;
  margin-bottom: 36px !important;
}

.t15l .entry-title {
  padding-top: 2px;
}

.t15l .kicker {
  max-height: 24px;
  font-size: 16px;
  line-height: 24px;
}

.fonts-loaded .t15l .kicker {
  font-size: 20px;
}

.t15l .headline {
  max-height: 80px;
  font-size: 26px;
  line-height: 40px;
}

.fonts-loaded .t15l .headline {
  font-size: 40px;
}

.t15l .entry-content {
  margin-top: 6px;
}

.t15l .playerIcon {
  width: 70px;
  height: 70px;
  background-position: -140px 0;
  left: 294px;
  top: 150px;
}

.t15l .photoIcon {
  width: 70px;
  height: 70px;
  background-position: 0 0;
  left: 294px;
  top: 150px;
}

.t15l a:hover .playerIcon, .t15l a:focus .playerIcon, .t15l a:active .playerIcon {
  background-position: -210px 0;
}

.t15l a:hover .photoIcon, .t15l a:focus .photoIcon, .t15l a:active .photoIcon {
  background-position: -70px 0;
}

.t15l .btn-article {
  position: absolute;
  bottom: 0;
  width: 323px;
  background-color: #db0000;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: white;
}

.fonts-loaded .t15l .btn-article {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.t15l .btn-article:hover, .t15l .btn-article:focus, .t15l .btn-article:active {
  background: #a80000;
  -webkit-transition: all 100ms ease;
          transition: all 100ms ease;
}

.t15l.loading .photo {
  width: 658px;
  height: 370px;
  background-color: #ededed;
}

.t15l.loading .entry-title:after {
  content: "";
  height: 32px;
  background-color: #ededed;
  display: block;
  width: 150px;
  overflow: hidden;
}

.t15l.loading .kicker {
  background-color: #ededed;
  height: 24px;
  width: 200px;
}

.t15l.loading .headline {
  background-color: #ededed;
  height: 32px;
  width: 300px;
  margin-bottom: 3px;
}

.t15l.loading .entry-content:before {
  content: "";
  height: 17px;
  width: 250px;
  background-color: #ededed;
  display: block;
  margin-bottom: 3px;
}

.t15l.loading .entry-content span {
  height: 17px;
  background-color: #ededed;
  display: block;
  margin-bottom: 3px;
}

.t15l.loading .entry-content span a {
  display: none;
}

.t15l.loading .entry-content:after {
  content: "";
  height: 17px;
  width: 280px;
  background-color: #ededed;
  display: block;
}

.super_atsr {
  width: 993px;
  height: 370px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.super_atsr h1 {
  font-weidth: 700;
  font-size: 3em;
}

.super_atsr h2 {
  font-size: 2em;
  color: #444;
  font-weight: normal;
  display: inline-block;
}

.super_atsr p {
  color: #333;
  font-size: 1.5em;
  line-height: 1.8;
  color: #444;
}

.super_atsr img {
  margin: 0px;
  padding: 0px;
  border: 0px none;
  display: block;
}

.super_atsr .font_kicker {
  color: #D00;
  font-size: 16px;
  line-height: 1em;
  padding: 4px;
  bottom: auto;
  position: absolute;
}

.super_atsr .font_headline {
  color: #000;
  font-size: 23px;
  line-height: 1em;
  padding: 4px;
  bottom: auto;
  position: absolute;
}

.super_atsr .inner_kicker {
  padding: 5px 12px 3px 12px;
  top: 210px;
  left: 0px;
  color: white;
  font-size: 18px;
  font-weight: 900;
  background-color: #dd0000;
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.fonts-loaded .super_atsr .inner_kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
}

.super_atsr .inner_headline {
  top: 250px;
  left: 0;
  color: white;
  font-size: 60px;
  line-height: 0.93;
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.6);
  font-weight: 900;
  position: absolute;
  display: inline-block;
  padding: 0 12px;
}

.fonts-loaded .super_atsr .inner_headline {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
}

.super_atsr .entry_title span {
  display: block;
}

.super_atsr .entry-content {
  display: inline-block;
  font-size: 16px;
  color: #FFF;
  line-height: 1em;
  padding: 4px;
  bottom: auto;
  position: absolute;
}

.fonts-loaded .super_atsr .entry-content {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
}

.super_atsr .font_color_black {
  background-color: #000;
  color: #FFF;
}

.super_atsr .font_color_white {
  background-color: #FFF;
}

.super_atsr .font_color_red {
  background-color: #D00;
  color: #FFF;
}

.super_atsr .font_color_blue {
  background-color: #008AB6;
  color: #FFF;
}

.super_atsr .font_color_custom {
  background-color: #777;
  color: #FFF;
}

.super_atsr .style_outline {
  -webkit-text-stroke: 1px #000;
  text-shadow: 2px 2px 0 #D00, -2px -2px 0 #D00, 2px -2px 0 #D00, -2px 2px 0 #D00, 1px 1px 0 #D00;
}

.super_atsr .style_outline_black {
  -webkit-text-stroke: 1px #000;
  text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 1px 1px 0 #000;
}

.super_atsr .style_outline_white {
  -webkit-text-stroke: 1px #FFF;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF, -2px 2px 0 #FFF, 1px 1px 0 #FFF;
}

.super_atsr .style_outline_bildred {
  -webkit-text-stroke: 1px #D00;
  text-shadow: 2px 2px 0 #D00, -2px -2px 0 #D00, 2px -2px 0 #D00, -2px 2px 0 #D00, 1px 1px 0 #D00;
}

.super_atsr .style_outline_buliblue {
  -webkit-text-stroke: 1px #008AB6;
  text-shadow: 2px 2px 0 #008AB6, -2px -2px 0 #008AB6, 2px -2px 0 #008AB6, -2px 2px 0 #008AB6, 1px 1px 0 #008AB6;
}

.super_atsr .style_background {
  background-color: #FFF;
}

.super_atsr .style_background_black {
  background-color: #000;
}

.super_atsr .style_background_white {
  background-color: #FFF;
}

.super_atsr .style_background_bildred {
  background-color: #D00;
}

.super_atsr .style_background_buliblue {
  background-color: #008AB6;
}

.super_atsr .style_shadow {
  text-shadow: 2px 2px 2px #008AB6;
}

.super_atsr .style_shadow_black {
  text-shadow: 2px 2px 2px #000;
}

.super_atsr .style_shadow_white {
  text-shadow: 2px 2px 2px #FFF;
}

.super_atsr .style_shadow_bildred {
  text-shadow: 2px 2px 2px #D00;
}

.super_atsr .style_shadow_buliblue {
  text-shadow: 2px 2px 2px #008AB6;
}

.fonts-loaded .super_atsr .gotham_condensed_bold {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.fonts-loaded .super_atsr .gotham_condensed_black {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.fonts-loaded .super_atsr .gotham_black {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-style: normal;
}

.fonts-loaded .super_atsr .gotham_xnarrow_regular {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fonts-loaded .super_atsr .gotham_xnarrow_bold {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.super_atsr .left {
  display: inline-block;
  text-align: left;
}

.super_atsr .center {
  display: inline-block;
  text-align: center;
}

.super_atsr .right {
  display: inline-block;
  text-align: right;
}

.fonts-loaded .super_atsr .bold {
  font-weight: bold;
}

.fonts-loaded .super_atsr .italic {
  font-style: italic;
}

.super_atsr .underline {
  text-decoration: underline;
}

.super_atsr .icon-premium {
  content: '';
  background-repeat: no-repeat;
  background-image: url(../../../System/assets/img/bde/BILDplus_optimized.svg);
  -webkit-background-size: auto 40px;
          background-size: auto 40px;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 1;
}

article .content > header {
  padding: 16px 0 23px;
  position: relative;
}

.s15 > header h1,
.s15 > header h2 {
  max-width: 950px;
  margin: auto;
}

.s10 > header h1,
.s10 > header h2 {
  max-width: 640px;
  margin: auto;
}

article .edge {
  border: 0;
}

article .kicker {
  max-height: inherit;
}

article .headline {
  max-height: inherit;
}

article .entry-content {
  max-height: 74px;
}

#cover span {
  display: block;
  font-weight: 700;
}

#cover .kicker {
  font-size: 24px;
  line-height: 28px;
  color: #db0000;
  padding-bottom: 6px;
}

.fonts-loaded #cover .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.fonts-loaded .s15 #cover .kicker {
  font-size: 30px;
  line-height: 30px;
}

#cover .headline {
  font-size: 62px;
  line-height: 68px;
  padding-bottom: 5px;
}

.s15 #cover .headline {
  font-size: 90px;
  line-height: 98px;
  padding-bottom: 8px;
}

.fonts-loaded .s15 #cover .headline {
  font-size: 100px;
  line-height: 100px;
}

.fonts-loaded #cover .headline {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 78px;
  line-height: 78px;
}

.subhead {
  font-size: 24px;
  line-height: 1.2;
}

.fonts-loaded .subhead {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 32px;
}

article .txt {
  clear: right;
}

article .txt > p,
article .txtblock > p {
  font-size: 17px;
  line-height: 28px;
  padding-bottom: 23px;
}

.fonts-loaded article .txt > p, .fonts-loaded
article .txtblock > p {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 21px;
  line-height: 30px;
}

article .txt > p .strong .fonts-loaded,
article .txt > p b .fonts-loaded,
article .txtblock > p .strong .fonts-loaded,
article .txtblock > p b .fonts-loaded {
  font-weight: 700;
}

article .txt .crossheading,
article .txtblock h3.crossheading,
.ktg li p .crossheading,
.ktgacc section .crossheading {
  display: block;
  font-size: 22px;
  line-height: 26px;
  padding: 6px 0 24px;
  text-align: center;
  clear: both;
}

.fonts-loaded article .txt .crossheading, .fonts-loaded
article .txtblock h3.crossheading, .fonts-loaded
.ktg li p .crossheading, .fonts-loaded
.ktgacc section .crossheading {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
}

article .crossheading.strong {
  font-weight: 700;
}

article .txt a,
figcaption a,
article .caption a,
.txtblock a {
  text-decoration: underline;
}

article .txt a:hover, article .txt a:focus, article .txt a:active,
figcaption a:hover, figcaption a:focus, figcaption a:active,
article .caption a:hover, article .caption a:focus, article .caption a:active,
.txtblock a:hover, .txtblock a:focus, .txtblock a:active {
  color: #db0000;
}

article .back,
article .topBt {
  height: 15px;
  padding-left: 25px;
  margin: 10px 0;
  border-bottom: 1px solid #dadada;
}

article .topBt {
  margin: 10px 0 23px;
}

article .back > a,
article .topBt > a {
  font-size: 11px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #444;
  padding: 0 8px 0 20px;
  background: #fff url(../../../System/assets/img/bde/btn-back.png) no-repeat 8px 2px;
}

article .topBt > a {
  background: #fff url(../../../System/assets/img/bde/btn-top.png) no-repeat 8px 2px;
}

/* elemente im artikel */
header .element > img {
  margin: 12px 0;
}

.s15 > .element + .element {
  padding: 18px 0 0;
}

article .element {
  clear: both;
  position: relative;
  margin: 0 3px 39px 3px;
}

.element.left, .element.right {
  max-width: 38.9%;
  margin: 3px 0 26px;
  border-bottom: 1px solid #dadada;
}

.element.left {
  float: left;
  clear: left;
  margin-right: 12px;
}

.element.right {
  float: right;
  clear: right;
  margin-left: 12px;
}

article .vel img {
  max-width: 100%;
}

article .element img,
.element .iel figure img {
  margin: 0 auto;
}

.txt .center,
.txt .center.edge {
  width: 88.908%;
  margin: 10px auto 39px;
}

.txt .center.edge {
  clear: left;
}

.element figure,
.element .caption {
  position: relative;
  font-size: 12px;
  line-height: 1.2;
  margin-top: 12px;
}

.fonts-loaded .element figure, .fonts-loaded
.element .caption {
  font-weight: 400;
  font-size: 17px;
}

.left figure, .right figure {
  margin-top: 0;
}

.edge > figure {
  border: 1px solid #dadada;
  background-color: #fff;
  padding: 12px 12px 0;
}

.element .iel figure a {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}

.element .iel figcaption a {
  width: auto;
}

.element .iel .credit {
  clear: left;
  font-size: 10px;
  line-height: 1.2;
  color: #777;
  padding: 8px 0;
  height: 16px;
}

.fonts-loaded .element .iel .credit {
  font-weight: 200;
  font-size: 15px;
}

.element .iel2 .credit,
.element .iel3 .credit {
  padding: 8px 0 8px 5px;
}

.edge > .iel > h3 {
  border-bottom: 0;
}

.iel > h3 {
  line-height: 30px;
  color: #454545;
  text-transform: uppercase;
}

.fonts-loaded .iel > h3 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 14px;
}

.iel > h3 ~ figure,
.txt .iel3 > h3 ~ figure {
  margin-top: 0;
}

.iel2 h3, .iel3 h3 {
  padding-left: 6px;
}

.iel figure {
  float: left;
  width: 100%;
}

.iel figcaption {
  margin-top: 8px;
}

.iel2 figure {
  width: 307px;
  margin: 12px 6px 0 5px;
}

.iel3 figure {
  width: 200px;
  margin: 12px 6px 0;
}

.edge > div.iel2,
.edge > div.iel3 {
  padding: 0 6px;
}

.iel2 .caption,
.iel3 .caption {
  float: left;
  clear: left;
  width: 98%;
  margin: 8px 0 0 5px;
}

.txt .iel2 figure {
  width: 273px;
  margin: 0 6px;
}

.txt .iel2 figure:last-child {
  margin-right: 0;
}

.txt .iel3 figure {
  width: 179px;
  margin: 12px 5px 0 6px;
}

.txt .iel3 figure:last-child {
  width: 179px;
  margin-right: 0;
}

.edge .ielhead {
  padding: 0;
}

.ielhead figure {
  margin: 0;
}

.edge .ielhead figcaption {
  padding: 0 12px;
  text-align: center;
}

.element.edge .ielhead .credit {
  float: none;
  margin-left: 12px;
  padding: 3px 0 8px;
}

.element .ielhead .credit {
  float: right;
  padding: 0;
}

/* Infoelement */
article .txt .infoEl a {
  text-decoration: none;
}

article .txt .infoEl .entry-content a:hover, article .txt .infoEl .entry-content a:active, article .txt .infoEl .entry-content a:focus {
  text-decoration: underline;
}

.infoEl .t9l.hentry {
  width: 100%;
}

.infoEl .t9l1.hentry {
  margin: 0;
  position: relative;
}

.infoEl .t9l1 .headline {
  vertical-align: top;
}

.infoEl.edge > div {
  padding: 0 12px 12px;
}

.infoEl h2 {
  float: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 31px;
  color: #4d4d4d;
}

.fonts-loaded .infoEl h2 {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
}

.infoEl > div > header {
  background-color: transparent;
  min-height: 30px;
  margin: 0 0 12px;
  border-bottom: 1px solid #dadada;
  clear: both;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
}

.infoEl header img {
  margin: 12px auto;
}

/* Quicklinks */
ul.ql {
  height: 30px;
  background-color: #ededed;
  border-bottom: 1px solid #dadada;
  margin: -12px -9px -18px;
  padding: 0 0 0 8px;
  font-size: 11px;
}

ul.ql li {
  display: inline-block;
  margin: 6px 2px 0 1px;
}

ul.ql li a {
  display: block;
  height: 16px;
  line-height: 16px;
  border: 1px solid #d9d9d9;
  background: white;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #454545;
}

ul.ql li a:hover, ul.ql li a:active, ul.ql li a:focus {
  background: #db0000;
  color: white;
  text-decoration: none;
}

ul.ql li.active a {
  background: #db0000;
  color: white;
  text-decoration: none;
}

/* /Quicklinks */
/* videoplayer */
.edge .vel {
  padding: 0;
  border: 1px solid #d9d9d9;
}

.vel > .vel {
  border: 0;
}

.vel h4 {
  padding: 8px 12px 10px;
  text-align: center;
}

.vel h4 span {
  display: block;
}

.vel h4 .kicker {
  font-size: 11px;
  line-height: 1.4;
  color: #db0000;
}

.fonts-loaded .vel h4 .kicker {
  font-family: "Gotham", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 900;
  font-size: 13px;
}

.vel h4 .headline {
  font-size: 16px;
  line-height: 1.2;
}

.fonts-loaded .vel h4 .headline {
  font-family: "Gotham Cond", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-size: 24px;
}

.vel .credit {
  font-size: 10px;
  color: #777;
  padding: 0 0 3px 12px;
}

.fonts-loaded .vel .credit {
  font-size: 15px;
}

.vel .playerIcon {
  position: absolute;
  overflow: hidden;
  width: 70px;
  height: 70px;
  top: 148px;
  left: 290px;
  background: url(../../../System/assets/img/bde/media-icon-sprite.png) no-repeat -140px 0;
}

aside .vel .playerIcon {
  top: 60px;
  left: 128px;
}

aside .edge .vel .playerIcon {
  top: 93px;
  left: 125px;
}

.s15 .vel .playerIcon {
  top: 242px;
  left: 458px;
}

.txt .vel .playerIcon {
  top: 129px;
  left: 259px;
}

.vel a:hover .playerIcon {
  background-position: -210px 0;
}

/* tabellen und listen */
.edge table {
  background-color: #f7f7f7;
  border: 1px solid #dadada;
}

.element table caption,
.ktg table caption,
.ktgacc table caption {
  display: none;
}

.element table thead th,
.ktg table thead th,
.ktgacc table thead th {
  color: #444;
  padding: 9px 0 6px 12px;
  border-bottom: 1px solid #dadada;
  text-align: left;
}

.element table tbody tr:nth-child(even),
.ktg table tbody tr:nth-child(even),
.ktgacc table tbody tr:nth-child(even) {
  background: transparent;
}

.element table tbody tr:nth-child(odd),
.ktg table tbody tr:nth-child(odd),
.ktgacc table tbody tr:nth-child(odd) {
  background: #fff;
}

.element table tbody tr.odd,
.ktg table tbody tr.odd,
.ktgacc table tbody tr.odd {
  background: #fff;
}

.element table tbody td,
.ktg table tbody td,
.ktgacc table tbody td {
  color: #000;
  padding: 4px 0 3px 12px;
}

.element .arttable,
.ktg .arttable,
.ktgacc .arttable {
  position: relative;
  width: 100%;
  padding: 0 12px 12px;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  vertical-align: top;
  border-collapse: separate;
}

.fonts-loaded .element .arttable, .fonts-loaded
.ktg .arttable, .fonts-loaded
.ktgacc .arttable {
  font-size: 17px;
}

/* listen */
.nrlist,
.dtlist,
.extlist {
  font-size: 17px;
  line-height: 22px;
  margin-right: 13px;
}

.fonts-loaded .nrlist, .fonts-loaded
.dtlist, .fonts-loaded
.extlist {
  font-size: 21px;
  line-height: 30px;
}

.nrlist li,
.dtlist li,
.extlist li {
  margin-bottom: 8px;
}

.nrlist li:last-child,
.dtlist li:last-child,
.extlist li:last-child {
  margin-bottom: 0;
}

.nrlist li a:hover, .nrlist li a:active, .nrlist li a:focus,
.dtlist li a:hover,
.dtlist li a:active,
.dtlist li a:focus,
.extlist li a:hover,
.extlist li a:active,
.extlist li a:focus {
  color: #db0000;
}

.dtlist {
  margin-left: 6px;
}

.extlist {
  margin-left: 12px;
}

.element .nrlist li,
.ktg .nrlist li,
.ktgacc .nrlist li,
.txtblock .nrlist li {
  list-style-type: decimal;
}

.element .dtlist li,
.ktg .dtlist li,
.ktgacc .dtlist li,
.txtblock .dtlist li {
  list-style-type: disc;
}

.element .extlist li,
.ktg .extlist li,
.ktgacc .extlist li,
.txtblock .extlist li {
  display: block;
  padding: 0 0 2px 17px;
  background: url(../../../System/assets/img/bde/link-extern.png) no-repeat;
}

.element .extlist li:hover,
.ktg .extlist li:hover,
.ktgacc .extlist li:hover,
.txtblock .extlist li:hover {
  background-position: 0 -76px;
}

/* datum */
.date {
  float: right;
  clear: right;
  font-size: 12px;
  color: #454545;
  padding-top: 4px;
  margin-bottom: 10px;
}

.fonts-loaded .date {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
}

/* /datum */
/* Artikelgalerie, evtl. in slider.css auflagern, da Ueberschneidungen mit Bildlaufleiste */
.articleSlide {
  background-color: #ededed;
  height: 180px;
  position: relative;
}

.articleSlide header {
  line-height: 1.378;
  height: 31px;
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 8px 0 6px;
  text-shadow: 1px 1px 0 #ededed;
  border: 0;
  position: relative;
  z-index: 3;
  background-color: transparent;
}

.articleSlide p a {
  text-decoration: underline;
}

.articleSlide p a:hover, .articleSlide p a:active, .articleSlide p a:focus {
  color: #d00;
}

.articleSlide a.next, .articleSlide a.prev {
  position: absolute;
  top: 37px;
  width: 24px;
  height: 135px;
  background: url(../../../System/assets/img/bde/gallery-arrows.png) no-repeat 0 0;
  text-indent: -9999px;
  z-index: 3;
}

.articleSlide a.prev {
  left: 0;
  background-position: 0 -176px;
}

.articleSlide a.prev:hover, .articleSlide a.prev:active, .articleSlide a.prev:focus {
  background-position: 0 -276px;
}

.articleSlide a.next {
  right: 0;
  background-position: -26px -176px;
}

.articleSlide a.next:hover, .articleSlide a.next:active, .articleSlide a.next:focus {
  background-position: -26px -276px;
}

.articleSlide .slideEdge {
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid #dadada;
  padding: 18px 26px;
  margin: 0 3px;
  z-index: 2;
  position: relative;
}

.articleSlide .slideEdge p {
  position: absolute;
  top: 125px;
  left: 0;
  text-align: right;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  color: #777;
  width: 97.35%;
}

.fonts-loaded .articleSlide .slideEdge p {
  font-size: 15px;
  line-height: 18px;
}

.articleSlide .slideEdge p.slidePag {
  text-align: center;
  font-weight: 400;
}

.articleSlide .slideEdge p.txtStyle1 {
  font-size: 18px;
  line-height: 21px;
}

.articleSlide .slideEdge p.txtStyle1 .fonts-loaded {
  font-size: 21px;
  line-height: 30px;
}

.articleSlide .slideEdge p.txtStyle2 {
  font-size: 18px;
  line-height: 21px;
  color: #fff;
}

.articleSlide .slideEdge p.txtStyle2 .fonts-loaded {
  font-size: 21px;
  line-height: 30px;
}

.articleSlide .slideEdge p.txtStyle3 {
  color: #fff;
}

.articleSlide .slideEdge .slideWrapper + p {
  text-align: left;
  margin: 0 0 0 27px;
}

.articleSlide .slideEdge .slideWrapper p {
  position: absolute;
  max-height: 106px;
  width: 54.886%;
  top: 0;
  left: 211px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  margin: 0;
}

.articleSlide .slideWrapper {
  position: relative;
  height: 108px;
  overflow: hidden;
}

.articleSlide .slideWrapper ul {
  width: 9999px;
  position: relative;
  left: 0;
}

.articleSlide .slideWrapper li {
  margin: 0 551px 0 0;
  float: left;
  position: relative;
}

.articleSlide .slideWrapper li .t3o {
  width: 189px;
}

.articleSlide .slideWrapper .t3o .entry-title {
  overflow: hidden;
}

.articleSlide .slideWrapper .hentry {
  border: 1px solid #fff;
}

.articleSlide .slideWrapper .hentry:hover, .articleSlide .slideWrapper .hentry:active, .articleSlide .slideWrapper .hentry:focus {
  border: 1px solid #d00;
}

.articleSlide .slideWrapper .hentry ul {
  position: static;
  width: auto;
  left: auto;
}

.articleSlide .slideWrapper .hentry li {
  position: absolute;
  left: -4px;
  top: 0;
  height: 30px;
  width: 50px;
  margin: 0;
  background-position: 0 -114px;
}

.articleSlide .slideBG {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.articleSlide.style1 header {
  color: #fff;
  text-shadow: 1px 1px 0 #000;
}

.articleSlide.style1 .slideEdge p {
  color: #fff;
}

.articleSlide.style1 p a {
  color: #fff;
  text-decoration: underline;
}

.articleSlide.style1 p a:hover, .articleSlide.style1 p a:active, .articleSlide.style1 p a:focus {
  color: #d00;
}

.articleSlide .t3o .kicker {
  padding: 0 5px;
  font-size: 10px;
  margin: 0;
  line-height: 14px;
  color: white;
}

.articleSlide .t3o .headline {
  padding: 2px 5px 1px;
  font-size: 12px;
  line-height: 14px;
  height: 29px;
  font-weight: 700;
  text-overflow: ellipsis;
  width: 94.709%;
  display: block;
  color: white;
  text-shadow: 1px 1px 2px black;
  background: rgba(0, 0, 0, 0.5);
}

/* Textstile */
.txtstyle {
  font-size: 15px;
  line-height: 19px;
}

.txtstyle.ts01 {
  font-size: 21px;
  line-height: 20px;
  color: #d00;
}

.txtstyle.ts02 {
  font-size: 21px;
  line-height: 30px;
  color: #444;
}

.txtstyle.ts03 {
  color: #000;
}

.txtstyle.ts04 {
  color: #d00;
}

.txtstyle.ts05 {
  color: #444;
}

.txtstyle.ts06 {
  color: #000;
  text-decoration: line-through;
}

.txtstyle.ts07 {
  color: #d00;
  text-decoration: line-through;
}

.txtstyle.ts08 {
  color: #444;
  text-decoration: line-through;
}

.txtstyle.ts09 {
  color: #000;
  font-weight: 700;
}

.txtstyle.ts10 {
  color: #d00;
  font-weight: 700;
}

.txtstyle.ts11 {
  color: #444;
  font-weight: 700;
}

.underline {
  text-decoration: underline;
}

span.no-wrap {
  white-space: nowrap;
  word-spacing: -.1em;
  display: inline;
}

#cover .no-wrap {
  display: inline;
}

/* premiumkennzeichnung */
article div.premium {
  position: relative;
  float: right;
  margin: -5px -5px 0 0;
}

.ugcGroup {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 10px;
  line-height: 18px;
  color: #454545;
  opacity: 0;
  z-index: 1000;
}

.fonts-loaded .ugcGroup {
  font-size: 13px;
  line-height: 16px;
}

.ugcGroup a {
  position: relative;
  height: 20px;
  width: auto;
  color: #454545;
  margin: 0 0 1px;
  padding: 0 4px 0 0;
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
}

.ugcGroup .comments :before {
  font-family: 'icomoon', sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  content: '\E62d';
  padding: 0 2px 0;
  font-size: 13px;
  display: inline-block;
  width: 16px;
  text-align: center;
  text-shadow: 0 2px 0 #000;
}

.t9l .ugcGroup .infoEl {
  right: 66.8%;
}

.t9l1 .ugcGroup .infoEl {
  top: -5px;
  right: 0;
  line-height: 16px;
}

.t9l1 .ugcGroup .infoEl a {
  height: 18px;
}

.modern .hentry:hover .ugcGroup.active {
  opacity: 1;
}

/* artikel empfehlen / 1414 */
article .recommend {
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #dadada;
  padding: 0 0 6px;
  background: #fff;
  width: 90%;
  margin: 0 auto;
}

article .recommend li {
  float: left;
  padding: 0 0 0 30px;
  vertical-align: middle;
}

article .recommend li:first-child {
  border-right: 1px solid #ccc;
  padding: 0 30px 0 10px;
}

.recommend li a {
  display: inline-block;
  width: 49px;
  height: 24px;
  position: relative;
  vertical-align: top;
  opacity: .8;
  text-align: center;
}

.recommend li.smshare a b,
.authorbox a b {
  opacity: .8;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.recommend li a:hover,
.recommend li a:active,
.recommend li a:focus,
.recommend li.smshare a,
.recommend li.smshare a:hover b,
.recommend li.smshare a:active b,
.recommend li.smshare a:focus b,
.authorbox a:hover b,
.authorbox a:active b,
.authorbox a:focus b {
  opacity: 1;
}

.recommend li.smshare a span {
  display: none;
  position: absolute;
  opacity: 1;
  top: -35px;
  right: 20%;
  background: #d00;
  padding: 3px 12px;
  text-transform: uppercase;
  color: #fff;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  white-space: nowrap;
}

.recommend li.smshare a span:after {
  content: "";
  position: absolute;
  bottom: -7px;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #d00;
}

.recommend li.smshare a:hover span {
  display: block;
}

article .recommend h4 {
  display: inline-block;
  color: #444;
}

.submit1414 {
  background: url(../../../System/assets/img/bde/icons-recommend.png) 100% 0 no-repeat;
  text-indent: -9999px;
  height: 24px;
}

/* Google Maps */
.gmaps-item {
  position: relative;
  width: 187px;
  border: 1px solid #dadada;
  -webkit-box-shadow: 0 0 3px 0 rgba(119, 119, 119, 0.4);
          box-shadow: 0 0 3px 0 rgba(119, 119, 119, 0.4);
  background-color: #fff;
}

.gmaps-item .marker {
  content: "";
  position: absolute;
  width: 20px;
  height: 21px;
  background: url(../../../System/assets/img/com/gmaps-dot.png) top left no-repeat;
}

/* Dot linke Seite/Oben */
.gmaps-item.dot-left-top {
  margin-left: 21px;
}

.gmaps-item.dot-left-top .marker {
  left: -21px;
  top: -2px;
}

/* Dot linke Seite/Unten */
.gmaps-item.dot-left-bottom {
  margin-left: 21px;
}

.gmaps-item.dot-left-bottom .marker {
  left: -21px;
  bottom: 2px;
}

/* Dot linke Seite/Mitte */
.gmaps-item.dot-left-center {
  margin-left: 21px;
}

.gmaps-item.dot-left-center .marker {
  left: -21px;
  top: 50%;
  margin-top: -12px;
}

/* Dot rechte Seite/oben */
.gmaps-item.dot-right-top .marker {
  left: 189px;
  background-position: top right;
}

/* Dot rechte Seite/unten */
.gmaps-item.dot-right-bottom .marker {
  left: 189px;
  bottom: 1px;
  background-position: top right;
}

/* Dot rechte Seite/center */
.gmaps-item.dot-right-center .marker {
  left: 189px;
  top: 50%;
  margin-top: -10px;
  background-position: top right;
}

/* Dot Seite oben / rechts */
.gmaps-item.dot-top-left .marker {
  left: 0px;
  top: -22px;
  background-position: 0 -20px;
}

/* Dot Seite oben / rechts */
.gmaps-item.dot-top-right .marker {
  right: 0px;
  top: -22px;
  background-position: 0 -20px;
}

/* Dot Seite unten / links */
.gmaps-item.dot-top-center .marker {
  left: 50%;
  top: -22px;
  margin-left: -11px;
  background-position: 0 -20px;
}

.gmaps-item.dot-bottom-left .marker {
  top: 100%;
  background-position: right -21px;
}

.gmaps-item.dot-bottom-right .marker {
  top: 100%;
  background-position: right -21px;
  right: 0;
}

.gmaps-item.dot-bottom-center .marker {
  top: 100%;
  background-position: right -21px;
  left: 50%;
  margin-left: -11px;
}

.gmaps-item h4 {
  font-family: "Arial","Helvetica","Tahoma",sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 20px;
  padding: 0 5px 0 21px;
  color: #777;
  border-bottom: 1px solid #dadada;
  text-transform: uppercase;
  cursor: pointer;
  text-shadow: 1px 1px 2px white;
  background: #fff url(../../../System/assets/img/bde/pfeil-ktgacc.png) 5px 4px no-repeat;
}

.open h4 {
  background-position: 5px -53px;
}

.gmaps-item > button {
  width: 15px;
  height: 14px;
  background: url(../../../System/assets/img/com/close-x.png);
  float: right;
  border: 0;
  margin-top: 3px;
  margin-right: 3px;
}

.gmaps-item > button:hover {
  background-position: bottom center;
}

.entry-wrapper {
  display: none;
}

.open .entry-wrapper {
  display: block;
}

.gmaps-item .entry-title {
  margin-top: 5px;
}

.gmaps-item .entry-title .kicker {
  font-size: 12px;
  line-height: 15px;
  padding: 3px 5px;
  color: #DD0000;
  font-weight: 400;
  text-transform: uppercase;
}

.gmaps-item .entry-title .headline {
  font-size: 17px;
  line-height: 19px;
  font-weight: 400;
  padding: 0 5px 3px 5px;
}

.gmaps-item .entry-title .headline > span {
  font-size: 17px;
  line-height: 19px;
  font-weight: 400;
}

.gmaps-item .entry-content {
  padding: 3px 5px;
  line-height: 16px;
  max-height: none;
}

.gmaps-item .entry-content a {
  text-decoration: underline;
}

.gmaps-item .entry-content a:hover,
.gmaps-item .entry-content a:focus,
.gmaps-item .entry-content a:active {
  color: #d00;
}

.gmaps-item div.gmaps-image-wrapper {
  position: relative;
  height: auto;
}

.gmaps-item div.float {
  float: left;
  width: 72px;
  height: 85px;
}

.gmaps-item div.gmaps-image-wrapper {
  background-color: #dadada;
  text-align: center;
}

.gmaps-item div.gmaps-image-wrapper img.w16h19 {
  max-height: 106px;
  max-width: none;
  margin: 0 auto;
}

.gmaps-item div.gmaps-image-wrapper span.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -22px;
  margin-top: -22px;
}

.gmaps-item div.gmaps-image-wrapper span.infoIcon,
.gmaps-item div.gmaps-image-wrapper span.articleIcon {
  background: url(../../../System/assets/img/com/gmaps-icon-sprite.png);
  height: 46px;
  width: 46px;
  overflow: hidden;
}

.gmaps-item div.gmaps-image-wrapper span.articleIcon {
  background-position: right top;
}

.gmaps-item a:hover div.gmaps-image-wrapper span.articleIcon {
  background-position: right -47px;
}

.gmaps-item a:hover div.gmaps-image-wrapper span.infoIcon {
  background-position: left -47px;
}

div.gmaps {
  position: relative;
}

div.gmaps h3 {
  position: absolute;
  z-index: 3;
  left: 10px;
  top: 10px;
  background-color: #dd0000;
  font-size: 17px;
  line-height: 19px;
  padding: 2px 6px;
  color: #fff;
  margin: 10px 0 0 10px;
  text-transform: uppercase;
}

div.gmaps h3 span {
  font-size: 17px;
}

.element .gmaps figure a {
  width: auto;
  position: static;
  display: inline;
}

aside .gmaps h3 {
  margin-right: 23px;
}

aside .gmaps {
  padding-top: 12px;
}

.center .gmaps {
  padding-top: 12px;
}

.edge > div.gmaps h3 {
  height: auto;
}

div.gmaps h3.bgV2 {
  background-color: #4c4c4c;
}

div.gmaps figcaption {
  color: black;
}

div.gmaps .credit,
.element div.gmaps .credit {
  font-size: 10px;
  color: #777;
  line-height: 10px;
  padding: 8px 0;
  margin: 0;
  clear: both;
}

.element div.gmaps .credit {
  height: auto;
  padding: 8px 0;
  clear: both;
  display: block;
}

.edge .ielhead.gmaps .credit {
  padding-left: 8px;
}

aside .gmaps figcaption {
  text-align: center;
}

aside .gmaps h3,
.center .gmaps h3 {
  top: 22px;
  left: 22px;
}

/* Menue Buttons */
div.gmaps button.left-menu {
  background: url(../../../System/assets/img/bde/mapsButtons.png);
  height: 25px;
  width: 24px;
  border: 0;
  margin-left: 33px;
  display: none;
}

div.gmaps button.gm-home {
  background-position: 0 0;
}

div.gmaps button.gm-home:hover,
div.gmaps button.gm-home:focus,
div.gmaps button.gm-home:active {
  background-position: 0 25px;
}

div.gmaps button.gm-fullscreen {
  background-position: -24px 0;
}

div.gmaps button.gm-fullscreen:hover,
div.gmaps button.gm-fullscreen:focus,
div.gmaps button.gm-fullscreen:active {
  background-position: -24px 25px;
}

div.gmaps button.top-menu {
  background: url(../../../System/assets/img/bde/mapsButtons.png);
  height: 25px;
  width: 26px;
  border: 0;
  margin-top: 5px;
  display: none;
}

div.gmaps button.gm-a {
  background-position: -48px 0;
}

div.gmaps button.gm-a:hover,
div.gmaps button.gm-a:focus,
div.gmaps button.gm-a:active,
div.gmaps button.gm-a.active {
  background-position: -48px 25px;
}

div.gmaps button.gm-b {
  background-position: -74px 0;
}

div.gmaps button.gm-b:hover,
div.gmaps button.gm-b:focus,
div.gmaps button.gm-b:active,
div.gmaps button.gm-b.active {
  background-position: -74px 25px;
}

div.gmaps button.gm-c {
  background-position: -100px 0;
}

div.gmaps button.gm-c:hover,
div.gmaps button.gm-c:focus,
div.gmaps button.gm-c:active,
div.gmaps button.gm-c.active {
  background-position: -100px 25px;
}

div.gmaps button.gm-d {
  background-position: -126px 0;
}

div.gmaps button.gm-d:hover,
div.gmaps button.gm-d:focus,
div.gmaps button.gm-d:active,
div.gmaps button.gm-d.active {
  background-position: -126px 25px;
}

/* social sharing */
/* only for ext tools -> .flank */
.social-sharing {
  position: absolute;
  top: 380px;
  left: -102px;
  width: 101px;
  margin: 0;
  height: auto;
  background: #fff;
  z-index: 5;
}

.social-sharing li {
  float: left;
  display: table-cell;
  width: 100px;
}

.social-sharing li .likes,
.social-sharing li a.likecnt {
  font-weight: normal;
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
}

.social-sharing li .likes button,
.social-sharing li .likes a {
  display: inline-block;
  padding: 0;
  border: 1px solid #ccc;
  font-size: 10px;
  height: 18px;
  float: left;
}

.social-sharing li .likes .likebtn {
  color: #777;
  line-height: 15px;
  text-transform: uppercase;
  background: #fff;
  padding: 1px 5px 0 4px;
}

.social-sharing ul.tools {
  display: none;
  /*float: right;
    padding-right: 2px;*/
}

ul.tools [data-icon]:before {
  padding: 0 10px 0 2px;
  font-size: 17px;
  display: inline-block;
  text-align: center;
}

ul.tools li a {
  display: inline-block;
  width: 20px;
  height: 24px;
  margin-left: 8px;
  padding-top: 8px;
  color: #777;
}

ul.tools li a:hover, ul.tools li a:active, ul.tools li a:focus {
  color: #777;
}

/* ext tools */
.social-sharing.flank li .likes .likecnt {
  position: absolute;
  top: 17px;
  left: 9px;
  width: 80px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  margin: 0;
  padding: 8px 0 7px;
}

.social-sharing.flank li .likes .likebtn {
  margin: 47px 0 12px 10px;
}

.social-sharing.flank li .likecnt:after, .social-sharing.flank li .likecnt:before {
  top: 100%;
}

.social-sharing.flank li .likecnt:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
  margin-top: 0;
}

.social-sharing.flank li .likecnt:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
  margin-top: 0;
}

.social-sharing li .likecnt:after, .social-sharing li .likecnt:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

.social-sharing li .likecnt:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 4px;
  top: 50%;
  margin-top: -4px;
}

.social-sharing li .likecnt:before {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #ccc;
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}

.social-sharing.flank .sb-info-popup {
  left: 100px;
  top: 0;
}

.social-button iframe {
  max-width: 168px;
}

.social-button.fblike iframe {
  max-width: 193px;
}

.social-sharing .sb-info-popup {
  left: -50%;
}

.social-sharing.flank .sb-info-popup {
  left: 100px;
  top: 0;
}

.flank .sb-info-popup:after,
.flank .sb-info-popup:before {
  left: -6px;
  border-color: transparent #dadada transparent transparent;
  top: 50%;
  margin-top: -6px;
}

.flank .sb-info-popup:after {
  border-color: transparent #fff transparent transparent;
  left: -5px;
  top: 50%;
  margin-top: -5px;
}

/* iframe dimensions */
.social-sharing.flank iframe.fb-like-small {
  height: 92px;
  width: 89px;
}

/* iframe dimensions */
.social-sharing.flank li > div {
  max-width: none;
  min-width: 0;
  height: auto;
  width: auto;
  padding-top: 15px;
  margin: 0 auto;
}

.social-sharing.flank .sb-placeholder {
  float: none;
  height: 30px;
  display: block;
}

.social-sharing.flank .social-lever {
  display: block;
  float: none;
  width: 30px;
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-bottom: 10px;
}

.social-sharing.flank .fblike .sb-placeholder {
  background-image: url(../../../System/assets/img/com/i_like_grow.png);
  min-width: 86px;
  max-width: 180px;
  margin: 0;
}

.social-sharing.flank .fbrecom .sb-placeholder {
  background-image: url(../../../System/assets/img/com/recommend_grow.png);
  margin: 0 0 0 -5px;
}

.social-sharing.flank .twitter .sb-placeholder {
  background-image: url(../../../System/assets/img/com/twitter_grow.png);
  min-width: 68px;
  max-width: 68px;
  margin: 0;
}

.social-sharing.flank .social-button.gplus .sb-placeholder {
  background-image: url(../../../System/assets/img/com/gplus_wide.png);
  min-width: 50px;
  max-width: 50px;
  margin: 0;
}

.social-sharing.flank .social-button.fblike .social-lever {
  margin-left: 26px;
}

.social-sharing.flank .social-button.twitter .social-lever {
  margin-left: 22px;
}

.social-sharing.flank .social-button.gplus .social-lever {
  margin-left: 13px;
}

.social-sharing.flank .sb-to-fill {
  float: none;
}

.social-sharing.flank .social-button.fblike {
  padding-left: 12px;
}

.social-sharing.flank .social-button.twitter {
  padding-left: 16px;
}

.social-sharing.flank .social-button.gplus {
  padding: 20px 0 0 25px;
}

.social-sharing.flank .social-lever.active {
  background: url(../../../System/assets/img/com/button_sprite.png) center -13px;
  background-repeat: no-repeat;
}

.social-sharing.flank li {
  margin: 0;
  padding: 0;
}

.social-button.fblike .fb_iframe_widget_lift {
  max-width: none;
}

/* social sharing */
.social-button, .social-button iframe {
  position: relative;
  border: 0;
}

.social-button iframe {
  max-width: 250px;
}

.s5 .social-button iframe {
  max-width: 221px;
}

.s6 .social-button iframe {
  max-width: 268px;
}

.sb-info-popup {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 220px;
  top: 27px;
  padding: 12px;
  border: 1px solid #dadada;
  font-size: 13px;
  color: #444;
  left: -55px;
  z-index: 7000;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.sb-info-popup[data-popup-pos="right"] {
  left: 50%;
  top: -65px;
  z-index: 10001;
}

.sb-info-popup:after,
.sb-info-popup:before {
  content: "";
  position: absolute;
  top: -12px;
  border-width: 6px;
  border-color: transparent transparent #dadada transparent;
  border-style: solid;
  left: 50%;
  margin-left: -5px;
}

.sb-info-popup:after {
  border-color: transparent transparent #fff transparent;
  border-width: 5px;
  left: 50%;
  margin-left: -4px;
  top: -10px;
}

.sb-info-popup[data-popup-pos="right"]:after,
.sb-info-popup[data-popup-pos="right"]:before {
  left: -6px;
  border-color: transparent #dadada transparent transparent;
  top: 50%;
  margin-top: -6px;
}

.sb-info-popup[data-popup-pos="right"]:after {
  border-color: transparent #fff transparent transparent;
  left: -5px;
  top: 50%;
  margin-top: -5px;
}

.sb-info-popup h4 {
  font-size: 13px;
  color: #444;
}

.sb-info-popup p {
  margin-top: 0.75em;
}

.socialBlock.alt2 li p > a {
  color: #000;
  text-decoration: underline;
  font-weight: 400;
}

.sb-info-popup h4 + p {
  margin-top: 0;
}

.sb-placeholder {
  height: 24px;
  float: left;
  background-repeat: no-repeat;
}

.fblike {
  max-width: 500px;
}

/* iframe dimensions */
iframe.fb-like-small {
  height: 22px;
}

.twitter-count-horizontal {
  width: 115px;
}

/* iframe dimensions */
.fblike .sb-placeholder {
  background-image: url(../../../System/assets/img/com/i_like_grow.png);
  min-width: 86px;
  max-width: 180px;
}

.fbrecom .sb-placeholder {
  background-image: url(../../../System/assets/img/com/recommend_grow.png);
}

.gplus .sb-placeholder {
  background-image: url(../../../System/assets/img/com/gplus_tiny.png);
  min-width: 32px;
  max-width: 180px;
}

.twitter .sb-placeholder {
  background-image: url(../../../System/assets/img/com/twitter_grow.png);
  width: 76px;
}

.social-button.comments button {
  height: 20px;
  margin: 0;
  width: 50px;
  padding: 0;
  border: 1px solid #000;
  background: none;
}

.social-lever {
  background: url(../../../System/assets/img/com/button_sprite.png) 0 0;
  width: 26px;
  height: 13px;
  float: left;
  margin: 3px 5px 0 0;
  border: 0;
}

.social-lever.active {
  background: url(../../../System/assets/img/com/button_sprite.png) 0 13px;
}

.likes .likebtn:hover {
  background-image: none;
  background-color: #d00;
  color: #fff;
}

.twitter {
  width: auto;
}

.sb-to-fill {
  display: none;
  float: left;
}

.sb-to-fill div {
  overflow: hidden;
}

.authors {
  position: relative;
}

.authors > li {
  float: left;
  margin: 0 3px 0 0;
  padding-bottom: 10px;
}

.authors > li:last-child {
  width: 100%;
}

.authors > li > span {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  padding: 4px 10px 0 0;
  max-width: 360px;
  font-weight: 400;
  text-transform: uppercase;
}

.fonts-loaded .authors > li > span {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 17px;
}

.authors li + li > span {
  padding: 4px 10px 0 5px;
}

.authors span em {
  font-style: normal;
  margin-right: 3px;
  text-transform: none;
}

.authors .load {
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  text-indent: -9999px;
  background: url(../../../System/assets/img/com/loading.gif) no-repeat 50% 50% white;
  z-index: 5001;
  -webkit-transition: height 1s;
          transition: height 1s;
}

.authors .inner {
  border-bottom: 1px solid #d9d9d9;
}

.authors .authorimg {
  height: 144px;
  width: 121px;
  float: left;
  margin: 0 12px 0 0;
}

.authors img + h4 {
  padding: 5px 0 0;
}

.authors .count .btn-follow {
  height: 18px;
  text-decoration: none;
  color: white;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
}

.fonts-loaded .authors .count .btn-follow {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 14px;
}

.authors .count .btn-follow:hover, .authors .count .btn-follow:active, .authors .count .btn-follow:focus {
  color: #d9d9d9;
}

.authors .inner div a,
.authors .authorname a,
.authors .allarticles {
  text-decoration: underline;
}

.authors .inner div a:hover, .authors .inner div a:active, .authors .inner div a:focus,
.authors .authorname a:hover,
.authors .authorname a:active,
.authors .authorname a:focus,
.authors .allarticles:hover,
.authors .allarticles:active,
.authors .allarticles:focus {
  color: #db0000;
}

.authors ul {
  border-top: 1px solid #dadada;
  padding: 6px 0;
  margin: 12px 0 0;
}

.authors ul li {
  margin: 0 0 0 40px;
}

.authors ul li:first-child {
  margin: 0;
}

.authors ul li.last {
  float: right;
}

.authorbox {
  display: block;
  background-color: white;
  position: relative;
  width: 658px;
  color: #454545;
  font-size: 14px;
  line-height: 1.2;
  height: 0;
  overflow: hidden;
}

.fonts-loaded .authorbox {
  font-family: "Gotham XNarrow", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 17px;
}

.authorbox a.close {
  background: url(../../../System/assets/img/bde/close-layer.png) no-repeat 0 0;
  height: 10px;
  position: absolute;
  right: 12px;
  top: 0;
  width: 10px;
  z-index: 2;
}

.authorbox .inner div a,
.authors a.allarticles {
  color: #454545;
}

/* Mobile Anpassungen ohne iPad */
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    body {
        -webkit-text-size-adjust: none;
    }
    footer section nav ol {
        display: none;
    }
    .nticker .loupe span,
    .gallery .loupe {
        display: block;
        visibility: visible;
    }
    .shift figure ul,
    .modern .shift figure ul {
         overflow: auto;
         max-height: 100%;
    }
}
/* iPad */
@media
only screen and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (min-device-width : 1536px) and (max-device-width : 2048px) and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-width : 1536px) and (max-device-width : 2048px) and (min-device-pixel-ratio : 1.5)  {
    body {
        -webkit-text-size-adjust: none;
    }
    .nticker .loupe span,
    .gallery .loupe {
        display: block;
        visibility: visible;
    }
}